:root{--ink: #1c1c1e;--muted: #8e8e93;--paper: #f2f2f7;--panel: #ffffff;--line: rgba(60, 60, 67, .12);--separator: rgba(60, 60, 67, .29);--accent: #007aff;--accent-dark: #0066d6;--accent-soft: rgba(0, 122, 255, .12);--teal: var(--accent);--teal-dark: var(--accent-dark);--teal-soft: var(--accent-soft);--amber: #ff9500;--amber-soft: rgba(255, 149, 0, .14);--rose: #ff3b30;--rose-soft: rgba(255, 59, 48, .12);--ok: #34c759;--ok-soft: rgba(52, 199, 89, .14);--shadow: 0 1px 3px rgba(0, 0, 0, .06);--radius: 12px;--radius-lg: 16px;--touch: 44px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.brand{font-family:var(--font);font-weight:700;letter-spacing:-.03em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:calc(1rem + var(--safe-top)) var(--safe-right) calc(2.5rem + var(--safe-bottom)) var(--safe-left)}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1.5rem}.brand{font-size:1.5rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.brand:hover{text-decoration:none;color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:.35rem .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:.875rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch);border:none;border-radius:980px;padding:.65rem 1.15rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#7878801f;color:var(--ink);border:none}.btn-secondary:hover{background:#7878802e}.btn-danger{background:var(--rose);color:#fff}.btn-ghost{background:transparent;color:var(--accent);min-height:var(--touch)}.btn:disabled{opacity:.4;cursor:not-allowed}.panel{background:var(--panel);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.2rem}.panel-title{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;letter-spacing:-.035em;line-height:1.15}.panel-sub{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.4}.grid{display:grid;gap:.75rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.grid-2,.grid-3{grid-template-columns:1fr}}.course-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.05rem;border:none;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);transition:transform .2s ease,background .2s ease}.course-card:hover{transform:translateY(-1px);background:#fafafa}.course-card h3{margin:0;font-size:1.1rem}.meta{color:var(--muted);font-size:.9rem}.badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-gc{background:var(--amber-soft);color:#c26e00}.badge-ok{background:var(--ok-soft);color:#1f8f3a}.badge-wrong{background:var(--rose-soft);color:#d70015}.badge-skip{background:#7878801f;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:1rem 0 1.25rem}.profile-btn{border:2px solid transparent;background:#78788014;border-radius:var(--radius);padding:1rem .75rem;min-height:var(--touch);cursor:pointer;font:inherit;font-weight:600;transition:border-color .2s ease,background .2s ease,transform .2s ease}.profile-btn:hover{background:#78788024}.profile-btn.active{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.02)}.profile-btn .role{display:block;margin-top:.25rem;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-weight:600;font-size:.9rem}.field input,.field select,.field textarea{border:none;border-radius:10px;padding:.75rem .9rem;min-height:var(--touch);font:inherit;background:#78788014;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(0,122,255,.35);background:#fff}.prompt-box{margin-top:1.5rem;padding:1rem 1.1rem;border:none;border-radius:var(--radius);background:#7878800f}.prompt-box summary{cursor:pointer;font-weight:700;font-size:1.05rem}.prompt-box .meta{margin:.65rem 0 .75rem}.prompt-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem;flex-wrap:wrap}.prompt-text{width:100%;resize:vertical;min-height:16rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45;border:none;border-radius:10px;padding:.75rem .85rem;background:#fff;color:var(--ink)}.pin-input{width:100%;font-size:1.5rem;letter-spacing:.35em;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.alert{border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1rem;font-weight:600}.alert-error{background:var(--rose-soft);color:#d70015}.alert-info{background:var(--amber-soft);color:#9a6700}.alert-ok{background:var(--ok-soft);color:#1f8f3a}.question{border:none;border-radius:var(--radius-lg);padding:1.15rem .15rem .25rem;margin-bottom:0;background:transparent}.question h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.3}.options{display:grid;gap:.55rem}.option{display:flex;align-items:center;gap:.75rem;min-height:var(--touch);padding:.85rem 1rem;border:none;border-radius:var(--radius);background:#78788014;cursor:pointer;transition:background .2s ease,transform .15s ease}.option:hover{background:#78788024}.option:has(input:checked){background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.option.skip:has(input:checked){background:var(--amber-soft);box-shadow:inset 0 0 0 2px var(--amber)}.option input{margin:0;flex-shrink:0;width:1.15rem;height:1.15rem;accent-color:var(--accent)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.75rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.score-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;margin:.5rem 0 1.25rem}.score-hero .big{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ink)}.score-chip{display:inline-block;padding:.25rem .55rem;border-radius:8px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;background:#7878801f}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.25rem}.tab{border:none;background:#7878801f;border-radius:980px;min-height:36px;padding:.45rem .95rem;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}.tab.active{background:var(--ink);color:#fff}.hidden{display:none!important}.login-hero{width:min(420px,100%);margin:1.5rem auto 0;animation:rise .3s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.footer-note{margin-top:2rem;text-align:center;color:var(--muted);font-size:.85rem}.timer-bar{position:sticky;top:var(--safe-top);z-index:5;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.35rem 1rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:700;font-variant-numeric:tabular-nums}.timer-bar.warn{background:var(--amber);color:#1c1c1e}.timer-bar.danger{background:var(--rose)}.progress-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}.q-num{color:var(--muted);font-weight:700;margin-right:.25rem}.q-type-label{display:inline-block;margin-left:.5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);vertical-align:middle}.tf-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:520px){.tf-row{grid-template-columns:1fr}}.tf-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius);padding:1.15rem 1rem;min-height:3.5rem;font:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;background:#78788014;color:var(--ink);transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.tf-card:hover{background:#78788024}.tf-card.tf-true.selected{background:var(--ok-soft);color:#1f8f3a;box-shadow:inset 0 0 0 2px var(--ok)}.tf-card.tf-false.selected{background:var(--rose-soft);color:#d70015;box-shadow:inset 0 0 0 2px var(--rose)}.fib-sentence{margin:0 0 .25rem;font-size:1.15rem;font-weight:600;line-height:1.7;overflow-wrap:anywhere}.fib-inline{display:inline-block;min-width:5rem;max-width:min(14rem,100%);margin:.15rem .25rem;padding:.4rem .55rem;border:none;border-radius:8px;background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);font:inherit;font-weight:700;text-align:center}.fib-inline:focus{outline:2px solid rgba(0,122,255,.35)}.match-grid{display:grid;gap:.65rem}.match-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;align-items:center}@media(max-width:600px){.match-row{grid-template-columns:1fr}}.match-left{padding:.75rem .9rem;min-height:var(--touch);border-radius:var(--radius);background:#78788014;font-weight:600;display:flex;align-items:center}.match-select{border:none;border-radius:var(--radius);padding:.7rem .85rem;min-height:var(--touch);font:inherit;background:#78788014;width:100%}.match-select:focus{outline:2px solid rgba(0,122,255,.35);background:#fff}.order-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.order-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;min-height:var(--touch);border:none;border-radius:var(--radius);background:#78788014;cursor:grab;-webkit-user-select:none;user-select:none}.order-item:active{cursor:grabbing}.order-item.sortable-ghost{opacity:.45;background:var(--accent-soft)}.order-handle{color:var(--muted);font-size:.95rem;letter-spacing:-.1em;flex-shrink:0}.order-label{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.order-actions{display:flex;gap:.35rem;flex-shrink:0}.order-actions .btn{padding:0;min-width:var(--touch);min-height:var(--touch);border-radius:10px}.game-hero{background:var(--panel);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.2rem;animation:rise .3s ease both}.game-hero-main{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.avatar{width:3.5rem;height:3.5rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.1rem;color:var(--accent-dark);background:var(--accent-soft);flex-shrink:0}.game-hero-text{flex:1 1 220px;min-width:0}.game-level{margin:0 0 .2rem;color:var(--accent);font-weight:700;font-size:.85rem;letter-spacing:.02em}.xp-track{margin-top:.65rem;height:.5rem;border-radius:999px;background:#78788029;overflow:hidden}.xp-fill{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .6s cubic-bezier(.22,1,.36,1)}.xp-label{margin:.35rem 0 0}.streak-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:5.25rem;min-height:var(--touch);padding:.65rem .85rem;border-radius:var(--radius);background:var(--amber-soft);color:#c26e00}.streak-flame{font-size:1.25rem;line-height:1}.streak-num{font-size:1.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.streak-caption{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.game-hero-badges{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}.badge-case{display:flex;flex-wrap:wrap;gap:.5rem}.ach-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;min-height:36px;border-radius:980px;border:none;background:#7878801a;font-size:.82rem;font-weight:600;transition:transform .15s ease,opacity .15s ease}.ach-badge.unlocked{background:var(--ok-soft);color:#1f8f3a}.ach-badge.locked{opacity:.4;filter:grayscale(1)}.ach-badge:hover{transform:translateY(-1px)}.ach-icon{font-size:1rem;line-height:1}.stars{font-size:1.15rem;letter-spacing:.05em;color:#c7c7cc}.stars-1{color:#b87333}.stars-2{color:#8e8e93}.stars-3{color:#ff9500}.quest-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem}.quest-card .btn{align-self:flex-start}.test-progress{position:sticky;top:var(--safe-top);z-index:6;display:flex;align-items:center;gap:.75rem;margin:-.25rem 0 1rem;padding:.5rem 0;background:linear-gradient(180deg,var(--panel) 70%,transparent)}.test-progress-track{flex:1;min-width:0;height:.4rem;border-radius:999px;background:#78788029;overflow:hidden}.test-progress-fill{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .3s ease}.test-progress-label{flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.test-pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1.25rem 0 .75rem;flex-wrap:wrap}.test-pager-label{flex:1 1 auto;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.95rem}.test-pager .btn{flex:0 0 auto;min-width:6.5rem}.test-panel .question{animation:slideIn .25s ease both}.test-panel .option,.test-panel .tf-card{transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.test-panel .option:active,.test-panel .tf-card:active{transform:scale(.98)}.btn-submit-test{width:100%;margin-top:.35rem}.btn-submit-test:hover{background:var(--accent-dark)}.rewards-panel{margin:1rem 0 .5rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);background:var(--accent-soft);border:none}.rewards-total{margin:0 0 .65rem;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.xp-breakdown{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.xp-line{padding:.55rem .75rem;border-radius:10px;background:#fff;font-weight:600;opacity:0;animation:xpPop .35s ease forwards}@keyframes xpPop{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.level-up-banner{margin-top:.85rem;padding:.9rem 1rem;border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:700;font-size:1.1rem;text-align:center;animation:rise .35s ease both}.beat-note{margin:.65rem 0 0;color:#1f8f3a;font-weight:700}.new-badges{margin-top:.85rem}.celebrate-badge{animation:rise .35s ease both}.badge-icons{font-size:1.1rem;letter-spacing:.1em}.section-title{font-size:1.2rem;font-weight:700;letter-spacing:-.025em;margin:1.5rem 0 .75rem}@media(max-width:480px){.shell{width:calc(100% - 1rem);padding-top:calc(.75rem + var(--safe-top));padding-bottom:calc(2rem + var(--safe-bottom))}.topbar{margin-bottom:1.15rem}.brand{font-size:1.35rem}.nav-actions{flex:1 1 100%;justify-content:flex-start}.nav-actions .btn{padding:.55rem .9rem;font-size:.9rem}.panel{padding:1rem .9rem;border-radius:var(--radius)}.panel-title{font-size:1.5rem}.pin-input{font-size:1.25rem;letter-spacing:.2em}.fib-inline{min-width:4rem;max-width:100%}.order-item{flex-wrap:wrap}.order-actions{margin-left:auto}.timer-bar{flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .85rem}.test-progress-label{font-size:.75rem}.score-chip{padding:.15rem .4rem;font-size:.85rem}.score-hero .big{font-size:2.5rem}.test-pager .btn{min-width:5.5rem;flex:1 1 auto}.test-pager-label{flex:1 1 100%;order:-1}}