.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-3);margin:0 0 .75rem;font-size:.78rem;font-weight:700}.lede{max-width:46ch;margin:0 auto;font-size:1.05rem}.muted{color:var(--text-muted)}.button{background:var(--grad-strong);color:var(--text-h);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.6rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s}.button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f59e0b66}.pill{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;flex-shrink:0;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.button.ghost{background:var(--surface-hi);border:1px solid var(--border);color:var(--text)}.button.ghost:hover{box-shadow:var(--shadow)}.button.danger{color:#b42318;background:#fdf0f0;border:1px solid #f3c2c2}.button.danger:hover{color:#fff;background:#b42318;border-color:#b42318;box-shadow:0 8px 22px #b423184d}.link-button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.link-button:hover{color:var(--accent-ink)}.panel+.panel{margin-top:2rem}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:2rem}.panel.center{text-align:center}.panel h2{margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.4rem)}.panel .lede{margin:0 0 1.5rem}.panel.center .lede{margin-inline:auto}.set-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.set-card{border:1px solid var(--border);background:var(--surface-hi);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.set-card>div{flex:1;min-width:0}.set-card strong{color:var(--text-h)}.set-thumb{object-fit:cover;border-radius:12px;flex-shrink:0;width:3.25rem;height:3.25rem}.set-banner{object-fit:cover;border-radius:16px;width:100%;max-height:220px;margin:0 0 1.25rem;display:block}.set-card p{margin:.15rem 0 0;font-size:.9rem}.set-link{color:inherit;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.set-link:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.empty{border:1px dashed var(--border);background:var(--surface-hi);text-align:center;border-radius:16px;padding:2.5rem 1rem}.empty p{margin:.25rem 0}.empty-icon{margin-bottom:.5rem;font-size:2rem;display:block}.empty strong{color:var(--text-h)}.error{color:#b42318;background:#fdf0f0;border:1px solid #f3c2c2;border-radius:12px;padding:.85rem 1.1rem}.field{display:block}.field-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.field textarea,.field input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);font:inherit;resize:vertical;border-radius:14px;padding:.85rem 1rem;display:block}.field textarea:focus,.field input:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 3px #facc1559}.field .select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);font:inherit;cursor:pointer;border-radius:14px;padding:.85rem 1rem;display:block}.field .select:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 3px #facc1559}.field .select:disabled{cursor:not-allowed;opacity:.55}:root{--text:#5f4b36;--text-h:#241608;--text-muted:#8a7663;--text-faint:#ab9578;--bg:#fff;--surface:#fff;--surface-hi:#fff9e6;--border:#f8e3b5;--code-bg:#fff6d9;--accent:#facc15;--accent-2:#f97316;--accent-3:#a16207;--accent-ink:#854d0e;--accent-soft:#fef3c7;--grad:linear-gradient(140deg, #fde047, #f59e0b);--grad-strong:linear-gradient(140deg, #fbbf24, #f59e0b);--shadow:0 10px 30px #ca8a041f;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--display:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/160% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:clip}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:var(--text-h);font-family:var(--display);letter-spacing:-.02em;font-weight:700;line-height:1.15}a{color:var(--accent-3)}code{font-family:var(--mono);background:var(--code-bg);border-radius:4px;padding:1px 5px}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.hero{text-align:center;padding:1rem 0 3.5rem}.hero h2{max-width:16ch;margin:0 auto 1rem;font-size:clamp(2.25rem,6vw,3.5rem)}.home-published .empty{max-width:32rem;margin-inline:auto}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.quiz-card{aspect-ratio:9/10;color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.quiz-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.quiz-cover{background:linear-gradient(135deg, var(--accent), var(--accent-2));flex:1;min-height:0;position:relative;container-type:inline-size}.quiz-cover>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.quiz-name{inset-inline:0;color:#fff;text-align:center;text-shadow:0 1px 3px #00000080;background:linear-gradient(#0000,#000c);margin:0;padding:2.5rem .85rem .8rem;font-size:1.35rem;line-height:1.2;position:absolute;bottom:0}.quiz-category{color:#000;letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;padding-bottom:.15rem;font-size:.7rem;font-weight:700;display:block;overflow:hidden}.quiz-game{max-width:calc(100% - 1rem);color:var(--text-h);white-space:nowrap;background:#ffffffeb;border-radius:.4rem;align-items:center;gap:.35rem;padding:1px .3rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem;overflow:hidden}.quiz-game span{text-overflow:ellipsis;min-width:0;overflow:hidden}.quiz-game-icon{object-fit:cover;background:#fff;border-radius:.25rem;flex:none;width:10cqw;height:10cqw}.quiz-blurb{color:#000;flex-shrink:0;padding:1rem}.quiz-blurb p{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.quiz-blurb .quiz-difficulty{color:var(--accent-3);font-size:.78rem;font-weight:700;display:block}.quiz-blurb .quiz-difficulty:not(:first-child){margin-top:.4rem}.set-button{width:100%;font:inherit;text-align:left;cursor:pointer}.step-back{margin-bottom:1rem}.channels-hero{text-align:center;padding:1rem 0 2.5rem}.channels-hero h2{max-width:16ch;margin:0 auto 1rem;font-size:clamp(2.25rem,6vw,3.5rem)}.channels-hero .lede{margin:0 0 1.5rem}.channels-board .empty{max-width:32rem;margin-inline:auto}.channel-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow-x:auto}.channel-table{border-collapse:collapse;width:100%;font-size:.9rem}.channel-table th,.channel-table td{text-align:left;vertical-align:top;padding:.75rem 1rem}.channel-table td{color:var(--text-muted)}.channel-table thead th{background:var(--accent-soft);border-bottom:1px solid var(--border);color:var(--accent-ink);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:700}.channel-table tbody tr+tr td{border-top:1px solid var(--border)}.channel-table tbody tr:hover{background:var(--surface-hi)}.channel-col-name{width:16rem}.channel-table td.channel-cell-name{color:var(--text-h);font-weight:700}.channel-cell-name a{color:inherit;text-decoration:none}.channel-cell-name a:hover{color:var(--accent-ink);text-decoration:underline}.channel-table th.channel-col-difficulty{text-align:right;width:7rem}.channel-table .num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.account-face{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:.3rem .35rem .3rem .85rem;transition:background .15s;display:flex}.account-face-avatar{background-color:#ffffff59;border-radius:8px;flex:none}.account-face-name{min-width:0;color:var(--accent-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.account-menu{z-index:100;box-sizing:border-box;width:min(17rem,82vw);height:100dvh;padding:var(--header-pad-y) var(--header-account-pad-right) 1.25rem .85rem;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;transition:transform .22s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 34px #ca8a0438}.account-menu.open{transform:none}.account-menu-scrim{z-index:90;opacity:0;pointer-events:none;background:#24160852;transition:opacity .22s;position:fixed;inset:0}.account-menu-scrim.open{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.account-menu,.account-menu-scrim{transition:none}}.account-face.account-menu-head{justify-content:flex-end;width:100%}.account-face.account-menu-head:hover{background:var(--surface-hi)}.account-menu-items{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:.1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.account-menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.55rem .75rem;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:block}.account-menu-item:hover{background:var(--surface-hi);color:var(--text-h)}.account-menu-item.active{background:var(--accent-soft);color:var(--accent-ink)}.account-menu-rule{border:0;border-top:1px solid var(--border);height:0;margin:.45rem .25rem}.account-menu-rule-last{margin-top:auto}.account-menu-signout{color:var(--text-muted);font-weight:500}.account{align-items:center;display:flex}.account-face.account-trigger:hover,.account-face.account-trigger[aria-expanded=true]{background:#ffffff59}.account-face.account-trigger:hover .account-face-name,.account-face.account-trigger[aria-expanded=true] .account-face-name{color:var(--text-h)}.app{box-sizing:border-box;text-align:left;flex-direction:column;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex}main{flex-direction:column;flex:1;display:flex}:root{--header-pad-y:.75rem;--header-account-pad-right:.4rem}header{z-index:20;background:var(--accent);position:relative;box-shadow:0 2px 16px #ca8a0447}.header-inner{max-width:1000px;padding:var(--header-pad-y) 1.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.header-inner.header-account-end{max-width:none;padding-right:var(--header-account-pad-right)}.header-side{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}.header-side-end{justify-content:flex-end}.brand{align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-mark{box-sizing:content-box;background:var(--surface);border-radius:999px;flex-shrink:0;width:2rem;height:2rem;padding:.3rem;transition:transform .15s}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.05)}.brand-name{font-family:var(--display);letter-spacing:.01em;color:var(--text-h);font-size:1.3rem;font-weight:700}nav{flex-wrap:wrap;gap:.4rem;display:flex}nav a{color:var(--accent-ink);border-radius:999px;padding:.4rem 1rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}nav a:hover{color:var(--text-h);background:#ffffff59}nav a.active{background:var(--surface);color:var(--accent-ink)}.header-toggle{background:#ffffff47;border-radius:999px;flex:none;gap:.15rem;padding:.25rem;box-shadow:inset 0 1px 2px #92400e29}.header-toggle a{padding:.35rem 1.15rem}.header-toggle a:hover{background:#ffffff73}.header-toggle a.active{background:var(--surface);box-shadow:0 1px 3px #92400e40}footer{border-top:1px solid var(--border);text-align:center;letter-spacing:.05em;color:var(--text-muted);margin-top:4rem;padding-top:1.5rem;font-size:.85rem}@media (width<=640px){.header-inner{gap:.75rem}.header-toggle{margin:0 auto}.header-account-end .header-toggle{flex-basis:100%;order:1;justify-content:center}}