@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=DM+Mono:wght@400;500&display=swap";.toast-container[data-v-e97cbff8]{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast[data-v-e97cbff8]{pointer-events:auto;white-space:pre-wrap;text-align:center}.toast-enter-active[data-v-e97cbff8],.toast-leave-active[data-v-e97cbff8]{transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-bounce)}.toast-enter-from[data-v-e97cbff8],.toast-leave-to[data-v-e97cbff8]{opacity:0;transform:translateY(var(--space-4))}@media (prefers-reduced-motion: reduce){.toast-enter-active[data-v-e97cbff8],.toast-leave-active[data-v-e97cbff8]{transition:none}}.tour-overlay[data-v-36ec95fe]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}.tour-overlay[data-v-36ec95fe]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.tour-overlay[data-v-36ec95fe]:has(.tour-spotlight):before{display:none}.tour-spotlight[data-v-36ec95fe]{position:absolute;border-radius:var(--r);box-shadow:0 0 0 9999px #0009;transition:all var(--dur-base) var(--ease-base);pointer-events:none}.tour-bubble[data-v-36ec95fe]{position:absolute;pointer-events:auto;width:min(20rem,calc(100vw - var(--space-6)));background:var(--surface);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--line);padding:var(--space-5);outline:none}.tour-progress[data-v-36ec95fe]{color:var(--muted);margin-bottom:var(--space-2)}.tour-title[data-v-36ec95fe]{font-size:var(--text-lg);margin:0 0 var(--space-2)}.tour-body[data-v-36ec95fe]{color:var(--ink-soft);margin:0 0 var(--space-4)}.tour-actions[data-v-36ec95fe]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tour-hint[data-v-36ec95fe]{font-size:var(--text-sm);color:var(--accent);font-weight:600}@media (prefers-reduced-motion: reduce){.tour-spotlight[data-v-36ec95fe]{transition:none}}.ck-banner[data-v-3eee6086]{position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);z-index:calc(var(--z-modal) - 1);display:flex;align-items:center;gap:var(--space-4);width:min(640px,calc(100vw - 2 * var(--space-4)));background:var(--surface);color:var(--ink);border:var(--bw) solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--space-4) var(--space-5)}.ck-text[data-v-3eee6086]{margin:0;font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5}.ck-text a[data-v-3eee6086]{color:var(--accent);font-weight:700}.ck-ok[data-v-3eee6086]{flex-shrink:0}@media (max-width: 480px){.ck-banner[data-v-3eee6086]{flex-direction:column;align-items:stretch;text-align:left}}:root{--bg: #FBFBFC;--surface: #FFFFFF;--surface-2: #F4F4F6;--muted-bg: #F0F0F3;--ink: #18181B;--ink-soft: #717182;--muted: #9A9AA4;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .14);--accent: #2F54EB;--accent-ink: #FFFFFF;--accent-soft: #E9EEFF;--grad-ea-start: #1E3A8A;--grad-ea-end: #4F46E5;--good: #16A34A;--good-soft: #E7F8EE;--bad: #DC2626;--bad-soft: #FEECEC;--warn: #D97706;--warn-soft: #FEF3DA;--success: var(--good);--success-bg: var(--good-soft);--error: var(--bad);--error-bg: var(--bad-soft);--warning: var(--warn);--warning-bg: var(--warn-soft);--info: #2563EB;--info-bg: #E8F1FE;--on-accent: #FFFFFF;--ans-red: #EF4444;--ans-red-soft:#FEECEC;--ans-blue: #3B82F6;--ans-blue-soft:#E8F1FE;--ans-yellow: #D97706;--ans-yellow-soft:#FEF3DA;--ans-green: #16A34A;--ans-green-soft:#E4F8EC;--ans-purple: #722ED1;--ans-purple-soft:#F9F0FF;--ans-orange: #EA580C;--ans-orange-soft:#FFF7E6;--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:3.75rem;--text-5xl:5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.1;--leading-normal:1.55;--track-caps:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 26px;--r-pill:9999px;--r-badge: 18px;--bw: 1px;--shadow-sm: 0 1px 2px rgba(24,24,27,.05);--shadow: 0 4px 16px -8px rgba(24,24,27,.1);--shadow-lg: 0 16px 40px -16px rgba(24,24,27,.16);--ring: 0 0 0 3px var(--accent-soft);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-bounce: cubic-bezier(.34,1.4,.64,1);--container-max:1120px;--z-modal:1000;--z-toast:1100}[data-theme=dark]{--bg: #0A0A0C;--surface: #141418;--surface-2: #1D1D22;--ink: #F6F6F7;--ink-soft: #A7A7B0;--muted: #6C6C76;--line: #26262C;--line-strong: #3A3A43;--accent: #7D97FF;--accent-ink: #0A0A0C;--accent-soft: rgba(125,151,255,.18);--good: #3BD27E;--good-soft: rgba(59,210,126,.16);--bad: #F87171;--bad-soft: rgba(248,113,113,.16);--warn: #FBBF24;--warn-soft: rgba(251,191,36,.16);--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow: 0 10px 30px -10px rgba(0,0,0,.6);--shadow-lg: 0 32px 80px -20px rgba(0,0,0,.75)}::selection{background:var(--accent-soft)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}button{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.u-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.caps{text-transform:uppercase;letter-spacing:var(--track-caps);font-weight:var(--weight-semibold)}.kicker{display:inline-block;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--text-xs);color:var(--muted)}.kicker--accent{color:var(--accent)}.section-label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-soft)}.dozo-logo{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-weight:700;letter-spacing:-.01em;line-height:1}.dozo-logo .word{font-size:1.5em}.dozo-mark{width:1.5em;height:1.5em;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:.7em;box-shadow:var(--shadow-sm)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 var(--space-5);border:var(--bw) solid var(--ink);border-radius:var(--r);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--surface);background:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-fast),opacity var(--dur-fast)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);filter:brightness(1.06)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--accent:hover{filter:brightness(1.08)}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--ink);filter:none}.btn--lg{min-height:56px;font-size:var(--text-lg);padding:0 var(--space-6);border-radius:var(--r-lg)}.btn--sm{min-height:40px;font-size:var(--text-sm);padding:0 var(--space-4)}.btn--block{display:flex;width:100%}.btn .spin{width:1.05em;height:1.05em;border:2.5px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%}.btn[data-loading] .label{visibility:hidden}.btn[data-loading] .spin{position:absolute}.btn--dark{background:var(--ink);color:var(--surface);border-radius:var(--r-pill);font-weight:700}.btn--dark:hover{opacity:.9}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%}.answers--tf{grid-template-columns:1fr 1fr}.answer{--c: var(--ans-red);--soft:var(--ans-red-soft);position:relative;display:flex;align-items:center;gap:0;width:100%;min-height:68px;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-fast),background var(--dur-fast),opacity var(--dur-base)}.answer--red{--c:var(--ans-red);--soft:var(--ans-red-soft)}.answer--blue{--c:var(--ans-blue);--soft:var(--ans-blue-soft)}.answer--yellow{--c:var(--ans-yellow);--soft:var(--ans-yellow-soft)}.answer--green{--c:var(--ans-green);--soft:var(--ans-green-soft)}.answer--purple{--c:var(--ans-purple);--soft:var(--ans-purple-soft)}.answer--orange{--c:var(--ans-orange);--soft:var(--ans-orange-soft)}.answer:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--line-strong)}.answer:active{transform:translateY(0)}.answer:focus-visible{outline:none;box-shadow:var(--ring)}.answer .shape{flex:none;width:40px;height:40px;align-self:center;margin-left:var(--space-3);display:grid;place-items:center;background:var(--c);color:#fff;font-family:var(--font-display);font-weight:700;border-radius:var(--r-badge);font-size:var(--text-2xl);line-height:1}.answer .txt{flex:1;display:flex;align-items:center;padding:0 var(--space-5);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-lg)}.answer .mark{flex:none;align-self:center;margin-right:var(--space-4);font-weight:var(--weight-bold);font-size:var(--text-xl);display:none}.answer.is-selected{border-color:var(--accent);background:var(--accent-soft)}.answer.is-correct{border-color:var(--good);background:var(--good-soft)}.answer.is-correct .mark{display:block;color:var(--good)}.answer.is-wrong{border-color:var(--bad);background:var(--bad-soft);opacity:.85}.answer.is-wrong .mark{display:block;color:var(--bad)}.answer.is-dimmed{opacity:.4}.answer:disabled{cursor:default}.answer:disabled:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--line)}.pin{display:flex;gap:var(--space-2);justify-content:center;width:100%}.pin input{flex:1 1 0;min-width:0;max-width:58px;aspect-ratio:3/4;text-align:center;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-2xl);color:var(--ink);background:var(--surface-2);border:1.5px solid var(--line-strong);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}.pin input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring);background:var(--surface)}.pin.is-error input{border-color:var(--bad)}.avatars{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.avatar{aspect-ratio:1;border:var(--bw) solid var(--line);border-radius:var(--r);cursor:pointer;background:var(--surface);display:grid;place-items:center;font-size:1.8rem;position:relative;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),box-shadow var(--dur-fast)}.avatar:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.avatar.is-selected{border-color:var(--accent);box-shadow:var(--ring)}.avatar.is-selected:after{content:"✓";position:absolute;right:-6px;top:-6px;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);background:var(--surface);color:var(--ink);border:var(--bw) solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);font-weight:var(--weight-medium);font-size:var(--text-base)}.chip .av{width:34px;height:34px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:1.15rem;flex:none}.chip.is-disconnected{opacity:.5}.countdown{display:inline-flex;align-items:center;gap:var(--space-3)}.countdown .num{min-width:54px;height:54px;padding:0 .25em;display:grid;place-items:center;border:3px solid var(--line);border-radius:50%;background:transparent;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--ink);font-variant-numeric:tabular-nums;transition:border-color .3s,color .3s}.countdown .bar{flex:1;height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.countdown .bar i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width 1s linear,background .3s}.countdown.is-warn .bar i{background:var(--warn)}.countdown.is-warn .num{color:var(--warn);border-color:var(--warn)}.countdown.is-danger .bar i{background:var(--bad)}.countdown.is-danger .num{color:var(--bad);border-color:var(--bad)}.countdown.is-paused{opacity:.5}.countdown--ring{position:relative;width:48px;height:48px;flex:none;gap:0}.countdown--ring .ring-svg{position:absolute;top:0;right:0;bottom:0;left:0}.countdown--ring .ring-track{stroke:var(--line)}.countdown--ring .ring-fill{stroke:var(--accent);transition:stroke-dashoffset .3s linear,stroke .3s}.countdown--ring .ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;min-width:0;height:auto;padding:0;border:none;background:none;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--ink);font-variant-numeric:tabular-nums;transition:color .3s}.countdown--ring.is-warn .ring-fill{stroke:var(--warn)}.countdown--ring.is-warn .ring-num{color:var(--warn)}.countdown--ring.is-danger .ring-fill{stroke:var(--bad)}.countdown--ring.is-danger .ring-num{color:var(--bad)}.countdown--ring.is-paused{opacity:.5}@media (prefers-reduced-motion: reduce){.countdown--ring .ring-fill{transition:none}}.lb{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.lb-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform var(--dur-slow) var(--ease-out)}.lb-row .rank{width:26px;height:26px;flex:none;display:grid;place-items:center;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--ink-soft)}.lb-row.r1 .rank{color:#b45309}.lb-row.r2 .rank{color:#475569}.lb-row.r3 .rank{color:#9a6a2e}.lb-row .av{width:38px;height:38px;flex:none;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:1.2rem}.lb-row .name{flex:1;font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lb-row .pts{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.lb-row .delta{font-size:var(--text-sm);color:var(--good);font-variant-numeric:tabular-nums}.lb-row.is-you{border-color:var(--accent);background:var(--accent-soft)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,3vw,18px)}.podium .col{display:flex;flex-direction:column;align-items:center;width:clamp(80px,20vw,140px)}.podium .pav{width:60px;height:60px;border-radius:50%;border:var(--bw) solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:1.9rem;box-shadow:var(--shadow-sm)}.podium .pname{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-sm);margin:8px 0 2px;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .pscore{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--ink-soft)}.podium .stand{width:100%;border:var(--bw) solid var(--line);border-radius:var(--r) var(--r) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--space-3);font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--ink);box-shadow:var(--shadow-sm)}.podium .stand .medal{font-size:var(--text-xl);line-height:1}.podium .stand .r{font-size:var(--text-3xl);line-height:1}.podium .stand .s{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.podium .p1 .stand{height:clamp(120px,20vw,170px);background:var(--warn-soft)}.podium .p2 .stand{height:clamp(90px,15vw,132px);background:#f5f7fa}.podium .p3 .stand{height:clamp(70px,12vw,104px);background:#fbf2e8}.qcard{width:100%;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(20px,4vw,30px)}.qcard .meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.qcard .count{font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--text-xs);color:var(--muted)}.qcard .answered{font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--ink-soft);border:var(--bw) solid var(--line);border-radius:var(--r-pill);padding:.2em .7em}.qcard .qtext{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(20px,3.6vw,30px);color:var(--ink);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.qcard .pbar{height:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;margin-top:var(--space-5)}.qcard .pbar i{display:block;height:100%;background:var(--accent);border-radius:inherit}.banner{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);background:var(--warn-soft);color:#92400e;border:var(--bw) solid #FCD9A0;border-radius:var(--r);font-weight:var(--weight-medium)}.toast{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--surface);border-radius:var(--r-pill);box-shadow:var(--shadow-lg);font-weight:var(--weight-medium)}.toast--error{background:var(--bad)}.toast--ok{background:var(--good)}.field{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.field label{font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--ink-soft)}.input{height:48px;padding:0 var(--space-4);border:var(--bw) solid transparent;border-radius:var(--r);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--surface-2);width:100%;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring);background:var(--surface)}.input.is-error{border-color:var(--bad)}textarea.input{min-height:84px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:1.45;height:auto}.panel{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(20px,4vw,30px)}.appbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:var(--bw) solid var(--line);position:sticky;top:0;z-index:50}.appbar .grow{flex:1}.appbar .nav{display:flex;gap:var(--space-1)}.appbar .nav a{padding:.5em .9em;border-radius:var(--r-sm);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--ink-soft);text-decoration:none}.appbar .nav a:hover{background:var(--surface-2);text-decoration:none}.appbar .nav a.is-active{background:var(--surface-2);color:var(--ink)}.avatar-sm{width:34px;height:34px;border-radius:50%;border:var(--bw) solid var(--line);background:var(--surface-2);display:grid;place-items:center;font-size:1.05rem}.tabs{display:inline-flex;gap:var(--space-1);border-bottom:var(--bw) solid var(--line);width:100%}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.7em .2em;margin-right:var(--space-5);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--muted);cursor:pointer}.tabs button:hover{color:var(--ink)}.tabs button.is-active{color:var(--ink);border-bottom-color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle .track{width:44px;height:26px;border-radius:var(--r-pill);background:var(--line-strong);position:relative;transition:background var(--dur-fast);flex:none}.toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:after{transform:translate(18px)}.toggle input:focus-visible+.track{box-shadow:var(--ring)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:44px;height:26px;border-radius:var(--r-pill);background:var(--line-strong);position:relative;transition:background var(--dur-fast);flex:none}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible+.track{box-shadow:var(--ring)}.seg{display:inline-flex;background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:var(--r);padding:3px;gap:3px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:.5em 1em;border-radius:calc(var(--r) - 4px);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer}.seg button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.stat{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.stat .v{font-family:var(--font-mono);font-weight:700;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;line-height:1}.stat .k{font-size:var(--text-sm);color:var(--muted);margin-top:.2em}.quiz-card{display:flex;flex-direction:column;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base),border-color var(--dur-fast)}.quiz-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.quiz-card .cover{height:96px;display:flex;align-items:flex-end;padding:var(--space-3);position:relative}.quiz-card .cover .q{font-family:var(--font-display);font-weight:700;color:#fff;font-size:var(--text-sm);background:#18181b8c;padding:.2em .6em;border-radius:var(--r-pill)}.quiz-card .body{padding:var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.quiz-card .ttl{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.2}.quiz-card .meta{font-size:var(--text-sm);color:var(--muted);margin-top:auto;display:flex;gap:var(--space-3)}.quiz-card .act{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--bw) solid var(--line)}@keyframes dz-pop{0%{transform:scale(.5);opacity:0}62%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes dz-pop-answer{0%{transform:scale(1)}45%{transform:scale(1.015)}to{transform:scale(1)}}.answer.is-correct{animation:dz-pop-answer .35s var(--ease-bounce)}.chip{animation:dz-pop .4s var(--ease-bounce) both}.toast{animation:dz-pop .3s var(--ease-bounce)}@keyframes dz-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dz-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes dz-fall{to{transform:translateY(115vh) rotate(680deg);opacity:.9}}@keyframes dz-spin{to{transform:rotate(360deg)}}.btn .spin{animation:dz-spin .7s linear infinite}@keyframes dz-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes dz-shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(3px)}50%{transform:translate(-3px)}}.pin.is-error input{animation:dz-shake .4s}@keyframes dz-popin{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.pg-landing{background:var(--bg);color:var(--ink);overflow-x:hidden}.lp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pg-landing .lp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-5),3vw,var(--space-8));background:var(--surface);border-bottom:var(--bw) solid var(--line);position:sticky;top:0;z-index:10}.pg-landing .lp-header-nav{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.pg-landing .lp-header-nav a{color:inherit;text-decoration:none}.pg-landing .lp-header-nav a:hover,.pg-landing .lp-header-nav a:focus-visible{color:var(--ink)}.pg-landing .lp-header-actions{display:flex;align-items:center;gap:var(--space-3)}.pg-landing .lp-hero{max-width:var(--container-max);margin:0 auto;padding:clamp(36px,6vw,72px) clamp(var(--space-5),3vw,var(--space-8));display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.pg-landing .lp-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:var(--text-xs);padding:7px 14px;border-radius:var(--r-pill);margin-bottom:var(--space-4)}.pg-landing .lp-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}@media (prefers-reduced-motion: no-preference){.pg-landing .lp-badge-dot{animation:lp-pulse 1.6s ease-in-out infinite}}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.35}}.pg-landing .lp-h1{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:0}.pg-landing .lp-h1 em{font-style:normal;color:var(--accent);text-decoration:underline wavy;text-decoration-color:var(--accent);text-underline-offset:.12em}.pg-landing .lp-sub{margin:var(--space-4) 0 0;color:var(--ink-soft);font-size:clamp(16px,2.4vw,20px);line-height:1.6;max-width:520px}.pg-landing .lp-pin-form{display:flex;gap:var(--space-2);flex-wrap:wrap;max-width:420px;margin-top:var(--space-7)}.pg-landing .lp-pin-input{flex:1;min-width:180px;font-family:var(--font-mono);text-align:center;letter-spacing:.2em;font-size:var(--text-lg);font-weight:700}.pg-landing .lp-teacher-line{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--ink-soft)}.pg-landing .lp-teacher-line a{color:var(--accent);font-weight:600;text-decoration:none}.pg-landing .lp-teacher-line a:hover,.pg-landing .lp-teacher-line a:focus-visible{text-decoration:underline}.pg-landing .lp-hero-mockup{display:flex;justify-content:center}.pg-landing .lp-mockup-card{position:relative;width:min(360px,100%);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--space-5);transform:rotate(2deg)}.pg-landing .lp-mockup-live{position:absolute;top:-12px;left:var(--space-4);background:var(--ans-green);color:var(--accent-ink);font-size:var(--text-xs);font-weight:800;padding:4px 10px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm)}.pg-landing .lp-mockup-score{position:absolute;bottom:-14px;right:var(--space-4);background:var(--accent);color:var(--accent-ink);font-size:var(--text-xs);font-weight:800;padding:6px 12px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm)}.pg-landing .lp-mockup-head{display:flex;align-items:center;margin-bottom:var(--space-3)}.pg-landing .lp-mockup-tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--ink-soft);background:var(--surface-2);padding:4px 10px;border-radius:var(--r-pill)}.pg-landing .lp-mockup-question{font-weight:800;font-size:var(--text-base);line-height:1.35;margin:0 0 var(--space-4)}.pg-landing .lp-mockup-answers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.pg-landing .lp-mockup-answer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:700;border-radius:var(--r)}.pg-landing .lp-mockup-answer-key{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--c);color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;flex-shrink:0}.pg-landing .lp-mockup-bars{display:flex;flex-direction:column;gap:var(--space-2)}.pg-landing .lp-mockup-bar-row{display:flex;align-items:center;gap:var(--space-2)}.pg-landing .lp-mockup-bar-label{width:18px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;color:var(--ink-soft);text-align:center}.pg-landing .lp-mockup-bar-track{flex:1;height:8px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.pg-landing .lp-mockup-bar-fill{height:100%;border-radius:inherit}.pg-landing .lp-mockup-bar-pct{width:32px;text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--ink-soft)}.pg-landing .lp-section-inner{max-width:var(--container-max);margin:0 auto;padding:0 clamp(var(--space-5),3vw,var(--space-8))}.pg-landing .lp-features-section,.pg-landing .lp-how-section,.pg-landing .lp-keys-section,.pg-landing .lp-faq-section,.pg-landing .lp-cta-section{padding:var(--space-10) 0}.pg-landing .lp-h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-8)}.pg-landing .lp-center{text-align:center}.pg-landing .lp-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.pg-landing .lp-feature-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-5);transition:border-color var(--dur-fast),transform var(--dur-fast)}.pg-landing .lp-feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pg-landing .lp-feature-icon{font-size:28px;display:block;margin-bottom:var(--space-3)}.pg-landing .lp-feature-title{font-weight:700;font-size:var(--text-base);margin:0 0 var(--space-2)}.pg-landing .lp-feature-desc{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;margin:0}.pg-landing .lp-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.pg-landing .lp-step-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-5)}.pg-landing .lp-step-num{font-family:var(--font-mono);font-weight:800;font-size:var(--text-3xl);line-height:1;color:var(--line-strong);margin-bottom:var(--space-3)}.pg-landing .lp-step-title{font-weight:800;font-size:var(--text-base);margin:0 0 var(--space-2)}.pg-landing .lp-step-desc{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;margin:0}.pg-landing .lp-keys-section{background:var(--ink);color:var(--surface)}.pg-landing .lp-keys-inner{text-align:center}.pg-landing .lp-keys-title{color:var(--surface);margin-bottom:var(--space-2)}.pg-landing .lp-keys-sub{color:var(--ink-soft);font-size:var(--text-sm);margin:0 0 var(--space-7)}.pg-landing .lp-keys-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.pg-landing .lp-key-tile{width:56px;height:56px;border-radius:var(--r-badge);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:var(--text-xl);color:var(--accent-ink);box-shadow:var(--shadow-lg)}.pg-landing .lp-faq-inner{max-width:720px}.pg-landing .lp-faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.pg-landing .lp-faq-item{border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-4) var(--space-5)}.pg-landing .lp-faq-item[open]{border-color:var(--accent)}.pg-landing .lp-faq-q{cursor:pointer;font-weight:700;font-size:var(--text-base);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pg-landing .lp-faq-q::-webkit-details-marker{display:none}.pg-landing .lp-faq-q:after{content:"";flex:none;width:.55em;height:.55em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}.pg-landing .lp-faq-item[open] .lp-faq-q:after{transform:rotate(225deg) translate(-2px,-2px)}.pg-landing .lp-faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.pg-landing .lp-faq-a{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;margin:var(--space-3) 0 0}.pg-landing .lp-cta-card{background:var(--ink);color:var(--surface);border-radius:var(--r-xl);padding:clamp(var(--space-6),6vw,var(--space-10));text-align:center}.pg-landing .lp-cta-title{color:var(--surface);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-7)}.pg-landing .lp-cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.pg-landing .lp-cta-btn-white{background:var(--surface);color:var(--ink);border-color:var(--surface)}.pg-landing .lp-cta-btn-outline{background:transparent;color:var(--surface);border-color:color-mix(in srgb,var(--surface) 30%,transparent)}.pg-landing .lp-cta-btn-outline:hover{background:color-mix(in srgb,var(--surface) 10%,transparent);border-color:color-mix(in srgb,var(--surface) 50%,transparent)}.pg-landing .lp-cta-sub{color:var(--ink-soft);font-size:var(--text-base);margin:calc(-1 * var(--space-4)) auto var(--space-7);max-width:42ch;line-height:1.6}.pg-landing .lp-section-sub{color:var(--ink-soft);font-size:var(--text-base);line-height:1.6;max-width:52ch;margin:calc(-1 * var(--space-6)) auto var(--space-8)}.pg-landing .lp-value-strip{border-block:var(--bw) solid var(--line);background:var(--surface)}.pg-landing .lp-value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding-block:var(--space-6)}.pg-landing .lp-value-item{display:flex;align-items:center;gap:var(--space-3);justify-content:center}.pg-landing .lp-value-icon{font-size:26px;flex:none}.pg-landing .lp-value-title{font-weight:800;font-size:var(--text-base)}.pg-landing .lp-value-label{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.4}.pg-landing .lp-ea-section{padding:var(--space-10) 0}.pg-landing .lp-ea-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;background:var(--accent-soft);border:var(--bw) solid var(--accent);border-radius:var(--r-xl);padding:clamp(var(--space-6),4vw,var(--space-8))}.pg-landing .lp-ea-main{flex:1;min-width:260px}.pg-landing .lp-ea-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--surface);color:var(--accent);border:var(--bw) solid var(--accent);border-radius:var(--r-pill);padding:.3em .9em;font-size:var(--text-xs);font-weight:800;margin-bottom:var(--space-3)}.pg-landing .lp-ea-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}@media (prefers-reduced-motion: no-preference){.pg-landing .lp-ea-badge-dot{animation:lp-pulse 1.6s ease-in-out infinite}}.pg-landing .lp-ea-title{font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-2)}.pg-landing .lp-ea-desc{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-4);max-width:56ch}.pg-landing .lp-ea-desc strong{color:var(--ink)}.pg-landing .lp-ea-perks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);list-style:none;padding:0;margin:0;font-size:var(--text-sm);font-weight:600}.pg-landing .lp-ea-cta{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);flex:none}.pg-landing .lp-ea-cta:hover{filter:brightness(1.06)}@media (max-width: 900px){.pg-landing .lp-hero{grid-template-columns:1fr}.pg-landing .lp-hero-mockup{display:none}.pg-landing .lp-value-row{grid-template-columns:1fr;gap:var(--space-3)}.pg-landing .lp-value-item{justify-content:flex-start}.pg-landing .lp-ea-cta{width:100%}}@media (max-width: 520px){.pg-landing .lp-header{flex-wrap:wrap}.pg-landing .lp-header-nav{order:3;width:100%}}.pg-join,.pg-lobby{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,48px) clamp(16px,4vw,24px)}.pg-lobby .lobby-inner{width:100%;max-width:620px;text-align:center}.pg-lobby .lobby-pulse{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5)}.pg-lobby .pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:dz-pulse 1.2s ease-in-out infinite}.pg-lobby .pulse-dot:nth-child(2){animation-delay:.2s}.pg-lobby .pulse-dot:nth-child(3){animation-delay:.4s}.pg-lobby .you-pill{display:inline-flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--accent-soft);border-radius:var(--r-pill)}.pg-lobby .you-pill-name{font-weight:700;color:var(--accent);font-size:var(--text-base)}.pg-lobby .you-av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:1.1rem;overflow:hidden}.pg-lobby .player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3);text-align:center;margin-top:var(--space-4)}@media (prefers-reduced-motion: reduce){.pg-lobby .pulse-dot{animation:none;opacity:.6}}.pg-play{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;padding:0 clamp(16px,4vw,24px)}.pg-play .play-inner{width:100%;max-width:780px;margin:0 auto;padding:var(--space-4) 0 var(--space-8)}.pg-play .question-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(20px,4vw,30px);margin-bottom:var(--space-4)}.pg-play .question-img{width:100%;aspect-ratio:16/7;max-height:min(30vh,260px);border-radius:var(--r);margin-bottom:var(--space-4);object-fit:cover;background:var(--surface-2)}.pg-play .question-img-ph{width:100%;aspect-ratio:16/7;border-radius:var(--r);margin-bottom:var(--space-4);background-image:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 11px,transparent 11px,transparent 22px);border:var(--bw) dashed var(--line-strong);display:grid;place-items:center;color:var(--muted);font-size:var(--text-xs)}.pg-play .answers-single,.pg-play .answers-multi,.pg-play .answers-poll{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (max-width: 640px){.pg-play .answers-single,.pg-play .answers-multi,.pg-play .answers-poll{grid-template-columns:1fr}}.pg-play .answers-tf{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.pg-play .answers-tf .answer{min-height:104px}.pg-play .answers-tf .answer .shape{width:76px;font-size:var(--text-3xl)}.pg-play .answers-order{display:flex;flex-direction:column;gap:var(--space-2)}.pg-play .order-row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-3) var(--space-4);min-height:54px}.pg-play .order-num{width:30px;height:30px;border-radius:var(--r-sm);background:var(--surface-2);display:grid;place-items:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0;font-family:var(--font-mono)}.pg-play .order-ctrl{display:flex;gap:var(--space-1);margin-left:auto}.pg-play .order-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:var(--text-base);cursor:pointer;display:grid;place-items:center;min-height:44px;min-width:44px}.pg-play .order-btn:focus-visible{box-shadow:var(--ring);outline:none}.pg-play .text-input-row{display:flex;flex-direction:column;gap:var(--space-3)}.pg-play .text-answer-input{width:100%;height:64px;padding:0 var(--space-5);font-size:20px;font-weight:700;border:1.5px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--ink);outline:none;font-family:inherit;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.pg-play .text-answer-input:focus{border-color:var(--accent);box-shadow:var(--ring)}.pg-play .reveal-banner{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--r);text-align:center;font-weight:800;font-size:var(--text-base)}.pg-play .reveal-banner.correct{background:var(--good-soft);color:var(--good)}.pg-play .reveal-banner.wrong{background:var(--bad-soft);color:var(--bad)}.pg-play .text-accepted-pills{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.pg-play .accepted-pill{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--good-soft);color:var(--good);font-weight:700;font-size:var(--text-sm);padding:6px 12px;border-radius:var(--r-pill)}.pg-play .poll-bar-wrap{width:100%;height:8px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;margin-top:var(--space-2)}.pg-play .poll-bar-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.pg-play .play-scoreboard{width:100%;max-width:620px;margin:0 auto;padding:var(--space-6) 0 var(--space-8)}.pg-play .sb-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.pg-play .sb-title{font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;margin:0}.pg-play .sb-you{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--accent-soft);border:var(--bw) solid var(--accent);border-radius:var(--r-lg)}.pg-play .sb-you-icon{font-size:var(--text-2xl)}.pg-play .sb-you-label{font-size:var(--text-xs);font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.pg-play .sb-you-val{font-weight:800}.pg-play .lb-list{display:flex;flex-direction:column;gap:var(--space-2)}.pg-play .sb-next{margin-top:var(--space-5);color:var(--ink-soft);font-size:var(--text-sm);text-align:center}@media (max-height: 700px){.pg-play .play-inner{padding:var(--space-2) 0 var(--space-4)}.pg-play .question-card{padding:var(--space-4);margin-bottom:var(--space-3)}.pg-play .question-img{max-height:20vh;margin-bottom:var(--space-3)}.pg-play .answer{min-height:56px}.pg-play .answers-tf .answer{min-height:76px}}.pg-play .wait-msg{margin-top:var(--space-3);text-align:center;font-weight:600;font-size:var(--text-sm);color:var(--accent)}@media (prefers-reduced-motion: reduce){.pg-play .reveal-banner{animation:none}}.pg-result{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:clamp(24px,5vw,48px) clamp(16px,4vw,24px);position:relative}.pg-result .result-inner{width:100%;max-width:620px;position:relative;z-index:2}.pg-result .result-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));line-height:1.05;letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-3)}.pg-result .result-sub{text-align:center;color:var(--ink-soft);margin:0 0 var(--space-6)}.pg-result .rank-card{background:var(--surface);border:var(--bw) solid var(--accent);background:var(--accent-soft);border-radius:var(--r-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.pg-result .rank-number{font-family:var(--font-mono);font-weight:700;font-size:46px;line-height:.9;color:var(--accent)}.pg-result .rank-lbl{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--ink-soft)}.pg-result .rank-score{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);font-variant-numeric:tabular-nums}.pg-result .lb-list{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.pg-result .confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.pg-result .confetti-layer canvas{position:absolute;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: reduce){.pg-result .confetti-layer{display:none}}.pg-auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,52px) var(--space-5);background:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px}.pg-auth .err{display:none;background:var(--bad-soft);color:var(--bad);border:var(--bw) solid var(--bad);border-radius:var(--r);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.pg-auth .err.show{display:block}.pg-auth .agree{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:var(--space-4)}.pg-auth .agree.is-error{color:var(--bad)}.pg-home .course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.pg-home .course-card{text-align:left;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--space-3);cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-base);width:100%;display:flex;flex-direction:column}.pg-home .course-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.pg-home .course-card:focus-visible{outline:none;box-shadow:var(--ring)}.pg-home .course-banner{width:100%;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;display:grid;place-items:center;background:var(--accent-soft);margin-bottom:var(--space-3);flex:none}.pg-home .course-banner img{width:100%;height:100%;object-fit:cover}.pg-home .course-banner-ph{font-size:40px;color:var(--accent);opacity:.55}.pg-home .course-card-title{font-weight:800;font-size:17px;margin:0 var(--space-2) 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-home .course-card-desc{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.5;margin:0 var(--space-2) var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pg-home .course-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:700;color:var(--ink-soft);margin:auto var(--space-2) var(--space-1);min-height:32px}.pg-home .course-card-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--dur-fast)}.pg-home .course-card:hover .course-card-actions,.pg-home .course-card:focus-within .course-card-actions{opacity:1}.pg-home .course-card--dashed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:220px;border:var(--bw) dashed var(--line-strong);background:none;box-shadow:none;color:var(--ink-soft);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.pg-home .course-card--dashed:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pg-home .course-card--dashed .plus{width:40px;height:40px;border-radius:var(--r);display:grid;place-items:center;border:var(--bw) solid currentColor;font-size:1.4rem}.pg-home .course-card--dashed b{font-family:var(--font-display)}.pg-course-detail .detail-wrap{max-width:var(--container-max);margin:0 auto;padding:clamp(20px,3vw,36px) clamp(16px,3vw,28px)}.pg-course-detail .detail-header{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-6)}.pg-course-detail .detail-logo{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:34px;overflow:hidden;box-shadow:var(--shadow);flex-shrink:0}.pg-course-detail .detail-logo img{width:100%;height:100%;object-fit:cover}.pg-course-detail .detail-logo-ph{background:var(--accent);color:var(--accent-ink)}.pg-course-detail .detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.pg-course-detail .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);align-items:start}.pg-course-detail .quiz-row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--dur-fast)}.pg-course-detail .quiz-row:hover{border-color:var(--accent)}.pg-course-detail .quiz-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:18px;flex-shrink:0}.pg-course-detail .quiz-icon-num{background:var(--surface-2);color:var(--ink-soft);font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs)}.pg-course-detail .doc-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.pg-course-detail .doc-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-3);transition:border-color var(--dur-fast)}.pg-course-detail .doc-card:hover{border-color:var(--accent)}.pg-course-detail .doc-card-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.pg-course-detail .doc-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-soft);letter-spacing:.02em}.pg-course-detail .doc-card-name{margin:0;font-size:var(--text-xs);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-course-detail .doc-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.pg-course-detail .doc-download{font-size:var(--text-xs);font-weight:700;color:var(--accent);text-decoration:none}.pg-course-detail .doc-download:hover{text-decoration:underline}.pg-course-detail .doc-remove{border:0;background:none;color:var(--bad);cursor:pointer;font-size:var(--text-sm);line-height:1;padding:2px}.pg-course-detail .doc-dropzone{border:var(--bw) dashed var(--line-strong);border-radius:var(--r);padding:var(--space-4);text-align:center;transition:border-color var(--dur-fast),background var(--dur-fast)}.pg-course-detail .doc-dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.pg-course-detail .doc-dropzone-hint{margin:var(--space-1) 0 0;font-size:10px;color:var(--muted)}.pg-quiz-detail .qd-wrap{max-width:var(--container-max);margin:0 auto;padding:clamp(20px,3vw,36px) clamp(16px,3vw,28px)}.pg-quiz-detail .qd-hero{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-6)}.pg-quiz-detail .qd-logo{width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;font-size:32px;overflow:hidden;flex-shrink:0}.pg-quiz-detail .qd-logo img{width:100%;height:100%;object-fit:cover}.pg-quiz-detail .qd-logo-ph{background:var(--accent-soft);color:var(--accent)}.pg-quiz-detail .qd-hero-main{flex:1;min-width:200px}.pg-quiz-detail .qd-hero-title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pg-quiz-detail .qd-hero-title-row h1{margin:0;font-size:clamp(20px,3vw,26px);font-weight:800;letter-spacing:-.02em;min-width:0;overflow-wrap:anywhere}.pg-quiz-detail .qd-course-badge{font-size:var(--text-xs);font-weight:800;padding:2px 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);border:var(--bw) solid var(--line)}.pg-quiz-detail .qd-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--ink-soft)}.pg-quiz-detail .qd-hero-actions{display:flex;gap:var(--space-2);flex-shrink:0}.pg-quiz-detail .qd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.pg-quiz-detail .qd-tabs{display:flex;gap:var(--space-1);background:var(--surface-2);border-radius:var(--r);padding:4px;margin-bottom:var(--space-5);width:fit-content}.pg-quiz-detail .qd-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--bw) solid transparent;background:none;cursor:pointer;font:inherit;font-weight:700;font-size:var(--text-sm);color:var(--ink-soft);padding:var(--space-2) var(--space-4);border-radius:var(--r-sm);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.pg-quiz-detail .qd-tabs button.is-active{background:var(--surface);border-color:var(--line);color:var(--ink)}.pg-quiz-detail .qd-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.pg-quiz-detail .qd-qlist{display:flex;flex-direction:column;gap:var(--space-2)}.pg-quiz-detail .qd-qcard{display:flex;align-items:center;gap:var(--space-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-4);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.pg-quiz-detail .qd-qcard:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.pg-quiz-detail .qd-qnum{width:32px;height:32px;border-radius:var(--r-sm);background:var(--surface-2);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);color:var(--ink-soft);flex-shrink:0}.pg-quiz-detail .qd-qbody{flex:1;min-width:0}.pg-quiz-detail .qd-qbadges{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.pg-quiz-detail .qd-type-badge{font-size:var(--text-xs);font-weight:800;padding:2px 8px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink)}.pg-quiz-detail .qd-img-badge{font-size:var(--text-xs);font-weight:600;color:var(--ink-soft);border:var(--bw) solid var(--line);border-radius:var(--r-sm);padding:2px 8px}.pg-quiz-detail .qd-qtext{margin:0;font-weight:700;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-quiz-detail .qd-answers{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.pg-quiz-detail .qd-answer-chip{width:20px;height:20px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:9px;font-weight:800;font-family:var(--font-mono);background:var(--surface-2);color:var(--ink-soft)}.pg-quiz-detail .qd-answer-chip.is-correct{background:var(--success);color:var(--accent-ink)}.pg-quiz-detail .qd-add-question{width:100%;padding:var(--space-4);border:var(--bw) dashed var(--line-strong);border-radius:var(--r);background:none;cursor:pointer;font:inherit;font-weight:700;font-size:var(--text-sm);color:var(--ink-soft);transition:border-color var(--dur-fast),color var(--dur-fast)}.pg-quiz-detail .qd-add-question:hover{border-color:var(--accent);color:var(--accent)}.pg-quiz-detail .qd-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.pg-quiz-detail .qd-side-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-4)}.pg-quiz-detail .qd-section-label{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.pg-quiz-detail .qd-actions-list{display:flex;flex-direction:column;gap:var(--space-2)}.pg-quiz-detail .qd-actions-list .btn{width:100%;justify-content:center}.pg-quiz-detail .qd-type-row{margin-bottom:var(--space-2)}.pg-quiz-detail .qd-type-row-top{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:600;margin-bottom:4px}.pg-quiz-detail .qd-type-bar-track{height:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.pg-quiz-detail .qd-type-bar-fill{height:100%;border-radius:var(--r-pill);background:var(--accent)}.pg-quiz-detail .qd-reports-empty{padding:var(--space-10);text-align:center;color:var(--muted)}.pg-quiz-detail .qd-reports-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto}.pg-quiz-detail .qd-reports-head{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1.6fr;padding:13px 20px;background:var(--surface-2);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);min-width:500px}.pg-quiz-detail .qd-reports-row{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1.6fr;padding:15px 20px;border-top:var(--bw) solid var(--line);font-size:var(--text-sm);min-width:500px;color:inherit;text-decoration:none}.pg-quiz-detail .qd-reports-row:hover{background:var(--surface-2)}.pg-quiz-detail .qd-report-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.pg-quiz-detail .qd-grid{grid-template-columns:1fr}}.pg-home .wrap{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-10)}.pg-home .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.pg-home .section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.pg-home .section-head h2{font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;margin:0}.pg-home .course-grid{margin-bottom:var(--space-8)}.pg-home .quiz-rows{display:flex;flex-direction:column;gap:var(--space-2)}.pg-home .quiz-rows .section-label{margin:0 0 var(--space-2)}.pg-home .create-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:44px;border:var(--bw) dashed var(--line-strong);border-radius:var(--r);background:var(--surface);cursor:pointer;color:var(--ink-soft);text-decoration:none;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.pg-home .create-row:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);text-decoration:none}.pg-home .create-row .plus{width:32px;height:32px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;border:var(--bw) solid currentColor;font-size:1.2rem}.pg-home .create-row b{font-family:var(--font-display)}.pg-home .empty-hint{color:var(--muted);font-size:var(--text-sm)}.pg-home .quiz-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color var(--dur-fast)}.pg-home .quiz-row:hover{border-color:var(--accent)}.pg-home .quiz-row-num{width:32px;height:32px;flex:none;border-radius:var(--r-sm);background:var(--surface-2);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);color:var(--ink-soft)}.pg-home .quiz-row-body{flex:1;min-width:0}.pg-home .quiz-row-title{font-weight:700;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-home .quiz-row-meta{font-size:var(--text-xs);color:var(--ink-soft);margin-top:2px}.pg-home .quiz-row-actions{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;flex-shrink:0}@media (max-width:640px){.pg-home .stats{grid-template-columns:1fr}.pg-home .quiz-row{flex-wrap:wrap}.pg-home .quiz-row-actions{width:100%;justify-content:flex-start}}.pg-edit .qname{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);border:var(--bw) solid transparent;background:none;border-radius:var(--r-sm);padding:.2em .5em;color:var(--ink);min-width:240px}.pg-edit .qname:hover{background:var(--surface-2)}.pg-edit .qname:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:var(--ring)}.pg-edit .subbar{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--space-6) 0}.pg-edit .layout{max-width:var(--container-max);margin:0 auto;padding:var(--space-5) var(--space-6) var(--space-10);display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}.pg-edit .side{position:sticky;top:88px}.pg-edit .side .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pg-edit .side .head .t{font-family:var(--font-display);font-weight:700}.pg-edit .qlist{display:flex;flex-direction:column;gap:var(--space-2)}.pg-edit .qitem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink);transition:border-color var(--dur-fast),background var(--dur-fast)}.pg-edit .qitem:hover{border-color:var(--line-strong)}.pg-edit .qitem.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.pg-edit .qitem .qt{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:var(--ink)}.pg-edit .qitem.is-active .qt{color:var(--accent-ink)}.pg-edit .qitem .ok{width:10px;height:10px;border-radius:50%;background:var(--success);flex:none}.pg-edit .qitem .ok.no{background:var(--line-strong)}.pg-edit .add-question-btn{border-style:dashed;background:transparent}.pg-edit .editor{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.pg-edit .ctrl{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft)}.pg-edit .elab{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-4)}.pg-edit .ebar{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--bw) solid var(--line)}.pg-edit .opt .opt-del{flex:none;border:0;background:none;color:var(--muted);font-size:var(--text-xl);line-height:1;cursor:pointer;padding:0 var(--space-2)}.pg-edit .opt .opt-del:hover{color:var(--error)}.pg-edit .addopt{margin-top:var(--space-1)}.pg-edit .qtext{width:100%;min-height:88px;font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);line-height:1.25;border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-4);resize:vertical;color:var(--ink);background:var(--surface)}.pg-edit .qtext:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.pg-edit .media{margin-top:var(--space-4);height:120px;border:var(--bw) dashed var(--line-strong);border-radius:var(--r);display:grid;place-items:center;color:var(--muted);font-size:var(--text-sm);cursor:pointer}.pg-edit .media:hover{border-color:var(--accent);color:var(--accent)}.pg-edit .opts{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.pg-edit .opt{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-2) var(--space-3)}.pg-edit .opt.is-correct{border-color:var(--success);background:var(--success-bg)}.pg-edit .opt .shape{width:44px;height:44px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center}.pg-edit .opt input.txt{flex:1;border:0;background:none;font:inherit;font-size:var(--text-base);color:var(--ink);padding:.4em}.pg-edit .opt input.txt:focus{outline:none}.pg-edit .markbtn{flex:none;display:flex;align-items:center;gap:.4em;border:var(--bw) solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:.4em .8em;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-soft);cursor:pointer}.pg-edit .markbtn .dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong)}.pg-edit .opt.is-correct .markbtn{border-color:var(--success);color:var(--success)}.pg-edit .opt.is-correct .markbtn .dot{border-color:var(--success);background:var(--success);box-shadow:inset 0 0 0 3px #fff}.pg-edit .efoot{display:flex;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--bw) solid var(--line)}.pg-edit .seg.qtype{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.pg-edit .seg.qtype button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-soft);font-weight:700;font-size:var(--text-xs);padding:6px 14px;cursor:pointer;font-family:inherit;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast);min-height:34px}.pg-edit .seg.qtype button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pg-edit .seg.qtype button:focus-visible{box-shadow:var(--ring);outline:none}.pg-edit .img-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.pg-edit .soon-badge,.pg-course-detail .soon-badge{font-size:var(--text-xs);color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:var(--r-pill);margin-left:var(--space-1)}@media (max-width: 640px){.pg-edit .layout{grid-template-columns:1fr}.pg-edit .side{position:static}}.pg-quiz-detail .qs-panel{max-width:760px;display:flex;flex-direction:column;gap:var(--space-6)}.pg-quiz-detail .card-sec{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pg-quiz-detail .card-sec>h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);padding:var(--space-4) var(--space-5);border-bottom:var(--bw) solid var(--line)}.pg-quiz-detail .set-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--bw) solid var(--line)}.pg-quiz-detail .set-row:last-child{border-bottom:0}.pg-quiz-detail .set-row .info{flex:1}.pg-quiz-detail .set-row .info .l{font-weight:var(--weight-medium)}.pg-quiz-detail .set-row .info .d{font-size:var(--text-sm);color:var(--muted);margin-top:.15em}.pg-quiz-detail .set-row .ctl{flex:none}.pg-quiz-detail .cover-pick{display:flex;gap:var(--space-2)}.pg-quiz-detail .cover-pick .c{width:40px;height:40px;border-radius:var(--r-sm);border:var(--bw) solid var(--line);cursor:pointer}.pg-quiz-detail .cover-pick .c.is-on{border-color:var(--accent);box-shadow:var(--ring)}.pg-quiz-detail .qs-panel select.input{height:44px;width:auto;min-width:160px;padding:0 var(--space-3)}.pg-quiz-detail .save-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.pg-host-lobby{background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;padding:clamp(20px,4vw,44px)}.pg-host-lobby .hl-topbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:clamp(16px,3vw,30px);flex-wrap:wrap;border-bottom:var(--bw) solid var(--line);padding-bottom:var(--space-4)}.pg-host-lobby .hl-logo{display:flex;align-items:center;gap:var(--space-2)}.pg-host-lobby .hl-logo .mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:var(--accent-ink);font-size:15px}.pg-host-lobby .hl-logo .word{font-family:var(--font-mono);font-weight:700;font-size:20px}.pg-host-lobby .hl-stage-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(16px,4vw,32px) 0}.pg-host-lobby .pin-code{font-family:var(--font-mono);font-weight:800;font-size:clamp(52px,11vw,120px);line-height:1;letter-spacing:.04em;margin:var(--space-3) 0;-webkit-user-select:all;user-select:all}.pg-host-lobby .pin-sub{color:var(--ink-soft);font-size:var(--text-base);margin-bottom:var(--space-5)}.pg-host-lobby .qr-box{background:#fff;padding:10px;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:grid;place-items:center;margin-bottom:var(--space-5)}.pg-host-lobby .hl-players-block{width:100%;max-width:760px;margin-bottom:var(--space-6)}.pg-host-lobby .hl-players-label{font-weight:600;font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:var(--space-3)}.pg-host-lobby .player-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-height:220px;overflow:auto}.pg-host-lobby .player-chip-item{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-2);border-radius:var(--r-pill);padding:6px 12px 6px 6px;animation:dz-pop .4s var(--ease-bounce) both}.pg-host-lobby .player-av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:1rem;flex-shrink:0;overflow:hidden;background:var(--surface)}.pg-host-lobby .start-btn{min-width:320px;height:64px;padding:0 var(--space-8);border-radius:var(--r-lg);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:19px;border:none;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-lg);transition:opacity var(--dur-fast),transform var(--dur-fast)}.pg-host-lobby .start-btn:disabled{opacity:.4;cursor:not-allowed}.pg-host-lobby .start-btn:not(:disabled):hover{transform:translateY(-2px)}@media (max-width: 640px){.pg-host-lobby .pin-code{font-size:clamp(44px,16vw,80px)}.pg-host-lobby .start-btn{min-width:0;width:100%}}@media (prefers-reduced-motion: reduce){.pg-host-lobby .player-chip-item{animation:none}}.pg-control{background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;padding:clamp(18px,3.5vw,40px)}.pg-control .ctrl-topbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;border-bottom:var(--bw) solid var(--line);padding-bottom:var(--space-4)}.pg-control .hl-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.pg-control .hl-logo .mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:var(--accent-ink);font-size:15px}.pg-control .hl-logo .word{font-family:var(--font-mono);font-weight:700;font-size:20px}.pg-control .ctrl-topbar-mid{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;font-size:var(--text-sm)}.pg-control .ctrl-qcount{font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-size:var(--text-xs)}.pg-control .ctrl-players-live{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--ink-soft)}.pg-control .dot-live{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px var(--good-soft);flex-shrink:0}.pg-control .ctrl-end-early{color:var(--bad);border-color:var(--bad-soft);background:transparent;margin-left:auto}.pg-control .ctrl-end-early:hover{border-color:var(--bad);background:var(--bad-soft)}.pg-control .ctrl-countdown-big{display:flex;justify-content:center;margin-bottom:var(--space-4)}.pg-control .ctrl-countdown-big .countdown{gap:0}.pg-control .ctrl-countdown-big .countdown .bar{display:none}.pg-control .ctrl-countdown-big .countdown .num{min-width:0;height:auto;padding:0;border:none;background:none;font-size:clamp(48px,8vw,80px);font-weight:800}.pg-control .ctrl-stage{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow:auto;padding-bottom:var(--space-4)}.pg-control .ctrl-qr-view{display:flex;flex-direction:column;gap:var(--space-4)}.pg-control .question-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;max-width:900px;margin:0 auto var(--space-2)}.pg-control .ctrl-qimg{width:clamp(100px,14vw,160px);aspect-ratio:1;border-radius:var(--r-lg);flex-shrink:0;object-fit:cover}.pg-control .qbig{font-size:clamp(24px,4vw,44px);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:0;color:var(--ink)}.pg-control .answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.5vw,16px)}.pg-control .ctrl-ans-card{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-3) var(--space-4);min-height:72px;position:relative;overflow:hidden}.pg-control .ctrl-ans-card.is-correct{border-color:var(--good);background:var(--good-soft)}.pg-control .ctrl-ans-card.is-dimmed{opacity:.4}.pg-control .poll-reveal{display:flex;flex-direction:column;gap:var(--space-3)}.pg-control .poll-reveal-row{display:flex;flex-direction:column;gap:var(--space-1)}.pg-control .order-reveal{display:flex;flex-direction:column;gap:var(--space-2);max-width:640px}.pg-control .order-reveal-row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--bw) solid var(--good);border-radius:var(--r);padding:var(--space-3) var(--space-4)}.pg-control .text-reveal{max-width:640px;display:flex;flex-direction:column;gap:var(--space-2)}.pg-control .lb-wrap{display:flex;flex-direction:column;gap:var(--space-2);max-width:760px;width:100%;margin:0 auto}.pg-control .cbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;flex-shrink:0;border-top:var(--bw) solid var(--line);padding-top:var(--space-4)}.pg-control .answered-count{font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg)}.pg-control .answered-count em{color:var(--accent);font-style:normal}@media (max-width: 768px){.pg-control .answers-grid{grid-template-columns:1fr}.pg-control .question-panel{flex-direction:column}}.soon-badge{font-size:var(--text-xs);color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:var(--r-pill);margin-left:var(--space-1)}@media (prefers-reduced-motion: reduce){.pg-host-lobby .player-chip-item{animation:none}.pg-result .confetti-layer{display:none}.pg-play .reveal-banner{animation:none}.pg-lobby .pulse-dot{animation:none;opacity:.6}.pg-control .ctrl-stat-fill{transition:none}}.pg-pricing{min-height:100vh;background:var(--bg);color:var(--ink)}.pg-pricing .pr-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-5),3vw,var(--space-8));background:var(--surface);border-bottom:var(--bw) solid var(--line);position:sticky;top:0;z-index:10}.pg-pricing .pr-nav__actions{display:flex;gap:var(--space-3)}.pg-pricing .pr-hero{max-width:720px;margin:0 auto;padding:clamp(40px,6vw,64px) clamp(var(--space-5),3vw,var(--space-8)) var(--space-6);text-align:center}.pg-pricing .pr-hero__title{font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.03em;margin:0 0 var(--space-4)}.pg-pricing .pr-hero__accent{color:var(--accent)}.pg-pricing .pr-hero__sub{color:var(--ink-soft);font-size:var(--text-lg);max-width:60ch;margin:0 auto;line-height:1.6}.pg-pricing .pr-section{max-width:var(--container-max);margin:0 auto;padding:0 clamp(var(--space-5),3vw,var(--space-8)) var(--space-8)}.pg-pricing .pr-section--faq{max-width:720px;padding-bottom:var(--space-10)}.pg-pricing .pr-h2{font-size:var(--text-xl);font-weight:800;text-align:center;margin:0 0 var(--space-6)}.pg-pricing .pr-ea-banner{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);border-radius:var(--r-xl);padding:clamp(var(--space-5),3vw,var(--space-6));background:linear-gradient(135deg,var(--grad-ea-start) 0%,var(--accent) 50%,var(--grad-ea-end) 100%);color:var(--accent-ink)}.pg-pricing .pr-ea-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:24px 24px}.pg-pricing .pr-ea-banner__icon{font-size:36px;flex-shrink:0;position:relative}.pg-pricing .pr-ea-banner__body{flex:1;min-width:220px;position:relative}.pg-pricing .pr-ea-banner__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.pg-pricing .pr-ea-banner__title{font-weight:800;font-size:var(--text-lg)}.pg-pricing .pr-ea-banner__live{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--accent-ink) 20%,transparent);padding:3px 9px;border-radius:var(--r-pill)}.pg-pricing .pr-ea-banner__desc{font-size:var(--text-sm);line-height:1.6;color:#ffffffbf;max-width:46ch;margin:0}.pg-pricing .pr-ea-banner__desc strong{color:#fff}.pg-pricing .pr-ea-banner__cta{position:relative;flex-shrink:0;border:none;cursor:pointer;white-space:nowrap;background:#fff;color:var(--accent);font-weight:700;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--r-lg);transition:transform var(--dur-fast),box-shadow var(--dur-base)}.pg-pricing .pr-ea-banner__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pg-pricing .pr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.pg-pricing .pr-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-6);transition:border-color var(--dur-fast),box-shadow var(--dur-base)}.pg-pricing .pr-card:hover{border-color:var(--accent)}.pg-pricing .pr-card--highlight{border:2px solid var(--accent);box-shadow:var(--shadow-lg)}.pg-pricing .pr-card__badge{position:absolute;top:-12px;left:var(--space-5);font-size:var(--text-xs);font-weight:800;padding:4px 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-soft);border:var(--bw) solid var(--line)}.pg-pricing .pr-card__badge--accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pg-pricing .pr-card__name{font-size:var(--text-lg);font-weight:800;margin:var(--space-1) 0 var(--space-3)}.pg-pricing .pr-card__price-row{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.pg-pricing .pr-card__price{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:800}.pg-pricing .pr-card__period{font-size:var(--text-xs);font-weight:600;color:var(--ink-soft)}.pg-pricing .pr-card__desc{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-5)}.pg-pricing .pr-card__features{list-style:none;padding:0;margin:0 0 var(--space-6);flex:1;display:grid;gap:var(--space-3)}.pg-pricing .pr-card__features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm)}.pg-pricing .pr-card__feature--dim{opacity:.5}.pg-pricing .pr-card__feature--strike{color:var(--ink-soft);text-decoration:line-through}.pg-pricing .pr-card__cta{width:100%}.pg-pricing .pr-compare{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);overflow:hidden;overflow-x:auto}.pg-pricing .pr-compare__row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;min-width:420px;border-bottom:var(--bw) solid var(--line);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);text-align:center}.pg-pricing .pr-compare__row:last-child{border-bottom:0}.pg-pricing .pr-compare__row--alt{background:var(--surface-2)}.pg-pricing .pr-compare__row--head{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);background:var(--surface-2)}.pg-pricing .pr-compare__feature{text-align:left;font-weight:600;color:var(--ink)}.pg-pricing .pr-compare__ea-col{color:var(--accent);font-weight:700}.pg-pricing .pr-compare__row--head .pr-compare__ea-col{color:var(--accent)}.pg-pricing .pr-faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.pg-pricing .pr-faq-item{border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-4) var(--space-5)}.pg-pricing .pr-faq-item[open]{border-color:var(--accent)}.pg-pricing .pr-faq-q{cursor:pointer;font-weight:700;font-size:var(--text-base);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pg-pricing .pr-faq-q::-webkit-details-marker{display:none}.pg-pricing .pr-faq-q:after{content:"";flex:none;width:.55em;height:.55em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}.pg-pricing .pr-faq-item[open] .pr-faq-q:after{transform:rotate(225deg) translate(-2px,-2px)}.pg-pricing .pr-faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.pg-pricing .pr-faq-a{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;margin:var(--space-3) 0 0}.pg-pricing .pr-terms-note{color:var(--ink-soft);font-size:var(--text-sm);text-align:center;margin:var(--space-6) 0 0}.pg-pricing .pr-terms-note a{color:var(--accent)}@media (max-width: 640px){.pg-pricing .pr-compare__row{grid-template-columns:1.6fr 1fr 1fr}}.pg-profile{min-height:100vh;background:var(--bg);color:var(--ink)}.pg-profile .wrap{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-10)}.pg-profile .pf-heading{margin-bottom:var(--space-6)}.pg-profile .pf-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;margin:0}.pg-profile .pf-subtitle{color:var(--ink-soft);font-size:var(--text-sm);margin:var(--space-2) 0 0}.pg-profile .pf-loading{color:var(--ink-soft);font-size:var(--text-sm)}.pg-profile .pf-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:clamp(var(--space-5),3vw,var(--space-6));margin-bottom:var(--space-5)}.pg-profile .pf-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.pg-profile .pf-card-title{font-size:var(--text-lg);font-weight:800;margin:0 0 var(--space-4)}.pg-profile .pf-card-head .pf-card-title{margin-bottom:0}.pg-profile .pf-card-head{margin-bottom:var(--space-4)}.pg-profile .pf-tier{font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--r-pill);background:var(--muted-bg);color:var(--ink-soft)}.pg-profile .pf-tier--testing{background:var(--warn-soft);color:var(--warn)}.pg-profile .pf-tier--pro{background:var(--accent-soft);color:var(--accent)}.pg-profile .pf-label{display:block;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:var(--space-5) 0 var(--space-2)}.pg-profile form>.pf-label:first-child{margin-top:0}.pg-profile .pf-hint{color:var(--muted);font-size:var(--text-xs);margin:var(--space-2) 0 0}.pg-profile .pf-field-error{color:var(--bad);font-size:var(--text-sm);font-weight:600;margin:var(--space-2) 0 0}.pg-profile .pf-error{color:var(--bad);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-4)}.pg-profile .pf-meta{margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:var(--bw) solid var(--line)}.pg-profile .pf-meta-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.pg-profile .pf-meta-row+.pf-meta-row{margin-top:var(--space-2)}.pg-profile .pf-meta-row dt{color:var(--ink-soft)}.pg-profile .pf-meta-row dd{margin:0;font-weight:700}.pg-profile .pf-actions{display:flex;gap:var(--space-2);margin-top:var(--space-6)}.pg-profile .pf-actions .btn{min-height:46px}@media (max-width: 480px){.pg-profile .pf-actions{flex-direction:column}}.pg-early-access{min-height:100vh;background:var(--bg);color:var(--ink);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px}.pg-early-access .ea-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) clamp(var(--space-5),3vw,var(--space-8));background:var(--surface);border-bottom:var(--bw) solid var(--line);position:sticky;top:0;z-index:10}.pg-early-access .ea-back{color:var(--ink-soft);font-size:var(--text-sm);font-weight:600;text-decoration:none}.pg-early-access .ea-back:hover{color:var(--ink)}.pg-early-access__wrap{max-width:520px;margin:0 auto;padding:var(--space-8) clamp(var(--space-5),3vw,var(--space-8)) var(--space-10)}.pg-early-access .ea-state{text-align:center;padding:var(--space-8) 0}.pg-early-access .ea-state__icon{width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-5);display:grid;place-items:center;font-size:36px}.pg-early-access .ea-state__icon--ok{background:var(--accent-soft)}.pg-early-access .ea-state__icon--pending{background:var(--warn-soft);border:2px solid var(--warn)}.pg-early-access .ea-state__title{font-size:var(--text-xl);font-weight:800;margin:0 0 var(--space-2)}.pg-early-access .ea-state__desc{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6;max-width:40ch;margin:0 auto var(--space-6)}.pg-early-access .ea-state__pill{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--warn-soft);border:var(--bw) solid var(--warn);color:var(--warn);font-weight:700;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--r-lg)}.pg-early-access .ea-state__dot{width:8px;height:8px;border-radius:50%;background:var(--warn)}@media (prefers-reduced-motion: no-preference){.pg-early-access .ea-state__dot{animation:lp-pulse 1.6s ease-in-out infinite}}.pg-early-access .ea-reject-banner{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--bad-soft);border:var(--bw) solid var(--bad);border-radius:var(--r);padding:var(--space-4);margin-bottom:var(--space-6)}.pg-early-access .ea-reject-banner__title{font-weight:800;font-size:var(--text-sm);color:var(--bad);margin-bottom:2px}.pg-early-access .ea-reject-banner__text{font-size:var(--text-sm);color:var(--bad);line-height:1.5}.pg-early-access .ea-reject-banner__hint{font-size:var(--text-xs);color:var(--bad);margin-top:var(--space-2);font-weight:600}.pg-early-access .ea-intro-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.pg-early-access .ea-intro-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.pg-early-access .ea-intro-icon{width:48px;height:48px;border-radius:var(--r);background:var(--accent-soft);display:grid;place-items:center;font-size:24px;flex-shrink:0}.pg-early-access .ea-intro-title{font-size:var(--text-lg);font-weight:800;margin:0}.pg-early-access .ea-intro-sub{font-size:var(--text-xs);color:var(--ink-soft);margin:2px 0 0}.pg-early-access .ea-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.pg-early-access .ea-perk{text-align:center;background:var(--surface-2);border-radius:var(--r);padding:var(--space-3) var(--space-2)}.pg-early-access .ea-perk__icon{font-size:var(--text-xl);margin-bottom:var(--space-1)}.pg-early-access .ea-perk__label{font-size:10px;font-weight:600;color:var(--ink-soft);line-height:1.3}.pg-early-access .ea-form-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-6)}.pg-early-access__label{display:block;font-weight:800;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--ink);margin-bottom:var(--space-2)}.pg-early-access .ea-field-hint{font-size:var(--text-xs);color:var(--ink-soft);line-height:1.6;margin:0 0 var(--space-3)}.pg-early-access .ea-textarea-wrap{position:relative}.pg-early-access__textarea{width:100%;resize:vertical;font-size:var(--text-sm);line-height:1.6}.pg-early-access .ea-char-count{position:absolute;bottom:var(--space-3);right:var(--space-3);font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-soft)}.pg-early-access .ea-char-count--warn{color:var(--warn)}.pg-early-access .ea-terms{font-size:var(--text-xs);color:var(--ink-soft);line-height:1.6;border-left:2px solid var(--line);padding-left:var(--space-3);margin:var(--space-5) 0}.pg-early-access .ea-submit{width:100%;height:48px}.pg-early-access .ea-next{margin-top:var(--space-5);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:var(--space-5)}.pg-early-access .ea-next__title{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--ink-soft);margin:0 0 var(--space-3)}.pg-early-access .ea-next__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.pg-early-access .ea-next__item{display:flex;align-items:flex-start;gap:var(--space-3)}.pg-early-access .ea-next__num{width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;font-weight:800;flex-shrink:0;margin-top:1px}.pg-early-access .ea-next__text{font-size:var(--text-xs);color:var(--ink-soft);line-height:1.6}.pg-share-quiz{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.pg-share-quiz .sq-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(28px,5vw,60px) var(--space-5);text-align:center}.pg-share-quiz .sq-inner{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.pg-share-quiz .sq-loading{color:var(--ink-soft);font-size:var(--text-sm)}.pg-share-quiz .sq-404-icon{font-size:48px}.pg-share-quiz .sq-404-title{font-size:var(--text-xl);font-weight:800;margin:0}.pg-share-quiz .sq-404-desc{color:var(--ink-soft);margin:0;font-size:var(--text-sm)}.pg-share-quiz .sq-404-btn{margin-top:var(--space-3)}.pg-share-quiz .sq-logo{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}.pg-share-quiz .sq-logo-ph{background:var(--accent);color:var(--accent-ink);font-size:30px}.pg-share-quiz .sq-logo img{width:100%;height:100%;object-fit:cover}.pg-share-quiz .sq-title{margin:0;font-size:clamp(26px,5vw,34px);font-weight:800;letter-spacing:-.02em}.pg-share-quiz .sq-meta{margin:var(--space-2) 0 0;color:var(--ink-soft);font-size:var(--text-sm)}.pg-share-quiz .sq-join-btn{display:flex;align-items:center;justify-content:center;margin-top:var(--space-5);width:100%;height:58px;border-radius:var(--r-lg);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:18px;text-decoration:none;box-shadow:var(--shadow-lg);transition:transform var(--dur-fast),box-shadow var(--dur-base)}.pg-share-quiz .sq-join-btn:hover{transform:translateY(-2px)}.pg-share-quiz .sq-pin-hint{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-xs)}.pg-share-quiz .sq-dozo-badge{margin-top:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-xs);font-weight:600}.pg-share-quiz .sq-dozo-mark{width:18px;height:18px;border-radius:5px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:9px}@media (prefers-reduced-motion: reduce){.pg-share-quiz .sq-join-btn{transition:none}}.pg-share-course{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}.pg-share-course .sc-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--ink-soft);text-align:center;padding:var(--space-5)}.pg-share-course .sc-wrap{flex:1;max-width:840px;margin:0 auto;width:100%;padding:clamp(24px,4vw,48px) clamp(16px,3vw,28px)}.pg-share-course .sc-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.pg-share-course .sc-logo{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;font-size:32px;flex-shrink:0;overflow:hidden;box-shadow:var(--shadow)}.pg-share-course .sc-logo-ph{background:var(--accent);color:var(--accent-ink)}.pg-share-course .sc-logo img{width:100%;height:100%;object-fit:cover}.pg-share-course .sc-title{margin:0;font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:-.02em}.pg-share-course .sc-meta{margin:var(--space-1) 0 0;color:var(--ink-soft);font-size:var(--text-sm)}.pg-share-course .sc-desc{margin:0 0 var(--space-6);color:var(--ink-soft);font-size:var(--text-sm);line-height:1.65;max-width:620px}.pg-share-course .sc-section{margin-bottom:var(--space-6)}.pg-share-course .sc-section-title{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-3)}.pg-share-course .docs-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.pg-share-course .doc-chip{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:10px var(--space-3);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:600;text-decoration:none;color:var(--ink);min-height:44px}.pg-share-course .quiz-list{display:flex;flex-direction:column;gap:var(--space-2)}.pg-share-course .quiz-item{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);transition:background var(--dur-fast)}.pg-share-course .quiz-item:hover{background:var(--surface-2)}.pg-share-course .quiz-icon{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:19px;flex-shrink:0}.pg-share-course .quiz-item-title{font-weight:700;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-share-course .quiz-item-meta{color:var(--ink-soft);font-size:var(--text-xs);margin-top:2px}.pg-share-course .quiz-list-empty{color:var(--muted);font-size:var(--text-sm)}.pg-share-course .join-pill{background:var(--accent);border:none;color:var(--accent-ink);font-weight:700;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);cursor:pointer;font-family:inherit;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.pg-share-course .sc-brand{text-align:center;margin-top:var(--space-8);color:var(--ink-soft);font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.pg-share-course .sc-brand-mark{width:18px;height:18px;border-radius:5px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:9px}