*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}:root{--teal: #0D9E88;--teal-dk: #087A68;--teal-lt: #E0F7F3;--teal-xlt: #F0FBF9;--sun: #E8A020;--sun-dk: #C07010;--sun-lt: #FFF7E8;--red: #E04848;--red-dk: #C03030;--red-lt: #FFF0F0;--purple: #7C5CFC;--purple-lt: #F0ECFF;--cyan: #38BDF8;--stone-900: #111827;--stone-800: #1F2937;--stone-700: #374151;--stone-600: #4B5563;--stone-500: #6B7280;--stone-400: #9CA3AF;--stone-300: #D1D5DB;--stone-200: #E5E7EB;--stone-100: #F3F4F6;--stone-50: #F9FAFB;--white: #FFFFFF;--bg: var(--stone-50);--surface: var(--white);--border: var(--stone-200);--border-dk: var(--stone-300);--text-primary: var(--stone-800);--text-secondary: var(--stone-500);--text-muted: var(--stone-400);--text-display: clamp(1.625rem, 4vw, 2.125rem);--text-h1: 1.5rem;--text-h2: 1.125rem;--text-h3: .9375rem;--text-body: .9375rem;--text-sm: .8125rem;--text-xs: .6875rem;--weight-regular: 600;--weight-bold: 700;--weight-black: 800;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 0 rgba(0,0,0,.04), 0 3px 8px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 3px 0 rgba(0,0,0,.04), 0 6px 16px -2px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 4px 0 rgba(0,0,0,.04), 0 14px 30px -4px rgba(0,0,0,.14), 0 6px 12px -4px rgba(0,0,0,.08);--shadow-xl: 0 5px 0 rgba(0,0,0,.04), 0 28px 50px -8px rgba(0,0,0,.16), 0 10px 20px -6px rgba(0,0,0,.1);--shadow-teal: 0 4px 0 rgba(13,158,136,.35), 0 8px 24px -2px rgba(13,158,136,.28), 0 2px 6px rgba(13,158,136,.18);--shadow-sun: 0 4px 0 rgba(232,160,32,.35), 0 8px 24px -2px rgba(232,160,32,.28), 0 2px 6px rgba(232,160,32,.18);--shadow-red: 0 4px 0 rgba(224,72,72,.3), 0 8px 24px -2px rgba(224,72,72,.24), 0 2px 6px rgba(224,72,72,.15);--shadow-soft: 0 16px 40px -24px rgba(30,41,59,.22);--shadow-soft-lg: 0 20px 50px -24px rgba(30,41,59,.26);--emoji-shadow: drop-shadow(0 2px 4px rgba(0,0,0,.22)) drop-shadow(0 1px 2px rgba(0,0,0,.14));--emoji-shadow-lg: drop-shadow(0 4px 8px rgba(0,0,0,.28)) drop-shadow(0 2px 4px rgba(0,0,0,.18));--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .11s;--dur-base: .2s;--dur-slow: .32s;--font: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--header-h: 64px;--sidebar-w: 220px;--surface-blur: rgba(255,255,255,.92);--page-px: 20px;--pill-h: 40px}[data-theme=dark]{--teal: #14B8A2;--teal-dk: #0D9E88;--teal-lt: rgba(20,184,162,.12);--teal-xlt: rgba(20,184,162,.06);--sun: #F0B030;--sun-dk: #D89818;--sun-lt: rgba(240,176,48,.1);--red: #F06060;--red-dk: #E04848;--red-lt: rgba(240,96,96,.1);--purple: #9B7FFC;--purple-lt: rgba(155,127,252,.1);--cyan: #56CCF8;--stone-900: #F9FAFB;--stone-800: #F3F4F6;--stone-700: #E5E7EB;--stone-600: #C7CDD4;--stone-500: #9CA3AF;--stone-400: #6B7280;--stone-300: #374151;--stone-200: #1F2937;--stone-100: #1a2332;--stone-50: #151d2a;--white: #111827;--bg: #0d1117;--surface: #151d2a;--border: rgba(255,255,255,.08);--border-dk: rgba(255,255,255,.12);--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--shadow-xs: 0 1px 3px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.18);--shadow-sm: 0 2px 0 rgba(0,0,0,.15), 0 3px 8px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 3px 0 rgba(0,0,0,.15), 0 6px 16px -2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.25);--shadow-lg: 0 4px 0 rgba(0,0,0,.15), 0 14px 30px -4px rgba(0,0,0,.45), 0 6px 12px -4px rgba(0,0,0,.3);--shadow-xl: 0 5px 0 rgba(0,0,0,.15), 0 28px 50px -8px rgba(0,0,0,.55), 0 10px 20px -6px rgba(0,0,0,.35);--shadow-teal: 0 4px 0 rgba(20,184,162,.25), 0 8px 24px -2px rgba(20,184,162,.18), 0 2px 6px rgba(20,184,162,.12);--shadow-sun: 0 4px 0 rgba(240,176,48,.25), 0 8px 24px -2px rgba(240,176,48,.18), 0 2px 6px rgba(240,176,48,.12);--shadow-red: 0 4px 0 rgba(240,96,96,.22), 0 8px 24px -2px rgba(240,96,96,.16), 0 2px 6px rgba(240,96,96,.1);--shadow-soft: 0 16px 40px -22px rgba(0,0,0,.55);--shadow-soft-lg: 0 20px 50px -22px rgba(0,0,0,.6);--emoji-shadow: drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.3));--emoji-shadow-lg: drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.35));--surface-blur: rgba(17,24,39,.88);color-scheme:dark}[data-theme=dark] .btn-primary{box-shadow:0 1px 2px #0000004d,0 4px 12px #14b8a226}[data-theme=dark] .btn-primary:hover{box-shadow:0 2px 4px #0000004d,0 8px 20px #14b8a233}[data-theme=dark] .btn-ghost,[data-theme=dark] .choice-btn{border-color:var(--border-dk)}@media (hover: hover){[data-theme=dark] .choice-btn:hover:not(:disabled){border-color:var(--teal);background:var(--teal-xlt)}}[data-theme=dark] .choice-btn.selected,[data-theme=dark] .choice-btn.correct{background:var(--teal-lt);color:#5dd6c0;border-color:var(--teal)}[data-theme=dark] .choice-btn.wrong{background:var(--red-lt);color:#f08080;border-color:var(--red)}[data-theme=dark] .word-tile{border-bottom:5px solid var(--stone-300);box-shadow:0 2px 6px #0003}@media (hover: hover){[data-theme=dark] .word-tile:hover{border-bottom:6px solid var(--teal-dk);box-shadow:0 6px 18px #14b8a226}}[data-theme=dark] .word-tile.placed{color:#5dd6c0;border-bottom:4px solid var(--teal-dk);box-shadow:0 2px 8px #14b8a21a}[data-theme=dark] .feedback-ok{background:var(--teal-lt);border-color:#14b8a22e}[data-theme=dark] .feedback-ok h4{color:#5dd6c0}[data-theme=dark] .feedback-ok p{color:var(--teal)}[data-theme=dark] .feedback-err{background:var(--red-lt);border-color:#f060602e}[data-theme=dark] .feedback-err h4{color:#f08080}[data-theme=dark] .feedback-err p{color:var(--red)}[data-theme=dark] .badge-teal{background:var(--teal-lt);color:#5dd6c0}[data-theme=dark] .badge-sun{background:var(--sun-lt);color:#f0c060}[data-theme=dark] .badge-red{background:var(--red-lt);color:#f08080}[data-theme=dark] .badge-gray{background:var(--stone-100);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .badge-purple{background:var(--purple-lt);color:#b8a0ff}[data-theme=dark] .toast{background:#1a2332;border:1px solid var(--border-dk)}[data-theme=dark] .modal-overlay{background:#000000a6}[data-theme=dark] .modal{border:1px solid var(--border-dk)}[data-theme=dark] .modal-footer{background:var(--surface)}[data-theme=dark] .table th,[data-theme=dark] .table tr:hover td{background:#ffffff08}[data-theme=dark] .toggle-slider{background:var(--stone-300)}[data-theme=dark] .toggle-slider:before{background:var(--text-primary)}[data-theme=dark] .progress-bar{background:#ffffff0f}[data-theme=dark] .stat-chip{background:#ffffff0f;border-color:var(--border)}[data-theme=dark] .heart.lost{filter:grayscale(1) brightness(.6)}[data-theme=dark] .skill-locked{--face: #3A424E;--base: #262C35;--ink: rgba(255,255,255,.72);box-shadow:0 6px 0 0 var(--base),0 8px 14px #00000059}[data-theme=dark] .skel-bone,[data-theme=dark] .skel-circle,[data-theme=dark] .skel-text{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a 80%);background-size:800px 100%}[data-theme=dark] .input:focus,[data-theme=dark] .select:focus,[data-theme=dark] .textarea:focus{box-shadow:0 0 0 3px #14b8a226}[data-theme=dark] .input.has-error:focus{box-shadow:0 0 0 3px #f0606026}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] .review-card{background:var(--stone-100);border-color:var(--border-dk);box-shadow:0 2px 8px #0000004d,0 0 0 1px #ffffff0a}[data-theme=dark] .review-topbar{background:var(--white);box-shadow:0 1px 8px #0000004d;border-bottom-color:var(--border-dk)}[data-theme=dark] .review-page{background:var(--bg)}[data-theme=dark] .review-sticky-gradient{background:linear-gradient(to top,var(--bg) 70%,transparent)}[data-theme=dark] .review-banner{background:linear-gradient(135deg,#f0b0301a,#f0b0300f)!important;border-color:#f0b03040!important;box-shadow:0 2px 8px #00000040,0 0 0 1px #f0b03014!important}[data-theme=dark] .review-banner:hover{box-shadow:0 4px 16px #f0b03026!important}[data-theme=dark] .review-banner-btn{color:#fff!important}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}@media (max-width: 768px){html{font-size:17px}.ch-title{font-size:28px}.ch-tab{font-size:15px;padding:12px 10px}.dq-expanded-pct{font-size:26px}.dq-label{font-size:16px}.dq-sub{font-size:14px}.dq-count{font-size:13px}.ch-page .dq-list{gap:0}.ch-page .dq-row{padding:20px 0}.ch-page .dq-icon svg{width:28px;height:28px}.dl-lead{font-size:14px}.dl-left{font-size:13.5px}.dl-name{font-size:15px}.dl-days{font-size:13px}.dl-explain{font-size:14px}.dl-invite-text{font-size:15px}.dl-suggest-name{font-size:16px}.dl-suggest-head,.dl-vs{font-size:14px}.dl-dot{width:9px;height:9px}.dl-btn{font-size:15px}}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-dk);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--stone-400)}:focus{outline:revert}:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px;border-radius:var(--r-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:none;font-family:var(--font);font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap;text-decoration:none;letter-spacing:.01em;position:relative;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.btn:disabled{opacity:.42;cursor:default;pointer-events:none}.btn svg{flex-shrink:0}.btn-lg{padding:13px var(--sp-6);font-size:var(--text-body);border-radius:var(--r-lg)}.btn-md{padding:9px var(--sp-5);font-size:var(--text-sm);border-radius:var(--r-md)}.btn-sm{padding:6px var(--sp-3);font-size:var(--text-sm);border-radius:var(--r-sm)}.btn-xs{padding:4px var(--sp-2);font-size:var(--text-xs);border-radius:6px}.btn-full{width:100%}.btn-primary{background:var(--teal);color:#fff;border-bottom:4px solid #087A68;box-shadow:0 2px 4px #0000001a,0 6px 16px #0d9e8838}.btn-primary:hover{background:#0bb59c;transform:translateY(-2px);border-bottom-width:5px;box-shadow:0 4px 8px #0000001a,0 10px 24px #0d9e8847}.btn-primary:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:0 1px 2px #00000014}.btn-accent{background:var(--sun);color:#fff;border-bottom:4px solid #C07010;box-shadow:0 2px 4px #0000001a,0 6px 16px #e8a02038}.btn-accent:hover{background:#f0aa28;transform:translateY(-2px);border-bottom-width:5px;box-shadow:0 4px 8px #0000001a,0 10px 24px #e8a02047}.btn-accent:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:0 1px 2px #00000014}.btn-danger{background:var(--red);color:#fff;border-bottom:4px solid #B83030;box-shadow:0 2px 4px #0000001a,0 6px 16px #e0484838}.btn-danger:hover{background:#e85555;transform:translateY(-2px);border-bottom-width:5px;box-shadow:0 4px 8px #0000001a,0 10px 24px #e0484847}.btn-danger:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:0 1px 2px #00000014}.btn-ghost{background:var(--surface);color:var(--stone-700);border:2px solid var(--border);border-bottom:4px solid var(--stone-200)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-xlt);box-shadow:var(--shadow-teal);transform:translateY(-2px);border-bottom-width:5px}.btn-ghost:active{transform:translateY(1px);box-shadow:none;border-bottom-width:2px}.btn-ghost-danger{background:var(--surface);color:var(--red);border:1.5px solid var(--stone-200)}.btn-ghost-danger:hover{background:var(--red-lt);border-color:var(--red);transform:translateY(-1px);box-shadow:0 4px 12px #e048481f}.btn-ghost-danger:active{transform:translateY(0)}.btn-subtle{background:#ffffff14;color:#ffffffd9;border:1.5px solid rgba(255,255,255,.12)}.btn-subtle:hover{background:#ffffff24;color:#fff;border-color:#ffffff38}.btn-check-inactive{background:var(--stone-100);color:var(--stone-400);box-shadow:none;cursor:default}.card{background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--stone-200);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--shadow-md)}.card-sm{background:var(--surface);border:2px solid var(--border);border-bottom:3px solid var(--stone-200);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--teal);border-bottom-width:4px}.card-interactive:active{transform:translateY(1px);box-shadow:var(--shadow-xs);border-bottom-width:2px}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.03em;line-height:1}.badge-teal{background:var(--teal-lt);color:#055c50}.badge-sun{background:var(--sun-lt);color:#7a4800}.badge-red{background:var(--red-lt);color:#8c1f1f}.badge-gray{background:var(--stone-50);color:var(--stone-700);border:1px solid var(--border)}.badge-purple{background:var(--purple-lt);color:#3d2aaa}.input,.select,.textarea{width:100%;padding:12px var(--sp-4);border:2px solid var(--border);border-bottom:4px solid var(--stone-200);border-radius:var(--r-md);font-family:var(--font);font-size:var(--text-body);font-weight:var(--weight-regular);color:var(--text-primary);background:var(--surface);outline:none;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-bottom-color var(--dur-base) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--stone-400);font-weight:var(--weight-regular)}.input:hover,.select:hover{border-color:var(--stone-300)}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal);border-bottom-color:var(--teal-dk);box-shadow:0 0 0 3px #0d9e881f}.input.has-error{border-color:var(--red)}.input.has-error:focus{box-shadow:0 0 0 3px #d9404021}.textarea{resize:vertical;min-height:80px}.form-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-1)}.form-error{font-size:var(--text-xs);color:var(--red);margin-top:var(--sp-1);font-weight:var(--weight-bold)}.form-row{margin-bottom:var(--sp-4)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.stat-chip{display:flex;align-items:center;gap:5px;padding:5px var(--sp-3);background:var(--stone-100);border:1px solid var(--border);border-radius:var(--r-full);font-family:var(--font);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-primary);transition:background var(--dur-base) var(--ease);cursor:default;white-space:nowrap}.stat-chip .stat-icon{font-size:15px;line-height:1}.stat-chip--dark{background:#ffffff17;border-color:#ffffff1f;color:#ffffffeb}@media (max-width: 400px){.stat-chip{padding:3px 6px;gap:3px;font-size:10px}.stat-chip .stat-icon{font-size:13px}}.skill-node{--face: var(--teal);--base: var(--teal-dk);--ink: #fff;width:74px;height:74px;border-radius:50%;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font);font-weight:var(--weight-bold);font-size:var(--text-xs);text-align:center;line-height:1.3;padding:0;cursor:pointer;position:relative;color:var(--ink);background:var(--face);box-shadow:0 8px 0 0 var(--base),0 11px 15px #0003;transition:transform .13s var(--ease-spring),box-shadow .13s var(--ease)}.skill-node:before{content:"";position:absolute;left:14%;right:14%;top:9%;height:40%;border-radius:50%;background:linear-gradient(#ffffff6b,#fff0);pointer-events:none}.skill-node:not(.skill-locked):hover{transform:translateY(-3px);box-shadow:0 10px 0 0 var(--base),0 15px 22px #00000038}.skill-node:not(.skill-locked):active{transform:translateY(5px);box-shadow:0 2px 0 0 var(--base),0 3px 8px #0000002e}.skill-icon{font-size:30px;margin-bottom:2px;display:block;filter:var(--emoji-shadow);transition:transform var(--dur-base) var(--ease)}.skill-node:not(.skill-locked):hover .skill-icon{transform:scale(1.08) translateY(-1px)}.skill-crown{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:16px;line-height:1;filter:var(--emoji-shadow);z-index:2}.skill-label{font-size:12px;font-weight:800;line-height:1.18;width:100%;max-width:100%;padding:0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word}.skill-done{--face: var(--teal);--base: var(--teal-dk)}.skill-current{--face: var(--sun);--base: var(--sun-dk);animation:nodePulse 2.2s var(--ease) infinite}.skill-active{--face: var(--sun);--base: var(--sun-dk)}.skill-locked{--face: #6B7280;--base: #4B5563;--ink: rgba(255,255,255,.92);cursor:default}@keyframes nodePulse{0%,to{box-shadow:0 8px 0 0 var(--base),0 11px 15px #0003}50%{box-shadow:0 8px 0 0 var(--base),0 0 0 8px #e8a02029,0 13px 26px #e8a0204d}}.unit-sticky{position:sticky;top:8px;z-index:15;width:100%;box-sizing:border-box;border-radius:18px;padding:14px 16px;margin-bottom:18px;background:var(--u-color, var(--teal));color:#fff;box-shadow:0 5px #00000029,0 10px 24px #00000029;display:flex;align-items:center;gap:14px;transition:background .35s var(--ease),box-shadow .35s var(--ease)}.unit-sticky .us-icon{width:52px;height:52px;border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:27px;background:#fff3;box-shadow:inset 0 1px #ffffff4d}.unit-sticky .us-main{flex:1 1 auto;min-width:0}.unit-sticky .us-eyebrow{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.78}.unit-sticky .us-title{font-weight:900;font-size:17px;line-height:1.2;margin-top:1px;overflow-wrap:anywhere;word-break:break-word}.unit-sticky .us-sub{font-size:12.5px;opacity:.84;margin-top:2px;overflow-wrap:anywhere;word-break:break-word}.unit-sticky .us-start{flex-shrink:0;border:none;cursor:pointer;font-family:var(--font);background:#fff;color:var(--u-color, var(--teal));border-radius:14px;padding:11px 20px;font-weight:900;font-size:14px;box-shadow:0 3px #00000024;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.unit-sticky .us-start:hover{transform:translateY(-1px);box-shadow:0 4px #00000024}.unit-sticky .us-start:active{transform:translateY(2px);box-shadow:0 1px #00000024}@media (max-width: 480px){.unit-sticky{padding:14px 16px;gap:12px;border-radius:16px}.unit-sticky .us-icon{width:44px;height:44px;font-size:23px;border-radius:13px}.unit-sticky .us-title{font-size:15.5px}.unit-sticky .us-sub{font-size:11.5px}.unit-sticky .us-start{padding:10px 16px;font-size:13px}}@media (max-width: 360px){.unit-sticky .us-start .us-start-tx{display:none}.unit-sticky .us-start{padding:10px 13px}.ch-tab:before{display:none}.ch-tab{padding:9px 6px;gap:0}}.unit-divider{display:flex;align-items:center;gap:12px;margin:4px 0 16px;scroll-margin-top:150px;min-width:0}.unit-divider .ud-line{flex:1 1 0;min-width:0;height:2px;border-radius:2px;background:var(--u-color, var(--border));opacity:.28}.unit-divider .ud-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.02em;color:#fff;background:var(--u-color, var(--teal));padding:6px 14px;border-radius:18px;box-shadow:0 2px #00000026;min-width:0;max-width:100%;flex-shrink:1}.unit-divider .ud-title{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center}.unit-divider .ud-count{flex-shrink:0;white-space:nowrap}.progress-bar{height:10px;background:#0000000f;border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#14B8A2);border-radius:var(--r-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar.progress-lesson{height:14px;background:#00000012}@media (max-width: 767px){.progress-bar.progress-lesson{height:18px}}.progress-bar.progress-lesson .progress-fill{position:relative}.progress-bar.progress-lesson .progress-fill:after{content:"";position:absolute;left:7px;right:7px;top:3px;height:4px;border-radius:var(--r-full);background:#ffffff73}.hearts-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface);box-shadow:0 2px 8px #0000001a}.hearts-pill .hp-count{font-weight:900;font-size:15px;color:var(--red);line-height:1}@media (max-width: 767px){.hearts-pill{border-color:#0d9e888c;box-shadow:0 5px 16px #0d9e8852,0 2px 6px #0d9e882e}}.heart{font-size:20px;display:inline-block;transition:transform var(--dur-slow) var(--ease),filter var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}.heart.lost{filter:grayscale(1) brightness(.9);opacity:.22;transform:scale(.72)}@keyframes heartBreak{0%{transform:scale(1)}25%{transform:scale(1.35) rotate(-12deg)}55%{transform:scale(.55) rotate(12deg)}to{transform:scale(.78)}}.heart.breaking{animation:heartBreak .52s var(--ease) forwards}@keyframes fbSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.choice-btn{background:var(--surface);border:2px solid var(--border-dk);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4);font-family:var(--font);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;text-align:start;width:100%;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);line-height:1.35;min-width:0;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal}.choice-grid-2col{align-items:stretch}.choice-grid-2col>.choice-btn{min-width:0;max-width:100%}@media (hover: hover){.choice-btn:hover:not(:disabled){border-color:var(--teal);background:var(--teal-xlt)}}.choice-btn.selected,.choice-btn.correct{border-color:var(--teal);background:var(--teal-lt);color:#044f43}.choice-btn.wrong{border-color:var(--red);background:var(--red-lt);color:#8c1f1f}.match-grid .match-tile{height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.word-tile{background:var(--surface);border:2.5px solid var(--stone-300);border-bottom:5px solid var(--stone-200);border-radius:var(--r-md);padding:8px var(--sp-4);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;color:var(--text-primary);box-shadow:0 2px 6px #0000000f;transition:all var(--dur-fast) var(--ease-spring);display:inline-block;font-family:var(--font);line-height:1}@media (hover: hover){.word-tile:hover{border-color:var(--teal);background:var(--teal-xlt);transform:translateY(-4px);border-bottom:6px solid var(--teal-dk);box-shadow:0 6px 18px #0d9e8833}}.word-tile:active{transform:translateY(3px);border-bottom-width:2px;box-shadow:none}.word-tile.placed{border-color:var(--teal);background:var(--teal-lt);color:#044f43;border-bottom:4px solid var(--teal-dk);box-shadow:0 2px 8px #0d9e8826;font-weight:var(--weight-black)}.word-tile.used{opacity:0;pointer-events:none;transform:scale(.8)}.feedback{border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);display:flex;gap:var(--sp-4);align-items:center;animation:feedbackIn .28s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes feedbackIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-ok{background:var(--teal-lt);border:2px solid rgba(13,158,136,.22)}.feedback-err{background:var(--red-lt);border:2px solid rgba(217,64,64,.22)}.feedback h4{font-size:var(--text-body);font-weight:var(--weight-black);margin-bottom:2px;line-height:1.25}.feedback p{font-size:var(--text-sm);font-weight:var(--weight-bold)}.feedback-ok h4{color:#044f43}.feedback-ok p{color:var(--teal-dk)}.feedback-err h4{color:#8c1f1f}.feedback-err p{color:#b03030}.fb-icon{font-size:32px;flex-shrink:0;line-height:1}.toast-container{position:fixed;bottom:var(--sp-5);inset-inline-end:var(--sp-5);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{background:var(--stone-900);color:#fff;padding:11px var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--weight-bold);display:flex;align-items:center;gap:var(--sp-2);pointer-events:auto;box-shadow:var(--shadow-lg);animation:toastIn var(--dur-slow) var(--ease-out) forwards;max-width:320px}.toast.ok{border-left:3px solid var(--teal)}.toast.err{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--sun)}@keyframes toastIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f16238c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:overlayIn var(--dur-base) var(--ease) forwards}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;animation:modalIn var(--dur-slow) var(--ease-spring) forwards}@keyframes modalIn{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1.5px solid var(--border)}.modal-header h3{font-size:var(--text-h3);font-weight:var(--weight-black)}.modal-body{padding:var(--sp-6)}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1.5px solid var(--border);display:flex;justify-content:flex-end;gap:var(--sp-2);background:var(--stone-50);border-radius:0 0 var(--r-xl) var(--r-xl)}.table{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;border-collapse:collapse;box-shadow:var(--shadow-xs)}.table th{background:var(--stone-50);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-2) var(--sp-4);text-align:start;border-bottom:1.5px solid var(--border)}.table td{padding:11px var(--sp-4);font-size:var(--text-sm);font-weight:var(--weight-regular);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--stone-50)}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stone-200);border-radius:var(--r-full);cursor:pointer;transition:background var(--dur-base) var(--ease);box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform var(--dur-base) var(--ease-spring);box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--teal)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-9px)}36%{transform:translate(8px)}54%{transform:translate(-6px)}72%{transform:translate(5px)}90%{transform:translate(-3px)}}.shake{animation:shake .45s var(--ease) both}.xp-badge{background:var(--teal);color:#fff;border-radius:var(--r-full);padding:3px var(--sp-2);font-size:var(--text-xs);font-weight:var(--weight-black);display:inline-flex;align-items:center;gap:3px;box-shadow:0 1px 4px #0d9e8847}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);text-align:center;gap:var(--sp-3)}.empty-state-icon{font-size:52px;line-height:1;margin-bottom:var(--sp-2);filter:saturate(.7)}.empty-state-title{font-size:var(--text-h2);font-weight:var(--weight-black);color:var(--text-primary)}.empty-state-body{font-size:var(--text-body);color:var(--text-secondary);max-width:300px;line-height:1.6}.divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-2) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.hide-mobile{display:none!important}:root{--page-px: 20px}.page-wrap{padding-left:var(--page-px)!important;padding-right:var(--page-px)!important}}@media (max-width: 480px){body{overflow-x:hidden}.choice-grid-2col{grid-template-columns:1fr 1fr!important;gap:8px!important}.choice-grid-2col>.choice-btn{text-align:center!important;padding:12px 10px!important;font-size:15px!important;min-height:56px;display:flex;align-items:center;justify-content:center}.lesson-content{padding-left:var(--page-px)!important;padding-right:var(--page-px)!important}.modal-box{width:calc(100vw - 32px)!important;max-width:none!important}.match-grid .choice-btn{font-size:13px!important;padding:10px 8px!important}}html.ui-rtl-text :where(p,h1,h2,h3,h4,h5,h6,span,a,li,dd,dt,td,th,label,button,div,figcaption,summary,option,strong,em,small,blockquote,input,textarea):not([dir]){unicode-bidi:plaintext}html.ui-rtl-text .ch-page[dir=rtl] .dq-label,html.ui-rtl-text .ch-page[dir=rtl] .dl-explain,html.ui-rtl-text .ch-page[dir=rtl] .dl-title,html.ui-rtl-text .ch-page[dir=rtl] .dl-sub,html.ui-rtl-text .ch-page[dir=rtl] .dl-empty,html.ui-rtl-text .ch-page[dir=rtl] .dl-invite-text,html.ui-rtl-text .ch-page[dir=rtl] .dl-suggest-head,html.ui-rtl-text .ch-page[dir=rtl] .dl-suggest-name{text-align:right}.word-tile{unicode-bidi:plaintext}@keyframes wave{0%,to{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.show-mobile-only{display:none}@media (max-width: 768px){.show-mobile-only{display:block}}@keyframes skelShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel-bone{display:block;background:linear-gradient(90deg,var(--stone-100) 0%,var(--stone-50) 40%,var(--stone-100) 80%);background-size:800px 100%;animation:skelShimmer 1.6s ease-in-out infinite;border-radius:var(--r-sm)}.skel-circle{display:block;background:linear-gradient(90deg,var(--stone-100) 0%,var(--stone-50) 40%,var(--stone-100) 80%);background-size:800px 100%;animation:skelShimmer 1.6s ease-in-out infinite;border-radius:var(--r-full)}.skel-text{display:block;height:14px;background:linear-gradient(90deg,var(--stone-100) 0%,var(--stone-50) 40%,var(--stone-100) 80%);background-size:800px 100%;animation:skelShimmer 1.6s ease-in-out infinite;border-radius:6px}.skel-stagger>*:nth-child(1){animation-delay:0s}.skel-stagger>*:nth-child(2){animation-delay:.08s}.skel-stagger>*:nth-child(3){animation-delay:.16s}.skel-stagger>*:nth-child(4){animation-delay:.24s}.skel-stagger>*:nth-child(5){animation-delay:.32s}.skel-stagger>*:nth-child(6){animation-delay:.4s}@keyframes skelFadeIn{0%{opacity:0}to{opacity:1}}.skel-container{animation:skelFadeIn .25s ease both}@media (prefers-reduced-motion: reduce){.skel-bone,.skel-circle,.skel-text{animation:none;background:var(--stone-100)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wel-root{min-height:100vh;display:flex;flex-direction:column;background:var(--white);color:var(--text-primary);font-family:var(--font)}.wel-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(16px,4vw,48px);background:var(--surface-blur, var(--white));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.wel-brand{display:flex;align-items:center;text-decoration:none}.wel-topbar-actions{display:flex;align-items:center;gap:10px}.wel-btn-ghost{background:transparent;color:var(--text-primary);border:2px solid var(--border-dk)}.wel-btn-ghost:hover{background:var(--surface);border-color:var(--teal);color:var(--teal)}.wel-btn-outline{background:var(--white);color:var(--teal);border:2px solid var(--border-dk);border-bottom-width:4px}.wel-btn-outline:hover{background:var(--teal-xlt);border-color:var(--teal);transform:translateY(-2px)}.wel-btn-outline:active{transform:translateY(2px);border-bottom-width:2px}.wel-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,56px);max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,48px)}.wel-hero-media{display:flex;justify-content:center}.wel-hero-media img{width:min(100%,520px);height:auto;object-fit:contain}.wel-hero-media-logo img{width:min(80%,360px)}.wel-greet{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:clamp(15px,1.6vw,17px);font-weight:800;color:var(--teal);letter-spacing:.01em}.wel-greet-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);opacity:.5;flex-shrink:0}.wel-h1{font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:0 0 16px}.wel-lead{font-size:clamp(16px,1.7vw,19px);line-height:1.6;color:var(--text-secondary);font-weight:600;margin:0 0 26px;max-width:46ch}.wel-cta-stack{display:flex;flex-direction:column;gap:12px;max-width:360px}.wel-section{max-width:1000px;margin:0 auto;padding:clamp(32px,6vw,68px) clamp(16px,4vw,48px)}.wel-h2{font-size:clamp(22px,2.8vw,32px);font-weight:800;line-height:1.25;letter-spacing:-.01em;margin:0 0 12px}.wel-p{font-size:clamp(15px,1.5vw,17px);line-height:1.65;color:var(--text-secondary);font-weight:600;margin:0;max-width:52ch}.wel-center{text-align:center}.wel-center+.wel-dialect-grid{margin-top:28px}.wel-dialects{border-block:1px solid var(--border)}.wel-dialect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;margin-inline:auto}.wel-dialect{display:flex;align-items:center;gap:14px;padding:14px 18px;text-align:start;background:var(--white);color:var(--text-primary);border:2px solid var(--border);border-bottom-width:4px;border-radius:var(--r-lg);font-family:var(--font);cursor:pointer;transition:transform .12s ease,border-color .18s ease,background .18s ease}.wel-dialect:hover{border-color:var(--teal);background:var(--teal-xlt);transform:translateY(-2px)}.wel-dialect:active{transform:translateY(2px);border-bottom-width:2px}.wel-dialect img{width:62px;height:62px;flex-shrink:0;object-fit:contain;object-position:top}.wel-dialect-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wel-dialect-title{font-size:18px;font-weight:800}.wel-dialect-sub{font-size:13px;font-weight:600;color:var(--text-secondary)}.wel-roadmap{display:flex;align-items:center;gap:14px;max-width:720px;margin:18px auto 0;padding:14px 18px;border:2px dashed var(--border-dk);border-radius:var(--r-lg);background:var(--teal-xlt)}.wel-roadmap-badge{flex-shrink:0;padding:4px 10px;border-radius:999px;background:var(--teal);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}.wel-roadmap-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wel-roadmap-text strong{font-size:15px;font-weight:800}.wel-roadmap-text span{font-size:14px;font-weight:600;color:var(--text-secondary)}.wel-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,56px);padding-block:clamp(24px,4vw,48px)}.wel-feature-flip .wel-feature-media{grid-column:2;grid-row:1}.wel-feature-flip .wel-feature-body{grid-column:1;grid-row:1}.wel-feature-media{display:flex;justify-content:center}.wel-feature-media img{width:min(100%,280px);height:auto;object-fit:contain}.wel-band{background:var(--teal);color:#fff}.wel-band-inner{max-width:1000px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:center}.wel-stat-value{font-size:clamp(22px,3vw,30px);font-weight:800}.wel-stat-label{font-size:14px;font-weight:600;opacity:.88;margin-top:4px}.wel-final{text-align:center}.wel-final .wel-p{margin-inline:auto}.wel-final-btn{margin-top:24px;min-width:240px}.wel-footer{margin-top:auto;border-top:1px solid var(--border);background:var(--surface)}.wel-footer-inner{max-width:1000px;margin:0 auto;padding:32px clamp(16px,4vw,48px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.wel-footer-tagline{margin:0;font-weight:700;color:var(--text-secondary);font-size:15px}.wel-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}.wel-footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:700;font-size:14px}.wel-footer-links a:hover{color:var(--teal);text-decoration:underline}.wel-footer-copy{margin:0;font-size:13px;color:var(--text-muted, var(--text-secondary));font-weight:600}@media (max-width: 768px){.wel-hero,.wel-feature{grid-template-columns:1fr;text-align:center}.wel-feature-flip .wel-feature-media,.wel-feature-flip .wel-feature-body{grid-column:1;grid-row:auto}.wel-hero-media{order:-1}.wel-hero-media img{width:min(88%,340px)}.wel-feature-media img{width:min(52%,190px)}.wel-greet{justify-content:center}.wel-lead,.wel-p{margin-inline:auto}.wel-cta-stack{margin-inline:auto;width:100%}.wel-dialect-grid{grid-template-columns:1fr}.wel-roadmap{flex-direction:column;text-align:center}.wel-roadmap-text{align-items:center}.wel-band-inner{grid-template-columns:1fr;gap:22px}}@media (prefers-reduced-motion: reduce){.wel-dialect,.wel-btn-outline{transition:none}.wel-dialect:hover,.wel-dialect:active,.wel-btn-outline:hover,.wel-btn-outline:active{transform:none}}.wel-download{text-align:center;border-block:1px solid var(--border)}.wel-download .wel-p{margin-inline:auto}.wel-store-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.wel-store{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;min-width:200px;border:2px solid var(--border-dk);border-radius:var(--r-lg);background:var(--white);color:var(--text-primary);font-family:var(--font);text-decoration:none;cursor:pointer;transition:border-color .18s ease,background .18s ease}.wel-store:hover:not(:disabled){border-color:var(--teal);background:var(--teal-xlt)}.wel-store-soon-btn{opacity:.62;cursor:default}.wel-store-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.wel-store-label{font-size:15px;font-weight:800}.wel-store-soon{font-size:12px;font-weight:700;color:var(--text-secondary)}@media (max-width: 768px){.wel-store-row{flex-direction:column;align-items:stretch}.wel-store{justify-content:center;min-width:0}.wel-store-text{align-items:center}}.dq-wrap{position:relative;margin-bottom:16px}.dq-trigger{display:inline-flex;align-items:center;gap:8px;height:var(--pill-h);box-sizing:border-box;padding:0 14px;border:1.5px solid var(--border-dk);border-radius:999px;background:var(--white);color:var(--text-primary);font-family:var(--font);font-size:14px;font-weight:800;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dq-trigger:hover{border-color:var(--teal);background:var(--teal-xlt)}.dq-ring{color:var(--teal);flex-shrink:0}.dq-trigger-label{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dq-trigger-pct{color:var(--teal-dk);font-weight:800}.dq-caret{font-size:10px;transition:transform .15s;opacity:.6}.dq-trigger-done{border-color:var(--teal);background:var(--teal);color:var(--white)}.dq-trigger-done:hover{background:var(--teal-dk);border-color:var(--teal-dk)}.dq-trigger-done .dq-ring,.dq-trigger-done .dq-trigger-pct{color:var(--white)}.dq-badge{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800;line-height:1}.dq-panel{position:absolute;top:110%;inset-inline-end:0;z-index:40;width:330px;max-width:calc(100vw - 32px);background:var(--white);border:1.5px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:14px;font-family:var(--font)}.dq-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.dq-sub{font-size:12px;font-weight:600;color:var(--text-secondary)}.dq-streak{flex-shrink:0;padding:4px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;background:var(--teal-xlt);color:var(--teal-dk);font-size:11.5px;font-weight:800;white-space:nowrap}.dq-list{display:flex;flex-direction:column;gap:14px}.dq-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.dq-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--tile-bg, var(--teal-lt))}.dq-body{flex:1;min-width:0}.dq-line{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.dq-label{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--text-primary);overflow:visible;white-space:normal;line-height:1.3;overflow-wrap:anywhere}.dq-count{font-size:11.5px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.dq-bar{height:7px;border-radius:999px;background:var(--stone-100);overflow:hidden}.dq-fill{height:100%;border-radius:999px;background:var(--teal);transition:width .5s ease}.dq-claim{flex-shrink:0;min-width:50px;min-height:40px;padding:6px 11px;border:none;border-radius:999px;background:var(--teal);color:#fff;font-family:var(--font);font-size:12.5px;font-weight:800;cursor:pointer;transition:background .15s ease}.dq-claim:hover:not(:disabled){background:var(--teal-dk)}.dq-claim:disabled{opacity:.6;cursor:wait}.dq-reward{flex-shrink:0;min-width:50px;text-align:center;font-size:12.5px;font-weight:800;color:var(--text-muted, var(--text-secondary))}.dq-check{flex-shrink:0;min-width:50px;text-align:center;font-size:15px;font-weight:800;color:var(--teal)}.dq-done{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);text-align:center;font-size:13px;font-weight:800;color:var(--teal-dk)}@media (max-width: 520px){.dq-trigger-label{display:none}.dq-panel{width:calc(100vw - (2 * var(--page-px)));inset-inline-end:0;inset-inline-start:auto;padding:12px}.dq-panel-head{flex-wrap:wrap;row-gap:6px}}.dl-wrap{margin-bottom:24px;font-family:var(--font);width:100%;min-width:0}.dl-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.dl-title{margin:0;font-size:17px;font-weight:800;color:var(--text-primary)}.dl-sub{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--text-secondary)}.dl-explain{margin:0 0 14px;font-size:12.5px;font-weight:600;color:var(--text-muted);line-height:1.5}.dl-empty{font-size:13px;font-weight:600;color:var(--text-secondary)}.dl-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:999px;border:1.5px solid var(--border-dk);background:var(--white);color:var(--text-primary);font-family:var(--font);font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.dl-btn:hover:not(:disabled){border-color:var(--teal);background:var(--teal-xlt)}.dl-btn:disabled{opacity:.6;cursor:wait}.dl-btn-main{background:var(--teal);border-color:var(--teal);color:#fff}.dl-btn-main:hover:not(:disabled){background:var(--teal-dk);border-color:var(--teal-dk);color:#fff}.dl-pick-wrap{position:relative;flex-shrink:0}.dl-pick{position:absolute;top:110%;inset-inline-end:0;z-index:40;min-width:220px;max-width:calc(100vw - 32px);background:var(--white);border:1.5px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.dl-pick-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:700;color:var(--text-primary);text-align:start}.dl-pick-row:hover:not(:disabled){background:var(--surface)}.dl-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px;width:100%;min-width:0;max-width:100%;overflow:hidden}.dl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dl-lead{font-size:12.5px;font-weight:800;padding:3px 9px;border-radius:999px}.dl-lead-ahead{background:var(--teal-xlt);color:var(--teal-dk)}.dl-lead-behind{background:var(--red-lt);color:var(--red-dk, var(--red))}.dl-lead-even{background:var(--surface);color:var(--text-secondary)}.dl-left{font-size:12px;font-weight:700;color:var(--text-secondary)}.dl-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px}.dl-side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.dl-name{font-size:13px;font-weight:800;color:var(--text-primary);max-width:100%;text-align:center;overflow-wrap:anywhere;line-height:1.25}.dl-days{font-size:11.5px;font-weight:700;color:var(--text-secondary)}.dl-vs{align-self:center;font-size:12px;font-weight:800;color:var(--text-muted, var(--text-secondary));letter-spacing:.04em}.dl-dots{display:inline-flex;gap:3px}.dl-dot{width:8px;height:8px;border-radius:50%;background:var(--border-dk)}.dl-dot-on{background:var(--teal)}.dl-dot-dim.dl-dot-on{background:var(--text-secondary)}.dl-invite{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dl-invite-text{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--text-secondary)}.dl-invite-text strong{color:var(--text-primary);font-weight:800}.dl-link{cursor:pointer}.dl-link:hover{text-decoration:underline}.dl-invite-btns{display:flex;gap:8px;flex-shrink:0}.dl-result{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);text-align:center}.dl-result strong{font-size:14px;font-weight:800}.dl-result span{font-size:12px;font-weight:600;color:var(--text-secondary)}.dl-done-win{border-color:var(--teal)}.dl-done-win .dl-result strong{color:var(--teal-dk)}.dl-done-draw .dl-result strong{color:var(--text-primary)}.dl-done-loss .dl-result strong{color:var(--text-secondary)}@media (max-width: 520px){.ch-title{font-size:26px}.dl-title-row{flex-direction:column}.dl-pick-wrap{align-self:stretch}.dl-pick-wrap .dl-btn-main{width:100%}.dl-pick{left:0;right:0;min-width:0}.dl-suggest-row .dl-btn-main{flex-shrink:0;width:auto;padding:10px 14px}.dl-btn{padding:11px 16px;font-size:14px}.dl-invite-text{flex:1 1 100%;min-width:0}.dl-invite-btns{width:100%}.dl-invite-btns .dl-btn{flex:1;text-align:center}.dl-pick-row{padding:12px 14px}}.ch-page{max-width:640px;margin:0 auto;padding:20px var(--page-px) 80px;font-family:var(--font);width:100%;overflow-x:clip}@media (min-width: 900px){.ch-page{max-width:1100px}}.ch-header{margin-bottom:20px}.ch-title{margin:0;font-size:30px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.ch-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.ch-tabs::-webkit-scrollbar{display:none}.ch-tab{flex:1 1 0;min-width:0;border:1.5px solid var(--border);background:var(--white);color:var(--text-secondary);font-family:var(--font);font-weight:800;font-size:clamp(12px,3.4vw,14px);padding:12px 10px;border-radius:999px;cursor:pointer;text-align:center;line-height:1.2;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,border-color .15s ease,color .15s ease}.ch-tab:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0}.ch-tab-duel:before{background:var(--sun)}.ch-tab-streaks:before{background:var(--red)}.ch-tab:hover:not(.on){background:var(--surface);border-color:var(--border-dk)}.ch-tab.on{color:#fff;border-color:var(--teal);background:var(--teal);box-shadow:0 10px 24px -12px var(--teal)}.ch-tab.on:before{background:#fff}.ch-tab-duel.on{border-color:var(--sun-dk);background:var(--sun-dk);box-shadow:0 10px 24px -12px var(--sun)}.ch-tab-streaks.on{border-color:var(--red-dk, var(--red));background:var(--red-dk, var(--red));box-shadow:0 10px 24px -12px var(--red)}.ch-panel{min-width:0}.ch-panel .dq-wrap{margin-bottom:0}.dq-expanded{position:relative;background:var(--white);border:1px solid var(--border);border-radius:24px;padding:clamp(22px,5vw,34px);box-shadow:var(--shadow-soft)}.dq-expanded-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.dq-expanded-head .dq-ring{color:var(--teal);flex-shrink:0}.dq-expanded-pct{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.dq-panel-flat{position:static;width:auto;max-width:none;border:none;border-radius:0;box-shadow:none;padding:0;background:none}.ch-page .dq-list{gap:16px}.ch-page .dq-row{gap:14px}.ch-page .dq-label{font-size:15px}.ch-page .dq-icon{width:44px;height:44px}.ch-page .dq-icon svg{width:24px;height:24px}.ch-page .dq-list{gap:0}.ch-page .dq-row{padding:18px 0;border-top:1px solid var(--border)}.ch-page .dq-row:first-child{border-top:none;padding-top:6px}.ch-page .dl-card,.ch-page .dq-expanded{border-radius:24px}.ch-page .dl-card{padding:clamp(18px,4vw,26px);border-color:var(--border);box-shadow:var(--shadow-soft)}.dl-suggest{margin-top:6px}.dl-suggest-head{margin:0 0 10px;font-size:12.5px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dl-suggest-row{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:10px;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);min-width:0}.dl-suggest-name{flex:1;min-width:0;font-size:14px;font-weight:800;color:var(--text-primary);overflow-wrap:anywhere;line-height:1.3}.dl-side-link{background:none;border:none;font-family:var(--font);cursor:pointer;padding:4px;margin:-4px;border-radius:12px;transition:background .15s ease}.dl-side-link:hover{background:var(--teal-xlt)}.dl-suggest-person{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:none;border:none;font-family:var(--font);cursor:pointer;padding:4px;margin:-4px;border-radius:10px;text-align:start;transition:background .15s ease}.dl-suggest-person:hover{background:var(--teal-xlt)}