@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#16231e;--muted:#68766f;--faint:#99a49e;--canvas:#f6f5ef;--paper:#fffefa;--soft:#edf0e8;--line:#dbe0d8;--accent:#126b55;--accent-deep:#0c513f;--accent-pale:#e1f0e9;--danger:#b4463d;--danger-pale:#fbe9e7;--shadow:0 18px 50px rgba(26,45,37,.08);--radius:15px;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-height:100vh;color:var(--ink);font:400 16px/1.55 var(--sans);background:radial-gradient(900px 520px at 100% -12%,#e2eee3 0,transparent 65%),linear-gradient(120deg,#f6f5ef,#faf9f4)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(90deg,transparent 0,transparent 95%,#d9ded550 100%);background-size:80px 80px}.wrap{position:relative;max-width:1240px;margin:auto;padding:28px 32px 72px}.top{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin:0 0 42px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{font-size:1rem;font-weight:700;letter-spacing:.07em}.brand span,.status,.code{color:var(--accent)}.user{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.88rem}.user:before{content:"";width:8px;height:8px;border-radius:50%;background:#65b48a;box-shadow:0 0 0 4px #dff1e6}h1,h2,h3{letter-spacing:-.035em;line-height:1.12;margin:0;color:var(--ink)}h1{font:700 clamp(2rem,4vw,3.35rem)/1.05 var(--serif)}h2{font:700 1.65rem/1.15 var(--serif)}p{margin:.45rem 0}.muted{color:var(--muted)}.small{font-size:.81rem}.status{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.card{background:color-mix(in srgb,var(--paper) 95%,transparent);border:1px solid #e7e9e2;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.auth{max-width:460px;margin:8vh auto}.auth:before{content:"";display:block;width:38px;height:5px;margin-bottom:25px;border-radius:3px;background:var(--accent)}.auth h1{margin:0 0 13px}.grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(450px,1.2fr);gap:44px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.stack,.questions,.quiz-list{display:grid;gap:13px}label{display:block;margin-top:8px;color:#425149;font-size:.84rem;font-weight:700}input,select{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:500 1rem var(--sans);transition:border .18s,box-shadow .18s,background .18s}input::placeholder{color:#a2aaa5}input:focus,select:focus{outline:0;border-color:#6aa38e;background:#fff;box-shadow:0 0 0 4px #dceee5}button{border:0;border-radius:9px;padding:11px 16px;background:var(--accent);color:white;font:700 .9rem var(--sans);cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 6px 14px #126b5526}button:hover{background:var(--accent-deep);box-shadow:0 9px 18px #126b5533;transform:translateY(-1px)}button:active{transform:translateY(1px);box-shadow:none}button.secondary{background:var(--soft);color:var(--ink);box-shadow:none}button.secondary:hover{background:#e0e6db}button.danger{background:var(--danger);box-shadow:none}button.danger:hover{background:#963a33}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.notice{margin:16px 0;padding:13px 15px;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:var(--accent-pale);color:#245143;font-size:.92rem}.error{border-left-color:var(--danger);background:var(--danger-pale);color:#81352f}.quiz-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);background:transparent}.quiz-row:first-child{border-top:1px solid var(--line)}.quiz-row:hover .quiz-title{color:var(--accent)}.quiz-title{font-weight:700;transition:color .15s}.actions,.tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.code{font:700 2.15rem/1 var(--serif);letter-spacing:.1em;margin:8px 0 18px}.qcard{padding:19px 0;border-bottom:1px solid var(--line);background:transparent}.qcard:first-child{border-top:1px solid var(--line)}.qcard p{font-size:.85rem}.question{max-width:720px;margin:7vh auto}.question h1{margin:8px 0 26px}.options{display:grid;gap:10px;margin-top:20px}.option{position:relative;display:flex;align-items:center;min-height:64px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left;box-shadow:none;font-size:1rem}.option:before{content:"";width:9px;height:9px;margin-right:14px;border:1.5px solid #a5b1aa;border-radius:50%;transition:all .15s}.option:hover{border-color:#a8c9b9;background:#fbfdfb}.option.selected{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important;box-shadow:0 7px 16px #126b5530}.option.selected:before{border-color:white;background:white;box-shadow:inset 0 0 0 2px var(--accent)}#lock{display:none!important}.display-shell{position:relative;min-height:100vh;padding:34px 6vw;display:grid;grid-template-rows:auto 1fr auto;gap:24px;background:radial-gradient(900px 500px at 0 0,#dfeee5,transparent 67%),var(--canvas)}.display-question{width:100%;max-width:1140px;margin:auto}.display-question h1{max-width:1000px;margin:17px 0 30px;font-size:clamp(2.6rem,5.7vw,5.6rem)}.display-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.display-option{min-height:112px;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:1.25rem;box-shadow:0 8px 18px #1c37290b}.display-option strong{color:var(--accent)}.display-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:10px}.leaderboard{max-width:740px;margin:25px auto}.rank{display:flex;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line)}.rank:first-of-type{color:var(--accent);font-weight:700}.option.locked,.locked-button{background:var(--accent-pale)!important;border-color:#85b79f!important;color:var(--accent-deep)!important}.lock-message{color:var(--accent);font-weight:700;margin:12px 0 0}a{color:var(--accent);font-weight:700;text-underline-offset:3px}@media(max-width:780px){.wrap{padding:18px 17px 44px}.top{margin-bottom:30px}.grid{grid-template-columns:1fr;gap:22px}.card{padding:22px}.auth{margin:5vh auto}.quiz-row{align-items:flex-start;flex-direction:column;gap:10px}.display-shell{padding:22px 18px}.display-grid{grid-template-columns:1fr}.display-question h1{font-size:2.55rem}.display-option{min-height:80px}.user{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}