:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#10161d;color:#f0f3f5}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid #2c3540;background:#17202a}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:19px}.brand small{display:block;color:#aab3be;font-size:12px}.sun{color:#e5b342;font-size:36px}main{max-width:1160px;padding:28px 24px;margin:auto;min-height:80vh}h1{font-size:27px}h2{font-size:19px;margin-top:0}.sub{font-weight:400;color:#c49a40}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#19232e;border:1px solid #34404e;border-radius:12px;padding:24px;margin-bottom:20px}.login{max-width:440px;margin:45px auto}label{display:block;margin:18px 0;color:#d4dae0;font-weight:600;font-size:14px}input,textarea{display:block;width:100%;background:#101822;color:#f6f7f8;border:1px solid #4a5664;border-radius:7px;padding:12px;margin-top:8px;font:inherit;resize:vertical}input:focus,textarea:focus{outline:2px solid #d9a43c;outline-offset:1px}button{border:0;background:#d9a43c;color:#14181f;border-radius:7px;padding:12px 17px;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:#35404e;color:white}.discord{border-left:4px solid #d9a43c;background:#111923;padding:16px;border-radius:4px;margin:20px 0}.discord-title{font-size:17px;font-weight:750;color:#e5b342;margin-bottom:12px}.discord h3{font-size:15px}.text{white-space:pre-wrap;overflow-wrap:anywhere}.discord small{color:#a4adb9}.discord a{color:#e5b342}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:12px;border-bottom:1px solid #33404c}.tablewrap{overflow:auto}.flash{padding:14px;border-radius:7px;margin-bottom:18px;background:#364455}.flash.success{border-left:4px solid #4daa7d}.flash.error{border-left:4px solid #d76f6f}footer{text-align:center;color:#8794a2;padding:30px}@media(max-width:800px){.grid{grid-template-columns:1fr}header{padding:15px 24px}}

.actions{display:flex;gap:10px;flex-wrap:wrap}.hint{font-size:12px;color:#aab3be;line-height:1.5}

select{display:block;width:100%;background:#101822;color:#f6f7f8;border:1px solid #4a5664;border-radius:7px;padding:12px;margin-top:8px;font:inherit}details{margin:18px 0;border:1px solid #34404e;border-radius:7px;padding:12px}summary{cursor:pointer;font-weight:650;color:#e5b342}.discord{max-height:720px;overflow:auto}

/* Sunshine Valley header logo */
.brand-logo{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0}

/* Sunshine Valley: Original valley artwork, translucent glass panels */
body {
  background: linear-gradient(180deg, rgba(8,14,21,.43), rgba(8,14,21,.56)),
    url('/static/img/background.jpg') center center / cover fixed no-repeat;
  min-height: 100vh;
}
header { background: rgba(16,25,35,.77); backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px); }
.card { background: rgba(23,34,45,.74); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.discord { background: rgba(12,21,30,.83); }
@media (max-width: 800px) { body { background-attachment: scroll; } }