:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#12111c;color:#eee9fa}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:26px;padding:24px 5%;border-bottom:1px solid #343044;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:3px;font-size:21px}a{color:inherit;text-decoration:none}nav{display:flex;gap:20px;flex:1;flex-wrap:wrap}nav a{color:#b7aecb;font-size:14px}nav [aria-current]{color:#c8a3ff}#gold{color:#e5c27b;white-space:nowrap}main{max-width:1120px;margin:auto;padding:20px 28px 60px}.intro{padding:40px 0 24px}.eyebrow{color:#b794e0;letter-spacing:3px;font-size:12px}h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin:20px 0}p{line-height:1.65;color:#bfb6cf}.identity,.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.identity{max-width:600px;margin-top:26px}.heading{margin:32px 0 16px}.heading h2{font-size:25px;margin:0}.heading span{font-size:11px;letter-spacing:1px;color:#93879f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{padding:24px;border:1px solid #3d334e;background:linear-gradient(135deg,#252033,#1a1826);border-radius:18px}.card.active{border-color:#b28b59;background:linear-gradient(135deg,#322c25,#201d29)}.card h3{font-size:21px;margin:16px 0}.badge{font-size:12px;letter-spacing:1px;color:#c9a3ee}.card .description{white-space:pre-line;font-size:14px;min-height:72px}.goal{font-size:17px;color:#eee9fa}.reward{display:block;color:#e9c37e;font-size:22px;margin:18px 0}button{border:1px solid #645279;background:#a17bcc;color:#130d20;border-radius:10px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}.card button{width:100%}#refresh{font-size:13px;background:transparent;color:#cbb5e5}.hint,.empty{font-size:14px;color:#a79cb9}.empty{border:1px dashed #443a52;border-radius:14px;padding:24px}.footnote{margin-top:32px}#notice{min-height:24px;color:#e1c294}dialog{background:#252033;color:#eee9fa;border:1px solid #6b527e;border-radius:18px;max-width:450px;padding:28px}dialog::backdrop{background:#000a}.actions{display:flex;gap:12px;flex-wrap:wrap}.danger{background:#623444;color:#ffe8eb}@media(max-width:600px){header{gap:15px;padding:18px}nav{order:3;flex-basis:100%;gap:18px}main{padding:16px}.intro{padding-top:20px}.heading{align-items:flex-start;flex-direction:column}.card{padding:20px}}
