@layer legacy{:root{--pink:#ffe5ec;--pink-deep:#ff8fab;--yellow:#fff4d6;--yellow-deep:#f4c430;--green:#ddf4e7;--green-deep:#48bb78;--blue:#dceeff;--blue-deep:#4299e1;--purple:#fff0f5;--purple-deep:#e91e7b;--bg:#faf9fb;--surface:#fff;--surface-hover:#f8f7fa;--text:#2d3748;--text-secondary:#718096;--text-muted:#a0aec0;--border:#edf2f7;--border-light:#f7fafc;--accent:#e91e7b;--accent-light:#f472a8;--accent-soft:#fce7f3;--accent-strong:#b83280;--success-soft:#f0fff4;--success:#38a169;--success-strong:#22543d;--info-soft:#ebf8ff;--info:#3182ce;--info-strong:#2c5282;--warning-soft:#fffaeb;--warning:#dd6b20;--warning-strong:#b7791f;--danger-soft:#fff5f5;--danger:#e53e3e;--danger-strong:#c53030;--gray-200:#e2e8f0;--gray-300:#cbd5e0;--gray-600:#4a5568;--zinc-200:#e4e4e7;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#1c1c1f;--zinc-950:#121214;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-300:#cbd5e1;--slate-500:#64748b;--slate-600:#475569;--slate-800:#1e293b;--slate-900:#0f172a;--gray-800:#1a202c;--gray-line:#dce3ec;--teal-50:#e6fffa;--teal-100:#b2f5ea;--teal-300:#4fd1c5;--teal-400:#38b2ac;--teal-500:#319795;--teal-800:#234e52;--green-100:#c6f6d5;--green-200:#9ae6b4;--green-300:#68d391;--green-600:#2f855a;--green-700:#276749;--blue-100:#bee3f8;--blue-200:#90cdf4;--blue-300:#63b3ed;--blue-600:#2b6cb0;--blue-50:#f0f5ff;--blue-150:#d0e2ff;--purple-50:#faf5ff;--purple-200:#d6bcfa;--purple-500:#805ad5;--purple-600:#6b46c1;--purple-700:#553c9a;--orange-50:#fffaf0;--orange-100:#feebc8;--orange-200:#fbd38d;--orange-300:#f6ad55;--orange-400:#ed8936;--orange-600:#c05621;--orange-700:#9c4221;--red-100:#fed7d7;--red-400:#f56565;--tw-green-50:#f0fdf4;--tw-green-500:#22c55e;--tw-green-600:#16a34a;--tw-green-700:#15803d;--tw-red-50:#fef2f2;--tw-red-400:#f87171;--tw-red-500:#ef4444;--tw-red-600:#dc2626;--tw-red-700:#b91c1c;--tw-orange-200:#fed7aa;--tw-orange-700:#c2410c;--tw-purple-700:#7e22ce;--tw-violet-600:#7c3aed;--tw-teal-600:#0d9488;--sky-500:#0ea5e9;--cyan-500:#06b6d4;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-800:#3730a3;--green-bright:#58cc02;--green-bright-deep:#3b9c01;--red-bright:#ff4b4b;--red-bright-deep:#ea2b2b;--yellow-100:#fff2cc;--yellow-200:#ffe5a3;--yellow-300:#ffd166;--gold:gold;--pink-25:#fff5f7;--pink-50:#fff0f6;--pink-100:#fff0f3;--pink-150:#fed7e2;--pink-200:#fbc6de;--pink-300:#ffc2d1;--pink-400:#ffb3c6;--pink-500:#ffb3c1;--lavender-50:#f6f0ff;--lavender-100:#e9ddff;--lavender-400:#a493c9;--salmon:#ffa07a;--coral:coral;--coral-deep:#e65c00;--gradient-brand:linear-gradient(135deg, #f472a8, #e91e7b);--sidebar-w:260px;--topbar-h:64px;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow-sm:0 2px 4px #00000005;--shadow:0 6px 18px #0000000a;--shadow-lg:0 10px 30px #0000000f;--shadow-glow:0 0 20px #e91e7b1f;--font-ui:"Nunito", "Noto Sans KR", -apple-system, "Segoe UI", sans-serif;--font-display:"Baloo 2", "Nunito", "Noto Sans KR", sans-serif;--font-ko:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nunito", sans-serif;--ko-xs:13px;--ko-sm:15px;--ko-md:17px;--ko-lg:20px;--ko-xl:24px;--ko-2xl:32px;--ko-3xl:44px;--ko-hero:72px;--ko-weight:700;--ko-weight-strong:800;--ko-line:1.35;--ko-line-sentence:1.55}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--pink);border:1.5px dashed var(--pink-deep);border-radius:20px;margin:3px}::-webkit-scrollbar-thumb{background:var(--pink-deep);border:3.5px solid var(--pink);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:auto;scrollbar-color:var(--pink-deep) var(--pink)}body,button,input,select,textarea,div,p,span,h1,h2,h3,h4,h5,h6,label{word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);font-weight:500;line-height:1.6;overflow-x:hidden}[lang=ko],.ko-text,.ko-word,.ko-sentence{font-family:var(--font-ko);word-break:keep-all}.ko-word{font-weight:var(--ko-weight);line-height:var(--ko-line);letter-spacing:0}.ko-word--xs{font-size:var(--ko-xs)}.ko-word--sm{font-size:var(--ko-sm)}.ko-word--md{font-size:var(--ko-md)}.ko-word--lg{font-size:var(--ko-lg)}.ko-word--xl{font-size:var(--ko-xl)}.ko-word--2xl{font-size:var(--ko-2xl);line-height:1.2}.ko-word--3xl{font-size:var(--ko-3xl);line-height:1.15}.ko-word--hero{font-size:var(--ko-hero);line-height:1.1}.ko-sentence{font-weight:600;line-height:var(--ko-line-sentence)}.ko-sentence--sm{font-size:var(--ko-sm)}.ko-sentence--md{font-size:var(--ko-md)}.ko-sentence--lg{font-size:var(--ko-lg)}.ko-strong{font-weight:var(--ko-weight-strong)}.ko-accent{color:var(--accent)}.ko-muted{color:var(--text-secondary)}.ko-rom{font-family:var(--font-ui);color:var(--text-secondary);letter-spacing:.01em;font-size:13px;font-weight:600}.ko-rom--lg{font-size:16px;font-weight:700}.app-layout{min-height:100vh;display:flex}.sidebar{display:none!important}.sidebar-logo{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:20px 24px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--pink-deep), var(--purple-deep));color:#fff;width:42px;height:42px;font-size:20px;font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;display:flex}.logo-text{font-size:18px;font-family:var(--font-display);background:linear-gradient(135deg, var(--pink-deep), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{color:var(--accent);background:linear-gradient(135deg,#e91e7b14,#f472a814);font-weight:600}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:flex}.sidebar-footer{border-top:1px solid var(--border-light);padding:16px}.user-profile{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--green-deep), var(--blue-deep));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:13px;font-weight:600}.user-level{color:var(--text-muted);font-size:11px}.main-content{flex:1;max-width:100vw;min-height:100vh;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border-light);z-index:50;align-items:center;gap:clamp(6px,1.5vw,16px);padding:0 clamp(8px,2vw,28px);display:flex;position:sticky;top:0}.menu-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.menu-toggle:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent-light)}@media (width>=769px){.app-layout.sidebar-collapsed .sidebar{transform:translate(-100%)}.app-layout.sidebar-collapsed .main-content{margin-left:0}}.search-box{background:var(--bg);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;max-width:480px;padding:0 14px;display:flex}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:14px}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:16px}.topbar-actions{flex-shrink:0;align-items:center;gap:clamp(4px,1vw,12px);margin-left:auto;display:flex}.notif-btn{cursor:pointer;background:0 0;border:none;padding:6px;font-size:20px;position:relative}.notif-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.page-content{padding:clamp(10px,3vw,28px);animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:clamp(18px,4vw,26px);font-family:var(--font-display);color:var(--text);margin-bottom:4px}.page-subtitle{color:var(--text-secondary);margin-bottom:clamp(12px,3vw,24px);font-size:clamp(12px,2vw,14px)}.card{background:var(--surface);border-radius:var(--radius);border:2px solid var(--gray-200);padding:24px;transition:box-shadow .2s,transform .2s;box-shadow:0 8px 24px #959da51f,0 2px 8px #0000000a}.card:hover{box-shadow:0 12px 28px #00000017,0 3px 8px #0000000d}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-size:16px;font-weight:700}.card-badge{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.stat-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-light);align-items:center;gap:16px;padding:20px;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-value{font-size:24px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:13px}.progress-bar{background:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;box-shadow:0 4px 12px #e91e7b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e91e7b66}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-success{background:var(--success);color:#fff;border:1px solid var(--success);box-shadow:0 4px 12px #38a16933}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger);box-shadow:0 4px 12px #e53e3e33}.btn-success:hover:not(:disabled){background:var(--green-600);border-color:var(--green-600);transform:translateY(-1px)}.btn-danger:hover:not(:disabled){background:var(--danger-strong);border-color:var(--danger-strong);transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.tag{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-pink{background:var(--pink);color:var(--pink-deep)}.tag-green{background:var(--green);color:var(--green-deep)}.tag-blue{background:var(--blue);color:var(--blue-deep)}.tag-yellow{background:var(--yellow);color:var(--yellow-deep)}.tag-purple{background:var(--purple);color:var(--purple-deep)}.tag-gray{background:var(--border);color:var(--text-secondary)}.tag-red{background:var(--red-100);color:var(--danger-strong)}.quest-item{border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.quest-item:hover{background:var(--surface-hover)}.quest-icon{font-size:24px}.quest-info{flex:1}.quest-title{font-size:14px;font-weight:600}.quest-progress-text{color:var(--text-muted);font-size:12px}.quest-xp{color:var(--accent);font-size:13px;font-weight:700}.continue-item{border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;align-items:center;gap:14px;padding:16px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.continue-item:hover{background:var(--surface-hover);transform:translate(4px)}.continue-icon{font-size:28px}.continue-info{flex:1}.continue-title{font-size:14px;font-weight:600}.continue-sub{color:var(--text-muted);font-size:12px}.hangul-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.hangul-grid--alpha{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.hangul-alpha-card{background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-sm);flex-direction:column;min-height:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.hangul-alpha-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.hangul-alpha-card--consonant:hover{border-color:var(--green-deep)}.hangul-alpha-card__listen{cursor:pointer;text-align:center;width:100%;min-height:148px;font:inherit;color:inherit;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;padding:18px 14px 12px;display:flex}.hangul-alpha-card__listen:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hangul-alpha-card__char{font-size:clamp(42px,3.2vw,52px);font-weight:var(--ko-weight);font-family:var(--font-ko);letter-spacing:0;line-height:1.05}.hangul-alpha-card__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.hangul-alpha-card__rom{font-family:var(--font-ui);color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.25}.hangul-alpha-card__sound{color:var(--text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;padding:0 2px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.hangul-alpha-card__sound strong{font-weight:800}.hangul-alpha-card__hear{color:var(--accent);opacity:1;background:#e91e7b14;border-radius:999px;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.hangul-alpha-card--consonant .hangul-alpha-card__hear{color:var(--green-deep);background:#48bb781a}.hangul-alpha-card__srs{border:none;border-top:1px solid var(--border-light);width:100%;min-height:40px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000005;justify-content:center;align-items:center;margin:0;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:700;display:flex}.hangul-alpha-card__srs:hover{color:var(--accent);background:#805ad50f}.hangul-alpha-card--consonant .hangul-alpha-card__srs:hover{color:var(--green-deep);background:#48bb7814}.hangul-alpha-card__srs:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=900px){.hangul-grid--alpha{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.hangul-alpha-card__listen{gap:5px;min-height:128px;padding:14px 10px 10px}.hangul-alpha-card__char{font-size:clamp(36px,5vw,44px)}}@media (width<=520px){.hangul-grid--alpha{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hangul-alpha-card__listen{gap:3px;min-height:44px;padding:10px 6px 6px}.hangul-alpha-card__char{letter-spacing:normal;font-size:30px}.hangul-alpha-card__name{font-size:12px}.hangul-alpha-card__rom{font-size:12px;font-weight:600}.hangul-alpha-card__sound{font-size:10px;font-weight:600}.hangul-alpha-card__hear{background:0 0;gap:4px;margin-top:4px;padding:0;font-size:11px;font-weight:700}.hangul-alpha-card__srs{min-height:40px;padding:6px 8px;font-size:11px}}.hangul-cell{aspect-ratio:1;background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.hangul-cell:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.08)}.hangul-cell.active{border-color:var(--accent);background:var(--purple)}.hangul-char{font-family:var(--font-ko);font-size:var(--ko-2xl);font-weight:var(--ko-weight);line-height:1.2}.hangul-rom{font-family:var(--font-ui);color:var(--text-muted);font-size:11px}.grammar-card{background:var(--surface);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;padding:24px;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s,opacity .25s;box-shadow:0 8px 24px #959da51f,0 2px 8px #0000000a}.grammar-card:hover{border-color:var(--accent);box-shadow:0 10px 24px #00000014, 0 3px 6px #0000000a, var(--shadow-glow);transform:translateY(-3px)}.grammar-pattern{font-family:var(--font-ko);font-size:var(--ko-xl);font-weight:var(--ko-weight);line-height:var(--ko-line);color:var(--accent);margin-bottom:6px}.grammar-name{margin-bottom:8px;font-size:15px;font-weight:600}.grammar-formula{color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.exercise-box{background:var(--bg);border-radius:var(--radius);margin-top:16px;padding:24px}.exercise-question{margin-bottom:16px;font-size:18px;font-weight:600}.exercise-input{border:2px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.exercise-input:focus{border-color:var(--accent)}.exercise-input.correct{border-color:var(--success);background:var(--success-soft)}.exercise-input.wrong{border-color:var(--danger);background:var(--danger-soft)}.exercise-hint{color:var(--text-muted);margin-top:8px;font-size:13px;font-style:italic}.syl-root{flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto;display:flex}.syl-mode-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;gap:4px;width:100%;max-width:360px;margin:0 auto;padding:4px;display:flex}.syl-mode-tab{min-height:42px;color:var(--text-secondary);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:9px;flex:1 1 0;font-size:14px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.syl-mode-tab:hover:not(.is-active){color:var(--text);background:color-mix(in srgb, var(--bg) 70%, transparent)}.syl-mode-tab.is-active{background:var(--bg,#fff);color:var(--accent);box-shadow:0 1px 4px color-mix(in srgb, var(--text) 12%, transparent);border:1.5px solid color-mix(in srgb, var(--accent) 35%, var(--border))}.syl-mode-panel{min-width:0}.syl-mode-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.syl-section-title{color:var(--text);margin:0;font-size:18px;font-weight:800;line-height:1.3}.syl-step-body,.syl-lead{color:var(--text-secondary);margin:0 0 10px;font-size:15px;line-height:1.55}.syl-note{color:var(--text-secondary);margin:0;font-size:13px}.syl-muted{color:var(--text-muted);font-weight:500}.syl-term-kr{font-family:var(--font-ko);color:var(--text-muted);font-size:.92em;font-weight:600}.syl-theory{width:100%}.syl-theory-inner{max-width:740px;margin:0 auto}.syl-theory-header{margin-bottom:14px}.syl-theory-header .syl-section-title{margin-bottom:8px}.syl-accordion{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.syl-accordion-item{border:1.5px solid var(--border);border-radius:var(--radius-sm,12px);background:var(--surface);overflow:hidden}.syl-accordion-item.is-open{border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.syl-accordion-heading{font-size:inherit;font-weight:inherit;margin:0}.syl-accordion-trigger{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);touch-action:manipulation;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.syl-accordion-trigger:hover{background:color-mix(in srgb, var(--bg) 55%, transparent)}.syl-accordion-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.syl-accordion-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.syl-step-num{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.syl-accordion-title{font-size:15px;font-weight:800;line-height:1.35}.syl-accordion-state{width:28px;height:28px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.syl-accordion-panel{border-top:1px solid var(--border-light,var(--border))}.syl-accordion-body{padding:14px 16px 18px}.syl-formula{background:color-mix(in srgb, var(--purple) 70%, var(--surface));border:1.5px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:var(--radius-sm);text-align:center;margin:10px 0 14px;padding:12px 14px}.syl-formula-vi{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.syl-formula-kr{font-family:var(--font-ko);color:var(--text-muted);font-size:13px;font-weight:600}.syl-layout-grid,.syl-group-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px;display:grid}.syl-layout-card,.syl-group-card{background:var(--bg);border:1px solid var(--border-light,var(--border));border-radius:10px;margin-top:0;padding:12px 14px}.syl-layout-title{margin-bottom:2px;font-size:14px;font-weight:800}.syl-layout-when{margin-bottom:8px;font-size:12px}.syl-layout-note{color:var(--text-secondary);margin:8px 0 0;font-size:13px;line-height:1.45}.syl-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.syl-diagram-row,.syl-diagram-col,.syl-diagram-complex{justify-content:center;align-items:center;gap:6px;display:flex}.syl-diagram-col{flex-direction:column}.syl-diagram-complex{grid-template-columns:1fr 1fr;gap:6px;display:grid}.syl-diagram-cell{min-width:44px;min-height:44px;font-family:var(--font-ko);font-size:22px;font-weight:var(--ko-weight);border:1.5px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;display:flex}.syl-diagram-cell--choseong{border-color:color-mix(in srgb, var(--blue-deep) 45%, var(--border));background:var(--blue)}.syl-diagram-cell--jungseong{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--pink)}.syl-diagram-arrow{color:var(--text-muted);font-size:20px;font-weight:800}.syl-diagram-result{font-family:var(--font-ko);font-size:36px;font-weight:var(--ko-weight-strong);color:var(--accent);line-height:1}.syl-jamo-row{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.syl-jamo-pill{background:var(--surface);border:1.5px solid var(--border);min-width:32px;height:32px;font-family:var(--font-ko);font-weight:var(--ko-weight);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;display:inline-flex}.syl-mini-example{align-items:center;gap:10px;margin-top:8px;display:flex}.syl-mini-char{font-family:var(--font-ko);font-size:28px;font-weight:var(--ko-weight-strong);color:var(--accent);line-height:1.15}.syl-batchim-visual{flex-direction:column;align-items:center;gap:12px;margin:12px 0;display:flex}.syl-block{flex-direction:column;align-items:center;gap:4px;display:flex}.syl-block-main{border:1.5px dashed color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--surface);border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.syl-block--batchim .syl-block-main{border-style:solid;border-color:var(--green-deep);background:var(--green)}.syl-block-char{font-family:var(--font-ko);font-size:var(--ko-3xl);font-weight:var(--ko-weight-strong);color:var(--accent);line-height:1}.syl-block-batchim-label{color:var(--green-deep);font-size:12px;font-weight:700}.syl-part-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.syl-part-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 12px;font-size:11px;display:flex}.syl-part-chip strong{font-family:var(--font-ko);font-size:22px;font-weight:var(--ko-weight);color:var(--text)}.syl-part-chip .syl-term-kr{font-size:10px}.syl-breakdown-line{text-align:center;color:var(--text-secondary);margin-top:8px;font-size:14px;font-weight:600}.syl-more-examples{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.syl-example-tag{border:1px solid var(--border);background:var(--surface);font:inherit;color:var(--text);border-radius:999px;align-items:baseline;gap:4px;padding:8px 12px;line-height:1.3;display:inline-flex}.syl-theory-cta{flex-direction:column;align-items:center;gap:8px;margin-top:20px;padding:16px 0 4px;display:flex}.syl-cta-practice{border-radius:999px;min-height:48px;padding:12px 28px;font-size:15px;font-weight:800}.syl-cta-hint{text-align:center;margin:0;font-size:13px}.syl-practice{width:100%}.syl-practice-card{width:100%;max-width:560px;margin:0 auto}.syl-practice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.syl-score-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.syl-score-pill{background:color-mix(in srgb, var(--green) 55%, var(--surface));min-height:28px;color:var(--green-deep,var(--text));border:1px solid color-mix(in srgb, var(--green-deep) 25%, transparent);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.syl-score-pill--muted{background:var(--bg);color:var(--text-secondary);border-color:var(--border)}.syl-practice-lead{margin-bottom:8px}.syl-progress{background:var(--border-light,var(--border));border-radius:999px;height:8px;margin:8px 0 14px;overflow:hidden}.syl-progress-bar{background:linear-gradient(90deg, var(--accent-light,var(--accent)), var(--accent));border-radius:999px;height:100%;transition:width .25s}.syl-audio-zone{flex-direction:column;align-items:center;padding:8px 0 4px;display:flex}.syl-play-btn{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-size:16px;display:inline-flex}.syl-audio-caption{text-align:center;margin:10px 0 0;font-size:13px}.syl-audio-hint{color:var(--warning-strong);text-align:center;max-width:360px;margin:8px 0 0;font-size:13px}.syl-selected-zone{border-radius:var(--radius-sm);background:var(--bg);border:1.5px dashed var(--border);min-height:68px;margin-top:14px;padding:12px 14px}.syl-selected-label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px;font-size:12px;font-weight:700}.syl-selected-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;display:flex}.syl-placeholder{color:var(--text-muted);font-size:14px}.syl-selected-chip{background:var(--purple);border:1.5px solid var(--accent);min-width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:22px;font-weight:800;display:inline-flex}.syl-edit-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.syl-edit-actions .btn{min-height:40px;padding:8px 14px;font-size:13px}.syl-options{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;margin-top:16px;display:grid}.syl-option-btn{aspect-ratio:1;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;min-height:52px;color:var(--text);touch-action:manipulation;border-radius:14px;font-family:inherit;font-size:clamp(22px,5vw,28px);font-weight:800;transition:transform .15s,border-color .15s,background .15s,opacity .15s}.syl-option-btn:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.04)}.syl-option-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.syl-option-btn.is-used,.syl-option-btn:disabled.is-used{opacity:.35;cursor:default;transform:none}.syl-option-btn:disabled:not(.is-used){opacity:.7;cursor:default}.syl-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.syl-actions .btn{min-height:44px;padding:10px 18px}.syl-btn-primary{min-width:140px;font-weight:800}.syl-result{border-radius:var(--radius-sm);border:1.5px solid var(--border);margin-top:14px;padding:12px 14px}.syl-result.is-correct{background:var(--success-soft,var(--green));border-color:var(--success,var(--green-deep));color:var(--success-strong,var(--green-deep))}.syl-result.is-wrong{background:var(--danger-soft,color-mix(in srgb, var(--danger) 8%, var(--surface)));border-color:var(--danger);color:var(--danger-strong)}.syl-result-head{margin-bottom:10px}.syl-result-status{font-size:15px}.syl-result-msg{color:var(--text-secondary);margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.45}.syl-result-answer{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0;display:flex}.syl-reveal-char{color:var(--info-strong);font-size:clamp(36px,10vw,48px);font-weight:900;line-height:1}.syl-result-meta{flex:140px;min-width:0}.syl-result-rom{color:var(--text);font-size:14px;font-weight:700}.syl-result-tags{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.syl-meta-tag{background:var(--surface);min-height:24px;color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=520px){.syl-root{gap:12px}.syl-layout-grid,.syl-group-grid{grid-template-columns:1fr}.syl-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.syl-option-btn{aspect-ratio:auto;border-radius:12px;width:100%;min-width:0;height:56px;min-height:52px;max-height:60px;font-size:24px}.syl-edit-actions{justify-content:stretch}.syl-edit-actions .btn{flex:auto}.syl-practice-card{padding-bottom:8px}.syl-actions{z-index:5;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-light,var(--border));box-shadow:0 -2px 12px color-mix(in srgb, var(--text) 6%, transparent);border-radius:12px;margin-top:12px;padding:10px 8px;position:sticky;bottom:8px}.syl-btn-primary{flex:auto;min-width:0}.syl-result{margin-bottom:4px}}@media (width<=340px){.syl-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.syl-option-btn{height:54px;min-height:52px}}.ai-fab{background:linear-gradient(135deg, var(--accent), var(--pink-deep));cursor:pointer;z-index:200;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #e91e7b66}.ai-fab:hover{transform:scale(1.1)}.ai-widget{background:var(--surface);border-radius:var(--radius-lg);width:360px;height:480px;box-shadow:var(--shadow-lg);z-index:200;opacity:0;pointer-events:none;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:92px;right:24px;transform:scale(.9)}.ai-widget.open{opacity:1;pointer-events:all;transform:scale(1)}.ai-widget-header{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:16px 20px;font-weight:600;display:flex}.ai-avatar-small{background:linear-gradient(135deg, var(--accent), var(--pink-deep));border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.ai-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-left:auto;padding:4px;font-size:18px}.ai-chat-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-msg{border-radius:14px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5}.ai-msg.bot{background:var(--bg);border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-input-area{border-top:1px solid var(--border-light);gap:8px;padding:12px 16px;display:flex}.ai-input{border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.ai-input:focus{border-color:var(--accent)}.ai-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:40px;height:40px;font-size:18px;transition:background .2s}.ai-send:hover{background:var(--accent-light)}.tab-group{background:var(--bg);white-space:nowrap;scrollbar-width:none;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.tab-group::-webkit-scrollbar{display:none}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.tab-btn.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.badge-item{border-radius:var(--radius-sm);background:var(--bg);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.badge-icon{font-size:32px}.badge-name{font-size:12px;font-weight:600}.profile-hero-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-hero-bg{background:linear-gradient(135deg, var(--accent), var(--accent-light));background-size:300% 300%;height:140px;animation:8s infinite profileGradient}@keyframes profileGradient{0%,to{background-position:0%}50%{background-position:100%}}.profile-hero-content{align-items:flex-start;gap:28px;margin-top:-50px;padding:0 32px 32px;display:flex}.profile-avatar-section{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.profile-avatar-wrapper{cursor:pointer;border:4px solid var(--surface);border-radius:50%;width:120px;height:120px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.profile-avatar-wrapper:hover{transform:scale(1.05)}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-placeholder{background:linear-gradient(135deg, var(--accent), var(--pink-deep));color:#fff;width:100%;height:100%;font-size:48px;font-weight:800;font-family:var(--font-display);justify-content:center;align-items:center;display:flex}.profile-avatar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-avatar-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-status-dot{border:3px solid var(--surface);z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;bottom:6px;right:6px}.profile-status-dot.online{background:var(--green-deep);animation:2s infinite statusPulse;box-shadow:0 0 8px #48bb7899}.profile-status-dot.offline{background:var(--text-muted)}@keyframes statusPulse{0%,to{box-shadow:0 0 4px #48bb7866}50%{box-shadow:0 0 12px #48bb78cc}}.profile-remove-avatar{border:1px solid var(--border);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.profile-remove-avatar:hover{background:var(--danger-soft);border-color:var(--danger-soft)}.profile-hero-info{flex:1;padding-top:58px}.profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-display-name{font-size:24px;font-family:var(--font-display);margin:0}.profile-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.profile-status-badge.online{background:var(--success-soft);color:var(--success)}.profile-status-badge.offline{background:var(--border-light);color:var(--text-muted)}.profile-status-pulse{border-radius:50%;width:8px;height:8px;display:inline-block}.profile-status-badge.online .profile-status-pulse{background:var(--green-deep);animation:2s infinite statusPulse}.profile-status-badge.offline .profile-status-pulse{background:var(--gray-300)}.profile-email{color:var(--text-secondary);margin-top:4px;font-size:14px}.profile-joined{color:var(--text-muted);margin-top:4px;font-size:13px}.profile-quick-stats{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.profile-stat-chip{background:var(--bg);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;transition:transform .2s;display:flex}.profile-stat-chip:hover{transform:translateY(-2px)}.profile-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.profile-stat-value{font-size:16px;font-weight:800;line-height:1.2}.profile-stat-label{color:var(--text-muted);font-size:11px}.profile-section-card{animation:.3s fadeIn}.profile-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.profile-value{color:var(--text);padding:10px 0;font-size:15px;font-weight:500}.profile-msg{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:600;animation:.3s fadeIn}.profile-msg.success{background:var(--success-soft);color:var(--success);border:1px solid var(--success-soft)}.profile-msg.error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-soft)}.profile-skills-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.profile-skill-card{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border-light);padding:20px;transition:transform .2s,box-shadow .2s}.profile-skill-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.profile-skill-header{align-items:center;gap:10px;display:flex}.profile-skill-icon{font-size:24px}.profile-skill-name{flex:1;font-size:15px;font-weight:600}.profile-skill-score{font-size:20px;font-weight:800}.profile-badges-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.profile-badge-card{text-align:center;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border-light);padding:24px 16px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s,opacity .3s}.profile-badge-card:hover{box-shadow:var(--shadow-glow);border-color:var(--accent-light);transform:translateY(-4px)scale(1.02)}.profile-badge-icon{margin-bottom:8px;font-size:42px;animation:2s infinite badgeBounce}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.profile-badge-name{margin-bottom:4px;font-size:14px;font-weight:700}.profile-badge-desc{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.profile-badge-date{color:var(--text-muted);font-size:11px}.profile-security-item{background:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.profile-security-title{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.profile-security-desc{color:var(--text-secondary);margin-top:4px;font-size:13px}.profile-pw-form{background:var(--bg);border-radius:var(--radius);flex-direction:column;gap:16px;margin-top:20px;padding:24px;animation:.3s fadeIn;display:flex}.profile-loader{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;display:flex}.profile-loader-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.sr-layout{height:calc(100vh - var(--topbar-h));background:var(--bg);color:var(--text);display:flex;overflow:hidden}.sr-channels{background:var(--pink-100);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sr-channels.sr-channels-collapsed{border-right:none;width:0;overflow:hidden}.sr-bg-deco-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sr-deco-item{will-change:transform;position:absolute}.sr-deco-item-1{width:56px;animation:25s linear infinite drift-sway-1;top:10%}.sr-deco-item-2{width:34px;animation:35s linear -8s infinite drift-sway-2;top:25%}.sr-deco-item-3{width:48px;animation:30s linear -15s infinite drift-sway-1;top:45%}.sr-deco-item-4{width:36px;animation:28s linear -5s infinite drift-sway-2;top:60%}.sr-deco-item-5{width:52px;animation:32s linear -20s infinite drift-sway-1;top:75%}.sr-deco-item-6{width:32px;animation:26s linear -12s infinite drift-sway-2;top:90%}.sr-deco-item-7{width:46px;animation:29s linear -3s infinite drift-sway-2;top:18%}.sr-deco-item-8{width:42px;animation:33s linear -18s infinite drift-sway-1;top:40%}.sr-deco-item-9{width:54px;animation:27s linear -9s infinite drift-sway-2;top:58%}.sr-deco-item-10{width:35px;animation:31s linear -22s infinite drift-sway-1;top:72%}.sr-deco-item-11{width:50px;animation:35s linear -16s infinite drift-sway-2;top:30%}.sr-deco-item-12{width:44px;animation:25s linear -6s infinite drift-sway-1;top:82%}@keyframes drift-sway-1{0%{opacity:0;transform:translate(-60px,-15px)rotate(0)}10%{opacity:.55}50%{transform:translate(120px,15px)rotate(180deg)}90%{opacity:.55}to{opacity:0;transform:translate(300px,-15px)rotate(360deg)}}@keyframes drift-sway-2{0%{opacity:0;transform:translate(-60px,15px)rotate(360deg)}15%{opacity:.5}50%{transform:translate(120px,-15px)rotate(180deg)}85%{opacity:.5}to{opacity:0;transform:translate(300px,15px)rotate(0)}}@media (prefers-reduced-motion:reduce){.sr-deco-item,.sr-dropdown-arrow,.sr-icon-active,.sr-voice-wave{animation:none!important}}.sr-status-box{z-index:2;background:#ffffffb8;border:1.5px solid #fff9;border-radius:16px;margin:12px 12px 0;padding:8px 10px;position:relative}.sr-status-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.sr-status-input::placeholder{color:var(--text-muted)}.sr-channel-section{z-index:1;background-color:#ffffff9e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='1' fill='%234a5568' fill-opacity='0.08'/%3E%3C/svg%3E");border:2px solid #ffffffb3;border-radius:20px;margin:10px 10px 14px;padding:12px 10px;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 1.5px #fff9,0 8px 32px #e91e7b05}.sr-channel-section:hover{background-color:#ffffffb8;border-color:#ffffffe6;box-shadow:inset 0 1.5px #fffc,0 12px 36px #e91e7b0d}.sr-cs-study{border-left:4px solid var(--accent)!important;background-color:#ffeef599!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='%23e91e7b' fill-opacity='0.15'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='1' fill='%234a5568' fill-opacity='0.06'/%3E%3C/svg%3E")!important;background-position:right 6px bottom 4px,0 0!important;background-repeat:no-repeat,repeat!important}.sr-cs-study .sr-section-pill{background:linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);color:#fff}.sr-cs-study .sr-section-title:hover .sr-section-pill{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%)}.sr-cs-chat{border-left:4px solid var(--salmon)!important;background-color:#fff8e699!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='%23FF7F50' fill-opacity='0.15'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='1' fill='%234a5568' fill-opacity='0.06'/%3E%3C/svg%3E")!important;background-position:right 6px bottom 4px,0 0!important;background-repeat:no-repeat,repeat!important}.sr-cs-chat .sr-section-pill{background:linear-gradient(135deg, var(--salmon) 0%, var(--coral) 100%);color:#fff}.sr-cs-chat .sr-section-title:hover .sr-section-pill{background:linear-gradient(135deg, var(--coral) 0%, var(--coral-deep) 100%)}.sr-cs-voice{border-left:4px solid var(--teal-300)!important;background-color:#e6f8f599!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='%23319795' fill-opacity='0.15'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='1' fill='%234a5568' fill-opacity='0.06'/%3E%3C/svg%3E")!important;background-position:right 6px bottom 4px,0 0!important;background-repeat:no-repeat,repeat!important}.sr-cs-voice .sr-section-pill{background:linear-gradient(135deg, var(--teal-300) 0%, var(--teal-500) 100%);color:#fff}.sr-cs-voice .sr-section-title:hover .sr-section-pill{background:linear-gradient(135deg, var(--teal-500) 0%, #236c6d 100%)}.sr-section-pill{text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:800;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s,opacity .25s;display:flex;box-shadow:0 3px 8px #0000000d}.sr-section-title{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;width:100%;padding:4px 6px 10px;transition:color .2s;display:flex;position:relative}.sr-section-title svg{transition:transform .2s}.sr-menu-png-icon{filter:drop-shadow(0 2px 4px #0000000d);flex-shrink:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s}.sr-section-title:hover .sr-menu-png-icon{filter:drop-shadow(0 6px 12px #0000001f);transform:scale(1.25)rotate(-6deg)}.sr-add-channel-btn{cursor:pointer;z-index:2;width:16px;height:16px;position:absolute;top:50%;right:18px;transform:translateY(-50%);color:var(--teal-500)!important;background:#fffc!important;border:1px solid #ffffffe6!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:11px!important;font-weight:800!important;line-height:1!important;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s!important;display:flex!important;box-shadow:0 2px 5px #0000000d!important}.sr-add-channel-btn:hover{background:var(--teal-500)!important;color:#fff!important;transform:translateY(-50%)scale(1.15)!important;box-shadow:0 4px 8px #31979533!important}@keyframes active-bounce{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.08)translateY(-1px)}}.sr-icon-active{animation:2s infinite active-bounce}@keyframes wave-pulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.sr-voice-wave{transform-origin:50%;animation:1.2s ease-in-out infinite wave-pulse}.sr-channel-btn{width:100%;color:var(--gray-600);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:15px;font-weight:600;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sr-channel-btn svg,.sr-channel-btn .sr-badge,.sr-channel-btn span{transition:transform .2s}.sr-channel-btn:hover{color:var(--accent);background:#ffffff73;transform:translate(4px)}.sr-channel-btn:hover svg:not(.sr-dropdown-arrow){transform:scale(1.15)rotate(-5deg)}.sr-dropdown-arrow{opacity:.6;margin-left:auto;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;transform:rotate(0)}.sr-dropdown-arrow.open{transform:rotate(180deg)}.sr-channel-btn:hover .sr-dropdown-arrow{opacity:1}.sr-dropdown-arrow:not(.open){animation:1.6s ease-in-out infinite arrow-bob-down}.sr-dropdown-arrow.open{animation:1.6s ease-in-out infinite arrow-bob-up}@keyframes arrow-bob-down{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(0)translateY(2px)}}@keyframes arrow-bob-up{0%,to{transform:rotate(180deg)translateY(0)}50%{transform:rotate(180deg)translateY(2px)}}.sr-channel-btn.active{color:var(--accent);background:#ffffffd9;font-weight:700;transform:translate(4px);box-shadow:0 4px 12px #e91e7b0f}.sr-channel-btn.active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:4px;position:absolute;top:20%;bottom:20%;left:0}.sr-sub-channel-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14.5px;font-weight:600;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);display:flex}.sr-sub-channel-btn svg{transition:transform .2s}.sr-sub-channel-btn:hover{color:var(--accent);background:#ffffff73;transform:translate(4px)}.sr-sub-channel-btn:hover svg{transform:scale(1.15)}.sr-sub-channel-btn.active{color:var(--accent);background:#ffffffd9;font-weight:700;transform:translate(4px);box-shadow:0 2px 8px #e91e7b0d}.sr-badge{background:var(--accent);color:#fff;text-align:center;border-radius:8px;min-width:15px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:700}.sr-voice-users{padding:4px 0 6px 36px}.sr-voice-user{color:var(--gray-600);align-items:center;gap:8px;padding:4px 8px;font-size:12.5px;transition:transform .2s;display:flex}.sr-voice-user:hover{transform:translate(2px)}.sr-voice-controls{z-index:2;background:#ffffffc7;border-top:1px solid #fff6;margin-top:auto;padding:12px 14px;position:relative}.sr-vc-btn{background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex;box-shadow:0 1px 3px #00000014}.sr-vc-btn:hover{background:var(--accent);color:#fff}.sr-vc-btn.active,.sr-vc-leave{background:var(--pink-deep);color:#fff}.sr-vc-leave:hover{background:var(--accent-light)}.sr-main{flex-direction:column;flex:1;min-width:0;display:flex}.sr-main-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.sr-join-btn{background:var(--green-deep);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-left:auto;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;box-shadow:0 2px 8px #48bb784d}.sr-join-btn:hover{background:var(--green-deep);transform:translateY(-2px)}.sr-leave-btn{background:var(--pink-deep);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-left:auto;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 2px 8px #ff8fab4d}.sr-leave-btn:hover{background:var(--accent-light)}.sr-chat-area{flex:1;padding:16px;overflow-y:auto}.sr-chat-area::-webkit-scrollbar{width:6px}.sr-chat-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sr-message{border-radius:12px;gap:12px;padding:10px 8px;transition:background .15s;display:flex}.sr-message:hover{background:var(--surface)}.sr-msg-user{color:var(--accent);font-size:14px;font-weight:700}.sr-msg-time{color:var(--text-muted);font-size:11px}.sr-msg-text{color:var(--text);margin-top:2px;font-size:14px;line-height:1.5}.sr-chat-input-area{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:8px;margin:0 16px 16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000a}.sr-chat-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.sr-chat-input::placeholder{color:var(--text-muted)}.sr-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.sr-send-btn:hover{background:var(--accent-light);transform:scale(1.05)}.sr-send-btn:disabled{background:var(--border);cursor:default;color:var(--text-muted)}.sr-voice-grid{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 50%, var(--yellow) 100%);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.sr-voice-seats{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;max-width:650px;display:flex}.sr-seat{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #0000;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;width:140px;height:190px;padding:16px 12px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex;box-shadow:0 4px 20px #0000000f}.sr-seat:hover{background:#fff;transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.sr-seat-me{border-color:var(--accent);box-shadow:0 0 20px #e91e7b33}.sr-seat-name{color:var(--text);font-size:13px;font-weight:700}.sr-seat-wave{align-items:end;gap:3px;height:22px;display:flex}.sr-wave-bar{background:var(--accent);border-radius:2px;width:4px;animation:1s ease-in-out infinite srWave}.sr-wave-bar-live{background:linear-gradient(to top, var(--accent), var(--accent-light));border-radius:2px;width:4px;min-height:3px;transition:height 80ms ease-out}@keyframes srWave{0%,to{height:4px}50%{height:18px}}.sr-empty{text-align:center;color:var(--text-muted)}.sr-empty h3{color:var(--text);font-size:18px;font-family:var(--font-display);margin:12px 0 4px}.sr-empty p{margin-bottom:16px;font-size:14px}.sr-sidebar-right{background:var(--pink-100);border-left:none;flex-direction:column;flex-shrink:0;width:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sr-sidebar-right.sr-sidebar-right-open{border-left:1px solid var(--border);width:240px}.sr-sidebar-backdrop,.sr-right-sidebar-backdrop{display:none}.sr-right-scrollable{z-index:1;flex:1;height:100%;padding-bottom:16px;position:relative;overflow-y:auto}.sr-right-scrollable::-webkit-scrollbar{width:4px}.sr-right-scrollable::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.sr-right-section{z-index:1;background-color:#ffffff9e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='1' fill='%234a5568' fill-opacity='0.08'/%3E%3C/svg%3E");border:2px solid #ffffffb3;border-radius:24px;margin:12px 12px 16px;padding:14px 12px;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 1.5px #fff9,0 8px 32px #e91e7b05}.sr-right-section:hover{background-color:#ffffffb8;border-color:#ffffffe6;box-shadow:inset 0 1.5px #fffc,0 12px 36px #e91e7b0d}.sr-rc-pomodoro{border-right:5px solid var(--accent)!important;background-color:#ffeef599!important}.sr-rc-lofi{border-right:5px solid var(--salmon)!important;background-color:#fff8e699!important}.sr-rc-members{border-right:5px solid var(--teal-300)!important;background-color:#e6f8f599!important}.sr-rc-members .sr-section-pill{background:var(--teal-300);color:#fff}.sr-member-item{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.sr-member-item:hover{background:#fff9;transform:translate(3px)}.sr-pomodoro{flex-direction:column;align-items:center;display:flex}.sr-pomodoro-ring{background:conic-gradient(var(--ring-color) var(--pct), var(--border) var(--pct));border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 4px 15px #0000000f}.sr-pomodoro-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.sr-pomodoro-time{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.sr-pomodoro-label{color:var(--text-muted);letter-spacing:1px;font-size:10px;font-weight:700}.sr-btn{background:var(--purple);color:var(--text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.sr-btn:hover{background:var(--accent);color:#fff}.sr-btn-dim:hover{background:var(--pink);color:var(--text)}.sr-lofi{padding:0}.sr-lofi-track-item{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.sr-lofi-track-item:hover{background:var(--bg);color:var(--accent)}.sr-lofi-track-item.active{background:var(--accent-soft);border-color:var(--accent-light);color:var(--accent);font-weight:700}.sr-lofi-track-item.active:hover{background:var(--accent-soft)}.sr-clickable-user{cursor:pointer;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.sr-clickable-user:hover{text-decoration:underline;color:var(--accent)!important}.sr-profile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.2s srFadeIn;display:flex;position:fixed;inset:0}@keyframes srFadeIn{0%{opacity:0}to{opacity:1}}.sr-profile-popup{background:var(--surface);border-radius:20px;width:340px;max-width:90vw;animation:.25s srSlideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes srSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sr-profile-close{z-index:2;color:#fff;cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:flex;position:absolute;top:10px;right:10px}.sr-profile-close:hover{background:#00000080}.sr-profile-banner{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 50%, var(--pink) 100%);height:80px}.sr-profile-avatar-wrap{justify-content:center;margin-top:-36px;display:flex;position:relative}.sr-profile-avatar-img{object-fit:cover;border:4px solid var(--surface);border-radius:50%;width:72px;height:72px;box-shadow:0 4px 12px #0000001f}.sr-profile-avatar-placeholder{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border:4px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001f}.sr-profile-dot{background:var(--text-muted);border:3px solid var(--surface);border-radius:50%;width:16px;height:16px;position:absolute;bottom:2px;right:calc(50% - 36px)}.sr-profile-dot.online{background:var(--green-deep)}.sr-profile-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding:12px 16px;display:grid}.sr-profile-stat{text-align:center;background:var(--bg);border-radius:12px;padding:8px 4px}.sr-profile-stat-val{color:var(--text);font-size:13px;font-weight:800}.sr-profile-stat-lbl{color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:600}.sr-profile-full-btn{cursor:pointer;background:var(--accent);color:#fff;text-align:center;border:none;border-radius:12px;width:calc(100% - 32px);margin:12px 16px 16px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:block}.sr-profile-full-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.topik-level-selector{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:6px;display:flex}.topik-lvl-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.topik-lvl-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #764ba233}.topik-tabs{gap:8px;margin-bottom:20px;padding-bottom:6px;display:flex;overflow-x:auto}.topik-tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.topik-tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.topik-sub-tabs{border-bottom:2px solid var(--border);gap:6px;padding-bottom:2px;display:flex}.topik-sub-tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.topik-sub-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.topik-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.topik-table th{background:var(--bg);color:var(--text-muted);font-weight:700}.topik-table tr.highlight-row{background:#ff6b9d0d}.vocab-flashcard{transform-style:preserve-3d;transition:transform .6s}.vocab-flashcard.flipped{transform:rotateY(180deg)}.topik-exam-room{background:var(--surface);border-radius:16px;box-shadow:0 10px 30px #0000000d}.topik-exam-bar{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.topik-option-label{border:1px solid var(--border);border-radius:10px;padding:12px 16px;transition:background .15s}.topik-option-label:hover{background:var(--bg)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.sr-channels{top:var(--topbar-h);z-index:100;background:var(--surface);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000026;width:240px!important}.sr-channels.sr-channels-mobile-open{transform:translate(0)}.sr-right-sidebar-toggle-btn{display:flex}.sr-sidebar-right{top:var(--topbar-h);z-index:100;background:var(--surface);border-left:1px solid var(--border);width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000026}.sr-sidebar-right.sr-sidebar-right-open{width:260px;transform:translate(0)}.sr-sidebar-backdrop,.sr-right-sidebar-backdrop{display:block}}.topik-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.topik-level-selector{gap:8px;display:flex}.topik-lvl-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--text-secondary);white-space:nowrap;padding:clamp(8px,1.5vw,10px) clamp(12px,3vw,24px);font-family:inherit;font-size:clamp(11px,1.8vw,14px);font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.topik-lvl-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.topik-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.topik-tab-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--text-secondary);white-space:nowrap;padding:clamp(6px,1.5vw,10px) clamp(10px,2.5vw,20px);font-family:inherit;font-size:clamp(10px,1.6vw,13px);font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.topik-tab-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-color:var(--accent)}.topik-exam-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.topik-analytics-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.topik-exp-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.topik-practice-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:10px;display:flex}.topik-practice-header h3{margin:0;font-size:16px}.topik-practice-skill-btns{gap:10px;display:flex}.topik-question-card{margin-bottom:16px;padding:clamp(12px,2.5vw,18px)}.topik-option-label{cursor:pointer;border-radius:10px;align-items:center;gap:clamp(8px,1.5vw,12px);padding:clamp(7px,1.5vw,10px) clamp(10px,2vw,16px);transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.topik-option-number{-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:clamp(16px,2.5vw,20px);line-height:1}.topik-option-text{color:var(--text);word-break:keep-all;overflow-wrap:break-word;font-size:clamp(12px,1.8vw,14px)}.topik-result-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:24px;display:flex}.topik-result-card{background:var(--bg);border:1px solid var(--border);text-align:center;min-width:160px;padding:20px 16px}.topik-exam-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.topik-sub-tabs{flex-wrap:wrap;gap:8px;display:flex}.topik-sub-tab-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;color:var(--text-secondary);white-space:nowrap;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.topik-sub-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.topik-table{border-collapse:collapse;width:100%;font-size:14px}.topik-table th,.topik-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.topik-table th{background:var(--bg);color:var(--text-secondary);font-size:13px;font-weight:700}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.topik-section-header{padding:clamp(10px,2vw,16px) clamp(12px,2.5vw,20px)}.topik-compact-title{font-size:clamp(14px,2.5vw,18px);margin-bottom:4px!important}.topik-section-desc{color:var(--text-muted);margin-bottom:clamp(10px,2vw,16px);font-size:clamp(11px,1.6vw,13px)}@media (width<=1024px){.topik-exam-grid{grid-template-columns:1fr 1fr;gap:12px}.topik-analytics-grid,.topik-exp-grid{grid-template-columns:1fr}.topik-tabs{gap:6px}.topik-tab-btn{padding:8px 14px;font-size:12px}.topik-lvl-btn{padding:8px 16px;font-size:13px}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.menu-toggle{display:block}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.ai-widget{width:calc(100vw - 32px);right:16px}.profile-hero-content{text-align:center;flex-direction:column;align-items:center}.profile-hero-info{padding-top:16px}.profile-name-row,.profile-quick-stats{justify-content:center}.profile-form-grid{grid-template-columns:1fr}.profile-security-item{text-align:center;flex-direction:column}.sr-layout{height:calc(100vh - var(--topbar-h))}.sr-voice-controls{padding:6px}.sr-vc-btn{width:28px;height:28px;font-size:12px}.sr-main-header{padding:8px 12px}.sr-chat-input-area{margin:0 8px 8px;padding:8px 12px}.topbar-widget,.topbar-widgets-wrapper,.topbar-user-name,.topbar-user-role{display:none!important}.search-box{display:none}.topik-header{flex-direction:column;align-items:stretch}.topik-header .page-title{text-align:center}.topik-level-selector{justify-content:center}.topik-lvl-btn{text-align:center;flex:1}.topik-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.topik-tab-btn{text-align:center;white-space:normal;line-height:1.3}.topik-exam-grid,.topik-analytics-grid,.topik-exp-grid{grid-template-columns:1fr}.topik-practice-header{flex-direction:column;align-items:stretch}.topik-practice-skill-btns{flex-direction:column}.topik-practice-skill-btns .btn{width:100%}.topik-result-stats{flex-direction:column;align-items:center}.topik-result-card{width:100%;min-width:unset}.topik-exam-bar{text-align:center;flex-direction:column;align-items:stretch}.topik-sub-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.topik-sub-tab-btn{flex-shrink:0}.topik-table{font-size:clamp(11px,2vw,13px)}}.vocab-animate{animation:.6s cubic-bezier(.34,1.56,.64,1) both vocabBounceIn}@keyframes vocabBounceIn{0%{opacity:0;transform:translateY(10px)scale(.9)}70%{transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.topbar-vocab-bar{pointer-events:none;background:#0000000d;width:100%;height:3px;position:absolute;bottom:0;left:0;overflow:hidden}.topbar-vocab-bar__fill{opacity:.6;transform-origin:0;width:100%;height:100%;animation:60s linear forwards topbar-vocab-fill;transform:scaleX(0)}@keyframes topbar-vocab-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.flip-book{transform-style:preserve-3d;perspective:1000px;animation:.6s cubic-bezier(.4,0,.2,1) both flipBook}@keyframes flipBook{0%{opacity:1;transform:rotateY(0)}45%{opacity:.3;transform:rotateY(-90deg)}55%{opacity:.3;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.vocab-book-card{background:var(--surface);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;align-items:center;gap:20px;padding:16px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #959da51f,0 2px 8px #0000000a}.vocab-book-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 24px #00000014,0 3px 6px #0000000a}.lesson-grid-item{background:var(--surface);border:2px solid var(--gray-200);text-align:center;cursor:pointer;border-radius:12px;padding:18px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;box-shadow:0 8px 24px #959da51f,0 2px 8px #0000000a}.lesson-grid-item:hover{border-color:var(--accent);transform:scale(1.03);box-shadow:0 8px 20px #0000000f,0 2px 4px #00000008}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-bar-animated-stripes{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;animation:1s linear infinite progress-bar-stripes}.speaking-main-tabs{border-bottom:2px solid var(--border);gap:16px;margin-bottom:24px;display:flex}.main-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:800;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex}.main-tab-btn:hover{color:var(--accent)}.main-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.jk-chat-container{background:linear-gradient(180deg, var(--accent-soft) 0%, var(--accent-soft) 100%);border-radius:var(--radius-lg);border:2px solid var(--gray-200);height:calc(100vh - 210px);min-height:580px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.jk-chat-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffffd9;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.jk-header-profile{align-items:center;gap:12px;display:flex}.jk-header-avatar{border:2px solid var(--accent-light);object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:50%}.jk-header-info{flex-direction:column;gap:2px;display:flex}.jk-header-name{color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.jk-header-status{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.jk-status-dot{background-color:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite jk-pulse-green;display:inline-block}@keyframes jk-pulse-green{0%{box-shadow:0 0 #38a169b3}70%{box-shadow:0 0 0 6px #38a16900}to{box-shadow:0 0 #38a16900}}.jk-chat-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.jk-msg-wrapper{gap:8px;max-width:80%;display:flex}.jk-msg-wrapper.jk{align-self:flex-start}.jk-msg-wrapper.user{justify-content:flex-end;align-self:flex-end;max-width:75%}.jk-bubble-avatar{object-fit:cover;width:36px;height:36px;box-shadow:var(--shadow-sm);border:1.5px solid #fff;border-radius:50%;flex-shrink:0}.jk-bubble-content-box{flex-direction:column;gap:4px;display:flex}.jk-bubble-sender-name{color:var(--text-secondary);margin-left:2px;font-size:11px;font-weight:700}.jk-msg-bubble{word-break:keep-all;overflow-wrap:break-word;border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 2px 8px #00000008}.jk-msg-wrapper.jk .jk-msg-bubble{color:var(--text);background:#fff;border:1px solid #e2e8f099;border-top-left-radius:4px}.jk-msg-wrapper.user .jk-msg-bubble{background:linear-gradient(135deg, var(--accent), var(--pink-deep));color:#fff;text-align:left;border-top-right-radius:4px}.jk-msg-text-kr{font-family:var(--font-ko);font-size:var(--ko-sm);font-weight:600;line-height:var(--ko-line-sentence);margin-bottom:2px}.jk-msg-text-vi{opacity:.85;border-top:1px solid #0000000f;margin-top:4px;padding-top:4px;font-size:12px;font-style:italic}.jk-msg-wrapper.user .jk-msg-text-vi{border-top-color:#fff3}.jk-msg-time{color:var(--text-muted);flex-shrink:0;align-self:flex-end;margin-bottom:2px;font-size:10px}.jk-typing-indicator{width:fit-content;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f099;border-radius:4px 16px 16px;align-self:flex-start;align-items:center;gap:4px;margin-left:44px;padding:8px 14px;display:flex}.jk-typing-indicator span{background-color:var(--accent-light);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both jk-typing;display:inline-block}.jk-typing-indicator span:first-child{animation-delay:-.32s}.jk-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes jk-typing{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.jk-chat-suggestions-container{-webkit-backdrop-filter:blur(10px);background:#fff9;border-top:1px solid #e2e8f080}.jk-suggestions-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#8b5cf60a;border-bottom:1px solid #e2e8f04d;justify-content:space-between;align-items:center;padding:6px 16px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.jk-suggestions-header:hover{background:#8b5cf614}.jk-suggestions-title{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.jk-suggestions-toggle{color:var(--text-secondary);background:#e2e8f080;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.jk-suggestions-header:hover .jk-suggestions-toggle{background:var(--purple);color:var(--accent)}.jk-chat-suggestions{flex-wrap:wrap;gap:10px;padding:12px 16px;display:flex}.jk-suggestion-chip{cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:1.5px solid #8b5cf61f;border-radius:12px;flex-direction:column;flex:calc(33.333% - 10px);justify-content:center;align-items:flex-start;gap:3px;min-width:200px;max-width:100%;padding:10px 16px;line-height:1.35;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 5px #00000005}.jk-suggestion-chip:hover{border-color:var(--accent);background:#8b5cf608;transform:translateY(-1px);box-shadow:0 4px 10px #8b5cf614}.jk-suggestion-kr{font-family:var(--font-ko);font-size:var(--ko-xs);font-weight:var(--ko-weight);line-height:var(--ko-line);color:var(--accent);word-break:keep-all;overflow-wrap:break-word}.jk-suggestion-roman{color:var(--text-secondary);opacity:.95;margin-top:1px;font-size:10.5px;font-style:italic;font-weight:600}.jk-suggestion-vi{color:var(--text-muted);opacity:.85;margin-top:1px;font-size:10px;font-weight:500}@media (width<=768px){.jk-chat-suggestions{gap:8px;padding:8px 12px}.jk-suggestion-chip{border-radius:10px;flex:100%;gap:2px;min-width:100%;max-width:100%;padding:10px 14px}.jk-suggestion-kr{font-size:12.5px;font-weight:700}.jk-suggestion-roman{font-size:10px}.jk-suggestion-vi{font-size:9.5px}}@media (width<=480px){.jk-chat-suggestions{gap:6px;padding:8px}.jk-suggestion-chip{border-radius:8px;flex:100%;gap:2px;min-width:100%;max-width:100%;padding:8px 12px}.jk-suggestion-kr{font-size:12px}.jk-suggestion-roman{font-size:9.5px}.jk-suggestion-vi{font-size:9px}}.jk-input-bar{border-top:1px solid var(--border);background:#fff;align-items:center;gap:8px;padding:12px 16px;display:flex}.jk-voice-btn{background:var(--bg);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.jk-voice-btn:hover{background:var(--purple);color:var(--accent)}.jk-voice-btn.recording{background:var(--danger);color:#fff;animation:1.5s infinite jk-pulse-danger}@keyframes jk-pulse-danger{0%{box-shadow:0 0 #e53e3e66}70%{box-shadow:0 0 0 8px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.jk-chat-input{border:1px solid var(--border);background:var(--bg);border-radius:22px;outline:none;flex:1;padding:10px 18px;font-size:14px;transition:border-color .2s}.jk-chat-input:focus{border-color:var(--accent);background:#fff}.jk-send-btn{background:linear-gradient(135deg, var(--accent), var(--pink-deep));color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.jk-send-btn:hover:not(:disabled){transform:scale(1.05)}.jk-send-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.jk-suggestion-wrapper{box-sizing:border-box;flex-direction:column;flex:calc(33.333% - 10px);gap:6px;min-width:200px;max-width:100%;display:flex}.jk-suggestion-chip{flex:1;width:100%!important}.jk-suggestion-practice-btn{color:var(--accent);cursor:pointer;box-sizing:border-box;background:#8b5cf60f;border:1.5px dashed #8b5cf64d;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:inline-flex}.jk-suggestion-practice-btn:hover{background:var(--accent);color:#fff;border-style:solid;border-color:var(--accent)}.jk-practice-panel{background:#fff;border-top:1px solid #e2e8f080;flex-direction:column;gap:12px;padding:16px 20px;animation:.25s ease-out jk-slide-up;display:flex}@keyframes jk-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.jk-practice-header{border-bottom:1px solid #e2e8f04d;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.jk-practice-title{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:800}.jk-practice-close-btn{color:var(--text-secondary);cursor:pointer;background:#e2e8f080;border:none;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}.jk-practice-close-btn:hover{color:var(--danger);background:#e53e3e14}.jk-practice-body{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.jk-practice-text-kr{font-family:var(--font-ko);font-size:var(--ko-lg);font-weight:var(--ko-weight);color:var(--text);word-break:keep-all;overflow-wrap:break-word;line-height:1.45}.jk-practice-text-vi{color:var(--text-secondary);font-size:13px;font-style:italic}.jk-practice-text-roman{color:var(--accent);opacity:.95;margin-top:-4px;font-size:14px;font-style:italic;font-weight:600}.jk-practice-audio-btn{color:var(--accent);cursor:pointer;background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:6px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:inline-flex}.jk-practice-audio-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.08)}.jk-practice-audio-btn:active:not(:disabled){transform:scale(.95)}.jk-practice-audio-btn:disabled{opacity:.5;cursor:not-allowed}.jk-practice-status{justify-content:center;align-items:center;min-height:24px;display:flex}.jk-practice-score-box{color:var(--text-secondary);background:#8b5cf60d;border:1.5px solid #8b5cf626;border-radius:12px;padding:8px 24px;font-size:14px;font-weight:700}.jk-practice-controls{justify-content:center;gap:12px;margin-top:4px;display:flex}@media (width<=768px){.jk-suggestion-wrapper{flex:100%;min-width:100%;max-width:100%}.jk-practice-panel{gap:8px;padding:12px 14px}.jk-practice-text-kr{font-size:16px}.jk-practice-text-vi{font-size:12px}.jk-practice-text-roman{margin-top:-2px;font-size:12px}.jk-practice-audio-btn{padding:4px}}@keyframes vocab-rocket-fly{0%{opacity:0;transform:translate(-50%,-50%)translate(calc(-50vw - 200px),140px)scale(.2)rotate(15deg)}10%{opacity:1}35%{opacity:1;transform:translate(-50%,-50%)translate(-20px,-10px)scale(1.05)rotate(-2deg)}50%{opacity:1;transform:translate(-50%,-50%)translate(0,0)scale(1)rotate(0)}65%{opacity:1;transform:translate(-50%,-50%)translate(20px,-8px)scale(1.02)rotate(2deg)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(calc(50vw + 200px),-140px)scale(1.4)rotate(-8deg)}}@keyframes cat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes smoke-puff-1{0%{opacity:.9;transform:scale(.4)translate(0)}to{opacity:0;transform:scale(1.4)translate(-40px,15px)}}@keyframes smoke-puff-2{0%{opacity:.8;transform:scale(.3)translate(0)}to{opacity:0;transform:scale(1.2)translate(-50px,20px)}}@keyframes smoke-puff-3{0%{opacity:.9;transform:scale(.5)translate(0)}to{opacity:0;transform:scale(1.5)translate(-35px,10px)}}@keyframes pulse-red{0%{box-shadow:0 0 #e53e3e66}70%{box-shadow:0 0 0 10px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.study-modes-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=1024px){.study-modes-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.study-modes-grid{grid-template-columns:repeat(2,1fr)}}.study-mode-card{background:var(--surface);border:1.5px solid var(--gray-200);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:row;align-items:center;gap:10px;padding:12px 14px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex;box-shadow:0 2px 8px #0000000a}.study-mode-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.study-mode-card.active{border:1.5px solid var(--accent);box-shadow:0 4px 12px #e91e7b14;background:var(--purple)!important}.tab-btn{border:2px solid var(--gray-200)!important;background:var(--surface)!important;font-weight:700!important;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s!important;box-shadow:0 6px 16px #959da514!important}.tab-btn:hover{transform:translateY(-1px);border-color:var(--accent)!important;box-shadow:0 8px 20px #959da51f!important}.tab-btn.active{border-color:var(--accent)!important;background:var(--purple)!important;color:var(--accent)!important;box-shadow:0 6px 16px #e91e7b1a!important}.study-mode-card .card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.study-mode-card .card-title{color:var(--text);text-align:left;flex:1;font-size:13px;font-weight:700}.study-mode-card .card-badge{background:var(--bg);color:var(--text-muted);border:1px solid var(--gray-200);border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4}.study-mode-card .card-badge.completed{background:var(--green);color:var(--green-deep);border-color:var(--green)}.flashcard-results-card-container{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);box-sizing:border-box;flex-direction:column;gap:10px;width:100%;height:100%;padding:14px 18px;display:flex;overflow-y:auto}.flashcard-results-card-container::-webkit-scrollbar{width:6px}.flashcard-results-card-container::-webkit-scrollbar-track{background:0 0}.flashcard-results-card-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.flashcard-results-card-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=1024px){input,select,textarea{font-size:16px!important}}.writing-practice-container{grid-template-columns:1fr 1.5fr;align-items:flex-start;gap:24px;display:grid}.writing-char-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}@keyframes writing-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@media (width<=768px){.writing-practice-container{grid-template-columns:1fr;gap:20px}.writing-char-grid{max-height:200px}}.sound-rules-container{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.scr-overview{flex-direction:column;gap:20px;min-width:0;display:flex}.scr-overview-header{flex-direction:column;gap:8px;min-width:0;display:flex}.scr-overview-desc{color:var(--text-secondary);max-width:52ch;margin:0;font-size:14px;font-weight:600;line-height:1.55}.scr-overview-count{background:var(--accent-soft,#e91e7b14);color:var(--accent);border:1px solid #e91e7b26;border-radius:999px;align-self:flex-start;align-items:center;margin-top:4px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.scr-rules-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;min-width:0;display:grid}.scr-rules-grid-item{min-width:0;display:flex}.scr-rule-card{text-align:left;border:2px solid var(--gray-200);background:var(--surface);cursor:pointer;width:100%;min-height:100%;color:inherit;font:inherit;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex;box-shadow:0 4px 14px #959da514}.scr-rule-card:hover{border-color:var(--accent-light,#e91e7b73);transform:translateY(-2px);box-shadow:0 8px 22px #e91e7b1f}.scr-rule-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scr-rule-card-num{background:var(--accent-soft,#e91e7b1a);min-width:28px;height:28px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:900;display:inline-flex}.scr-rule-card-title{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;flex:auto;max-height:2.7em;margin:0;font-size:15px;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.scr-rule-card-title .scr-ko-static{font-size:inherit}.sound-rules-container .scr-ko-static{font-family:var(--font-ko);color:var(--accent);font-weight:var(--ko-weight);white-space:nowrap;vertical-align:baseline;background:#e91e630d;border:1px solid #e91e6326;border-radius:4px;margin:0 1px;padding:1px 5px;display:inline}.scr-rule-card-meta{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.scr-rule-card-chip{background:var(--bg,var(--surface-hover));border:1px solid var(--gray-200);color:var(--text-muted);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.scr-detail{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.scr-detail-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.scr-back-btn{border:1.5px solid var(--gray-200);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.scr-back-btn:hover{border-color:var(--accent-light);color:var(--accent);background:var(--surface-hover)}.scr-back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scr-detail-badge{background:var(--accent-soft,#e91e7b1a);min-height:32px;color:var(--accent);border:1px solid #e91e7b26;border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.scr-detail-title{color:var(--accent);margin:0 0 8px;font-size:20px;font-weight:900;line-height:1.3}.scr-detail-rule{color:var(--text-secondary);margin:0 0 16px;font-size:15px;font-weight:600;line-height:1.55}.scr-notes{background:var(--accent-soft,#6366f114);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:20px;padding:12px 14px}.scr-note-p{color:var(--text-secondary);font-size:14px;font-weight:600;line-height:1.55}.scr-section,.scr-stack{flex-direction:column;gap:12px;display:flex}.scr-subrules{flex-direction:column;gap:18px;display:flex}.scr-subrule-title{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:800;line-height:1.45}.scr-subrule-desc{color:var(--text-secondary);margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.55}.scr-subrule-note{color:var(--text-muted);margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.55}.scr-practice-hint{color:var(--text-muted);margin:-4px 0 0;font-size:13px;font-weight:600;line-height:1.45}.sound-rule-detail{background:var(--surface);border:2px solid var(--gray-200);border-radius:16px;width:100%;min-width:0;padding:24px;box-shadow:0 8px 24px #959da51f}.sound-rule-example-card{background:var(--bg);border:1.5px solid var(--gray-200);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}.sound-rule-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:800}.scr-detail-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.scr-nav-rule-btn{border:1.5px solid var(--gray-200);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.scr-nav-rule-btn:hover:not(:disabled){border-color:var(--accent-light);color:var(--accent);background:var(--surface-hover)}.scr-nav-rule-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scr-nav-rule-btn:disabled{opacity:.4;cursor:not-allowed}.scr-nav-rule-btn-next{margin-left:auto}.scr-quick-practice{border:2px solid var(--gray-200);background:var(--bg,var(--surface-hover));border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.scr-quick-practice-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.scr-quick-practice-title{color:var(--text);margin:0;font-size:15px;font-weight:900}.scr-quick-practice-hint{color:var(--text-muted);font-size:12px;font-weight:700}.scr-quick-practice-progress{color:var(--accent);font-size:13px;font-weight:800}.scr-quick-practice-body{flex-direction:column;gap:14px;display:flex}.scr-qp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.scr-qp-written-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scr-qp-written{font-family:var(--font-ko);font-size:var(--ko-xl);font-weight:var(--ko-weight);line-height:var(--ko-line);color:var(--text);word-break:break-word}.scr-qp-listen{border:1.5px solid var(--gray-200);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.scr-qp-listen:hover{border-color:var(--accent-light);color:var(--accent)}.scr-qp-listen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scr-qp-btn{border:1.5px solid var(--gray-200);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.scr-qp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scr-qp-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;align-self:flex-start}.scr-qp-btn-primary:hover{filter:brightness(1.05)}.scr-qp-btn-ok{background:var(--accent-soft,#e91e7b1a);border-color:var(--accent-light,#e91e7b59);color:var(--accent)}.scr-qp-btn-ok:hover{background:var(--accent);border-color:var(--accent);color:#fff}.scr-qp-btn-retry{background:var(--surface);border-color:var(--gray-200);color:var(--text-secondary)}.scr-qp-btn-retry:hover{border-color:var(--text-muted);color:var(--text)}.scr-quick-practice-answer{background:var(--surface);border:1.5px solid var(--gray-200);border-radius:12px;flex-direction:column;gap:14px;padding:12px 14px;display:flex}.scr-qp-actual{font-family:var(--font-ko);font-size:var(--ko-xl);font-weight:var(--ko-weight);line-height:var(--ko-line);color:var(--danger);word-break:break-word;display:block}.scr-qp-meaning{color:var(--text-secondary);margin-top:6px;font-size:14px;font-weight:700;display:block}.scr-qp-self-check{flex-direction:column;gap:8px;display:flex}.scr-qp-self-hint{color:var(--text-muted);font-size:13px;font-weight:700}.scr-qp-self-actions{flex-wrap:wrap;gap:8px;display:flex}.scr-quick-practice-summary{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.scr-quick-practice-summary-text{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600;line-height:1.5}.scr-quick-practice-summary-text strong{color:var(--text);font-weight:800}.sound-rules-container .scr-ko-chip{font-family:var(--font-ko);color:var(--accent);font-weight:var(--ko-weight);cursor:help;white-space:nowrap;vertical-align:baseline;background:#e91e630d;border:1px solid #e91e6326;border-radius:4px;outline:none;margin:0 1px;padding:1px 5px;display:inline;position:relative}.sound-rules-container .scr-ko-chip:focus-visible{box-shadow:0 0 0 2px #e91e6366}.sound-rules-container .scr-ko-tooltip{transform:translateX(calc(-50% + var(--scr-tip-shift,0px))) translateY(4px);color:#fff;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:120;text-align:center;background:#0f172af2;border-radius:8px;width:max-content;min-width:110px;max-width:min(240px,100vw - 24px);padding:8px 12px;font-size:11.5px;font-weight:500;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;box-shadow:0 4px 12px #0003}.sound-rules-container .scr-ko-tooltip:after{content:"";top:100%;left:calc(50% - var(--scr-tip-shift,0px));border:5px solid #0000;border-top-color:#0f172af2;position:absolute;transform:translate(-50%)}.sound-rules-container .scr-ko-chip:hover .scr-ko-tooltip,.sound-rules-container .scr-ko-chip:focus .scr-ko-tooltip,.sound-rules-container .scr-ko-chip:focus-visible .scr-ko-tooltip,.sound-rules-container .scr-ko-chip:focus-within .scr-ko-tooltip{opacity:1;visibility:visible;transform:translateX(calc(-50% + var(--scr-tip-shift,0px))) translateY(0)}.sound-rules-container .scr-ko-tooltip-label{letter-spacing:.03em;text-transform:uppercase;opacity:.85;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.sound-rules-container .scr-ko-tooltip-text{font-family:var(--font-ko);font-size:14px;font-weight:var(--ko-weight);word-break:break-word;display:block}.sound-rules-container .scr-ko-tooltip-meaning{opacity:.95;margin-top:4px;font-size:11px;font-weight:600;display:block}.sound-rules-container .scr-ko-tooltip-hint{opacity:.7;margin-top:4px;font-size:10px;font-weight:500;display:block}@media (width<=768px){.sound-rule-example-card{flex-wrap:wrap;gap:12px}.sound-rule-detail{padding:18px}.sound-rules-container .scr-ko-tooltip{max-width:min(220px,100vw - 20px)}.scr-detail-nav{flex-direction:column}.scr-nav-rule-btn,.scr-nav-rule-btn-next{width:100%;margin-left:0}.scr-qp-self-actions{flex-direction:column}.scr-qp-self-actions .scr-qp-btn{width:100%}}@media (width<=520px){.scr-rules-grid{grid-template-columns:1fr}}[data-fc-tone=accent]{--fc-tone-deep:var(--accent);--fc-tone-pale:var(--accent-soft);--fc-tone-ink:var(--accent-strong)}[data-fc-tone=pink]{--fc-tone-deep:var(--pink-deep);--fc-tone-pale:var(--pink);--fc-tone-ink:var(--accent-strong)}[data-fc-tone=blue]{--fc-tone-deep:var(--blue-deep);--fc-tone-pale:var(--blue);--fc-tone-ink:var(--blue-600)}[data-fc-tone=yellow]{--fc-tone-deep:var(--yellow-deep);--fc-tone-pale:var(--yellow);--fc-tone-ink:var(--orange-700)}[data-fc-tone=green]{--fc-tone-deep:var(--green-deep);--fc-tone-pale:var(--green);--fc-tone-ink:var(--green-700)}:where(.fc,.fc-deck,.fc-aside,.fc-seg,.fc-toggle,.fc-select,.fc-action,.fc-icon-btn,.fq-sheet,.fq-done){--fc-deep:var(--fc-tone-deep,var(--pink-deep));--fc-pale:var(--fc-tone-pale,var(--pink));--fc-ink:var(--fc-tone-ink,var(--accent-strong));--fc-line:color-mix(in srgb, var(--fc-deep) 40%, var(--surface));--fc-wash:color-mix(in srgb, var(--surface) 78%, var(--fc-pale));--fc-muted:color-mix(in srgb, var(--text) 78%, var(--surface));--fc-radius:22px}.fc{--fc-min-h:400px;perspective:1600px;width:100%;max-width:480px;margin:14px auto 0;position:relative}.fc__flip{z-index:0;border-radius:var(--fc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.fc__flip:focus{outline:none}.fc__card{z-index:1;min-height:var(--fc-min-h);transform-style:preserve-3d;pointer-events:none;transition:transform .65s cubic-bezier(.4,.2,.2,1),translate .25s;display:grid;position:relative}.fc[data-flipped] .fc__card{transform:rotateY(180deg)}.fc__face{border-radius:var(--fc-radius);min-width:0;color:var(--text);backface-visibility:hidden;flex-direction:column;grid-area:1/1;gap:10px;padding:18px 20px 14px;display:flex;position:relative}.fc__face--back{transform:rotateY(180deg)}.fc__face :is(button,a,select,input,textarea,label,summary){pointer-events:auto}.fc__flip:focus-visible~.fc__card .fc__face{outline:3px solid var(--fc-ink);outline-offset:4px}@media (hover:hover){.fc:hover .fc__card{translate:0 -3px}.fc:hover .fc-hint .emo{rotate:180deg}}.fc__face{border:2px solid var(--fc-line);background:linear-gradient(to top, color-mix(in srgb, var(--fc-pale) 55%, transparent), transparent 38%), var(--surface);box-shadow:0 18px 30px -18px color-mix(in srgb, var(--fc-deep) 65%, transparent), 0 3px 0 color-mix(in srgb, var(--fc-deep) 18%, var(--surface))}.fc__face--back{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fc-deep) 30%, transparent) 1.2px, transparent 1.8px) 0 0 / 18px 18px, var(--surface)}.fc__tape{z-index:1;background:repeating-linear-gradient(-45deg, #ffffff73 0 5px, transparent 5px 10px), color-mix(in srgb, var(--fc-deep) 42%, transparent);clip-path:polygon(0 0,100% 0,96% 25%,100% 50%,96% 75%,100% 100%,0 100%,4% 75%,0 50%,4% 25%);pointer-events:none;width:96px;height:26px;position:absolute;top:-13px;left:50%;translate:-50%;rotate:-3deg}.fc__face--back .fc__tape{rotate:3deg}.fc__stack{z-index:0;pointer-events:none;position:absolute;inset:0}.fc__stack:before,.fc__stack:after{content:"";border:2px solid var(--fc-line);border-radius:var(--fc-radius);position:absolute;inset:0}.fc__stack:before{background:var(--fc-pale);translate:-4px 7px;rotate:-2.6deg}.fc__stack:after{background:var(--fc-wash);translate:5px 4px;rotate:1.8deg}.fc-head{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.fc-head__label{letter-spacing:.08em;text-transform:uppercase;color:var(--fc-ink);align-items:center;gap:7px;font-size:11.5px;font-weight:800;display:inline-flex}.fc-head__label .emo{--emo-size:20px}.fc-head__aside{text-align:right;min-width:0;color:var(--fc-muted);overflow-wrap:anywhere;font-size:14px;font-weight:700}.fc-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.fc-body[data-align=start]{text-align:left;justify-content:flex-start;align-items:stretch}.fc-chip{border:1.5px solid var(--fc-line);background:var(--fc-wash);color:var(--fc-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:12px;font-weight:800;display:inline-flex}.fc-chip:before{content:"";background:var(--fc-deep);border-radius:50%;width:7px;height:7px}.fc-word{font-family:var(--font-ko);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:48px;font-weight:700;line-height:1.15}.fc-word[data-size=md]{font-size:38px}.fc-pron{letter-spacing:.04em;color:var(--fc-ink);margin:-6px 0 0;font-size:15px;font-weight:700}.fc-meaning{font-family:var(--font-display);color:var(--fc-ink);overflow-wrap:anywhere;margin:0;font-size:36px;font-weight:800;line-height:1.2}.fc-meaning[data-size=md]{font-size:28px}.fc-meaning[data-size=sm]{font-size:22px}.fc-media{aspect-ratio:1;border:2px solid var(--fc-line);background:var(--surface);width:136px;box-shadow:0 10px 20px -12px color-mix(in srgb, var(--fc-deep) 60%, transparent);border-radius:18px;place-items:center;padding:8px;display:grid;rotate:-2deg}.fc-media :is(img,canvas){object-fit:contain;border-radius:12px;width:100%;height:100%}.fc-media>.emo{--emo-size:76px}.fc-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fc-action{border:1.5px solid var(--fc-line);background:var(--surface);min-height:38px;color:var(--fc-ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb, var(--fc-deep) 24%, var(--surface));border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:800;transition:translate .15s,box-shadow .15s,background-color .15s;display:inline-flex}.fc-action .emo{--emo-size:18px}.fc-action:hover{translate:0 -1px}.fc-action:active{box-shadow:0 1px 0 color-mix(in srgb, var(--fc-deep) 24%, var(--surface));translate:0 2px}.fc-action:focus-visible{outline:3px solid var(--fc-ink);outline-offset:2px}.fc-action[data-variant=brand]{--emo-ink:var(--surface);background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--surface);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 35%, transparent);border-color:#0000}.fc-action[data-active]{--emo-ink:var(--surface);border-color:var(--danger-strong);background:var(--danger-strong);color:var(--surface);box-shadow:0 4px 12px color-mix(in srgb, var(--danger) 35%, transparent)}.fc-icon-btn{border:1.5px solid var(--fc-line);background:var(--surface);width:34px;height:34px;color:var(--fc-ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:translate .15s,background-color .15s;display:inline-grid}.fc-icon-btn .emo{--emo-size:19px}.fc-icon-btn:hover{translate:0 -1px}.fc-icon-btn:focus-visible{outline:3px solid var(--fc-ink);outline-offset:2px}.fc-icon-btn[data-active]{--emo-ink:var(--surface);border-color:var(--danger-strong);background:var(--danger-strong)}.fc-example{border-left:4px solid var(--fc-deep);background:var(--fc-wash);text-align:left;border-radius:14px;width:100%;max-width:400px;padding:10px 12px 10px 14px}.fc-body[data-align=start] .fc-example{max-width:none}.fc-example__row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fc-example__ko{font-family:var(--font-ko);color:var(--text);word-break:keep-all;margin:0;font-size:16px;font-weight:600;line-height:1.55}.fc-example__vi{color:var(--fc-muted);margin:4px 0 0;font-size:13.5px;font-weight:600;line-height:1.45}.fc-hl{background:linear-gradient(transparent 56%, color-mix(in srgb, var(--fc-deep) 34%, transparent) 56%);color:var(--fc-ink);border-radius:3px;padding:0 1px;font-weight:800}.fc-hint{color:var(--fc-muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.fc-hint .emo{--emo-size:16px;transition:rotate .45s}.fc-pattern{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;margin:0;line-height:1.25;display:flex}.fc-pattern__ko{font-family:var(--font-ko);color:var(--fc-ink);word-break:keep-all;font-size:40px;font-weight:700}.fc-pattern__note{color:var(--fc-muted);font-size:15px;font-weight:700}.fc-formula{border:1.5px dashed var(--fc-line);background:var(--fc-wash);width:100%;color:var(--text);text-align:left;border-radius:14px;gap:6px;margin:0;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.5;list-style:none;display:grid}.fc-formula li{align-items:flex-start;gap:8px;display:flex}.fc-formula .emo{--emo-size:18px;margin-top:2px}.fc-bullets{background:var(--fc-wash);color:var(--text);border-radius:14px;gap:6px;margin:0;padding:10px 12px 10px 30px;font-size:14px;line-height:1.5;display:grid}.fc-bullets li::marker{color:var(--fc-deep)}:is(.fc-bullets,.fc-formula) [lang=ko]{font-family:var(--font-ko);color:var(--fc-ink);font-weight:700}:is(.fc-bullets,.fc-formula) strong{color:var(--fc-ink)}.fc-section{gap:6px;display:grid}.fc-section__title{letter-spacing:.08em;text-transform:uppercase;color:var(--fc-ink);margin:0;font-size:11.5px;font-weight:800}.fc-seg{border:1.5px solid var(--fc-line);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.fc-seg__btn{color:var(--fc-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:800;transition:background-color .15s,color .15s}.fc-seg__btn:hover:not(:disabled,[aria-pressed=true]){color:var(--fc-ink)}.fc-seg__btn[aria-pressed=true]{background:var(--fc-ink);color:var(--surface)}.fc-seg__btn:focus-visible{outline:3px solid var(--fc-ink);outline-offset:1px}.fc-seg__btn:disabled{cursor:not-allowed}.fc-seg__btn:disabled:not([aria-pressed=true]){opacity:.55}.fc-toggle{border:1.5px solid var(--fc-line);background:var(--surface);min-height:34px;color:var(--fc-muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:800;display:inline-flex}.fc-toggle .emo{--emo-size:17px}.fc-toggle:hover{color:var(--fc-ink)}.fc-toggle[aria-pressed=true]{border-color:var(--fc-deep);background:var(--fc-pale);color:var(--fc-ink)}.fc-toggle:focus-visible{outline:3px solid var(--fc-ink);outline-offset:2px}.fc-select{color:var(--fc-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.fc-select select{border:1.5px solid var(--fc-line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:4px 8px;font-weight:800}.fc-select select:focus-visible{outline:3px solid var(--fc-ink);outline-offset:1px}.fc-deck{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;margin-inline:auto;display:flex}.fc-deck[data-aside]{max-width:1040px}.fc-deck__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex;container:fc-deck-top/inline-size}.fc-deck__count{background:var(--fc-pale);color:var(--fc-ink);border-radius:999px;margin:0;padding:5px 13px;font-size:13px;font-weight:800}.fc-deck__count b{font-size:15px}.fc-deck__tools{flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.fc-deck__progress{background:color-mix(in srgb, var(--fc-pale) 70%, var(--surface));border-radius:999px;width:100%;height:8px;overflow:hidden}.fc-deck__progress-fill{width:var(--fc-progress,0%);border-radius:inherit;background:repeating-linear-gradient(-45deg, #ffffff4d 0 6px, transparent 6px 12px), var(--fc-deep);height:100%;transition:width .35s}.fc-deck__stage{justify-items:center;gap:26px;width:100%;padding-top:4px;display:grid}.fc-deck__main{justify-items:center;gap:14px;width:100%;min-width:0;display:grid}.fc-deck[data-aside] .fc-deck__stage{grid-template-columns:minmax(0,480px) minmax(0,1fr);place-items:start stretch}.fc-deck__slot{min-width:0;height:400px;margin-top:14px}.fc-deck__nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding-top:4px;display:flex}.fc-deck__keys{color:var(--fc-muted);margin:0;font-size:12px;font-weight:600}.fc-deck__keys kbd{border:1.5px solid var(--fc-line);background:var(--surface);color:var(--text);font:inherit;border-bottom-width:3px;border-radius:7px;padding:1px 7px;font-size:11px;font-weight:800}@media (hover:none){.fc-deck__keys{display:none}}.fc-aside{border:2px solid var(--fc-line);border-radius:var(--fc-radius);background:var(--surface);min-width:0;box-shadow:0 18px 30px -20px color-mix(in srgb, var(--fc-deep) 60%, transparent);flex-direction:column;gap:14px;margin-top:14px;padding:20px 20px 18px;display:flex;position:relative}.fc-aside__head{border-bottom:2px dashed var(--fc-line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.fc-aside__title{min-width:0;font-family:var(--font-ko);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:700;line-height:1.2}.fc-aside__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--fc-ink);flex:none;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:inline-flex}.fc-aside__tag .emo{--emo-size:18px}.fc-deck[data-aside] .fc-aside{min-height:400px}.fc-aside__veil{background:var(--fc-wash);color:var(--fc-muted);text-align:center;border-radius:16px;flex:1;align-content:center;justify-items:center;gap:10px;padding:28px 16px;font-size:14px;font-weight:600;line-height:1.5;display:grid}.fc-aside__veil p{max-width:300px;margin:0}.fc-aside__block{gap:8px;display:grid}.fc-aside__label{letter-spacing:.08em;text-transform:uppercase;color:var(--fc-ink);align-items:center;gap:10px;margin:0;font-size:11.5px;font-weight:800;display:flex}.fc-aside__label:after{content:"";border-top:1.5px dashed var(--fc-line);flex:1}.fc-hanja{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.fc-hanja__han{font-family:var(--font-ko);color:var(--text);letter-spacing:.06em;font-size:30px;font-weight:700;line-height:1.2}.fc-hanja__vi{color:var(--fc-ink);font-size:15px;font-weight:800}.fc-terms{margin:0;padding:0;list-style:none;display:grid}.fc-terms li{border-bottom:1px dashed var(--fc-line);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 2px;display:flex}.fc-terms li:last-child{border-bottom:0}.fc-terms__ko{font-family:var(--font-ko);color:var(--text);word-break:keep-all;font-size:15.5px;font-weight:700}.fc-terms__vi{color:var(--fc-muted);text-align:right;font-size:13.5px;font-weight:600}.fc-termboxes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.fc-termbox{border:1.5px solid color-mix(in srgb, var(--success) 35%, var(--surface));background:var(--success-soft);border-radius:14px;padding:10px 12px 4px}.fc-termbox[data-variant=ant]{border-color:color-mix(in srgb, var(--warning) 35%, var(--surface));background:var(--warning-soft)}.fc-termbox__title{color:var(--success-strong);margin:0 0 2px;font-size:12px;font-weight:800}.fc-termbox[data-variant=ant] .fc-termbox__title{color:var(--orange-700)}.fc-termbox .fc-terms li{border-bottom-color:color-mix(in srgb, var(--success) 25%, transparent);padding:5px 0}.fc-termbox[data-variant=ant] .fc-terms li{border-bottom-color:color-mix(in srgb, var(--warning) 25%, transparent)}@media (width<=991px){.fc-deck[data-aside] .fc-deck__stage{grid-template-columns:minmax(0,1fr);justify-items:center}.fc-deck[data-aside] .fc-aside{width:100%;max-width:480px;min-height:0}.fc-deck[data-aside] .fc-deck__slot{width:100%;max-width:480px}}@media (width<=480px){.fc{--fc-min-h:360px}.fc-deck__slot{height:360px}.fc__face{padding:16px 14px 12px}.fc-word{font-size:40px}.fc-word[data-size=md]{font-size:32px}.fc-meaning{font-size:30px}.fc-meaning[data-size=md]{font-size:24px}.fc-pattern__ko{font-size:32px}.fc-media{width:112px}.fc-media>.emo{--emo-size:62px}.fc-aside{padding:18px 14px 14px}.fc-seg__btn{padding-inline:10px}.fc-toggle{padding-inline:12px}}@container fc-deck-top (width<=559px){.fc-deck__top>.fc-icon-btn{order:1;margin-inline-start:auto}.fc-deck__tools{flex-basis:100%;order:2;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.fc__card{transition:none}.fc[data-flipped] .fc__card{transform:none}.fc__face{transition:opacity .2s,visibility .2s}.fc__face--back{opacity:0;visibility:hidden;transform:none}.fc[data-flipped] .fc__face--front{opacity:0;visibility:hidden}.fc[data-flipped] .fc__face--back{opacity:1;visibility:visible}.fc:hover .fc__card{translate:none}.fc:hover .fc-hint .emo{rotate:none}.fc-action,.fc-icon-btn,.fc-deck__progress-fill{transition:none}}.fc-deck.fq{max-width:640px}.fc-deck.fq[data-wide]{max-width:800px}.fq__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fq__score{background:var(--warning-soft);color:var(--warning-strong);border-radius:999px;align-items:center;gap:5px;margin:0;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.fq__score b{font-size:15px}.fq__score .emo{--emo-size:17px}.fq-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fq-tag{border:1.5px solid var(--fc-line);background:var(--surface);min-height:34px;color:var(--fc-ink);border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:800;display:inline-flex}.fq-tag .emo{--emo-size:17px}.fc-toggle.fq-pill:disabled{opacity:.5;cursor:not-allowed;color:var(--fc-muted)}.fq-sheet{width:100%;margin:14px 0 12px;position:relative}.fq-sheet__paper{z-index:1;border:2px solid var(--fc-line);border-radius:var(--fc-radius);color:var(--text);background:linear-gradient(to top, color-mix(in srgb, var(--fc-pale) 55%, transparent), transparent 140px), var(--surface);box-shadow:0 18px 30px -18px color-mix(in srgb, var(--fc-deep) 65%, transparent), 0 3px 0 color-mix(in srgb, var(--fc-deep) 18%, var(--surface));flex-direction:column;gap:18px;padding:26px 26px 22px;display:flex;position:relative}.fq-sheet .fc__stack:before{inset:16px 12px -12px;translate:none;rotate:-.8deg}.fq-sheet .fc__stack:after{inset:8px 5px -6px;translate:none;rotate:.6deg}.fq-sheet .fc-example{max-width:none}.fq-prompt{border-bottom:2px dashed var(--fc-line);text-align:center;flex-direction:column;align-items:center;gap:8px;padding-bottom:18px;display:flex}.fq-prompt__label{color:var(--fc-ink);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:800;display:inline-flex}.fq-prompt__label .emo{--emo-size:20px}.fq-prompt__note{color:var(--fc-muted);margin:0;font-size:13.5px;font-weight:600}.fq-prompt__note b{color:var(--fc-ink)}.fq-sentence{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700;line-height:1.45}.fq-sentence[lang=ko]{font-family:var(--font-ko);word-break:keep-all}.fq-reveal{border-top:2px dashed var(--fc-line);flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:4px;padding-top:14px;display:flex}.fq-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fq-option{border:2px solid var(--fc-line);background:var(--surface);min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb, var(--fc-deep) 18%, var(--surface));border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.35;transition:translate .15s,border-color .15s,background-color .15s;display:flex}@media (hover:hover){.fq-option:hover:not(:disabled){border-color:var(--fc-deep);background:var(--fc-wash);translate:0 -1px}}.fq-option:focus-visible{outline:3px solid var(--fc-ink);outline-offset:2px}.fq-option:disabled{cursor:default}.fq-option__key{background:var(--fc-pale);width:30px;height:30px;color:var(--fc-ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.fq-option__text{overflow-wrap:anywhere;flex:1;min-width:0}.fq-option__text[lang=ko]{font-family:var(--font-ko);word-break:keep-all;font-size:18px}.fq-option .emo{--emo-size:22px;flex:none}.fq-option[data-state=correct]{border-color:var(--success);background:var(--success-soft);color:var(--success-strong);box-shadow:none}.fq-option[data-state=correct] .fq-option__key{background:var(--success-strong);color:var(--surface)}.fq-option[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft);color:var(--danger-strong);box-shadow:none}.fq-option[data-state=wrong] .fq-option__key{background:var(--danger-strong);color:var(--surface)}.fq-option[data-state=dim]{opacity:.55;box-shadow:none}.fq-field{gap:8px;display:grid}.fq-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fc-ink);align-items:center;gap:7px;margin:0;font-size:11.5px;font-weight:800;display:inline-flex}.fq-label .emo{--emo-size:18px}.fq-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.fq-field .fq-input{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--fc-deep) 65%, var(--surface));background:var(--fc-wash);width:100%;color:var(--text);font:inherit;text-align:center;border-radius:14px;padding:12px 16px;font-size:18px;font-weight:700;transition:border-color .15s,background-color .15s,box-shadow .15s}.fq-field .fq-input[lang=ko]{font-family:var(--font-ko);font-size:20px}.fq-field .fq-input::placeholder{color:var(--fc-muted);opacity:1;font-weight:600}.fq-field .fq-input:focus{border-color:var(--fc-ink);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--fc-pale) 80%, transparent);outline:none}.fq-field .fq-input[data-state=correct]{border-color:var(--success);background:var(--success-soft);color:var(--success-strong)}.fq-field .fq-input[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft);color:var(--danger-strong)}.fq-field .fq-input:disabled{opacity:1;cursor:default;-webkit-text-fill-color:currentColor}.fq-feedback{--fq-state:var(--fc-deep);--fq-soft:var(--fc-wash);--fq-strong:var(--fc-ink);border:2px solid color-mix(in srgb, var(--fq-state) 45%, var(--surface));background:var(--fq-soft);color:var(--fq-strong);text-align:center;border-radius:16px;justify-items:center;gap:4px;padding:12px 16px;display:grid}.fq-feedback[data-state=correct]{--fq-state:var(--success);--fq-soft:var(--success-soft);--fq-strong:var(--success-strong)}.fq-feedback[data-state=wrong]{--fq-state:var(--danger);--fq-soft:var(--danger-soft);--fq-strong:var(--danger-strong)}.fq-feedback[data-state=near]{--fq-state:var(--yellow-deep);--fq-soft:var(--warning-soft);--fq-strong:var(--warning-strong)}.fq-feedback__title{font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;line-height:1.25;display:inline-flex}.fq-feedback__title .emo{--emo-size:24px}.fq-feedback__sub{margin:0;font-size:13.5px;font-weight:700}.fq-answer{font-family:var(--font-display);color:var(--text);overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:800;line-height:1.3}.fq-answer[lang=ko]{font-family:var(--font-ko);word-break:keep-all;font-size:30px;font-weight:700}.fq-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.btn.fq-btn{justify-content:center;min-width:150px}.btn.fq-btn .emo{--emo-size:18px}.btn-primary.fq-btn,.btn-success.fq-btn{--emo-ink:var(--surface)}:is(.fc-deck,.fq-done) .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.fq-group{gap:8px;display:grid}.fq-tray{box-sizing:border-box;border:2px dashed var(--fc-line);background:var(--fc-wash);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:76px;padding:14px;transition:border-color .15s,background-color .15s;display:flex}.fq-tray[data-state=filled]{border-color:var(--fc-deep);background:var(--surface)}.fq-tray[data-state=correct]{border-style:solid;border-color:var(--success);background:var(--success-soft)}.fq-tray[data-state=wrong]{border-style:solid;border-color:var(--danger);background:var(--danger-soft)}.fq-tray__empty{color:var(--fc-muted);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.fq-tray__empty .emo{--emo-size:18px}.fq-pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fq-tile{border:2px solid var(--fc-line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb, var(--fc-deep) 22%, var(--surface));border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:16px;font-weight:800;line-height:1.3;transition:translate .15s,border-color .15s,background-color .15s,opacity .15s;display:inline-flex}.fq-tile[lang=ko]{font-family:var(--font-ko);word-break:keep-all;font-size:17px;font-weight:700}@media (hover:hover){.fq-tile:hover:not(:disabled){border-color:var(--fc-deep);translate:0 -2px}}.fq-tile:focus-visible{outline:3px solid var(--fc-ink);outline-offset:2px}.fq-tile:disabled{cursor:default}.fq-tile[data-state=picked]{border-color:var(--fc-deep);background:var(--fc-pale);color:var(--fc-ink)}.fq-tile[data-state=used]{opacity:.45;box-shadow:none;border-style:dashed}.fq-tile[data-state=correct]{border-color:var(--success);background:var(--surface);color:var(--success-strong);box-shadow:none}.fq-tile[data-state=wrong]{border-color:var(--danger);background:var(--surface);color:var(--danger-strong);box-shadow:none}.fq-tile__x{opacity:.7;font-size:15px}.fq-tries{color:var(--fc-muted);justify-content:center;align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;font-weight:700;display:flex}.fq-tries__dot{background:var(--gray-200);border-radius:50%;width:9px;height:9px}.fq-tries__dot[data-on]{background:var(--fc-deep)}.fq-solution{text-align:center;justify-items:center;gap:4px;display:grid}.fq-solution p{margin:0}.fq-solution__main{color:var(--fc-ink);font-size:18px;font-weight:800;line-height:1.45}.fq-solution__main[lang=ko]{font-family:var(--font-ko);word-break:keep-all;font-size:20px;font-weight:700}.fq-solution__sub{color:var(--fc-muted);font-size:14px;font-weight:600;line-height:1.45}.fq-solution__sub[lang=ko]{font-family:var(--font-ko);word-break:keep-all}.fq-play{border:2px solid var(--fc-deep);background:var(--fc-pale);width:72px;height:72px;color:var(--fc-ink);cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--fc-deep) 30%, var(--surface));border-radius:50%;place-items:center;margin:4px 0;padding:0;transition:scale .15s;display:inline-grid}.fq-play .emo{--emo-size:32px}@media (hover:hover){.fq-play:hover{scale:1.06}}.fq-play:active{scale:.97}.fq-play:focus-visible{outline:3px solid var(--fc-ink);outline-offset:3px}.fq-canvas{--fq-guide:color-mix(in srgb, var(--fc-deep) 35%, transparent);isolation:isolate;width:100%;max-width:var(--fq-canvas-w,240px);box-sizing:border-box;border:2px solid var(--fc-line);background:linear-gradient(to right, var(--fq-guide) 50%, transparent 0) 0 50% / 12px 1.5px repeat-x, var(--surface);border-radius:16px;height:240px;margin-inline:auto;position:relative;overflow:hidden}.fq-canvas:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to right, transparent calc(50% - .75px), var(--fq-guide) 0 calc(50% + .75px), transparent 0) 0 0 / calc(100% / var(--fq-cells,1)) 100% repeat-x;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 50%,#0000 0) 0 0/100% 12px repeat-y;mask:linear-gradient(#000 50%,#0000 0) 0 0/100% 12px repeat-y}.fq-canvas__board{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.fq-canvas[data-locked] .fq-canvas__board{cursor:not-allowed}.fq-done{flex-direction:column;align-items:stretch;gap:6px;width:100%;max-width:600px;margin-inline:auto;display:flex}.fq-done__body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 0 4px;display:flex}.fq-done__body>.emo{--emo-size:64px}.fq-done__title{font-family:var(--font-display);color:var(--fc-ink);margin:0;font-size:28px;font-weight:800;line-height:1.2}.fq-done__score{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin:4px 0 0;font-size:15px;font-weight:700;display:flex}.fq-done__stamp{border:3px solid var(--fc-deep);color:var(--fc-ink);font-family:var(--font-display);box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 5px color-mix(in srgb, var(--fc-deep) 45%, transparent);border-radius:999px;padding:4px 22px;font-size:34px;font-weight:800;line-height:1.2;display:inline-block;rotate:-4deg}.fq-done__note{color:var(--fc-muted);margin:0;font-size:13.5px;font-weight:600}@media (width<=480px){.fq-sheet__paper{gap:16px;padding:22px 16px 18px}.fq-options{grid-template-columns:minmax(0,1fr)}.fq-sentence{font-size:19px}.fq-answer{font-size:21px}.fq-answer[lang=ko]{font-size:26px}.fq-done__title{font-size:24px}.fq-done__stamp{font-size:30px}.btn.fq-btn{flex:140px;min-width:0}}@media (prefers-reduced-motion:reduce){.fq-option,.fq-tile,.fq-play,.fq-field .fq-input,.fq-tray{transition:none}.fq-option:hover:not(:disabled),.fq-tile:hover:not(:disabled){translate:none}.fq-play:hover,.fq-play:active{scale:none}}@media (width<=640px){.grammar-ctx-grid{grid-template-columns:1fr!important}}.found-lab{--lab-accent:var(--accent);--lab-blue:#377cf6;--lab-gold:#f59e0b;--lab-green:#1fa971;--lab-pink:#ec2777;--lab-purple:#7c5cfc;flex-direction:column;gap:20px;min-width:0;max-width:100%;padding:4px 2px 2px;display:flex}.found-lab *{box-sizing:border-box}.found-lab-intro{border:1px solid color-mix(in srgb, var(--lab-accent) 12%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--lab-accent) 2%, var(--surface)), var(--surface));box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.found-lab-kicker,.found-workbench-label,.found-check-heading>span,.found-remember-heading>span,.syllable-lab-kicker,.workbench-label,.check-heading>span{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:800;display:block}.found-lab-intro h3{color:var(--text);margin:4px 0 6px;font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.2}.found-lab-intro p{max-width:680px;color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.6}.found-lab-goal{background:color-mix(in srgb, var(--lab-green) 5%, var(--surface));border:1px solid color-mix(in srgb, var(--lab-green) 20%, transparent);min-width:240px;box-shadow:0 4px 12px color-mix(in srgb, var(--lab-green) 5%, transparent);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.found-lab-goal>span{background:color-mix(in srgb, var(--lab-green) 12%, transparent);width:32px;height:32px;color:var(--lab-green);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;display:grid}.found-lab-goal div{flex-direction:column;gap:2px;display:flex}.found-lab-goal small{letter-spacing:.08em;color:var(--lab-green);text-transform:uppercase;font-size:9px;font-weight:800}.found-lab-goal strong{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.35}.found-lab-picker{flex-wrap:wrap;align-items:stretch;gap:10px;min-width:0;display:flex}.found-lab-picker>span{color:var(--text-secondary);align-self:center;margin-right:5px;font-size:12.5px;font-weight:800}.found-lab-picker button,.found-choice{min-width:50px;min-height:50px;color:var(--text);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.found-lab-picker button:hover,.found-choice:hover{border-color:color-mix(in srgb, var(--lab-accent) 35%, var(--border));transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.found-lab-picker button.is-active,.found-choice.is-active{border-color:var(--lab-accent);box-shadow:0 6px 18px color-mix(in srgb, var(--lab-accent) 15%, transparent);background:color-mix(in srgb, var(--lab-accent) 5%, var(--surface));color:var(--text);font-weight:700}.found-lab-picker b,.found-choice b{font-size:15px;font-weight:700;line-height:1.2}.found-lab-picker small,.found-choice small{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.3}.found-workbench{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, var(--surface));border-radius:20px;gap:20px;min-width:0;padding:20px;display:grid;box-shadow:inset 0 1px 2px #ffffffb3}.found-workbench.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.found-workbench.cols-3{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.95fr)}.found-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.found-panel-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.found-story{border:1px solid var(--border);background:var(--surface);min-height:130px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.found-story>span{letter-spacing:.1em;color:var(--lab-accent);text-transform:uppercase;font-size:9.5px;font-weight:800}.found-story h4{color:var(--text);margin:4px 0 6px;font-size:17px;font-weight:800;line-height:1.3}.found-story p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.found-story-rule{background:color-mix(in srgb, var(--lab-accent) 6%, var(--bg));border-left:3px solid var(--lab-accent);color:var(--text);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.55}.found-story-rule strong{color:var(--lab-accent);font-weight:700}.found-example-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:border-color .2s;display:flex}.found-example-card:hover{border-color:color-mix(in srgb, var(--lab-accent) 20%, var(--border))}.found-example-card .ko{font-family:var(--font-ko);font-size:var(--ko-md);font-weight:var(--ko-weight);color:var(--lab-accent);word-break:keep-all;line-height:1.45}.found-example-card .vi{color:var(--text-secondary);margin-top:3px;font-size:12.5px;line-height:1.45}.found-tts{border:1px solid color-mix(in srgb, var(--lab-accent) 25%, var(--border));background:color-mix(in srgb, var(--lab-accent) 6%, var(--surface));min-width:52px;min-height:38px;color:var(--lab-accent);cursor:pointer;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:800;transition:all .2s;display:inline-flex}.found-tts:hover{background:var(--lab-accent);color:var(--surface);border-color:var(--lab-accent);box-shadow:0 4px 10px color-mix(in srgb, var(--lab-accent) 25%, transparent)}.found-tts.icon-only{border-radius:50%;width:38px;min-width:38px;height:38px;padding:0}.found-rail{flex-wrap:wrap;align-items:stretch;gap:10px;min-width:0;padding:4px 0;display:flex}.found-role-chip{border:1.5px solid color-mix(in srgb, var(--chip-color,var(--lab-accent)) 25%, var(--border));background:color-mix(in srgb, var(--chip-color,var(--lab-accent)) 6%, var(--surface));min-width:78px;min-height:68px;color:var(--chip-color,var(--lab-accent));cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 12px;transition:all .25s cubic-bezier(.175,.885,.32,1.1);display:flex}.found-role-chip:hover{border-color:var(--chip-color,var(--lab-accent));box-shadow:0 4px 10px color-mix(in srgb, var(--chip-color,var(--lab-accent)) 10%, transparent);transform:translateY(-2px)}.found-role-chip.is-active{box-shadow:0 6px 16px color-mix(in srgb, var(--chip-color,var(--lab-accent)) 20%, transparent);border-color:var(--chip-color,var(--lab-accent));background:color-mix(in srgb, var(--chip-color,var(--lab-accent)) 12%, var(--surface));border-width:2px;transform:scale(1.03)translateY(-2px)}.found-role-chip .ko{font-family:var(--font-ko);font-size:16px;font-weight:var(--ko-weight);line-height:1.25}.found-role-chip .vi{opacity:.9;font-size:11px;font-weight:700}.found-role-chip .role{letter-spacing:.06em;opacity:.75;text-transform:uppercase;font-size:9px;font-weight:800}.found-connector{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px 16px;display:flex}.found-connector-piece{border:1.5px solid var(--border);background:var(--bg);min-width:78px;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;display:flex}.found-connector-piece.accent{border-color:color-mix(in srgb, var(--lab-accent) 25%, var(--border));background:color-mix(in srgb, var(--lab-accent) 6%, var(--surface))}.found-connector-piece .ko{font-family:var(--font-ko);font-size:22px;font-weight:var(--ko-weight);color:var(--text);line-height:1.15}.found-connector-piece .label{color:var(--text-muted);font-size:9.5px;font-weight:800}.found-connector-op{color:var(--lab-accent);font-size:18px;font-weight:800}.found-contrast{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;min-width:0;display:grid}.found-contrast-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:14px;transition:transform .2s;display:flex}.found-contrast-card:hover{transform:translateY(-2px)}.found-contrast-card strong{color:var(--text);font-size:13px;font-weight:700}.found-contrast-card span{color:var(--text-secondary);font-size:12px;line-height:1.5}.found-contrast-card .ko{font-family:var(--font-ko);font-size:var(--ko-md);font-weight:var(--ko-weight);color:var(--lab-accent);margin:2px 0;line-height:1.35}.found-contrast-vs{letter-spacing:.08em;color:var(--text-muted);align-self:center;font-size:9px;font-weight:800}.found-check,.syllable-check{background:linear-gradient(135deg, color-mix(in srgb, var(--lab-blue) 3%, var(--surface)), var(--surface));border:1px solid #377cf626;border-radius:16px;grid-template-columns:minmax(180px,.8fr) 1.4fr;gap:16px 20px;min-width:0;padding:20px;display:grid;box-shadow:0 6px 18px #377cf605}.found-check-heading h4,.check-heading h4{color:var(--text);margin:6px 0 0;font-size:15.5px;font-weight:700;line-height:1.4}.found-check-heading h4 b,.check-heading h4 b{color:var(--lab-accent);font-size:17px;font-weight:800}.found-check-heading>span,.check-heading>span{color:var(--lab-blue);font-weight:800}.found-check-options,.check-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.found-check-options label,.check-options label{border:1.5px solid var(--border);min-height:52px;color:var(--text);background:var(--surface);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.found-check-options label:hover,.check-options label:hover{border-color:var(--lab-blue);transform:translateY(-2px);box-shadow:0 4px 10px #377cf614}.found-check-options label.is-selected,.check-options label.is-selected{border-color:var(--lab-blue);background:color-mix(in srgb, var(--lab-blue) 6%, var(--surface));font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #377cf61f}.found-check-options label.is-answer,.check-options label.is-answer{border-color:var(--lab-green);background:color-mix(in srgb, var(--lab-green) 8%, var(--surface));color:var(--success-strong);font-weight:700;box-shadow:0 4px 12px #1fa97124}.found-check-options label.is-wrong,.check-options label.is-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger-strong);font-weight:700;box-shadow:0 4px 12px #e53e6224}.found-check-options input,.check-options input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}:is(.found-check-options label:has(input:focus-visible),.check-options label:has(input:focus-visible)){outline:3px solid color-mix(in srgb, var(--lab-blue) 32%, transparent);outline-offset:2px}.found-check-options strong,.check-options strong{font-size:13px;line-height:1.3}.found-check-options small,.check-options small{color:var(--text-muted);font-size:9.5px;line-height:1.3}.found-check-feedback,.check-feedback{background:var(--surface);min-height:38px;color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;grid-column:1/-1;align-items:center;padding:8px 14px;font-size:12.5px;line-height:1.5;display:flex;box-shadow:inset 0 1px 2px #00000005}.found-check.is-correct .found-check-feedback,.syllable-check.is-correct .check-feedback{color:#137a51;background:color-mix(in srgb, var(--lab-green) 10%, var(--surface));border-color:color-mix(in srgb, var(--lab-green) 20%, transparent)}.found-check.is-answered:not(.is-correct) .found-check-feedback,.syllable-check.is-answered:not(.is-correct) .check-feedback{color:var(--danger-strong);background:color-mix(in srgb, var(--danger) 8%, var(--surface));border-color:color-mix(in srgb, var(--danger) 20%, transparent)}.found-remember{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:minmax(180px,.75fr) 1.4fr;gap:16px 20px;min-width:0;padding:20px;display:grid}.found-remember-heading h4{color:var(--text);margin:6px 0;font-size:16.5px;font-weight:800;line-height:1.3}.found-remember-heading p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.found-remember-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.found-remember-grid article{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:flex-start;gap:10px;min-height:84px;padding:12px;transition:transform .2s;display:flex}.found-remember-grid article:hover{transform:translateY(-2px)}.found-remember-grid article>b{width:26px;height:26px;color:var(--lab-accent);background:color-mix(in srgb, var(--lab-accent) 12%, transparent);border-radius:8px;flex:0 0 26px;place-items:center;font-size:10px;font-weight:800;display:grid}.found-remember-grid div{flex-direction:column;gap:4px;min-width:0;display:flex}.found-remember-grid strong{color:var(--text);font-size:12px;font-weight:700;line-height:1.3}.found-remember-grid span{color:var(--text-muted);font-size:10.5px;line-height:1.45}.found-remember details,.patchim-why details{border-top:1px dashed var(--border);grid-column:1/-1;padding-top:10px}.found-remember summary,.patchim-why summary{width:fit-content;color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;min-height:38px;font-size:12px;font-weight:800;transition:color .2s;display:inline-flex}.found-remember summary:hover,.patchim-why summary:hover{color:var(--lab-accent)}.found-remember details p,.patchim-why details p{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.55}.found-shelf{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;display:grid}.found-shelf-item{text-align:left;border:1.5px solid var(--border);background:var(--surface);min-height:88px;color:var(--text);cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.found-shelf-item:hover{border-color:color-mix(in srgb, var(--lab-accent) 25%, var(--border));transform:translateY(-2px)}.found-shelf-item.is-active{border-color:var(--lab-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--lab-accent) 12%, transparent);background:color-mix(in srgb, var(--lab-accent) 5%, var(--surface));transform:scale(1.02)}.found-shelf-item .kr-tag{font-family:var(--font-ko);font-size:12px;font-weight:var(--ko-weight);color:var(--lab-accent)}.found-shelf-item strong{font-size:13.5px;font-weight:700;line-height:1.25}.found-shelf-item small{color:var(--text-muted);font-size:10px;line-height:1.35}.found-timeline{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:relative}.found-timeline button{border:1.5px solid var(--border);background:var(--surface);min-height:72px;color:var(--text);cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.found-timeline button:hover{border-color:color-mix(in srgb, var(--lab-accent) 25%, var(--border));transform:translateY(-2px)}.found-timeline button.is-active{border-color:var(--lab-accent);box-shadow:0 6px 18px color-mix(in srgb, var(--lab-accent) 12%, transparent);background:color-mix(in srgb, var(--lab-accent) 5%, var(--surface));transform:scale(1.02)}.found-timeline button strong{font-size:13.5px;font-weight:700}.found-timeline button small{color:var(--text-muted);text-align:center;font-size:9.5px;line-height:1.3}.found-timeline button .dot{background:color-mix(in srgb, var(--lab-accent) 30%, var(--border));border-radius:50%;width:9px;height:9px;transition:background-color .2s,transform .2s}.found-timeline button.is-active .dot{background:var(--lab-accent);transform:scale(1.2)}.found-legend{flex-wrap:wrap;gap:8px 16px;display:flex}.found-legend span{color:var(--text-secondary);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.found-legend i{background:var(--dot,var(--lab-accent));border-radius:50%;flex-shrink:0;width:9px;height:9px;font-style:normal}.found-lab button:focus-visible,.found-lab [role=radio]:focus-visible,.found-lab summary:focus-visible{outline:3px solid color-mix(in srgb, var(--lab-blue) 32%, transparent);outline-offset:2px}.foundation-map{flex-direction:column;gap:0;min-width:0;max-width:100%;display:flex}.foundation-map *,.foundation-map :before,.foundation-map :after{box-sizing:border-box}.foundation-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;min-width:0;display:grid}.foundation-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-width:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000005}.foundation-card:before{content:"";background:var(--accent);opacity:0;pointer-events:none;width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.foundation-card.is-start:not(.is-open){border-color:color-mix(in srgb, var(--accent) 20%, var(--border));box-shadow:0 4px 15px color-mix(in srgb, var(--accent) 5%, transparent)}.foundation-card.is-open{border-color:var(--border);box-shadow:var(--shadow-lg);border-width:1px;grid-column:1/-1}.foundation-card.is-open:before{opacity:1}.foundation-card:hover:not(.is-open){border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-3px)}.foundation-card:hover:not(.is-open):before{opacity:.5}.foundation-card-trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;gap:12px;margin:0;padding:16px;transition:background .2s;display:flex;position:relative}.foundation-card-trigger:hover{background:color-mix(in srgb, var(--accent) 2%, var(--surface-hover,var(--bg)))}.foundation-card-trigger:active{background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.foundation-card-trigger:focus{outline:none}.foundation-card-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.foundation-card-header{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 3%, var(--surface)), var(--surface));border-bottom:1px solid var(--border);cursor:default;-webkit-user-select:text;user-select:text;flex-direction:column;align-items:stretch;gap:12px;padding:18px 20px;display:flex;position:relative}.foundation-card-top{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.foundation-step{letter-spacing:.06em;min-height:20px;color:var(--accent-strong);background:var(--accent-soft);white-space:nowrap;text-transform:uppercase;border-radius:12px;align-items:center;padding:3px 8px;font-size:9px;font-weight:800;display:inline-flex}.foundation-start-pill,.foundation-open-pill{white-space:nowrap;border-radius:12px;align-items:center;min-height:20px;padding:3px 8px;font-size:9px;font-weight:800;line-height:1.2;display:inline-flex}.foundation-start-pill{color:var(--text-on-accent,#fff);background:linear-gradient(135deg, var(--accent-light), var(--accent));box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 20%, transparent);animation:2.5s infinite badge-pulse}@keyframes badge-pulse{0%{box-shadow:0 0 #e91e7b66}70%{box-shadow:0 0 0 6px #e91e7b00}to{box-shadow:0 0 #e91e7b00}}.foundation-open-pill{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}.foundation-card-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.foundation-badge{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;box-shadow:0 2px 6px #e91e7b0d}.foundation-card-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.foundation-card-title{color:var(--text);font-size:15px;font-weight:750;line-height:1.3;display:block}.foundation-card-summary{box-shadow:none;background:0 0;border:0;margin:2px 0 0;padding:0;display:block;overflow:visible}.foundation-card-summary-marker{display:none}.foundation-card-summary-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.foundation-card-summary-label{display:none}.foundation-card-summary-text{color:var(--text-secondary);overflow-wrap:anywhere;word-break:keep-all;font-size:12.5px;font-weight:500;line-height:1.45;display:block}.foundation-card-meta{align-items:center;gap:12px;min-width:0;margin-right:60px;padding-top:4px;display:flex}.foundation-skill{min-width:0;color:var(--text-secondary);flex:1;align-items:center;font-size:11px;font-weight:600;line-height:1.35;display:inline-flex}.foundation-skill-label{letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase;flex-shrink:0;margin-right:4px;font-size:10px;font-weight:800}.foundation-skill-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.foundation-time{color:var(--text-secondary);white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.foundation-cta{align-items:center;gap:4px;display:inline-flex;position:absolute;bottom:12px;right:16px}.foundation-cta-label{display:none}.foundation-cta-chevron{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;transition:all .22s cubic-bezier(.175,.885,.32,1.1);display:inline-flex}.foundation-card-trigger:hover .foundation-cta-chevron{background:var(--accent);color:#fff;transform:scale(1.05)}.foundation-card-actions{align-items:center;display:flex;position:absolute;top:14px;right:16px}.foundation-close-btn{border:1.5px solid color-mix(in srgb, var(--accent) 30%, var(--border));min-height:32px;color:var(--accent);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:0;padding:6px 14px;font-size:12px;font-weight:700;line-height:1.2;transition:all .2s;display:inline-flex}.foundation-close-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 10px #e91e7b1f}.foundation-close-btn-label{letter-spacing:.01em}.foundation-close-btn-icon{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:background-color .2s;display:inline-flex}.foundation-card-panel{cursor:default;background:color-mix(in srgb, var(--accent) 2%, var(--bg));border-top:1px solid var(--border);flex-direction:column;gap:20px;min-width:0;max-width:100%;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) foundation-panel-in;display:flex}@keyframes foundation-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.syllable-lab{--lab-pink:#ec2777;--lab-blue:#377cf6;--lab-gold:#f59e0b;--lab-green:#1fa971;flex-direction:column;gap:20px;padding:4px 2px 2px;display:flex}.syllable-lab-intro{border:1px solid color-mix(in srgb, var(--lab-pink) 12%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--lab-pink) 2%, var(--surface)), var(--surface));box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.syllable-lab-intro h3{color:var(--text);margin:4px 0 6px;font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.2}.syllable-lab-intro p{max-width:680px;color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.6}.syllable-lab-goal{background:color-mix(in srgb, var(--lab-green) 5%, var(--surface));border:1px solid color-mix(in srgb, var(--lab-green) 20%, transparent);min-width:240px;box-shadow:0 4px 12px color-mix(in srgb, var(--lab-green) 5%, transparent);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.syllable-lab-goal>span{width:32px;height:32px;color:var(--lab-green);background:#1fa9711f;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;display:grid}.syllable-lab-goal div{flex-direction:column;gap:2px;display:flex}.syllable-lab-goal small{letter-spacing:.08em;color:var(--lab-green);text-transform:uppercase;font-size:9px;font-weight:800}.syllable-lab-goal strong{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.35}.syllable-sample-picker{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.syllable-sample-picker>span{color:var(--text-secondary);align-self:center;margin-right:5px;font-size:12.5px;font-weight:800}.syllable-sample-picker button{min-width:64px;min-height:50px;color:var(--text);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.syllable-sample-picker button:hover{border-color:color-mix(in srgb, var(--lab-pink) 35%, var(--border));transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.syllable-sample-picker button.is-active{border-color:var(--lab-pink);background:#ec27770a;font-weight:700;box-shadow:0 6px 18px #ec277726}.syllable-sample-picker b{font-size:18px;font-weight:800}.syllable-sample-picker small{color:var(--text-muted);font-size:10px}.syllable-workbench{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, var(--surface));border-radius:20px;grid-template-columns:minmax(180px,.78fr) 48px minmax(230px,1fr) minmax(220px,.9fr);align-items:center;gap:20px;padding:20px;display:grid;position:relative;box-shadow:inset 0 1px 2px #ffffffb3}.syllable-parts{flex-direction:column;gap:10px;display:flex}.workbench-label{color:var(--text-muted);margin-bottom:4px}.syllable-part{text-align:left;background:var(--surface);border:1.5px solid var(--border);min-height:60px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:8px 12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:grid}.syllable-part:hover{transform:translate(4px);box-shadow:0 4px 10px #00000008}.syllable-part.is-active{border-width:2px;font-weight:700;transform:translate(6px);box-shadow:0 6px 18px #0f172a14}.syllable-part.part-onset.is-active{border-color:var(--lab-blue);background:#377cf60a}.syllable-part.part-vowel.is-active{border-color:var(--lab-gold);background:#f59e0b0a}.syllable-part.part-coda.is-active{border-color:var(--lab-pink);background:#ec27770a}.syllable-part.is-empty .part-jamo{color:var(--text-muted);background:var(--bg);border:1px dashed var(--border)}.part-jamo{width:38px;height:38px;font-family:var(--font-ko);font-size:20px;font-weight:var(--ko-weight);background:var(--bg);border-radius:10px;place-items:center;display:grid}.part-onset .part-jamo{color:var(--lab-blue);background:#377cf61a}.part-vowel .part-jamo{color:#c97a00;background:#f59e0b1f}.part-coda .part-jamo{color:var(--lab-pink);background:#ec27771a}.syllable-part>span:last-child{flex-direction:column;gap:2px;display:flex}.syllable-part b{font-size:12.5px;font-weight:700}.syllable-part small{color:var(--text-muted);font-size:10px}.assembly-arrow{color:var(--lab-pink);flex-direction:column;align-items:center;gap:2px;font-size:24px;font-weight:950;animation:2s ease-in-out infinite float-arrow;display:flex}@keyframes float-arrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.assembly-arrow span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:8px;font-weight:800}.syllable-stage{flex-direction:column;justify-content:center;align-items:center;min-height:280px;margin:0;display:flex;position:relative}.stage-glow{background:color-mix(in srgb, var(--lab-pink) 8%, transparent);filter:blur(12px);pointer-events:none;border-radius:50%;width:170px;height:170px;position:absolute}.hangul-tile{isolation:isolate;background:linear-gradient(135deg,#fff,#fcfbfd);border:1px solid #ec27772e;border-radius:24px;place-items:center;width:160px;height:160px;display:grid;position:relative;box-shadow:0 12px 28px #0f172a0f,inset 0 1px #ffffffe6}.tile-result{z-index:2;font-family:var(--font-ko);font-size:88px;line-height:1;font-weight:var(--ko-weight-strong);color:var(--text);transition:transform .22s cubic-bezier(.175,.885,.32,1.275)}.tile-zone{z-index:3;opacity:0;color:#0000;border:2.5px solid var(--zone-color);pointer-events:none;border-radius:10px;font-size:0;transition:opacity .22s,transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .22s;display:block;position:absolute;transform:scale(.95)}.tile-zone:after{content:attr(data-label);color:#fff;background:var(--zone-color);letter-spacing:.08em;white-space:nowrap;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:800;line-height:1;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0f172a26}.zone-onset{--zone-color:var(--lab-blue);background:#377cf60b;width:56px;height:74px;top:16px;left:16px}.zone-vowel{--zone-color:var(--lab-gold);background:#f59e0b0b;width:60px;height:74px;top:16px;right:14px}.zone-coda{--zone-color:var(--lab-pink);background:#ec27770b;height:44px;bottom:14px;left:16px;right:14px}.zone-onset:after,.zone-vowel:after{top:-10px}.zone-coda:after{bottom:-10px}.layout-stack .zone-onset{width:auto;height:48px;top:14px;left:20px;right:20px}.layout-stack .zone-vowel{width:auto;height:38px;top:66px;left:20px;right:20px}.layout-stack .zone-coda{height:38px;bottom:10px;left:20px;right:20px}.no-coda .zone-coda{--zone-color:var(--text-muted);background:#64748b08;border-style:dashed}.active-onset .zone-onset{opacity:1;transform:scale(1.02);box-shadow:0 0 12px #377cf626}.active-vowel .zone-vowel{opacity:1;transform:scale(1.02);box-shadow:0 0 12px #f59e0b26}.active-coda .zone-coda{opacity:1;transform:scale(1.02);box-shadow:0 0 12px #ec277726}.syllable-stage figcaption{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.syllable-stage figcaption>strong{color:var(--text);font-size:17px;font-weight:800}.syllable-stage figcaption>span{color:var(--text-secondary);font-size:11.5px}.syllable-stage figcaption button{min-height:32px;color:var(--lab-pink);cursor:pointer;background:#ec27770f;border:1px solid #ec277738;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.syllable-stage figcaption button:hover{background:var(--lab-pink);color:#fff;border-color:var(--lab-pink);box-shadow:0 4px 10px #ec277733}.syllable-contrast{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.syllable-contrast>div{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s;display:flex}.syllable-contrast>div:hover{transform:translateY(-2px)}.syllable-contrast>div.has-patchim{background:#ec277705;border-color:#ec277738}.contrast-tile{border:1.5px solid var(--border);background:var(--bg);width:46px;height:46px;font-family:var(--font-ko);font-size:24px;font-weight:var(--ko-weight-strong);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:grid}.has-patchim .contrast-tile{border-color:var(--lab-pink);border-bottom:5px solid var(--lab-pink)}.syllable-contrast p{flex-direction:column;gap:2px;margin:0;display:flex}.syllable-contrast b{color:var(--text);font-size:12.5px;font-weight:700}.syllable-contrast small{color:var(--text-muted);font-size:10.5px}.patchim-why{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:minmax(200px,.72fr) 1.5fr;gap:16px 20px;padding:20px;display:grid}.patchim-why-heading>span{letter-spacing:.1em;color:var(--lab-pink);text-transform:uppercase;font-size:9.5px;font-weight:800}.patchim-why-heading h4{color:var(--text);margin:4px 0 6px;font-size:17px;font-weight:800}.patchim-why-heading p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.6}.patchim-why-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.patchim-why-grid article{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:flex-start;gap:8px;min-height:84px;padding:12px;transition:transform .2s;display:flex}.patchim-why-grid article:hover{transform:translateY(-2px)}.patchim-why-grid article>b{width:26px;height:26px;color:var(--lab-pink);background:#ec27771a;border-radius:8px;flex:0 0 26px;place-items:center;font-size:10px;font-weight:800;display:grid}.patchim-why-grid article div{flex-direction:column;gap:4px;display:flex}.patchim-why-grid strong{color:var(--text);font-size:12px;font-weight:700;line-height:1.35}.patchim-why-grid span{color:var(--text-muted);font-size:10px;line-height:1.45}@media (width<=980px){.syllable-workbench{grid-template-columns:minmax(180px,.75fr) 38px 1fr}.slot-story{grid-column:1/-1;min-height:auto}.foundation-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.found-workbench.cols-2,.found-workbench.cols-3,.found-check,.found-remember{grid-template-columns:1fr}}@media (width<=700px){.syllable-lab-intro,.found-lab-intro{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.syllable-lab-goal,.found-lab-goal{width:100%;min-width:0}.syllable-workbench{grid-template-columns:1fr;padding:16px}.assembly-arrow{height:32px;margin:8px 0;animation:2s ease-in-out infinite float-arrow-v;transform:rotate(90deg)}@keyframes float-arrow-v{0%,to{transform:rotate(90deg)translate(0)}50%{transform:rotate(90deg)translate(4px)}}.assembly-arrow span{display:none}.syllable-stage{min-height:230px}.hangul-tile{width:140px;height:140px}.tile-result{font-size:80px}.syllable-contrast{grid-template-columns:1fr}.contrast-versus{text-align:center}.syllable-check{grid-template-columns:1fr;padding:16px}.check-feedback{grid-column:auto}.check-options{grid-template-columns:1fr}.patchim-why{grid-template-columns:1fr;padding:16px}.patchim-why-grid{grid-template-columns:1fr}.found-workbench{padding:16px}.found-contrast{grid-template-columns:1fr}.found-contrast-vs{text-align:center}.found-check{padding:16px}.found-check-feedback{grid-column:auto}.found-remember{padding:16px}}@media (width<=560px){.foundation-board{grid-template-columns:1fr}}@media (width<=430px){.syllable-sample-picker{grid-template-columns:repeat(3,1fr);display:grid}.syllable-sample-picker>span{grid-column:1/-1}.syllable-sample-picker button{min-width:0}.check-options{grid-template-columns:1fr}.check-options label{min-height:44px}.found-lab-picker{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.found-lab-picker>span{grid-column:1/-1}.found-lab-picker button{width:100%;min-width:0}.found-shelf{grid-template-columns:1fr 1fr}.found-timeline,.found-check-options{grid-template-columns:1fr}.found-role-chip{flex:calc(50% - 4px);min-width:calc(50% - 4px)}.found-connector{gap:8px}.found-connector-piece{min-width:60px;padding:8px}.found-connector-piece .ko{font-size:16px}}@media (width<=390px){.foundation-card-trigger,.foundation-card-header{padding:14px 12px}.foundation-card-title{font-size:14px}.foundation-card-summary{gap:4px;padding:0}.foundation-card-summary-text{font-size:12px;line-height:1.4}.foundation-skill{font-size:10.5px}.foundation-card-actions{justify-content:flex-start;margin-top:8px;position:relative;top:auto;right:auto}.foundation-close-btn{white-space:normal;text-align:center;width:100%;max-width:100%;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.syllable-lab *,.syllable-lab :before,.syllable-lab :after,.foundation-card,.foundation-card-trigger,.foundation-cta-chevron,.foundation-close-btn,.foundation-card-panel{transition:none!important;animation:none!important}.foundation-card-trigger:hover .foundation-cta-chevron{transform:none}.found-lab *,.found-lab :before,.found-lab :after{transition:none!important;animation:none!important}}.gp-subtabs{border-bottom:2px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:12px;display:flex}.gp-subtab{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.gp-subtab:hover{border-color:var(--accent-light);color:var(--accent)}.gp-subtab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.gp-subtab.is-active:hover{color:#fff}.gp-subtab__soon{background:var(--yellow);color:var(--warning);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.gp-subtab.is-active .gp-subtab__soon{color:#fff;background:#ffffff40}.gp-subtab:focus-visible,.gp-book-card:focus-visible,.gp-lesson-card:focus-visible,.gp-mode-tab:focus-visible,.gp-grammar-card__head:focus-visible,.gp-icon-btn:focus-visible,.gp-lesson-footer__btn:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.gp-breadcrumb{color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:600}.gp-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gp-breadcrumb li{align-items:center;gap:6px;display:flex}.gp-breadcrumb li+li:before{content:"›";color:var(--gray-300);font-weight:800}.gp-breadcrumb button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:2px 6px}.gp-breadcrumb button:hover{color:var(--accent);background:var(--accent-soft)}.gp-breadcrumb [aria-current=page]{color:var(--text);font-weight:800}.gp-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:800}.gp-meta-chip{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.gp-meta-chip--done{background:var(--green);color:var(--green-deep);border-color:#0000}.gp-progress{background:#0000000f;border-radius:999px;height:8px;display:block;overflow:hidden}.gp-progress--lg{height:12px}.gp-progress__fill{background:linear-gradient(90deg, var(--accent-light), var(--accent));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);display:block}.gp-icon-btn{border:1.5px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.gp-icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.gp-icon-btn--round{border-radius:50%;width:34px;height:34px}.gp-icon-btn.is-recording{background:var(--danger);border-color:var(--danger);color:#fff;animation:2s infinite gp-pulse-red}.gp-empty{text-align:center;padding:40px 20px}.gp-empty__icon{font-size:44px}.gp-empty p{color:var(--text-muted);margin:8px 0 0;font-weight:600}.gp-skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--border-light) 25%, var(--border) 37%, var(--border-light) 63%);background-size:400% 100%;min-height:82px;animation:1.4s infinite gp-shimmer}@keyframes gp-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes gp-pulse-red{0%{box-shadow:0 0 #e53e3e66}70%{box-shadow:0 0 0 10px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}@keyframes gp-spin{to{transform:rotate(360deg)}}.feedback-spinner{animation:1s linear infinite gp-spin}.gp-book-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.gp-book-card{text-align:left;width:100%;font:inherit;color:inherit;background:var(--surface);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:18px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 24px #959da514,0 2px 4px #00000005}.gp-book-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 36px #959da526}.gp-book-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.gp-book-card__title{color:var(--text);font-size:17px;font-weight:800;display:block}.gp-book-card__level{color:var(--purple-deep);font-size:12px;font-weight:700;display:block}.gp-book-card__desc{color:var(--text-muted);margin:2px 0 6px;font-size:13px;line-height:1.4;display:block}.gp-book-card__meta{color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.gp-book-card__meta .gp-progress{flex:1}.gp-book-header{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;display:flex}.gp-book-header__body{flex:1;min-width:220px}.gp-book-header h1{margin:4px 0 6px;font-size:28px}.gp-book-header p{color:var(--text-secondary);margin:0 0 8px;font-size:14px;font-weight:600}.gp-progress-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px;padding:18px 22px;display:flex}.gp-progress-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gp-progress-card__body{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.gp-progress-card__title{color:var(--text);justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:800;display:flex}.gp-progress-card__title small{color:var(--text-secondary);font-size:12px;font-weight:700}.gp-progress-card__hint{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.gp-lesson-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.gp-lesson-card{text-align:left;width:100%;font:inherit;color:inherit;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.gp-lesson-card:hover{box-shadow:var(--shadow);border-color:var(--accent-light);transform:translateY(-2px)}.gp-lesson-card.is-done{border-color:#48bb7873}.gp-lesson-card.is-next{border-color:var(--accent);box-shadow:var(--shadow-glow)}.gp-lesson-card__num{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex}.gp-lesson-card.is-done .gp-lesson-card__num{background:var(--green);color:var(--green-deep)}.gp-lesson-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gp-lesson-card__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gp-lesson-card__vi{color:var(--text-secondary);font-size:13px;font-weight:600;display:block}.gp-lesson-card__meta{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:700;display:block}.gp-lesson-card__meta strong{color:var(--accent)}.gp-lesson-card__chip{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.gp-lesson-card__chip--next{background:var(--accent-soft);color:var(--accent)}.gp-lesson-card__chip--done{background:var(--green);color:var(--green-deep)}.gp-lesson-card__arrow{color:var(--gray-300);flex-shrink:0;transition:color .15s,transform .15s}.gp-lesson-card:hover .gp-lesson-card__arrow{color:var(--accent);transform:translate(2px)}.gp-lesson-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.gp-lesson-header__title{flex-direction:column;gap:4px;min-width:0;display:flex}.gp-lesson-header h1{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:26px;display:flex}.gp-lesson-header h1 .gp-lesson-num{font-family:var(--font-display);color:var(--accent)}.gp-lesson-header__sub{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.gp-lesson-header__meta{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.gp-lesson-header__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gp-complete-btn{align-items:center;gap:6px;font-weight:700;display:inline-flex}.gp-complete-btn.is-done{background:var(--green);color:var(--green-deep);border-color:var(--green-deep)}.gp-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.gp-mode-tab{text-align:left;font:inherit;color:inherit;background:var(--surface);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.gp-mode-tab:hover{border-color:var(--accent-light)}.gp-mode-tab.is-active{border-color:var(--accent);background:var(--purple);box-shadow:var(--shadow-glow)}.gp-mode-tab__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gp-mode-tab__text{flex-direction:column;min-width:0;display:flex}.gp-mode-tab__step{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:800}.gp-mode-tab__label{color:var(--text);font-size:14px;font-weight:800}.gp-mode-tab__desc{color:var(--text-secondary);font-size:11.5px;font-weight:600}.gp-grammar-list{flex-direction:column;gap:12px;display:flex}.gp-grammar-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;overflow:hidden}.gp-grammar-card:hover{border-color:var(--accent-light)}.gp-grammar-card.is-open{border-color:var(--accent);box-shadow:var(--shadow)}.gp-grammar-card__head{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:16px 20px;display:flex}.gp-grammar-card__num{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.gp-grammar-card.is-open .gp-grammar-card__num{background:var(--accent);color:#fff}.gp-grammar-card__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gp-grammar-card__meaning{color:var(--text-secondary);font-size:13.5px;font-weight:600;line-height:1.4;display:block}.gp-grammar-card:not(.is-open) .gp-grammar-card__meaning{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gp-grammar-card__chips{flex-shrink:0;gap:6px;display:flex}.gp-chip{background:var(--bg);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:220px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block;overflow:hidden}.gp-chip--accent{background:var(--accent-soft);color:var(--accent)}.gp-grammar-card__chev{color:var(--text-muted);flex-shrink:0;transition:transform .2s,color .2s;transform:rotate(90deg)}.gp-grammar-card.is-open .gp-grammar-card__chev{color:var(--accent);transform:rotate(-90deg)}.gp-grammar-card__body{border-top:1px dashed var(--border);flex-direction:column;gap:18px;padding:0 20px 20px;display:flex}.gp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.gp-detail-card{--tone:var(--accent);--tone-soft:var(--accent-soft);border:1.5px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.gp-detail-card[data-tone=definition]{--tone:var(--info);--tone-soft:var(--blue)}.gp-detail-card[data-tone=usage]{--tone:var(--success);--tone-soft:var(--green)}.gp-detail-card[data-tone=note]{--tone:var(--warning);--tone-soft:var(--yellow)}.gp-detail-card__label{color:var(--tone);background:var(--tone-soft);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.gp-detail-card__text{color:var(--text);white-space:pre-line;font-size:13.5px;font-weight:600;line-height:1.6}.gp-formula{background:var(--bg);color:var(--text-secondary);white-space:normal;border-radius:8px;align-items:flex-start;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.gp-formula+.gp-formula{margin-top:6px}.gp-formula__mark{color:var(--accent);flex-shrink:0;font-weight:900}.gp-bullets{flex-direction:column;gap:6px;display:flex}.gp-bullet{color:var(--text);align-items:flex-start;gap:8px;font-size:13.5px;font-weight:600;line-height:1.55;display:flex}.gp-bullet:before{content:"•";color:var(--accent);font-weight:900}.gp-ko-inline{font-family:var(--font-ko);color:var(--accent);font-weight:700}.gp-examples{flex-direction:column;gap:10px;display:flex}.gp-examples__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:800}.gp-example{background:var(--bg);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.gp-example__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-example__text{flex:1;min-width:0}.gp-example__vi{color:var(--text-secondary);margin-top:4px;font-size:13px;font-weight:600;display:block}.gp-example__actions{flex-shrink:0;gap:6px;display:flex}.gp-example__result{border-top:1px dashed var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.gp-next-step{border-radius:var(--radius);background:linear-gradient(135deg, var(--purple), var(--surface));border:1.5px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px 20px;display:flex}.gp-next-step__text{color:var(--text);font-size:14px;font-weight:700}.gp-next-step__text small{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:600;display:block}.gp-lesson-footer{border-top:1.5px solid var(--border);justify-content:space-between;align-items:stretch;gap:12px;margin-top:28px;padding-top:16px;display:flex}.gp-lesson-footer__btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;max-width:48%;padding:10px 14px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.gp-lesson-footer__btn--next{text-align:right;margin-left:auto}.gp-lesson-footer__btn small{color:var(--text-muted);font-size:11px;font-weight:700;display:block}.gp-lesson-footer__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gp-lesson-footer__btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.gp-detail-grid{grid-template-columns:1fr}}@media (width<=720px){.gp-mode-tabs{grid-template-columns:1fr}.gp-mode-tab{padding:10px 12px}.gp-lesson-header h1{font-size:22px}.gp-grammar-card__chips{display:none}.gp-grammar-card__head{gap:10px;padding:14px 16px}.gp-grammar-card__body{padding:0 16px 16px}.gp-example__row{flex-direction:column;align-items:flex-start}.gp-lesson-footer{flex-direction:column}.gp-lesson-footer__btn{max-width:none}.gp-lesson-footer__btn--next{margin-left:0}}.pulse-red{animation:2s infinite pulse-red}.recording-button-main:hover{transform:scale(1.05)}.recording-button-main:active{transform:scale(.96)}.sentence-card{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.sentence-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)!important;border-color:var(--accent)!important}@keyframes bossBounceIdle{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes bossSlideUpFade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes shakeArena{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px,2px)}20%,40%,60%,80%{transform:translate(3px,-2px)}}@keyframes heroAttackSwipe{0%{transform:translate(0)scale(1)}30%{transform:translate(60px)scale(1.1)rotate(10deg)}to{transform:translate(0)scale(1)}}@keyframes bossAttackSwipe{0%{transform:translate(0)scale(1)}30%{transform:translate(-60px)scale(1.1)rotate(-10deg)}to{transform:translate(0)scale(1)}}@keyframes projectileHeroFly{0%{opacity:0;left:20%;transform:scale(.6)rotate(0)}30%{opacity:1}80%{opacity:1}to{opacity:0;left:75%;transform:scale(1.6)rotate(360deg)}}@keyframes projectileBossFly{0%{opacity:0;right:20%;transform:scale(.6)rotate(0)}30%{opacity:1}80%{opacity:1}to{opacity:0;right:75%;transform:scale(1.6)rotate(-360deg)}}@keyframes damageTextFloat{0%{opacity:0;transform:translateY(15px)}30%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@keyframes heroAura{0%{box-shadow:0 0 10px #22c55e66}to{box-shadow:0 0 25px #22c55ecc}}@keyframes bossAura{0%{box-shadow:0 0 10px #ef444466}to{box-shadow:0 0 25px #ef4444cc}}.arena-shake-class{animation:.45s ease-in-out shakeArena}.onboard-wrapper{min-height:100%;color:var(--text);font-family:var(--font-ui);box-sizing:border-box;background-color:#fffaf6;background-image:linear-gradient(#fffcf9c7,#fffaf7e6),url(/assets/background-DOyiHbE-.webp);background-position:top;background-size:cover;flex-direction:column;align-items:center;width:100%;padding:24px;display:flex}.onboard-card{border:3px solid var(--pink);box-sizing:border-box;background:#fff;border-radius:28px;width:100%;max-width:680px;padding:32px;animation:.4s ease-out slideUpFade;position:relative;overflow:hidden;box-shadow:0 16px 40px #ff8fab14}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboard-header{text-align:left;justify-content:center;align-items:center;gap:18px;margin-bottom:28px;display:flex}.onboard-mascot{object-fit:contain;filter:drop-shadow(0 8px 14px #e91e7b24);flex:none;width:104px;height:104px}.onboard-question-heading{justify-content:center;align-items:center;gap:14px;margin-bottom:20px;display:flex}.onboard-question-art{object-fit:cover;border:2px solid #fffffff2;border-radius:18px;width:68px;height:68px;box-shadow:0 6px 16px #b832801f}.roadmap-mascot-wrap{background:linear-gradient(160deg, #fff7fa, var(--pink));border-radius:24px;flex:none;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.roadmap-mascot{object-fit:contain;filter:drop-shadow(0 5px 8px #e91e7b24);flex:none;width:70px;height:70px}@media (width<=560px){.onboard-header{text-align:center;flex-direction:column;gap:8px}.onboard-mascot{width:88px;height:88px}.onboard-question-art{border-radius:15px;width:56px;height:56px}.roadmap-mascot-wrap{border-radius:20px;width:60px;height:60px}.roadmap-mascot{width:56px;height:56px}}.onboard-title{color:var(--text);margin-bottom:8px;font-size:26px;font-weight:900}.onboard-subtitle{color:var(--text-secondary);font-size:14px;font-weight:700;line-height:1.5}.step-indicators{justify-content:center;gap:12px;margin-bottom:30px;display:flex}.step-dot{background:var(--border);border-radius:4px;width:32px;height:8px;transition:all .3s}.step-dot.active{background:var(--accent);width:48px}.onboard-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px;display:grid}@media (width>=520px){.onboard-grid-2col{grid-template-columns:repeat(2,1fr)}}.onboard-option-btn{border:2px solid var(--border);width:100%;color:var(--gray-600);cursor:pointer;text-align:left;box-shadow:0 4px 0 var(--border);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:18px 20px;font-size:15px;font-weight:800;transition:all .2s;display:flex}.onboard-option-btn:hover{border-color:var(--pink-200);background:#fff8f9}.onboard-option-btn.selected{border-color:var(--accent);box-shadow:0 4px 0 var(--accent-strong);color:var(--accent);background:#e91e7b0a}.onboard-option-btn:active{box-shadow:0 2px 0 var(--accent-strong);transform:translateY(2px)}.option-icon{flex-shrink:0;font-size:22px}.onboard-actions{gap:12px;margin-top:16px;display:flex}.onboard-btn{cursor:pointer;text-align:center;border:none;border-radius:18px;flex:1;padding:15px 24px;font-size:16px;font-weight:800;transition:all .2s}.onboard-btn-primary{background:var(--accent);color:#fff;box-shadow:0 5px 0 var(--accent-strong)}.onboard-btn-primary:hover{background:#d51b70}.onboard-btn-primary:active{box-shadow:0 2px 0 var(--accent-strong);transform:translateY(3px)}.onboard-btn-primary:disabled{background:var(--gray-300);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.onboard-btn-secondary{color:var(--text-secondary);border:2px solid var(--border);box-shadow:0 4px 0 var(--border);background:#fff}.onboard-btn-secondary:hover{background:var(--border-light)}.onboard-btn-secondary:active{box-shadow:0 2px 0 var(--border);transform:translateY(2px)}.roadmap-header-card{border:3px solid var(--pink);box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;gap:16px;width:100%;max-width:680px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 30px #ff8fab14}.roadmap-progress-bar{background:var(--border);border-radius:999px;height:12px;position:relative;overflow:hidden}.roadmap-progress-fill{background:linear-gradient(90deg, var(--green-300), var(--success));border-radius:999px;height:100%;transition:width .4s ease-out}.roadmap-summary-card{gap:18px;container:roadmap-summary/inline-size}.roadmap-summary-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mascot info actions";align-items:center;gap:10px 16px;display:grid}.roadmap-mascot-wrap{grid-area:mascot}.roadmap-summary-info{grid-area:info;min-width:0}.roadmap-summary-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:11px;font-weight:900}.roadmap-summary-title{color:var(--text);overflow-wrap:anywhere;margin:3px 0 0;font-size:22px;font-weight:900;line-height:1.25}.roadmap-summary-name{color:var(--accent)}.roadmap-summary-actions{flex-wrap:wrap;grid-area:actions;align-self:start;gap:8px;display:flex}.roadmap-chip-btn{border:1.5px solid var(--gray-200);min-height:34px;color:var(--gray-600);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:800;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.roadmap-chip-btn:hover{border-color:var(--pink-400);color:var(--accent-strong);background:#fff5f8}.roadmap-chip-btn:active{transform:translateY(1px)}.roadmap-chip-btn:focus-visible{outline:2px solid var(--pink-deep);outline-offset:2px}.roadmap-chip-btn--dev{border-style:dashed;border-color:var(--orange-300);background:var(--orange-50);color:var(--orange-600)}.roadmap-chip-btn--dev:hover{background:var(--orange-100);border-color:var(--orange-400);color:var(--orange-700)}.roadmap-chip-btn--dev.is-on{border-color:var(--green-300);background:var(--success-soft);color:var(--green-700)}.roadmap-chip-btn--dev.is-on:hover{background:var(--green-100);border-color:var(--green-deep);color:var(--success-strong)}.roadmap-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.roadmap-stat{background:var(--border-light);border-radius:16px;min-width:0;padding:10px 12px}.roadmap-stat dt{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.roadmap-stat dd{color:var(--text);overflow-wrap:anywhere;text-wrap:balance;margin:3px 0 0;font-size:14px;font-weight:900;line-height:1.3}.roadmap-stat--level{background:#ebf5ff}.roadmap-stat--level dt{color:var(--blue-600)}.roadmap-stat--goal{background:var(--purple)}.roadmap-stat--goal dt{color:var(--accent-strong)}.roadmap-stat--deadline{background:#ecfaf1}.roadmap-stat--deadline dt{color:var(--green-700)}.roadmap-stat--streak.is-active{background:var(--orange-50)}.roadmap-stat--streak.is-active dt,.roadmap-stat--streak.is-active dd{color:var(--orange-600)}.roadmap-progress-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.roadmap-progress-label{color:var(--gray-600);font-size:13px;font-weight:800}.roadmap-progress-value{color:var(--text-secondary);white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.roadmap-progress-value strong{color:var(--green-600);font-size:16px;font-weight:900}.roadmap-summary-note{background:var(--orange-50);border:1.5px solid var(--orange-100);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.roadmap-summary-note__icon{font-size:14px;line-height:1.5}.roadmap-summary-note__body{color:#8a5a1a;font-size:12px;font-weight:600;line-height:1.55}.roadmap-summary-note__body p{margin:0}.roadmap-summary-note__body p+p{margin-top:4px}@container roadmap-summary (width<=660px){.roadmap-summary-top{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mascot info""mascot actions"}.roadmap-stat{padding:10px}.roadmap-stat dd{font-size:13px}}@container roadmap-summary (width<=460px){.roadmap-chip-btn{min-height:38px}.roadmap-summary-top:has(.roadmap-chip-btn--dev){grid-template-areas:"mascot info""actions actions"}.roadmap-summary-top:has(.roadmap-chip-btn--dev) .roadmap-chip-btn{flex:1 1 0;padding:7px 10px}.roadmap-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-stat{padding:10px 12px}.roadmap-stat dd{font-size:14px}.roadmap-progress-head{flex-wrap:wrap;gap:2px 12px}}@media (width<=560px){.roadmap-summary-card{gap:16px;padding:18px}.roadmap-summary-title{font-size:19px}}.roadmap-timeline{box-sizing:border-box;width:100%;max-width:680px;padding-left:28px;position:relative}@media (width>=1180px){.roadmap-header-card,.roadmap-timeline{max-width:860px}}@media (width>=1500px){.roadmap-header-card,.roadmap-timeline{max-width:980px}}.roadmap-timeline:before{content:"";background:var(--yellow-300);opacity:.6;border-radius:2px;width:4px;position:absolute;top:24px;bottom:24px;left:10px}.timeline-item{content-visibility:auto;contain-intrinsic-size:auto 200px;margin-bottom:24px;animation:.4s ease-out slideUpFade;position:relative}.timeline-marker{border:4px solid var(--yellow-300);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:absolute;top:10px;left:-28px}.timeline-item.completed .timeline-marker{background:var(--green-deep);border-color:var(--green-deep)}.timeline-card{border:2px solid var(--border);box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:8px;padding:16px 18px 14px;transition:all .25s;display:flex;box-shadow:0 6px 15px #00000005}.timeline-card:hover{border-color:var(--pink-200);transform:translateY(-2px);box-shadow:0 10px 25px #ff8fab14}.timeline-card.completed{border-color:var(--green-100);background:#fcfdfd}.timeline-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.step-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800}.badge-reinforce{background:var(--pink);color:var(--accent-strong)}.badge-main{background:var(--info-soft);color:var(--blue-600)}.badge-target{background:var(--teal-50);color:var(--teal-800)}.badge-review{background:var(--purple-50);color:var(--purple-600)}.timeline-checkbox{border:2.5px solid var(--gray-300);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:900;transition:all .2s;display:flex}.timeline-checkbox:hover{border-color:var(--accent)}.timeline-checkbox.checked{background:var(--green-deep);border-color:var(--green-deep)}.timeline-title{color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.lesson-heading{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:10px;margin-top:8px;display:grid}.lesson-day-badge{width:48px;height:48px;color:var(--accent-strong);background:linear-gradient(145deg,#fff1f6,#ffe2ed);border:1.5px solid #ffc8dc;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex;box-shadow:0 4px 10px #b8328017}.lesson-day-badge small{letter-spacing:.9px;margin-bottom:3px;font-size:8px;font-weight:900}.lesson-day-badge strong{font-size:20px;font-weight:1000}.lesson-heading-copy{min-width:0}.lesson-meta-row{color:var(--text-secondary);letter-spacing:.3px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;font-size:10px;font-weight:900;display:flex}.lesson-source-group{background:var(--border-light);border:1px solid var(--gray-200);border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:3px 8px 3px 9px;display:inline-flex}.lesson-source-book{color:var(--text-secondary);letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900}.lesson-number-chip{color:var(--blue-600);background:var(--info-soft);letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:2px 8px;font-size:10px;font-weight:900;overflow:hidden}.lesson-meta-badge{letter-spacing:.2px;color:var(--accent-strong);background:var(--pink-50);white-space:nowrap;text-transform:none;border:1px solid #fbb6ce;border-radius:999px;align-items:center;padding:2px 8px;font-size:9px;font-weight:900;display:inline-flex}.lesson-topic-title{color:#253047;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:950;line-height:1.28}.timeline-item.completed .lesson-topic-title{color:var(--text-secondary);text-decoration:line-through}.lesson-path{background:linear-gradient(135deg, #fbfdff, var(--border-light));border:1.5px solid #e5eaf2;border-radius:16px;align-items:stretch;gap:6px;margin:4px 0 0;padding:8px;display:flex}.lesson-path-step{border:1.5px solid var(--gray-line);text-align:left;min-width:0;min-height:52px;color:var(--gray-600);cursor:pointer;background:#fff;border-radius:12px;flex:1 1 0;align-items:center;gap:8px;padding:8px 9px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.lesson-path-step:hover:not(:disabled){border-color:#f4a9c5;transform:translateY(-1px);box-shadow:0 6px 14px #b8328017}.lesson-path-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lesson-path-step:disabled{cursor:default}.lesson-path-step.done{border-color:var(--green-200);background:linear-gradient(145deg, var(--success-soft), var(--teal-50));color:var(--green-700)}.lesson-path-icon{background:#f3f6fb;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.lesson-path-step.done .lesson-path-icon{background:var(--green-100)}.lesson-path-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.lesson-path-label{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;overflow:hidden}.lesson-path-status{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:800;overflow:hidden}.lesson-path-step.done .lesson-path-status{color:var(--success)}.lesson-path-connector{background:var(--gray-line);border-radius:3px;flex:0 22px;align-self:center;min-width:10px;height:3px;overflow:hidden}.lesson-path-connector.done{background:linear-gradient(90deg, var(--green-300), var(--green-200))}@media (width<=720px){.lesson-path{gap:5px;padding:7px}.lesson-path-connector{flex-basis:12px;min-width:8px}}@media (width<=520px){.lesson-heading{grid-template-columns:42px minmax(0,1fr);gap:8px}.lesson-day-badge{border-radius:12px;width:42px;height:42px}.lesson-day-badge strong{font-size:17px}.lesson-topic-title{font-size:15.5px}.lesson-source-group{max-width:100%}.lesson-path{gap:4px;padding:6px}.lesson-path-connector{display:none}.lesson-path-step{gap:6px;min-height:46px;padding:6px 7px}.lesson-path-icon{border-radius:8px;width:26px;height:26px;font-size:13px}.lesson-path-label{font-size:10px}.lesson-path-status{font-size:8px}}@media (width<=380px){.lesson-path{grid-template-columns:1fr;gap:6px;display:grid}.lesson-path-step{min-height:44px}}.timeline-item.completed .timeline-title{color:var(--text-muted);text-decoration:line-through}.timeline-description{color:var(--text-secondary);margin:0;font-size:12.5px;font-weight:600;line-height:1.45}.timeline-card-footer{justify-content:flex-end;align-items:center;margin-top:2px;padding-top:2px;display:flex}.study-now-btn{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 3px 0 var(--accent-strong);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .1s;display:flex}.study-now-btn:active{box-shadow:0 1px 0 var(--accent-strong);transform:translateY(2px)}.study-now-btn:focus-visible,.ms-picker-close:focus-visible,.ms-picker-action:focus-visible,.ms-picker-dismiss:focus-visible{outline:3px solid var(--blue-300);outline-offset:2px}.ms-picker-backdrop{z-index:99998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ms-picker-dialog{color:var(--text);border:2.5px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:440px;max-height:min(88vh,640px);animation:.22s ease-out slideUpFade;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000002e}.ms-picker-header{border-bottom:2px solid var(--border);background:linear-gradient(180deg, var(--purple-50) 0%, #fff 100%);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.ms-picker-title{color:var(--text);font-size:16px;font-weight:900;line-height:1.3}.ms-picker-subtitle{color:var(--text-secondary);max-width:320px;margin-top:4px;font-size:12px;font-weight:700;line-height:1.35}.ms-picker-close{border:1.5px solid var(--gray-200);width:36px;height:36px;color:var(--gray-600);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.ms-picker-close:hover{background:var(--border-light)}.ms-picker-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.ms-picker-action{text-align:left;border:2px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.ms-picker-action:hover{border-color:var(--blue-200);background:var(--border-light)}.ms-picker-action.is-suggested{border-color:var(--blue-300);background:var(--info-soft);box-shadow:0 0 0 3px #4299e12e}.ms-picker-action.is-done{background:var(--success-soft);border-color:var(--green-200)}.ms-picker-action.is-done.is-suggested{box-shadow:none}.ms-picker-action-icon{background:var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ms-picker-action-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ms-picker-action-label{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:900;display:flex}.ms-picker-suggest-badge{letter-spacing:.3px;text-transform:uppercase;color:var(--blue-600);background:var(--blue-100);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:900}.ms-picker-action-meta{color:var(--text-secondary);font-size:11.5px;font-weight:700;line-height:1.35}.ms-picker-action-status{color:var(--orange-600);background:var(--orange-100);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:900}.ms-picker-action-status.done{color:var(--green-700);background:var(--green-100)}.ms-picker-footer{border-top:2px solid var(--border);background:var(--bg);justify-content:flex-end;padding:10px 12px 14px;display:flex}.ms-picker-dismiss{border:1.5px solid var(--gray-200);color:var(--gray-600);cursor:pointer;background:#fff;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:800}.ms-picker-dismiss:hover{background:var(--border-light)}@media (width<=480px){.ms-picker-backdrop{align-items:flex-end;padding:10px}.ms-picker-dialog{border-radius:18px 18px 12px 12px;max-width:100%;max-height:92vh}.ms-picker-action{padding:11px 10px}.ms-picker-action-label{font-size:13px}}@keyframes bounceIdle{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.progress-fill.ui-progress-fill{width:var(--ui-progress,0%)}.stat-icon.ui-stat-icon{background:var(--ui-stat-bg)}.ui-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ui-modal{background:var(--surface);border-radius:12px;width:100%;max-width:400px;max-height:calc(100vh - 32px);padding:24px;overflow:auto;box-shadow:0 10px 25px #0000001a}.ui-modal--wide{max-width:640px}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:.8s linear infinite ui-spin;display:inline-block}.ui-spinner--sm{border-width:2px;width:16px;height:16px}.ui-spinner--md{border-width:3px;width:24px;height:24px}.ui-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.ui-empty__icon{font-size:44px}.ui-empty__title{color:var(--text);margin:12px 0 4px;font-size:18px;font-weight:700}.ui-empty__text{margin:8px 0 0;font-size:14px;font-weight:600}.ui-row{align-items:center;gap:8px;display:flex}.ui-row--between{justify-content:space-between}.ui-row--center{justify-content:center}.ui-row--end{justify-content:flex-end}.ui-row--top{align-items:flex-start}.ui-row--wrap{flex-wrap:wrap}.ui-stack{flex-direction:column;gap:8px;display:flex}.ui-gap-4{gap:4px}.ui-gap-12{gap:12px}.ui-gap-16{gap:16px}.ui-gap-24{gap:24px}@keyframes mimo-pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 8px}to{opacity:.8;transform:scale(.95)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}}@layer page{.topbar-i1{cursor:pointer;background:0 0;border:none;outline:none;width:auto;height:auto;padding:0}.topbar-i2{border:2px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.topbar-i3{align-items:center;gap:12px;margin-left:16px;display:flex}.topbar-i4{font-size:14px}.topbar-i5{font-weight:800}.topbar-i6{color:var(--text)}.topbar-i7{font-size:11px}.topbar-i8{color:var(--text-secondary)}.topbar-i9{font-weight:600}.topbar-i10{background:var(--pink);color:var(--pink-deep);border:1px solid #ff8fab33;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.topbar-i11{position:relative}.topbar-i12{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:20px;transition:all .2s;display:flex;position:relative}.topbar-i13{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 4px #ff4b4b4d}.topbar-i14{border:1px solid var(--border);z-index:9999;background:#fff;border-radius:16px;flex-direction:column;width:320px;animation:.2s srSlideUp;display:flex;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}.topbar-i15{border-bottom:1px solid var(--border-light);background:#fcfcfc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topbar-i16{color:var(--text);font-size:14px;font-weight:800}.topbar-i17{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:background .2s}.topbar-i18{flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.topbar-i19{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px;font-weight:600}.topbar-i20{margin-bottom:8px;font-size:32px}.topbar-i21{border-bottom:1px solid var(--border-light);cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.topbar-i22{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.topbar-i23{flex:1;min-width:0}.topbar-i24{color:var(--text-secondary);word-break:break-word;margin-bottom:4px;font-size:11px;line-height:1.4}.topbar-i25{color:var(--text-muted);font-size:9px;font-weight:600}.topbar-i26{background:var(--accent);border-radius:50%;flex-shrink:0;align-self:center;width:6px;height:6px}.topbar-i27{border:2px solid var(--border);background:0 0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:4px;transition:all .2s;display:flex}.fr-btn-popup{margin-bottom:0}.fr-btn-popup:disabled{cursor:default;opacity:.7;transform:none}.fr-tone-add{background:var(--blue);color:var(--blue-600)}.fr-tone-add:hover:not(:disabled){background:var(--blue-100)}.fr-tone-muted{background:var(--bg);color:var(--text-secondary)}.fr-tone-muted:hover:not(:disabled){background:var(--surface-hover)}.fr-tone-accept{background:var(--success);color:#fff}.fr-tone-accept:hover:not(:disabled){background:var(--green-600)}.fr-tone-friend{background:var(--surface);color:var(--blue-600);box-shadow:inset 0 0 0 1.5px var(--blue-100)}.fr-tone-friend:hover:not(:disabled){background:var(--blue-50)}.fr-popup-pair{gap:8px;margin:12px 16px 0;display:flex}.fr-popup-pair>.sr-profile-full-btn{flex:1;width:auto;margin:0}.fr-page-btn:disabled{cursor:default;opacity:.6;transform:none}.fr-page-add{border:1px solid #0000}.fr-page-friend{color:var(--blue-600)}.fr-page-pair{flex-wrap:wrap;gap:8px;display:inline-flex}.public-profile-page-i1{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.public-profile-page-i2{background:linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.public-profile-page-i3{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:48px;box-shadow:0 20px 60px #00000026}.public-profile-page-i4{margin-bottom:16px;font-size:64px}.public-profile-page-i5{margin-bottom:8px;font-size:22px;font-weight:800}.public-profile-page-i6{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.public-profile-page-i7{background:var(--bg);min-height:100vh;padding:32px 20px}.public-profile-page-i8{max-width:700px;margin:0 auto}.public-profile-page-i9{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.public-profile-page-i10{width:16px;height:16px}.public-profile-page-i11{cursor:default}.public-profile-page-i12{color:var(--accent);margin-top:2px;font-size:15px;font-weight:600}.public-profile-page-i13{vertical-align:middle;width:14px;height:14px}.public-profile-page-i14{background:var(--yellow)}.public-profile-page-i15{background:var(--pink)}.public-profile-page-i16{background:var(--green)}.public-profile-page-i17{background:var(--blue)}.public-profile-page-i18{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.public-profile-page-i19{flex-direction:column;gap:14px;display:flex}.public-profile-page-i20{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.public-profile-page-i21{font-size:14px;font-weight:600}.public-profile-page-i22{font-size:16px;font-weight:800}.public-profile-page-i23{height:8px}.public-profile-page-i24{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.public-profile-page-i25{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.public-profile-page-i26{text-align:center;background:var(--bg);border-radius:12px;padding:12px}.public-profile-page-i27{margin-bottom:4px;font-size:32px}.public-profile-page-i28{font-size:12px;font-weight:700}.public-profile-page-i29{text-align:center;color:var(--text-muted);margin-top:32px;font-size:12px}.public-profile-page-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}@media (width<=768px){.public-profile-page-actions{justify-content:center}}.study-room-utils-i1{border:1px solid var(--green-deep);color:var(--success-strong);cursor:pointer;background:#48bb7826;border-radius:6px;align-items:center;gap:6px;margin:2px 4px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.study-room-utils-i2{color:var(--accent);word-break:break-all;text-decoration:underline}.dashboard-page-i1{background:var(--info-strong);color:#fff;width:44px;height:60px;font-family:var(--font-ui);border-left:2.5px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;padding:6px 2px;display:flex;position:relative;box-shadow:1px 2px 5px #00000026}.dashboard-page-i2{text-align:center;letter-spacing:.2px;font-size:4.5px;font-weight:700;line-height:1}.dashboard-page-i3{text-align:center;margin:2px 0 1px;font-size:5.5px;font-weight:800;line-height:1}.dashboard-page-i4{border:.8px dashed #fff9;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin:auto 0 2px;display:flex}.dashboard-page-i5{font-size:6.5px;font-weight:900}.dashboard-page-i6{opacity:.8;font-size:9px;font-weight:900;position:absolute;bottom:1px;right:2px}.dashboard-page-i7{width:44px;height:60px;font-family:var(--font-ui);border-left:2.5px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;padding:4px 3px;display:flex;position:relative;box-shadow:1px 2px 5px #00000026}.dashboard-page-i8{opacity:.8;font-size:4.5px;font-weight:800;line-height:1}.dashboard-page-i9{margin-top:1px;font-size:4.5px;font-weight:800;line-height:1}.dashboard-page-i10{opacity:.9;grid-template-columns:repeat(2,1fr);gap:1px;width:100%;height:12px;margin:4px 0 auto;display:grid}.dashboard-page-i11{background:var(--danger);border-radius:.5px}.dashboard-page-i12{background:var(--info);border-radius:.5px}.dashboard-page-i13{background:var(--green-deep);border-radius:.5px}.dashboard-page-i14{background:var(--warning);border-radius:.5px}.dashboard-page-i15{border-radius:50%;justify-content:center;align-self:center;align-items:center;width:10px;height:10px;margin-bottom:1px;font-size:5px;font-weight:900;display:flex}.dashboard-page-i16{padding-bottom:40px}.dashboard-page-i17{margin-bottom:28px}.dashboard-page-i18{color:var(--text);font-size:26px;font-weight:900;font-family:var(--font-ui);margin:0}.dashboard-page-i19{font-size:28px}.dashboard-page-i20{color:var(--text-muted);margin:4px 0 0;font-size:14px;font-weight:600}.dashboard-page-i21{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.dashboard-page-i22{border:1.5px solid var(--gray-200);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px 14px;display:flex;box-shadow:0 2px 8px #00000008}.dashboard-page-i23{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.dashboard-page-i24{color:var(--text);font-size:22px;font-weight:900;line-height:1.1}.dashboard-page-i25{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:700}.dashboard-page-i26{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-page-i27{border:1.5px solid var(--gray-200);background:#fff;border-radius:16px;padding:20px 16px 12px;box-shadow:0 2px 8px #00000008}.dashboard-page-i28{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}.dashboard-page-i29{color:var(--text);font-size:15px;font-weight:800}.dashboard-page-i30{color:var(--accent);background:var(--pink);border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.dashboard-page-i31{color:var(--blue-deep);background:var(--blue);border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.dashboard-page-i32{border:1.5px solid var(--gray-200);background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000008}.dashboard-page-i33{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:800}.dashboard-page-i34{flex-direction:column;gap:10px;display:flex}.dashboard-page-i35{text-align:center;color:var(--text-muted);padding:24px 0;font-size:13px;font-weight:600}.dashboard-page-i36{cursor:pointer;border:1.5px solid var(--gray-200);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.dashboard-page-i37{flex:1;min-width:0}.dashboard-page-i38{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.dashboard-page-i39{align-items:center;gap:6px;margin-top:3px;display:flex}.dashboard-page-i40{color:var(--text-muted);font-size:11px;font-weight:600}.dashboard-page-i41{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.dashboard-page-i42{background:var(--gray-200);border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.dashboard-page-i43{background:var(--accent);border-radius:99px;height:100%;transition:width .5s}.dashboard-page-i44{color:var(--accent);flex-shrink:0;font-size:14px;font-weight:900}.dashboard-page-i45{font-size:22px}.dashboard-page-i46{flex:1}.dashboard-page-i47{color:var(--text);font-size:13px;font-weight:700}.dashboard-page-i48{background:var(--gray-200);border-radius:99px;height:5px;margin-top:6px;overflow:hidden}.dashboard-page-i49{border-radius:99px;height:100%;transition:width .5s}.dashboard-page-i50{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:600}.dashboard-page-i51{flex-shrink:0;font-size:12px;font-weight:800}.dashboard-page-i52{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dashboard-page-i53{color:var(--yellow-deep);background:var(--yellow);border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.dashboard-page-i54{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.dashboard-page-i55{background:var(--border-light);border:1.5px solid var(--gray-200);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.dashboard-page-i56{color:var(--text);font-size:11px;font-weight:700;line-height:1.3}.hangul-writing-practice-view-i1{flex-shrink:0}.hangul-writing-practice-view-i2{background:var(--surface);border:2px solid var(--gray-200);border-radius:16px;padding:20px;box-shadow:0 4px 12px #959da514}.hangul-writing-practice-view-i3{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:800}.hangul-writing-practice-view-i4{font-family:var(--font-ko);border-radius:8px;justify-content:center;align-items:center;padding:10px 0;font-size:18px;font-weight:700;display:flex}.hangul-writing-practice-view-i5{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.hangul-writing-practice-view-i6{border:3px solid var(--gray-200);aspect-ratio:1;border-radius:16px;width:100%;max-width:340px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000f}.hangul-writing-practice-view-i7{background:var(--surface);touch-action:none;width:100%;height:100%;display:block}.hangul-writing-practice-view-i8{color:#fff;text-align:center;pointer-events:none;background:#6c5ce7f2;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;animation:2s ease-in-out infinite writing-pulse;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 4px 12px #6c5ce74d}.hangul-writing-practice-view-i9{color:#fff;text-align:center;pointer-events:none;background:#2ecc71f2;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 4px 12px #2ecc7133}.hangul-writing-practice-view-i10{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.hangul-writing-practice-view-i11{margin-bottom:4px;font-size:48px;font-weight:900}.hangul-writing-practice-view-i12{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:800}.hangul-writing-practice-view-i13{color:var(--text-muted);text-align:center;max-width:220px;margin-bottom:20px;font-size:13px;font-weight:600;line-height:1.4}.hangul-writing-practice-view-i14{gap:8px;display:flex}.hangul-writing-practice-view-i15{border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:800;display:inline-flex}.hangul-writing-practice-view-i16{background:var(--accent);color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:800;display:inline-flex}.hangul-writing-practice-view-i17{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hangul-writing-practice-view-i18{align-items:center;gap:6px;padding:10px 18px;font-weight:800;display:flex}.hangul-writing-practice-view-i19{background:var(--accent);align-items:center;gap:6px;padding:10px 18px;font-weight:800;display:flex}.hangul-syllable-view-i1{vertical-align:middle;flex-shrink:0;display:inline-block}.hangul-syllable-view-i2{margin-top:4px}.beginner-page-i1{vertical-align:middle;flex-shrink:0;display:inline-block}.beginner-page-i2{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.beginner-page-i3{align-items:center;gap:9px;padding-block:6px;display:flex}.beginner-page-i4{object-fit:cover;border-radius:10px;flex-shrink:0;width:34px;height:34px}.beginner-page-i5{margin-bottom:20px}.sound-change-rules-view-i1{vertical-align:middle;flex-shrink:0;display:inline-block}.sound-change-rules-view-i2{min-width:0}.sound-change-rules-view-i3{color:var(--text-muted);font-size:13px;font-weight:700;display:block}.sound-change-rules-view-i4{color:var(--text);word-break:break-word;font-size:20px;font-weight:900}.sound-change-rules-view-i5{color:var(--text-muted);flex-shrink:0;font-size:24px}.sound-change-rules-view-i6{color:var(--danger);word-break:break-word;font-size:20px;font-weight:900}.sound-change-rules-view-i7{text-align:right;min-width:0;margin-left:auto}.sound-change-rules-view-i8{color:var(--text-secondary);font-size:15px;font-weight:700}.sound-change-rules-view-i9{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 10px;display:flex}.sound-change-rules-view-i10{color:var(--text-muted);flex-shrink:0;min-width:28px;font-size:14px;font-weight:800}.sound-change-rules-view-i11{flex:1;min-width:0}.sound-change-rules-view-i12{color:var(--text);word-break:break-word;font-size:18px;font-weight:900}.sound-change-rules-view-i13{color:var(--text-muted);margin-left:8px;font-size:13px}.sound-change-rules-view-i14{margin-bottom:8px}.sound-change-rules-view-i15{color:var(--text-muted);padding:24px;font-weight:600}.vocabulary-page-i1{vertical-align:middle;flex-shrink:0;display:inline-block}.vocabulary-page-i2{background-color:var(--yellow);color:var(--warning);vertical-align:middle;border:1px solid #d69e2e4d;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #d69e2e0d}.vocabulary-page-i3{background:var(--info-strong);color:#fff;width:80px;height:110px;font-family:var(--font-ui);border-left:4px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 4px;display:flex;position:relative;box-shadow:2px 4px 10px #00000026}.vocabulary-page-i4{text-align:center;letter-spacing:.5px;font-size:7px;font-weight:700;line-height:1.2}.vocabulary-page-i5{text-align:center;margin:4px 0;font-size:9px;font-weight:800;line-height:1.2}.vocabulary-page-i6{border:1.5px dashed #fff9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:auto 0 4px;display:flex}.vocabulary-page-i7{font-size:10px;font-weight:900}.vocabulary-page-i8{opacity:.8;font-size:16px;font-weight:900;position:absolute;bottom:2px;right:4px}.vocabulary-page-i9{width:80px;height:110px;font-family:var(--font-ui);border-left:4px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;padding:8px 6px;display:flex;position:relative;box-shadow:2px 4px 10px #00000026}.vocabulary-page-i10{opacity:.8;font-size:6px;font-weight:800}.vocabulary-page-i11{margin-top:4px;font-size:8px;font-weight:800;line-height:1.2}.vocabulary-page-i12{opacity:.9;grid-template-columns:repeat(2,1fr);gap:2px;width:100%;height:28px;margin:8px 0 auto;display:grid}.vocabulary-page-i13{background:var(--danger);border-radius:1px}.vocabulary-page-i14{background:var(--info);border-radius:1px}.vocabulary-page-i15{background:var(--green-deep);border-radius:1px}.vocabulary-page-i16{background:var(--warning);border-radius:1px}.vocabulary-page-i17{text-align:center;opacity:.8;margin-bottom:2px;font-size:7px;font-weight:700}.vocabulary-page-i18{border-radius:50%;justify-content:center;align-self:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:900;display:flex}.vocabulary-page-i19{color:var(--accent);font-weight:800}.vocabulary-page-i20{pointer-events:none;border-radius:inherit;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.vocabulary-page-i29{color:var(--text)}.vocabulary-page-i33{background:var(--purple);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.vocabulary-page-i34{font-size:28px}.vocabulary-page-i35{color:var(--text);margin:0 0 2px;font-size:15px;font-weight:800}.vocabulary-page-i36{color:var(--text-secondary);margin:0;font-size:12px;font-weight:600}.vocabulary-page-i37{background:var(--surface);border:2px solid var(--gray-200);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;position:relative}.vocabulary-page-i38{justify-content:space-between;align-items:center;display:flex}.vocabulary-page-i39{align-items:center;gap:10px;display:flex}.vocabulary-page-i40{background:#ff8a651f;border:1.5px solid #ff8a6540;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.vocabulary-page-i41{color:var(--text);margin:0;font-size:15px;font-weight:800}.vocabulary-page-i42{color:var(--text-muted);font-size:11px;font-weight:700}.vocabulary-page-i43{align-items:center;gap:8px;display:flex}.vocabulary-page-i44{padding:2px 8px;font-size:11px;font-weight:800}.vocabulary-page-i45{border:2px solid var(--gray-200);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.vocabulary-page-i46{border:none;border-top:1px dashed var(--gray-200);margin:2px 0}.vocabulary-page-i47{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vocabulary-page-i48{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vocabulary-page-i49{border:2px solid var(--gray-200);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.vocabulary-page-i50{padding:2px 6px;font-size:11px;font-weight:700}.vocabulary-page-i51{background:var(--blue-deep);color:var(--surface);border:none;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #4299e133}.vocabulary-page-i52{border:2px solid var(--gray-200);align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.vocabulary-page-i53{background:var(--bg);border:1.5px solid var(--gray-200);border-radius:8px;margin-top:4px;padding:8px 12px;font-size:13px;box-shadow:inset 0 1px 3px #00000005}.vocabulary-page-i54{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:800;display:flex}.vocabulary-page-i55{font-size:14px}.vocabulary-page-i56{color:var(--accent)}.vocabulary-page-i57{align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:800;display:flex}.vocabulary-page-i58{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.vocabulary-page-i59{border:2px solid var(--gray-200);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:700;display:inline-flex}.vocabulary-page-i49.btn-danger,.vocabulary-page-i59.btn-danger{border-color:var(--danger)}.vocabulary-page-i60{font-size:10px;font-weight:700}.vocabulary-page-i61{color:var(--text-muted);font-size:12px;font-style:italic}.vocabulary-page-i62{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 14px;display:flex;position:relative;overflow:hidden}.vocabulary-page-i63{z-index:1;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:800}.vocabulary-page-i64{z-index:1;align-items:baseline;gap:1px;display:flex}.vocabulary-page-i65{font-size:32px;font-weight:900;line-height:1}.vocabulary-page-i66{color:var(--text-secondary);font-size:12px;font-weight:600}.vocabulary-page-i67{z-index:1;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700}.vocabulary-page-i68{padding-bottom:40px}.vocabulary-page-i69{margin-bottom:24px}.vocabulary-page-i70{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;display:grid}.vocabulary-page-i71{flex-direction:column;flex:1;gap:4px;display:flex}.vocabulary-page-i72{color:var(--text);margin:0;font-size:18px;font-weight:800}.vocabulary-page-i73{color:var(--purple-deep);font-size:12px;font-weight:700}.vocabulary-page-i74{color:var(--text-muted);margin:4px 0 8px;font-size:13px;line-height:1.4}.vocabulary-page-i75{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.vocabulary-page-i76{margin-left:auto;font-size:10px}.vocabulary-page-i77{font-family:var(--font-ui);padding-bottom:40px}.vocabulary-page-i78{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.vocabulary-page-i79{align-items:center;gap:6px;display:flex}.vocabulary-page-i80{color:var(--text-muted)}.vocabulary-page-i81{color:var(--text);font-weight:700}.vocabulary-page-i82{color:var(--text-muted);font-size:13px;font-weight:700}.vocabulary-page-i83{font-size:32px;font-family:var(--font-display);margin:4px 0 8px}.vocabulary-page-i84{color:var(--text-muted);margin:0;font-size:14px;font-weight:600}.vocabulary-page-i85{background:var(--surface);border:2px solid var(--gray-200);border-radius:16px;flex-direction:column;gap:16px;margin-bottom:32px;display:flex;position:relative;overflow:hidden}.vocabulary-page-i86{z-index:0;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.vocabulary-page-i87{z-index:1;justify-content:space-between;align-items:center;display:flex}.vocabulary-page-i88{align-items:center;gap:12px;display:flex}.vocabulary-page-i89{color:var(--text);margin:0;font-size:17px;font-weight:800}.vocabulary-page-i90{color:var(--text-muted);font-size:12px;font-weight:700}.vocabulary-page-i91{padding:4px 10px;font-size:13px;font-weight:800}.vocabulary-page-i92{z-index:1}.vocabulary-page-i93{background:#0000000f;border-radius:999px;align-items:center;height:16px;padding:3px;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000014}.vocabulary-page-i94{border-radius:999px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000026}.vocabulary-page-i95{opacity:.25;position:absolute;inset:0}.vocabulary-page-i96{justify-content:space-between;margin-top:8px;font-size:12px;font-weight:800;display:flex}.vocabulary-page-i97{color:var(--accent);font-size:14px}.vocabulary-page-i98{text-align:center;padding:40px}.vocabulary-page-i99{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.vocabulary-page-i100{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.vocabulary-page-i101{flex-direction:column;flex:1;gap:2px;display:flex}.vocabulary-page-i102{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vocabulary-page-i103{color:var(--text-secondary);font-size:13px;font-weight:600}.vocabulary-page-i104{align-items:center;gap:12px;margin-top:4px;display:flex}.vocabulary-page-i105{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.vocabulary-page-i106{min-height:80vh;padding-bottom:40px;position:relative}.vocabulary-page-i107{z-index:9999;isolation:isolate;background:#fff;transition:opacity .4s;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.vocabulary-page-i108{justify-content:center;align-items:center;width:260px;height:260px;animation:2s cubic-bezier(.22,1,.36,1) forwards vocab-rocket-fly;display:flex;position:absolute;top:50%;left:50%}.vocabulary-page-i109{background-color:var(--gray-200);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite smoke-puff-1;position:absolute;bottom:50px;left:35px;box-shadow:0 0 10px #0000000f}.vocabulary-page-i110{background-color:var(--slate-300);border-radius:50%;width:24px;height:24px;animation:.8s linear .2s infinite smoke-puff-2;position:absolute;bottom:38px;left:55px;box-shadow:0 0 8px #0000000f}.vocabulary-page-i111{background-color:var(--slate-100);border-radius:50%;width:36px;height:36px;animation:.7s linear .4s infinite smoke-puff-3;position:absolute;bottom:55px;left:20px;box-shadow:0 0 12px #0000000f}.vocabulary-page-i112{object-fit:contain;width:220px;height:220px;animation:1.2s ease-in-out infinite cat-bob}.vocabulary-page-i113{transition:opacity .3s ease-in-out}.vocabulary-page-i114{cursor:pointer;color:var(--text-muted)}.vocabulary-page-i115{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.vocabulary-page-i116{margin-bottom:4px;font-size:24px}.vocabulary-page-i117{color:var(--text-muted);margin:0}.vocabulary-page-i118{gap:10px;display:flex}.vocabulary-page-i119{align-items:center;gap:6px;font-weight:700;display:flex}.vocabulary-page-i120{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vocabulary-page-i121{color:var(--text);font-size:13px;font-weight:700;line-height:1.2}.vocabulary-page-i122{font-size:48px}.vocabulary-page-i123{color:var(--text-muted);margin-top:8px}.vocabulary-page-i124{margin-bottom:40px}.vocabulary-page-i134{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:auto 0;display:flex}.vocabulary-page-i135{background:var(--danger);border-radius:50%;width:14px;height:14px}.vocabulary-page-i136{color:var(--danger);font-size:14px;font-weight:700}.vocabulary-page-i137{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:auto 0;display:flex}.vocabulary-page-i138{border:2px solid #8b5cf633;border-top:2px solid var(--accent);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}.vocabulary-page-i139{color:var(--accent);align-items:center;gap:5px;margin:0;font-size:12px;font-weight:800;display:flex}.vocabulary-page-i140{grid-template-columns:110px 1fr;align-items:center;gap:12px;display:grid}.vocabulary-page-i141{flex-direction:column;gap:8px;display:flex}.vocabulary-page-i142{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.vocabulary-page-i143{color:var(--text-secondary);align-items:center;display:flex}.vocabulary-page-i144{font-weight:800}.vocabulary-page-i145{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.vocabulary-page-i146{border-radius:2px;height:100%}.vocabulary-page-i147{border-top:1px dashed var(--border);padding-top:10px}.vocabulary-page-i148{color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:700}.vocabulary-page-i149{flex-wrap:wrap;gap:6px;display:flex}.vocabulary-page-i150{flex-wrap:wrap;gap:4px;display:flex}.vocabulary-page-i151{color:var(--text);font-size:13px;font-weight:800}.vocabulary-page-i152{border-radius:var(--radius-sm);color:var(--text);border-left:4px solid var(--accent);white-space:pre-line;background:#ec48990a;margin-top:4px;padding:10px;font-size:12px;line-height:1.4}.vocabulary-page-i153{color:var(--accent);align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-weight:800;display:flex}.vocabulary-page-i154{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.vocabulary-page-i155{border:2px solid #ec489933;border-top:2px solid var(--accent);border-radius:50%;width:10px;height:10px;animation:1s linear infinite spin;display:inline-block}.vocabulary-page-i156{font-size:11px;font-style:italic}.vocabulary-page-i160{border-bottom:1.5px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex}.vocabulary-page-i161{color:var(--text);margin:0;font-size:18px;font-weight:800}.vocabulary-page-i162{flex-direction:column;justify-content:space-between;display:flex}.vocabulary-page-i163{aspect-ratio:16/9;border:1px solid var(--border-light);background:var(--bg-hover);border-radius:8px;width:100%;margin-bottom:12px;display:block;overflow:hidden}.vocabulary-page-i164{flex:1;margin-bottom:6px}.vocabulary-page-i165{flex-shrink:0;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex}.vocabulary-page-i166{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.vocabulary-page-i167{justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.vocabulary-page-i168{color:var(--text-muted);margin-top:4px;font-size:13px}.vocabulary-page-i169{z-index:9999;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vocabulary-page-i170{background:var(--surface);border-radius:var(--radius);width:90%;max-width:400px;box-shadow:var(--shadow-lg);border:1.5px solid var(--border);flex-direction:column;gap:16px;padding:24px;display:flex}.vocabulary-page-i171{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.vocabulary-page-i172{color:var(--text);font-size:16px;font-weight:800;font-family:var(--font-display);margin:0}.vocabulary-page-i173{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:18px}.vocabulary-page-i174{flex-direction:column;gap:12px;display:flex}.vocabulary-page-i175{justify-content:space-between;align-items:center;display:flex}.vocabulary-page-i176{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.vocabulary-page-i177{width:16px;height:16px}.vocabulary-page-i178{align-items:center;gap:4px;display:flex}.vocabulary-page-i179{border:1px solid var(--border);text-align:center;border-radius:4px;width:50px;padding:2px 6px;font-size:12px}.vocabulary-page-i180{color:var(--text-muted);font-size:12px}.vocabulary-page-i181{margin-top:8px;font-weight:800}.grammar-application-module-i1{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.grammar-application-module-i2{justify-content:space-between;align-items:center;gap:12px;display:flex}.grammar-application-module-i3{color:var(--text);text-align:right;flex:1;margin:0;font-size:15px;font-weight:800}.grammar-application-module-i4{text-align:center;padding:28px}.grammar-application-module-i5{margin-bottom:8px;font-size:48px}.grammar-application-module-i6{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:900}.grammar-application-module-i7{color:var(--text-secondary);margin:0;font-size:14px}.grammar-application-module-i8{color:var(--success)}.grammar-application-module-i9{color:var(--accent);margin:16px 0;font-size:40px;font-weight:900}.grammar-application-module-i10{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.grammar-application-module-i11{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.grammar-application-module-i12{color:var(--text);font-size:14px;font-weight:800}.grammar-application-module-i13{gap:8px;display:flex}.grammar-application-module-i14{padding:20px}.grammar-application-module-i15{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.grammar-application-module-i16{color:var(--text-muted);margin:0 0 16px;font-size:12px}.grammar-application-module-i17{grid-template-columns:minmax(120px,160px) 1fr;gap:16px;display:grid}.grammar-application-module-i18{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11px;font-weight:800}.grammar-application-module-i19{flex-direction:column;gap:8px;display:flex}.grammar-application-module-i20{color:var(--text-muted);margin-right:4px;font-size:11px}.grammar-application-module-i21{color:var(--text);font-size:13px;font-weight:600;line-height:1.45}.grammar-application-module-i22{color:var(--text-muted);font-weight:800}.grammar-application-module-i23{border:1.5px dashed var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:6px 10px;display:flex}.grammar-application-module-i24{color:var(--accent);font-size:14px;font-weight:800}.grammar-application-module-i25{margin-left:auto;padding:2px 8px;font-size:11px}.grammar-application-module-i26{margin-left:auto;font-size:14px}.grammar-application-module-i27{color:var(--text-muted);font-size:12px}.grammar-application-module-i28{color:var(--danger);font-size:11px;font-weight:700}.grammar-application-module-i29{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.grammar-application-module-i30{font-weight:800}.grammar-application-module-i31{flex-direction:column;gap:16px;padding:20px;display:flex}.grammar-application-module-i32{margin:0;font-size:14px;font-weight:800}.grammar-application-module-i33{color:var(--text-muted);margin-bottom:4px;font-size:12px}.grammar-application-module-i34{color:var(--text);font-size:14px;font-weight:700}.grammar-application-module-i35{color:var(--text-secondary);margin-top:6px;font-size:12px;line-height:1.45}.grammar-application-module-i36{color:var(--text-muted);margin-top:6px;font-size:11px}.grammar-application-module-i37{color:var(--text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.grammar-application-module-i38{flex-direction:column;gap:20px;display:flex}.grammar-application-module-i39{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;padding:14px}.grammar-application-module-i40{color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.grammar-application-module-i41{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;font-weight:700;line-height:2;display:flex}.grammar-application-module-i42{white-space:pre-wrap}.grammar-application-module-i43{text-align:center;border-radius:8px;min-width:72px;max-width:160px;padding:6px 10px;font-size:15px;font-weight:800}.grammar-application-module-i44{text-align:center;width:88px;padding:6px 10px;font-weight:800}.grammar-application-module-i45{justify-content:space-between;margin-bottom:12px;display:flex}.grammar-application-module-i46{color:var(--text-muted);font-size:12px;font-weight:800}.grammar-application-module-i47{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.grammar-application-module-i48{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.grammar-application-module-i49{color:var(--text);font-size:18px;font-weight:800;line-height:1.5}.grammar-application-module-i50{color:var(--text-muted);margin-top:8px;font-size:13px;font-style:italic}.grammar-application-module-i51{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:800}.grammar-application-module-i52{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grammar-application-module-i53{border:1.5px solid var(--accent);background:var(--accent-soft,#e91e630f);border-radius:12px;margin-top:18px;padding:16px}.grammar-application-module-i54{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:800}.grammar-application-module-i55{color:var(--success);margin-bottom:8px;font-size:13px;font-weight:700}.grammar-application-module-i56{color:var(--text-secondary);font-size:13px;line-height:1.55}.grammar-application-module-i57{width:100%;margin-top:16px;font-weight:800}.grammar-application-module-i58{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.grammar-application-module-i59{justify-content:space-between;margin-bottom:8px;display:flex}.grammar-application-module-i60{color:var(--accent);background:var(--accent-soft,#e91e631a);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.grammar-application-module-i61{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;margin-bottom:14px;padding:16px}.grammar-application-module-i62{color:var(--text);font-size:17px;font-weight:800;line-height:1.5}.grammar-application-module-i63{color:var(--text-muted);margin-top:8px;font-size:12px}.grammar-application-module-i64{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.grammar-application-module-i65{box-sizing:border-box;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font-size:15px;font-weight:800}.grammar-application-module-i66{resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.grammar-application-module-i67{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:800}.grammar-application-module-i68{color:var(--text);font-size:14px;line-height:1.55}.grammar-application-module-i69{margin-bottom:6px}.grammar-application-module-i70{color:var(--accent);font-weight:800}.grammar-application-module-i71{margin-left:8px;font-size:12px;font-weight:700}.grammar-application-module-i72{color:var(--text-secondary);margin-bottom:6px}.grammar-application-module-i73{color:var(--text)}.grammar-application-module-i74{margin:0;padding-left:18px}.grammar-application-module-i75{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.grammar-application-module-i76{color:var(--text-secondary);margin-top:10px;font-size:12px}.grammar-application-module-i77{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.grammar-application-module-i78{flex:1;width:100%;font-weight:800}.grammar-application-module-i79{text-align:center;max-width:560px;margin:0 auto 8px;padding:28px}.grammar-application-module-i80{margin-bottom:10px;font-size:40px}.grammar-application-module-i81{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:800}.grammar-application-module-i82{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.grammar-application-module-i83{flex-direction:column;gap:16px;margin-bottom:8px;display:flex}.grammar-application-module-i84{padding:24px}.grammar-application-module-i85{text-align:center;margin-bottom:18px}.grammar-application-module-i86{margin-bottom:6px;font-size:28px}.grammar-application-module-i87{color:var(--text);margin:0 0 6px;font-size:18px;font-weight:900}.grammar-application-module-i88{color:var(--text-secondary);margin:0;font-size:13px}.grammar-application-module-i89{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.grammar-application-module-i90{font-size:11px;font-weight:800}.grammar-application-module-i91{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.grammar-application-module-i92{border:2px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.grammar-application-module-i93{font-size:28px}.grammar-application-module-i94{color:var(--text);font-size:13.5px;font-weight:800}.grammar-application-module-i95{color:var(--text-muted);font-size:11px;line-height:1.35}.foundation-topic-labs-i1{flex-shrink:0}.foundation-topic-labs-i2{flex:1;min-width:0}.foundation-topic-labs-i3{align-items:center;gap:8px;display:flex}.foundation-topic-labs-i4{flex-shrink:0;font-size:15px}.foundation-topic-labs-i5{flex-direction:column;gap:8px;margin-top:12px;display:flex}.foundation-topic-labs-i6{gap:14px}.foundation-topic-labs-i7{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.foundation-topic-labs-i8{min-width:0}.foundation-topic-labs-i9{color:var(--text-secondary);font-size:13px}.foundation-topic-labs-i10{color:var(--text);margin-top:4px}.foundation-topic-labs-i11{gap:12px}.foundation-topic-labs-i12{margin-top:12px}.foundation-topic-labs-i13{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.foundation-topic-labs-i14{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.grammar-page-i1{vertical-align:middle;flex-shrink:0;display:inline-block}.grammar-page-i2{background:var(--info-strong);color:#fff;width:80px;height:110px;font-family:var(--font-ui);border-left:4px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 4px;display:flex;position:relative;box-shadow:2px 4px 10px #00000026}.grammar-page-i3{text-align:center;letter-spacing:.5px;font-size:7px;font-weight:700;line-height:1.2}.grammar-page-i4{text-align:center;margin:4px 0;font-size:9px;font-weight:800;line-height:1.2}.grammar-page-i5{border:1.5px dashed #fff9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:auto 0 4px;display:flex}.grammar-page-i6{font-size:10px;font-weight:900}.grammar-page-i7{opacity:.8;font-size:16px;font-weight:900;position:absolute;bottom:2px;right:4px}.grammar-page-i8{width:80px;height:110px;font-family:var(--font-ui);border-left:4px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;padding:8px 6px;display:flex;position:relative;box-shadow:2px 4px 10px #00000026}.grammar-page-i9{opacity:.8;font-size:6px;font-weight:800}.grammar-page-i10{margin-top:4px;font-size:8px;font-weight:800;line-height:1.2}.grammar-page-i11{opacity:.9;grid-template-columns:repeat(2,1fr);gap:2px;width:100%;height:28px;margin:8px 0 auto;display:grid}.grammar-page-i12{background:var(--danger);border-radius:1px}.grammar-page-i13{background:var(--info);border-radius:1px}.grammar-page-i14{background:var(--green-deep);border-radius:1px}.grammar-page-i15{background:var(--warning);border-radius:1px}.grammar-page-i16{text-align:center;opacity:.8;margin-bottom:2px;font-size:7px;font-weight:700}.grammar-page-i17{border-radius:50%;justify-content:center;align-self:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:900;display:flex}.grammar-page-i18{color:var(--accent);font-weight:800;text-decoration:underline}.grammar-page-i19{font-weight:800}.grammar-page-i20{color:var(--accent);font-weight:800}.grammar-page-i21{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.grammar-page-i22{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:inline-flex}.grammar-page-i23{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 14px;display:flex;position:relative;overflow:hidden}.grammar-page-i24{z-index:1;color:var(--text-secondary);text-transform:uppercase;font-size:9px;font-weight:800}.grammar-page-i25{z-index:1;align-items:baseline;gap:1px;display:flex}.grammar-page-i26{font-size:32px;font-weight:900;line-height:1}.grammar-page-i27{color:var(--text-secondary);font-size:12px;font-weight:600}.grammar-page-i28{z-index:1;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700}.grammar-page-i29{margin-bottom:20px}.grammar-page-i30{color:var(--text);font-size:18px;font-weight:800}.grammar-page-i31{margin-top:18px}.grammar-page-i32{padding-bottom:40px}.grammar-page-i33{color:var(--text)}.grammar-page-i34{margin-top:16px}.grammar-page-i35{margin-bottom:6px}.grammar-page-i36{flex:1}.grammar-page-i37{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.grammar-page-i38{border:2.5px solid var(--accent-soft);border-top:2.5px solid var(--accent);border-radius:50%;width:14px;height:14px;display:inline-block}.grammar-page-i39{flex-direction:column;gap:10px;display:flex}.grammar-page-i40{grid-template-columns:110px 1fr;align-items:center;gap:12px;display:grid}.grammar-page-i41{flex-direction:column;gap:6px;display:flex}.grammar-page-i42{justify-content:space-between;font-size:10px;font-weight:700;display:flex}.grammar-page-i43{background:var(--border);border-radius:2px;width:100%;height:3px}.grammar-page-i44{border-radius:2px;height:100%}.grammar-page-i45{color:var(--text-secondary);font-size:11px;font-weight:700}.grammar-page-i46{flex-wrap:wrap;gap:4px;display:flex}.grammar-page-i47{gap:4px;display:flex}.grammar-page-i48{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:6px;flex-direction:column;gap:6px;padding:8px 12px;font-size:12px;display:flex}.grammar-page-i55{flex-wrap:wrap;gap:8px;display:flex}.grammar-page-i56{color:var(--text);margin:0;font-size:14px;line-height:1.7}.grammar-page-i57{background:var(--bg);color:var(--accent);text-align:center;border-radius:8px;padding:10px 14px;font-family:monospace;font-size:14px;font-weight:800}.grammar-page-i58{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.grammar-page-i59{color:var(--text);font-size:14px;line-height:1.6}.grammar-page-i60{flex-direction:column;gap:8px;display:flex}.grammar-page-i61{color:var(--text-secondary);font-size:12.5px;font-weight:800}.grammar-page-i62{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.grammar-page-i63{flex:1;min-width:0}.grammar-page-i64{font-weight:700}.grammar-page-i65{color:var(--text-secondary);margin-top:2px;font-size:13px}.grammar-page-i66{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.grammar-page-i67{flex-direction:column;gap:14px;display:flex}.grammar-page-i68{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.grammar-page-i69{align-items:center;gap:6px;display:inline-flex}.grammar-page-i70{color:var(--text-muted);font-weight:800}.grammar-page-i71{flex-wrap:wrap;gap:8px;display:flex}.grammar-page-i72{align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.grammar-page-i73{border-radius:50%;flex-shrink:0;width:10px;height:10px}.grammar-page-i74{background:var(--bg);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.grammar-page-i75{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.grammar-page-i76{white-space:nowrap}.grammar-page-i77{opacity:.85;white-space:nowrap;font-size:11.5px;font-weight:700}.grammar-page-i78{justify-content:space-between;align-items:center;gap:10px;display:flex}.grammar-page-i79{color:var(--text-secondary);font-size:13px}.grammar-page-i80{flex-shrink:0}.grammar-page-i81{overflow-x:auto}.grammar-page-i82{border-collapse:collapse;width:100%;font-size:13px}.grammar-page-i83{text-align:left;background:var(--purple);color:var(--accent);border-bottom:2px solid var(--accent-light);white-space:nowrap;padding:8px 10px;font-weight:800}.grammar-page-i84{border-bottom:1px solid var(--border);padding:8px 10px}.placeholder-pages-i1{text-align:center;padding:60px}.placeholder-pages-i2{font-size:64px}.placeholder-pages-i3{color:var(--accent);margin-top:16px}.placeholder-pages-i4{color:var(--text-muted);max-width:400px;margin:8px auto 0}.placeholder-pages-i5{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.placeholder-pages-i6{padding:32px}.placeholder-pages-i7{margin-bottom:16px;font-weight:600}.placeholder-pages-i8{margin-bottom:16px}.placeholder-pages-i9{width:100%}.placeholder-pages-i10{text-align:center;color:var(--text-muted);margin-top:20px}.placeholder-pages-i11{margin-left:8px}.speaking-page-i1{pointer-events:none;border-radius:inherit;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.speaking-page-i2{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 20px;display:flex;position:relative;overflow:hidden}.speaking-page-i3{z-index:1;color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:800}.speaking-page-i4{z-index:1;align-items:baseline;gap:2px;display:flex}.speaking-page-i5{font-size:44px;font-weight:900;line-height:1}.speaking-page-i6{color:var(--text-secondary);font-size:16px;font-weight:600}.speaking-page-i7{z-index:1;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700}.speaking-page-i8{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.speaking-page-i9{align-items:center;gap:10px;display:flex}.speaking-page-i10{font-size:28px}.speaking-page-i11{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.speaking-page-i12{color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;gap:6px;height:40px;margin-right:6px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.speaking-page-i13{cursor:pointer;margin:0}.speaking-page-i14{align-items:center;gap:6px;height:40px;font-weight:700;display:flex}.speaking-page-i15{margin:0 0 20px}.speaking-page-i16{align-items:center;gap:6px;display:flex}.speaking-page-i17{grid-template-columns:2fr 1fr;gap:24px;margin-top:20px}.speaking-page-i18{flex-direction:column;gap:20px;display:flex}.speaking-page-i19{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.speaking-page-i20{cursor:pointer;border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:18px;display:flex}.speaking-page-i21{justify-content:space-between;align-items:center;display:flex}.speaking-page-i22{font-size:34px}.speaking-page-i23{color:var(--text);font-size:17px;font-weight:800}.speaking-page-i24{color:var(--text-secondary);font-size:13px}.speaking-page-i25{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.speaking-page-i26{margin-left:auto}.speaking-page-i27{padding:24px}.speaking-page-i28{align-items:center;gap:8px;margin:14px 0 4px;font-weight:800;display:flex}.speaking-page-i29{font-size:26px}.speaking-page-i30{color:var(--text-secondary);margin-bottom:18px;font-size:13px}.speaking-page-i31{grid-template-columns:1fr 1fr;gap:14px}.speaking-page-i32{cursor:pointer;text-align:center;border:2px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.speaking-page-i33{font-size:44px}.speaking-page-i34{color:var(--text);font-size:18px;font-weight:800}.speaking-page-i35{color:var(--text-secondary);font-size:12px}.speaking-page-i36{flex-direction:column;gap:14px;padding:18px;display:flex}.speaking-page-i37{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.speaking-page-i38{font-size:22px}.speaking-page-i39{font-size:15px;font-weight:800}.speaking-page-i40{align-items:center;gap:4px;display:inline-flex}.speaking-page-i41{gap:6px;margin-left:auto;display:flex}.speaking-page-i42{align-items:center;gap:8px;display:flex}.speaking-page-i43{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.speaking-page-i44{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.speaking-page-i45{color:var(--text-secondary);font-size:12px;font-weight:700}.speaking-page-i46{flex-direction:column;gap:10px;max-height:360px;display:flex;overflow-y:auto}.speaking-page-i47{align-items:flex-end;gap:8px;display:flex}.speaking-page-i48{background:var(--bg);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.speaking-page-i49{opacity:.85;align-items:center;gap:6px;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.speaking-page-i50{border-radius:8px;margin-left:4px;padding:0 6px}.speaking-page-i51{opacity:.8;font-size:11px;font-style:italic;font-family:var(--font-ui)}.speaking-page-i52{opacity:.9;margin-top:2px;font-size:12px}.speaking-page-i53{width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.speaking-page-i54{padding:20px}.speaking-page-i55{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.speaking-page-i56{resize:vertical;width:100%;font-size:16px}.speaking-page-i57{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.speaking-page-i58{color:var(--text-muted);font-size:11px}.speaking-page-i59{align-items:center;gap:4px;display:flex}.speaking-page-i60{text-align:center;background:var(--surface);padding:28px}.speaking-page-i61{margin:6px 0;font-weight:800}.speaking-page-i62{color:var(--text-secondary);font-size:13px}.speaking-page-i63{color:var(--text-muted);margin-top:12px;font-size:12px}.speaking-page-i64{max-width:240px;margin:8px auto 0}.speaking-page-i65{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.speaking-page-i66{text-align:center;background:var(--surface);padding:24px}.speaking-page-i67{text-transform:uppercase;color:var(--accent);letter-spacing:1px;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.speaking-page-i68{color:var(--text);margin-bottom:6px;font-size:24px;font-weight:800;line-height:1.4}.speaking-page-i69{color:var(--text-muted)}.speaking-page-i70{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.speaking-page-i71{font-style:italic}.speaking-page-i72{flex-direction:column;align-items:center;gap:14px;margin-top:8px;display:flex}.speaking-page-i73{gap:10px;display:flex}.speaking-page-i74{flex-direction:column;align-items:center;gap:16px;margin-top:10px;display:flex}.speaking-page-i75{background:var(--danger);border-radius:50%;width:12px;height:12px}.speaking-page-i76{color:var(--danger);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.speaking-page-i77{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;display:flex}.speaking-page-i78{border:2px solid #8b5cf633;border-top:2px solid var(--accent);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin;display:inline-block}.speaking-page-i79{font-size:13px}.speaking-page-i80{color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex}.speaking-page-i81{margin-top:18px}.speaking-page-i82{align-items:center;gap:6px;display:inline-flex}.speaking-page-i83{margin-top:12px}.speaking-page-i84{background:var(--surface);flex-direction:column;gap:16px;padding:20px;display:flex}.speaking-page-i85{color:var(--accent);justify-content:center;align-items:center;gap:8px;margin:0;font-weight:800;display:flex}.speaking-page-i86{flex-direction:column;gap:12px;margin-top:4px;display:flex}.speaking-page-i87{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:13px;font-weight:700;display:flex}.speaking-page-i88{color:var(--text-secondary);align-items:center;display:flex}.speaking-page-i89{font-weight:800}.speaking-page-i90{background:var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.speaking-page-i91{border-radius:3px;height:100%;transition:width .8s}.speaking-page-i92{border-radius:var(--radius-sm);color:var(--text);border-left:4px solid var(--accent);white-space:pre-line;text-align:left;background:#ec48990a;margin-top:10px;padding:16px;font-size:13px;line-height:1.6}.speaking-page-i93{color:var(--accent);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:800;display:flex}.speaking-page-i94{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.speaking-page-i95{border:2px solid #ec489933;border-top:2px solid var(--accent);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin;display:inline-block}.speaking-page-i96{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;padding:40px;display:flex}.speaking-page-i97{color:var(--text-muted);opacity:.4;margin-bottom:16px}.speaking-page-i98{color:var(--text);margin:0;font-weight:700}.speaking-page-i99{max-width:200px;color:var(--text-secondary);margin:8px auto 0;font-size:13px;line-height:1.4}.speaking-page-i100{margin-top:24px;padding:24px}.speaking-page-i101{align-items:center;gap:8px;margin-bottom:12px;display:flex}.speaking-page-i102{color:var(--text);margin:0;font-size:15px;font-weight:800}.speaking-page-i103{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.speaking-page-i104{font-size:18px;font-weight:800}.speaking-page-i105{opacity:.85;text-align:center;font-size:11px;font-weight:700}.speaking-page-i106{margin-top:2px;font-size:10px;font-weight:500;display:block}.speaking-page-i107{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:12px;padding:16px;animation:.3s slideIn}.speaking-page-i108{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.speaking-page-i109{font-size:14px;font-weight:800}.speaking-page-i110{color:var(--accent);font-size:16px}.speaking-page-i111{flex-wrap:wrap;gap:16px;display:flex}.speaking-page-i112{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.speaking-page-i113{font-size:14px;font-weight:700}.speaking-page-i114{text-align:center;color:var(--text-muted);padding:40px}.speaking-page-i115{margin-bottom:12px;font-size:40px}.speaking-page-i116{margin-top:8px;font-size:13px}.speaking-page-i117{color:var(--accent);font-size:13px}.speaking-page-i118{gap:8px;display:flex}.speaking-page-i119{font-size:11px;font-weight:800}.speaking-page-i120{align-items:center;gap:4px;height:28px;padding:6px 10px;font-size:12px;display:flex}.speaking-page-i121{cursor:pointer}.speaking-page-i122{align-items:flex-end;gap:6px;display:flex}.speaking-page-i123{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.speaking-page-i124{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.speaking-page-i125{color:var(--danger);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.speaking-page-i126{background-color:var(--danger);animation:1.5s infinite pulse-red}.speaking-page-i127{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.speaking-page-i128{font-size:18px}.speaking-page-i129{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.topik-page-i1{text-underline-offset:4px;color:var(--accent);font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.topik-page-i2{background:linear-gradient(135deg, var(--surface) 0%, var(--bg) 100%);border:2px solid var(--accent);text-align:center;border-radius:12px;margin:12px 0 16px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000d,inset 0 1px #ffffff1a}.topik-page-i3{background:var(--accent);opacity:.05;pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;right:-20px}.topik-page-i4{background:var(--purple);opacity:.05;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;left:-30px}.topik-page-i5{margin:4px 0}.topik-page-i6{background:var(--surface);border:1.5px solid var(--text);border-radius:4px;margin-top:20px;margin-bottom:16px;padding:16px 20px;position:relative;box-shadow:0 2px 6px #00000005}.topik-page-i7{background:var(--surface);color:var(--text);letter-spacing:3px;-webkit-user-select:none;user-select:none;padding:0 12px;font-size:13px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.topik-page-i8{color:var(--text);text-align:left;font-size:14px;font-weight:500;line-height:1.8}.topik-page-i9{background:var(--surface);border:1.5px solid var(--text);border-radius:4px;margin-top:12px;margin-bottom:16px;padding:16px 20px;position:relative;box-shadow:0 2px 6px #00000005}.topik-page-i10{background:var(--surface);border:1.5px solid var(--text);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:720px;margin:20px auto 24px;padding:32px 24px;display:flex;position:relative;box-shadow:0 2px 6px #00000005}.topik-page-i11{color:var(--text);letter-spacing:2px;text-align:center;margin-bottom:12px;font-size:16px;font-weight:800}.topik-page-i12{color:var(--text);text-align:center;margin-bottom:24px;font-size:14px;font-weight:600;line-height:1.6}.topik-page-i13{color:var(--text);text-align:center;font-size:14px;font-weight:600;line-height:1.6}.topik-page-i14{color:var(--text);font-weight:700}.topik-page-i15{flex-direction:column;gap:6px;margin-top:4px;display:flex}.topik-page-i16{align-items:flex-start;gap:6px;line-height:1.6;display:flex}.topik-page-i17{color:var(--warning);flex-shrink:0;font-weight:700}.topik-page-i18{flex:1}.topik-page-i19{line-height:1.6}.topik-page-i20{flex-direction:column;gap:6px;margin-top:6px;display:flex}.topik-page-i21{color:var(--text-muted);font-size:12px;font-weight:700}.topik-page-i22{color:var(--text)}.topik-page-i23{flex-direction:column;gap:3px;margin-top:2px;display:flex}.topik-page-i24{color:var(--accent);margin-right:6px;font-weight:700}.topik-page-i25{color:var(--text);margin-top:4px}.topik-page-i26{margin-bottom:20px}.topik-page-i27{border:2px solid var(--text);background:var(--surface);border-radius:24px;margin-bottom:12px;padding:10px 20px;display:inline-block}.topik-page-i28{color:var(--text);font-size:14px;font-weight:700}.topik-page-i29{margin-right:6px}.topik-page-i30{border:1.5px solid var(--text);background:var(--surface);border-radius:4px;padding:10px 16px 14px;position:relative}.topik-page-i31{align-items:center;gap:8px;margin-bottom:10px;display:flex}.topik-page-i32{background:var(--text-secondary);flex:1;height:1px}.topik-page-i33{color:var(--text);white-space:nowrap;letter-spacing:.12em;font-size:13px;font-weight:600}.topik-page-i34{white-space:pre-line;color:var(--text);font-family:inherit;font-size:14px;line-height:1.8}.topik-page-i35{flex-wrap:wrap;gap:8px 24px;margin-top:10px;display:flex}.topik-page-i36{justify-content:flex-start;align-items:center;min-width:18px;height:20px;display:inline-flex}.topik-page-i37{background-color:var(--text);width:15px;height:15px;color:var(--surface);border-radius:50%;justify-content:center;align-items:center;margin-top:1px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.topik-page-i38{font-size:15px;line-height:1}.topik-page-i39{margin-top:20px}.topik-page-i40{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.topik-page-i41{margin:0}.topik-page-i42{font-weight:700}.topik-page-i43{color:var(--accent);font-weight:700}.topik-table .tag{white-space:nowrap}.topik-page-i44{white-space:nowrap;gap:6px;display:flex}.topik-page-i45{padding:4px 8px;font-size:12px}.topik-page-i47{margin-bottom:12px;padding:16px}.topik-page-i48{justify-content:space-between;font-size:16px;font-weight:700;display:flex}.topik-page-i49{color:var(--accent)}.topik-page-i50{color:var(--text-muted);margin-top:8px;line-height:1.6}.topik-page-i51{padding:20px}.topik-page-i52{color:var(--accent);margin-bottom:10px;font-weight:700}.topik-page-i53{color:var(--text-muted);font-size:14px;line-height:1.6}.topik-page-i54{text-align:center;grid-column:span 2;padding:20px}.topik-page-i55{text-align:center;color:var(--text-muted);grid-column:span 2;padding:20px}.topik-page-i56{flex-direction:column;justify-content:space-between;padding:20px;display:flex}.topik-page-i57{font-size:16px;font-weight:700}.topik-page-i58{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.topik-page-i59{padding:24px}.topik-page-i60{margin-bottom:12px;font-size:18px;font-weight:800}.topik-page-i61{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.6}.topik-page-i62{margin-bottom:16px}.topik-page-i63{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.topik-page-i64{justify-content:flex-end;gap:10px;display:flex}.topik-page-i65{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #0000000f}.topik-page-i66{color:var(--text);margin:0;font-size:18px;font-weight:800}.topik-page-i67{margin-top:4px}.topik-page-i68{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.topik-page-i69{color:var(--danger);white-space:nowrap;font-size:20px;font-weight:800}.topik-page-i70{align-items:center;gap:10px;display:flex}.topik-page-i71{padding:8px 16px;font-size:14px;font-weight:600}.topik-page-i72{padding:8px 20px;font-size:14px;font-weight:700}.topik-page-i73{font-size:20px;line-height:1}.topik-page-i74{font-size:13px;font-weight:700}.topik-page-i75{gap:8px;margin-left:auto;display:flex}.topik-page-i76{padding:4px 12px;font-size:12px}.topik-page-i77{color:var(--text-muted);font-size:13px;font-weight:700}.topik-page-i78{max-height:calc(100vh - 240px);padding-right:8px;overflow-y:auto}.topik-page-i79{text-align:center;color:var(--text-muted);padding:20px}.topik-page-i80{background:var(--surface);border:1.5px solid var(--text);white-space:pre-line;color:var(--text);border-radius:4px;margin-bottom:12px;padding:12px 16px;font-size:14px;line-height:1.8}.topik-page-i81{white-space:pre-line;margin-bottom:10px;font-size:15px;font-weight:700}.topik-page-i82{text-align:center;margin:12px 0}.topik-page-i83{margin-bottom:12px}.topik-page-i84{gap:12px;margin-top:10px;display:flex}.topik-page-i85{margin-top:10px}.topik-page-i86{width:100%;font-family:monospace}.topik-page-i88{justify-content:flex-end;margin-top:16px}.topik-page-i89{text-align:center;width:90vw;max-width:600px;padding:32px}.topik-page-i90{margin-bottom:12px;font-size:64px}.topik-page-i91{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:800}.topik-page-i92{color:var(--text-muted);margin-bottom:24px;font-size:14px}.topik-page-i93{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.topik-page-i94{flex:1;padding:16px}.topik-page-i95{color:var(--accent);font-size:32px;font-weight:800}.topik-page-i96{color:var(--text-muted);font-size:16px;font-weight:500}.topik-page-i97{color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:600}.topik-page-i98{font-size:28px;font-weight:800}.topik-page-i99{text-align:left;background:var(--bg);margin-bottom:24px;padding:18px}.topik-page-i100{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:700}.topik-page-i101{color:var(--text-secondary);margin:0;padding-left:20px;font-size:13px;line-height:1.8}.topik-page-i102{color:var(--accent);font-weight:600}.topik-page-i103{justify-content:center;display:flex}.topik-page-i114{background:var(--warning-soft);border-left:4px solid var(--warning);margin-top:14px;padding:16px}.topik-page-i116{color:var(--warning);margin:0 0 10px;font-weight:800}.topik-page-i118{color:var(--text);margin-bottom:12px;font-size:13px}.topik-page-i119{font-size:13px}.topik-page-i120{color:var(--green-deep);font-size:13px;font-weight:700}.topik-page-i121{background:var(--warning-soft);border:1px solid #f59e0b33;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.topik-page-i122{color:var(--warning);align-items:center;gap:6px;margin-bottom:6px;font-weight:800;display:flex}.topik-page-i123{color:var(--text);font-size:13px}.topik-page-i124{perspective:1000px;max-width:400px;margin:0 auto 24px}.topik-page-i125{background:linear-gradient(135deg, var(--pink), var(--yellow));cursor:pointer;text-align:center;min-height:200px;transform-style:preserve-3d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:transform .6s;display:flex;position:relative;box-shadow:0 8px 20px #0000000f}.topik-page-i126{backface-visibility:hidden}.topik-page-i127{color:var(--accent);font-size:36px;font-weight:800}.topik-page-i128{color:var(--text-muted);margin-top:16px;font-size:13px}.topik-page-i129{backface-visibility:hidden;transform:rotateY(180deg)}.topik-page-i130{color:var(--text);font-size:18px;font-weight:700}.topik-page-i131{color:var(--text-secondary);margin-top:12px;font-size:13px;font-style:italic}.topik-page-i132{color:var(--text-muted);margin-top:4px;font-size:12px}.topik-page-i133{justify-content:center;gap:12px;margin-bottom:30px;display:flex}.topik-page-i134{text-align:center;background:var(--bg);padding:20px}.topik-page-i135{color:var(--text-muted);margin-bottom:16px;font-size:13px}.topik-page-i136{text-align:center;padding:24px}.topik-page-i137{color:var(--text-muted);font-size:13px}.topik-page-i138{color:var(--danger);margin:12px 0;font-size:28px;font-weight:800}.topik-page-i139{margin-bottom:20px;font-size:20px;font-weight:800}.topik-page-i140{grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin:0 auto;display:grid}.topik-page-i141{gap:10px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.topik-page-i142{min-width:80px;position:relative}.topik-page-i142:disabled{opacity:.55;cursor:not-allowed}.topik-page-i143{margin-top:14px}.topik-page-i144{border-left:4px solid var(--accent);margin-bottom:12px;padding:16px}.topik-page-i145{color:var(--text);font-weight:800}.topik-page-i146{color:var(--accent);margin-top:4px;font-size:12px;font-weight:600}.topik-page-i147{margin-top:6px;font-size:13px}.topik-page-i148{background:var(--bg);border-radius:8px;margin-top:8px;padding:10px}.topik-page-i149{color:var(--purple);font-size:13px;font-weight:700}.topik-page-i150{color:var(--text-muted);margin-top:2px;font-size:12px}.topik-page-i151{width:100%;margin-top:20px}.topik-page-i152{color:var(--text-muted);font-size:13px}.topik-page-i153{margin-top:16px;padding:16px}.topik-page-i154{margin-bottom:12px;font-weight:700}.topik-page-i155{background:var(--bg);border-radius:8px;margin-bottom:14px;padding:12px;font-weight:600}.topik-page-i156{flex-direction:column;gap:8px;display:flex}.topik-page-i157{cursor:pointer;align-items:center;gap:8px;display:flex}.topik-page-i158{gap:8px;margin-bottom:20px;display:flex}.topik-page-i159{background:var(--bg);margin-bottom:14px;padding:16px}.topik-page-i160{white-space:pre-line;font-weight:600}.topik-page-i161{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.topik-page-i162{background:var(--success-soft);border-left:4px solid var(--green-deep);margin-top:14px;padding:16px}.topik-page-i163{color:var(--success-strong);font-weight:700}.topik-page-i164{margin-top:6px;font-size:13px}.topik-page-i165{gap:10px;margin-bottom:12px;display:flex}.topik-page-i166{color:var(--accent);margin-bottom:10px;font-size:12px}.topik-page-i167{grid-template-columns:1fr 1fr;gap:20px;display:grid}.topik-page-i168{background:var(--bg);text-align:center;padding:16px;font-size:32px}.topik-page-i169{margin-top:8px;font-size:13px;font-weight:700}.topik-page-i170{margin-top:14px;padding:16px}.topik-page-i171{margin-bottom:10px;font-size:13px;font-weight:700}.topik-page-i172{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.topik-page-i173{cursor:grab}.topik-page-i174{gap:10px;display:flex}.topik-page-i175{border:2px dashed var(--border);border-radius:8px;flex:1;justify-content:center;align-items:center;height:40px;font-size:12px;display:flex}.topik-page-i176{margin-bottom:6px;font-size:13px;font-weight:700}.topik-page-i177{letter-spacing:2px;width:100%;font-family:monospace;line-height:2}.topik-page-i178{margin-bottom:14px}.topik-page-i179{justify-content:space-between;margin-bottom:10px;display:flex}.topik-page-i180{cursor:pointer}.topik-page-i181{background:var(--gray-300);color:var(--gray-300);border-radius:4px;padding:2px 8px}.topik-page-i182{padding:16px}.topik-page-i183{background:var(--bg);border-radius:8px;margin-bottom:12px;padding:12px}.topik-page-i184{margin-bottom:10px;font-weight:700}.topik-page-i185{color:var(--text-muted);margin-bottom:10px;font-style:italic}.topik-page-i186{color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:700}.topik-page-i187{width:100%}.topik-page-i188{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.topik-page-i189{width:80px}.topik-page-i190{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.topik-page-i191{color:var(--danger);font-size:20px;font-weight:800}.topik-page-i192{white-space:pre-line;color:var(--text-muted);background:var(--bg);border-radius:10px;padding:14px;font-size:14px}.topik-page-i193{letter-spacing:2px;width:100%;margin-top:14px;font-family:monospace;line-height:2.2}.topik-page-i194{float:right;margin-top:14px}.topik-page-i195{color:var(--green-deep);margin-bottom:10px;font-size:18px;font-weight:700}.topik-page-i196{background:var(--success-soft);padding:16px}.topik-page-i197{white-space:pre-line;font-size:14px;line-height:1.8}.topik-page-i198{color:var(--text-muted);margin-bottom:20px}.topik-page-i199{text-align:center;color:var(--text-secondary);padding:40px}.topik-page-i200{text-align:center;background:var(--surface);border:1px solid var(--border-light);border-radius:16px;padding:60px 40px}.topik-page-i201{margin-bottom:16px;font-size:64px}.topik-page-i202{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:800}.topik-page-i203{color:var(--text-secondary);max-width:460px;margin:0 auto 24px;font-size:14px;line-height:1.6}.topik-page-i204{border-radius:8px;padding:10px 24px;font-weight:700}.topik-page-i205{border-bottom:1px solid var(--border);padding-bottom:6px}.topik-page-i206{flex-direction:column;gap:14px;margin-top:10px;display:flex}.topik-page-i207{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.topik-page-i208{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.topik-page-i209{height:100%}.topik-page-i210{width:450px;max-width:90vw;padding:24px}.topik-page-i211{margin-bottom:16px;font-size:18px;font-weight:800}.topik-page-i212{flex-direction:column;gap:14px;display:flex}.topik-page-i213{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.topik-page-i214{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:8px 12px}.topik-page-i215{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.topik-q-figure{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;max-height:360px;margin:0 auto;width:auto!important;height:auto!important}.topik-q-audio{width:100%;height:35px}.topik-q-options--grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(220px,50% - 4px)),1fr));gap:8px;display:grid}.topik-q-options--list{flex-direction:column;gap:8px;display:flex}.topik-q-options--images{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.topik-q-option{border:2px solid var(--border);background:var(--surface);gap:12px;padding:10px 16px;font-weight:500;position:relative}.topik-q-options--images .topik-q-option{flex-direction:column;justify-content:center;gap:8px;padding:12px}.topik-q-option .topik-option-number{color:var(--text-secondary)}.topik-q-option:where(:not(.is-locked)):hover{background:var(--bg)}.topik-q-option.is-selected{border-color:var(--accent);background:var(--purple);font-weight:600}.topik-q-option.is-selected .topik-option-number{color:var(--accent)}.topik-q-option.is-correct{border-color:var(--success);background:var(--success-soft)}.topik-q-option.is-correct .topik-option-number{color:var(--success)}.topik-q-option.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.topik-q-option.is-wrong .topik-option-number{color:var(--danger)}.topik-q-option.is-locked{cursor:default}.topik-q-option:has(.topik-q-option__input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.topik-q-option__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.topik-q-option__img{border-radius:4px;max-height:180px;width:100%!important;height:auto!important}.topik-q-option__mark{margin-left:auto;width:22px;height:22px;color:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-block:-2px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.topik-q-option.is-correct .topik-q-option__mark{background:var(--success)}.topik-q-option.is-wrong .topik-q-option__mark{background:var(--danger)}.topik-q-options--images .topik-q-option__mark{margin:0;position:absolute;top:8px;right:8px}.topik-q-note{color:var(--text-secondary);margin:12px 0 0;font-size:13px;font-style:italic}.topik-q-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topik-q-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.topik-q-verdict{font-size:13px;font-weight:700}.topik-q-verdict.is-right{color:var(--green-600)}.topik-q-verdict.is-wrong{color:var(--danger-strong)}.topik-practice-header{flex-wrap:wrap}.topik-q-head{flex:1;min-width:min(100%,240px)}.topik-q-progress{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.topik-q-tools{justify-content:space-between;align-items:center;gap:10px;display:flex}.topik-q-skills{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:2px;padding:3px;display:inline-flex}.topik-q-skill{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:background-color .2s,color .2s}.topik-q-skill:hover{background:var(--bg);color:var(--text)}.topik-q-skill.is-active{background:var(--accent-soft);color:var(--accent-strong);cursor:default}.topik-q-skill:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.topik-q-start{justify-content:center}.topik-practice-skill-btns{flex-wrap:wrap}.topik-practice-skill-btns .topik-q-start{white-space:nowrap;flex:1;padding-inline:12px}.topik-exam-grid .btn:disabled{cursor:progress;box-shadow:none;opacity:.55;transform:none}.topik-exam-grid .btn[aria-busy=true]{opacity:1}.topik-section-header.is-writing{--w-col:832px}.topik-w-list.is-split{--w-col:1640px}.topik-section-header.is-writing:has(.topik-w-list.is-split){--w-col:1640px}.topik-section-header.is-writing>:is(.topik-compact-title,.topik-section-desc),.topik-section-header.is-writing .topik-practice-header,.topik-w-list>*{max-width:var(--w-col,832px);margin-inline:auto}.topik-w-intro{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.6}.topik-w-intro p{margin:0}.topik-w-intro strong{color:var(--text)}.topik-w-intro__warn{color:var(--danger-strong);font-weight:700}.topik-w-list.is-split .topik-w-intro{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.topik-w-ask,.topik-w-work{min-width:0}.topik-w-list.is-split .topik-w-card{grid-template-columns:minmax(0,1fr) clamp(600px,56%,792px);align-items:start;column-gap:24px;display:grid}.topik-w-list.is-split .topik-w-ask:only-child{grid-column:1/-1}.topik-w-list.is-split .topik-w-work>:first-child{margin-top:0}.topik-w-list.is-split .is-essay>.topik-w-ask{max-height:calc(100vh - var(--topbar-h) - 24px);scrollbar-width:thin;position:sticky;top:12px;overflow-y:auto}.topik-w-card .topik-page-i114{box-shadow:none}.topik-w-blanks{flex-direction:column;gap:10px;margin-top:12px;display:flex}.topik-w-blank{align-items:center;gap:10px;display:flex}.topik-w-blank__mark{color:var(--accent);flex:none;font-size:20px;font-weight:700;line-height:1}.topik-w-blank .exercise-input{flex:1;min-width:0}.topik-w-essay{margin-top:12px}.topik-w-bar{z-index:5;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:6px 0;display:flex;position:sticky;top:0}.topik-w-bar__q{color:var(--accent-strong);flex:none;font-size:13px;font-weight:800}.topik-w-essay__text{resize:vertical;min-height:160px;margin-top:8px;line-height:1.8;display:block}@supports (field-sizing:content){.topik-w-essay__text{field-sizing:content;min-height:calc(8lh + 28px)}.topik-w-essay__text.is-long{min-height:calc(14lh + 28px)}}.topik-w-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:8px;display:flex}.topik-w-cap{color:var(--text-muted);margin:0;font-size:12px}.topik-w-btns{flex-wrap:wrap;gap:8px;display:flex}.topik-w-count{color:var(--text-secondary);margin:0;font-size:13px}.topik-w-count strong{color:var(--text);font-size:15px}.topik-w-count.is-ok,.topik-w-count.is-ok strong{color:var(--green-600)}.topik-w-count.is-over,.topik-w-count.is-over strong{color:var(--danger-strong)}.topik-w-body{color:var(--text);font-size:13px}.topik-w-rubric{margin:0;padding:0;list-style:none}.topik-w-rubric li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:5px 0;display:flex}.topik-w-rubric strong{flex:none}.topik-w-notes{margin:10px 0 0;padding-left:18px;line-height:1.6}.topik-w-notes:first-child{margin-top:0}.topik-w-sheet-note{color:var(--text-secondary);margin:10px 0 0;line-height:1.6}.topik-ms{scrollbar-width:thin;margin-top:6px;padding:3px;overflow-x:auto;container-type:inline-size}.topik-ms__sheet{--ms-mark:34px;--ms-step:1px;--ms-cell:24px;cursor:text;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:max-content;position:relative}@supports (width:1cqi){.topik-ms__sheet{--ms-cell:clamp(8px, calc((100cqi - var(--ms-mark) - 1px) / 25), 30px)}}@supports (width:round(down, 1.5px, 1px)){.topik-ms__sheet{--ms-cell:round(down, clamp(8px, calc((100cqi - var(--ms-mark) - 1px) / 25), 30px), var(--ms-step))}}@container (width<=560px){.topik-ms__sheet{--ms-mark:20px;--ms-step:.125px}.topik-ms .topik-ms__mark{padding-left:2px;font-size:9px}}.topik-ms.is-preview .topik-ms__sheet{cursor:default}.topik-ms__grid{border-radius:2px}.topik-ms.is-focused .topik-ms__grid{outline:2px solid var(--accent);outline-offset:1px}.topik-ms__row{grid-template-columns:repeat(25, var(--ms-cell)) var(--ms-mark);display:grid}.topik-ms__cell{box-sizing:border-box;height:var(--ms-cell);border-right:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);background:var(--surface);font-family:var(--font-ko);font-size:max(calc(var(--ms-cell) * .6), min(calc(var(--ms-cell) * .78), 11px));color:var(--text);white-space:pre;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;overflow:hidden}.topik-ms__cell:first-child{border-left:1px solid var(--slate-300)}.topik-ms__row:first-child .topik-ms__cell{border-top:1px solid var(--slate-300)}.topik-ms__row:last-child .topik-ms__cell{border-bottom-color:var(--slate-300)}.topik-ms__cell:nth-child(5n){border-right-color:var(--slate-300)}.topik-ms__row.is-goal .topik-ms__cell{background:var(--success-soft)}.topik-ms__row.is-over .topik-ms__cell{background:var(--danger-soft)}.topik-ms__cell.is-pair{font-size:max(calc(var(--ms-cell) * .5), min(calc(var(--ms-cell) * .62), 9px))}.topik-ms__cell.is-tight{font-size:max(calc(var(--ms-cell) * .46), min(calc(var(--ms-cell) * .56), 8px));letter-spacing:-.04em}.topik-ms__cell.is-low{justify-content:flex-start;align-items:flex-end;padding:0 0 12% 16%}.topik-ms__cell.is-selected{background:var(--blue-100)}.topik-ms__row .topik-ms__cell.is-caret-start{background:var(--accent-soft)}.topik-ms__cell.is-caret:before{content:"";background:var(--accent);border-radius:1px;width:2px;animation:1.06s step-end infinite topik-ms-blink;position:absolute;top:14%;bottom:14%;left:2px}.topik-ms__cell.is-caret-mid:before{left:calc(50% - 1px)}.topik-ms__cell.is-caret-end:before{left:auto;right:1px}@keyframes topik-ms-blink{0%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.topik-ms__cell.is-caret:before{animation:none}}.topik-ms__mark{color:var(--text-muted);align-items:flex-end;padding:0 0 1px 6px;font-size:11px;line-height:1;display:flex}.topik-ms__mark.is-limit{color:var(--green-600);font-weight:700}.topik-ms__row.is-over .topik-ms__mark{color:var(--danger-strong)}.topik-ms__input{top:calc(var(--ms-row,0) * var(--ms-cell));left:calc(var(--ms-col,1) * var(--ms-cell));width:var(--ms-cell);height:var(--ms-cell);opacity:0;resize:none;white-space:pre;pointer-events:none;scroll-margin:calc(var(--ms-cell) * 2);scroll-margin-top:calc(var(--ms-cell) * 2 + 44px);border:0;outline:0;margin:0;padding:0;font-size:16px;line-height:1;position:absolute;overflow:hidden}.topik-ms__hint{top:0;left:calc(var(--ms-cell) * 2);height:var(--ms-cell);font-size:clamp(10px, calc(var(--ms-cell) * .62), 13px);white-space:nowrap;color:var(--text-muted);pointer-events:none;align-items:center;margin:0;padding-left:6px;line-height:1;display:flex;position:absolute}.topik-q-audiobar{border-left:4px solid var(--accent);background:var(--purple);box-shadow:var(--shadow-sm);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;display:flex}.topik-q-audiobar.is-idle{border-left-color:var(--text-muted);background:var(--bg)}.topik-q-audiobar__label{color:var(--accent);flex:180px}.topik-q-audiobar.is-error .topik-q-audiobar__label{color:var(--danger)}.topik-q-part{border-bottom:1px solid var(--border);color:var(--accent);text-transform:uppercase;margin:0 0 12px;padding-bottom:6px}.topik-q-part:not(:first-child){margin-top:24px}.topik-exam-bar .btn{justify-content:center}@media (width<=768px),(height<=560px){.topik-exam-room{--topik-q-toolbar-h:52px}.topik-exam-room .topik-exam-questions{max-height:none;padding-right:0;overflow:visible}.topik-exam-room .topik-q-roomhead{display:contents}.topik-q-roomtitle{margin-bottom:12px}.topik-exam-room .topik-q-examtools{z-index:101;box-sizing:border-box;height:var(--topik-q-toolbar-h);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:nowrap;justify-content:space-between;gap:8px;margin-bottom:12px;padding:0 12px;position:sticky;top:0;box-shadow:0 4px 14px #0000000f}.topik-exam-room .topik-q-audiobar:not(.is-idle){top:var(--topik-q-toolbar-h);z-index:100;position:sticky}.topik-exam-room .topik-w-bar{top:var(--topik-q-toolbar-h)}.topik-exam-room .topik-ms__input{scroll-margin-top:calc(var(--ms-cell) * 2 + 44px + var(--topik-q-toolbar-h))}.topik-exam-room .topik-w-list.is-split .is-essay>.topik-w-ask{top:calc(var(--topik-q-toolbar-h) + 12px)}}@media (width<=480px){.card.topik-exam-room{padding:16px}.topik-exam-room .topik-q-examtools{padding:0 10px}.topik-exam-room .topik-exam-timer{font-size:18px}.topik-q-exambtns .btn{padding:8px 12px;font-size:13px}.topik-q-wide-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=359px){.topik-q-exambtns .topik-q-btnicon{display:none}}@media (width<=640px){.topik-q-option{gap:8px;padding:8px 12px}.topik-q-options--images{gap:10px}.topik-section-header.is-writing{--w-gutter:12px;padding-inline:var(--w-gutter)}.topik-w-intro{margin-bottom:0;padding:10px 12px;font-size:12px}.topik-w-list .topik-w-card{border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;margin-bottom:0;padding:14px 0 18px}.topik-w-list .topik-w-intro+.topik-w-card{border-top:0}.topik-w-list .topik-w-card:last-child{padding-bottom:4px}.topik-w-bar{margin-inline:calc(-1 * var(--w-gutter));padding-inline:var(--w-gutter)}.topik-w-list .topik-ms{margin-inline:calc(-1 * var(--w-gutter))}@supports (field-sizing:content){.topik-w-essay__text,.topik-w-essay__text.is-long{min-height:calc(5lh + 28px)}}.topik-w-card .topik-q-actions{gap:8px}.topik-w-card .topik-q-actions .btn{flex:auto;justify-content:center}.topik-exam-room{--w-gutter:24px}.topik-w-review__btns{width:100%}.topik-w-review__btns .btn{flex:auto;justify-content:center}}@media (width<=480px){.topik-exam-room{--w-gutter:16px}}.topik-exam-questions .topik-w-list.is-split .is-essay>.topik-w-ask{max-height:calc(100vh - 264px)}@media (width<=768px),(height<=560px){.topik-exam-room .topik-exam-questions .topik-w-list.is-split .is-essay>.topik-w-ask{max-height:calc(100vh - var(--topbar-h) - var(--topik-q-toolbar-h) - 24px)}}.topik-result-actions{flex-wrap:wrap;gap:8px}.topik-w-review{margin-bottom:16px}.topik-w-review__head{max-width:var(--w-col,832px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-inline:auto;display:flex}.topik-w-review__info{min-width:0}.topik-w-review__title{color:var(--text);margin:0 0 2px;font-size:clamp(15px,2.4vw,17px);font-weight:800}.topik-w-review__meta{color:var(--text-muted);margin:0;font-size:13px}.topik-w-review__btns{flex-wrap:wrap;gap:8px;display:flex}.topik-w-review__head+.topik-w-list{margin-top:16px}.topik-wi-block,.topik-wi-note{max-width:var(--w-col,832px);margin-inline:auto}.topik-wi-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.topik-wi-tools{flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.topik-wi-pick{flex:280px;align-items:center;gap:6px;min-width:0;max-width:360px;display:flex}.topik-wi-field{min-width:0;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.topik-wi-pick .topik-wi-field{flex:1}.exercise-input.topik-wi-select{flex:1;width:auto;min-width:0;padding:6px 10px;font-size:14px}.exercise-input.topik-wi-minutes{width:72px;padding:6px 8px;font-size:14px}.topik-wi-timer{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.topik-wi-clock{font-variant-numeric:tabular-nums;color:var(--text);font-size:16px;font-weight:800}.topik-wi-clock.is-over{color:var(--danger-strong)}.topik-wi-over{color:var(--danger-strong);flex-basis:100%;margin:0;font-size:13px;font-weight:700}.topik-wi-note{text-align:center;color:var(--text-muted);margin-top:16px;margin-bottom:0;padding:24px 16px;font-size:14px}.topik-wi>.topik-w-list{margin-top:16px}.topik-g{margin-top:14px}:where(.topik-g) p{margin:0}.topik-g .is-good{--g-soft:var(--success-soft);--g-ink:var(--success-strong);--g-line:var(--success)}.topik-g .is-mid{--g-soft:var(--warning-soft);--g-ink:var(--warning-strong);--g-line:var(--warning)}.topik-g .is-bad{--g-soft:var(--danger-soft);--g-ink:var(--danger-strong);--g-line:var(--danger)}.topik-g .is-info{--g-soft:var(--info-soft);--g-ink:var(--info-strong);--g-line:var(--info)}.topik-g .is-muted{--g-soft:var(--bg);--g-ink:var(--text-secondary);--g-line:var(--border)}.topik-g-bar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.topik-g-bar__note{min-width:0;color:var(--text);flex:220px;font-size:13px;line-height:1.5}.topik-g-bar__quota{color:var(--accent-strong);flex:none;font-size:12px;font-weight:700}.topik-g-wait,.topik-g-error,.topik-g-stale{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;line-height:1.5}.topik-g-wait,.topik-g-error{margin-top:10px}.topik-g-wait{background:var(--info-soft);color:var(--info-strong)}.topik-g-error{background:var(--danger-soft);color:var(--danger-strong)}.topik-g-stale{background:var(--warning-soft);color:var(--warning-strong)}.topik-g-result{flex-direction:column;gap:12px;margin-top:12px;display:flex}.topik-g-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--text);padding:14px;font-size:13px;line-height:1.6}.topik-g-box.is-score{border-color:var(--accent-light)}.topik-g-title{color:var(--accent-strong);margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.4}.topik-g-line{margin-bottom:8px}.topik-g-line:last-child{margin-bottom:0}.topik-g-foot{color:var(--text-secondary);margin-top:10px;font-size:12px;font-style:italic;line-height:1.5}.topik-g-reason{color:var(--text-secondary);margin-top:4px}.topik-g-total{color:var(--text-secondary);align-items:baseline;gap:6px;margin-bottom:12px;font-weight:700;display:flex}.topik-g-total strong{color:var(--accent);font-size:32px;font-weight:800;line-height:1}.topik-g-criteria{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.topik-g-criteria li{border-top:1px dashed var(--border);padding-top:10px}.topik-g-criterion{align-items:baseline;gap:10px;display:flex}.topik-g-criterion__name{flex:1 1 0;min-width:0;font-weight:700}.topik-g-criterion__name [lang=ko]{font-family:var(--font-ko);color:var(--text-secondary);font-weight:400}.topik-g-criterion__band{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:12px}.topik-g-criterion__score{color:var(--accent-strong);flex:none;font-weight:800}.topik-g-map{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.topik-g-map li{align-items:flex-start;gap:10px;display:flex}.topik-g-map li>div{min-width:0}.topik-g-mark{border:1px solid var(--g-line);background:var(--g-soft);width:22px;height:22px;color:var(--g-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.topik-g-map__text{overflow-wrap:anywhere;font-weight:700}.topik-g-map__status{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px}.topik-g-map__status strong{color:var(--g-ink)}.topik-g-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.topik-g-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.topik-g-chip b{color:var(--accent-strong)}.topik-g-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.topik-g-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topik-g-fbs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.topik-g-fb{border:1px solid var(--border);border-left:4px solid var(--g-line);border-radius:var(--radius-sm);background:var(--bg);padding:10px 12px}.topik-g-fb__head{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:8px;display:flex}.topik-g-kind{background:var(--g-soft);color:var(--g-ink);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.topik-g-tag{color:var(--text-secondary);font-size:12px;font-weight:700}.topik-g-rows{flex-direction:column;gap:4px;margin:0;display:flex}.topik-g-row{grid-template-columns:104px minmax(0,1fr);gap:0 10px;display:grid}.topik-g-row dt{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.75}.topik-g-row dd{overflow-wrap:anywhere;min-width:0;margin:0}.topik-g-row dd[lang=ko]{font-family:var(--font-ko)}.topik-g-blank{color:var(--text);align-items:baseline;gap:8px;display:flex}.topik-g-blank__mark{font-family:var(--font-ko);color:var(--accent);flex:none;font-size:18px;line-height:1}.topik-g-blank__answer{min-width:0;font-family:var(--font-ko);overflow-wrap:anywhere;flex:1}.topik-g-blank__answer.is-empty{color:var(--text-muted);font-family:inherit;font-style:italic;font-weight:400}.topik-g-blank__score{color:var(--accent-strong);flex:none}.topik-g-checks{flex-wrap:wrap;gap:6px;margin:10px 0;padding:0;list-style:none;display:flex}.topik-g-checks li{background:var(--g-soft);color:var(--g-ink);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.topik-g-box>.topik-g-fbs{margin:10px 0}.topik-g-box>.topik-g-rows+.topik-g-rows,.topik-g-box>.topik-g-fbs+.topik-g-rows{margin-top:10px}.topik-g-finds{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.topik-g-finds li{border-radius:var(--radius-sm);background:var(--warning-soft);padding:8px 10px}.topik-g-find__label{color:var(--warning-strong);font-weight:700}.topik-g-samples{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.topik-g-samples code{border:1px solid var(--border);background:var(--surface);font-family:var(--font-ko);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;padding:1px 6px;font-size:12px}.topik-g-points{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.topik-g-modes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topik-g-modes li{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.topik-g-modes li>span{min-width:0;color:var(--text-secondary);flex:200px}.topik-g-box>.topik-g-wait{margin-top:10px}.topik-g-rewrite{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.topik-g-title+.topik-g-rewrite{border-top:0;margin-top:0;padding-top:0}.topik-g-subtitle{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:800}.topik-g-rewrite__text{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-ko);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;font-size:14px;line-height:1.9}.topik-g-rewrite .topik-g-line,.topik-g-changes{margin-top:8px}.topik-g-changes summary{color:var(--accent-strong);cursor:pointer;font-weight:700}.topik-g-changes ul{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.topik-g-changes li{border-radius:var(--radius-sm);background:var(--bg);padding:8px 10px}.topik-g-changes [lang=ko]{font-family:var(--font-ko);overflow-wrap:anywhere}.topik-g-changes del{color:var(--danger-strong);-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.topik-g-changes ins{color:var(--success-strong);font-weight:700;text-decoration:none}.topik-g-change__why{color:var(--text-secondary);margin-top:2px}.topik-g-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topik-g-checks li{position:relative}@media (width<=640px){.topik-g-bar{padding:10px 12px}.topik-g-bar .btn,.topik-g-modes .btn{flex:auto;justify-content:center;min-height:38px}.topik-g-changes summary{padding-block:8px}.topik-g-criterion__name [lang=ko]{display:block}.topik-g-box{padding:12px}.topik-g-row{grid-template-columns:minmax(0,1fr)}.topik-g-row dt{line-height:1.5}.topik-g-rows{gap:6px}.topik-g-chip{padding:7px 12px}}.boss-fight-modal-i1{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.boss-fight-modal-i2{color:var(--slate-800);border:1px solid var(--gray-200);background:#fff;border-radius:28px;width:100%;max-width:580px;animation:.35s cubic-bezier(.16,1,.3,1) bossSlideUpFade;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.boss-fight-modal-i3{background:linear-gradient(135deg, var(--indigo-500), var(--indigo-600));color:#fff;flex-direction:column;gap:4px;padding:24px 28px;display:flex;position:relative}.boss-fight-modal-i4{letter-spacing:.5px;text-shadow:0 2px 4px #0000001a;align-items:center;gap:10px;padding-right:60px;font-size:20px;font-weight:950;display:flex}.boss-fight-modal-i5{color:#ffffffd9;padding-right:60px;font-size:13px;font-weight:700}.boss-fight-modal-i6{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:900;transition:background .2s;display:flex;position:absolute;top:24px;right:24px}.boss-fight-modal-i7{padding:28px}.boss-fight-modal-i8{background:linear-gradient(135deg, var(--slate-50), var(--slate-100));border:1px solid var(--gray-200);border-radius:24px;margin-bottom:24px;padding:20px;position:relative;box-shadow:inset 0 2px 4px #00000005}.boss-fight-modal-i9{opacity:.04;pointer-events:none;background-image:radial-gradient(#000 1px,#0000 1px),radial-gradient(#000 1px,#0000 1px);background-position:0 0,10px 10px;background-size:20px 20px;position:absolute;inset:0}.boss-fight-modal-i10{z-index:1;justify-content:space-between;gap:20px;margin-bottom:16px;display:flex;position:relative}.boss-fight-modal-i11{flex:1}.boss-fight-modal-i12{color:var(--slate-600);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:900;display:flex}.boss-fight-modal-i13{color:var(--tw-green-600)}.boss-fight-modal-i14{background:var(--gray-200);border-radius:5px;height:10px;overflow:hidden}.boss-fight-modal-i15{background:linear-gradient(90deg, var(--tw-green-500), var(--tw-green-600));height:100%;transition:width .3s}.boss-fight-modal-i16{text-align:right;flex:1}.boss-fight-modal-i17{color:var(--slate-600);flex-direction:row-reverse;justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:900;display:flex}.boss-fight-modal-i18{color:var(--tw-red-600)}.boss-fight-modal-i19{background:linear-gradient(90deg, var(--tw-red-400), var(--tw-red-500));height:100%;transition:width .3s}.boss-fight-modal-i20{z-index:1;justify-content:space-between;align-items:center;height:130px;padding:0 10px;display:flex;position:relative;overflow:hidden}.boss-fight-modal-i21{z-index:10;font-size:32px;animation:.9s cubic-bezier(.25,.46,.45,.94) forwards projectileHeroFly;position:absolute}.boss-fight-modal-i22{z-index:10;font-size:32px;animation:.9s cubic-bezier(.25,.46,.45,.94) forwards projectileBossFly;position:absolute}.boss-fight-modal-i23{color:#ff9f1c;text-align:center;text-shadow:0 2px 4px #0000001a;z-index:11;font-size:16px;font-weight:950;animation:1s ease-out forwards damageTextFloat;position:absolute;top:10%;right:15%}.boss-fight-modal-i24{color:var(--tw-red-500);font-size:18px}.boss-fight-modal-i25{color:var(--red-bright);text-align:center;text-shadow:0 2px 4px #0000001a;z-index:11;font-size:16px;font-weight:950;animation:1s ease-out forwards damageTextFloat;position:absolute;top:10%;left:15%}.boss-fight-modal-i26{object-fit:contain;mix-blend-mode:multiply;height:80px;transform:scaleX(-1)}.boss-fight-modal-i27{color:#fff;background:linear-gradient(135deg, var(--red-bright), #df2020);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:950;animation:.8s infinite alternate pulseVs;display:flex;box-shadow:0 4px 10px #ef44444d}.boss-fight-modal-i28{object-fit:contain;mix-blend-mode:multiply;height:80px}.boss-fight-modal-i29{color:var(--slate-500);text-align:center;border:1px solid var(--gray-200);z-index:1;background:#fff;border-radius:14px;margin-top:8px;padding:10px 14px;font-size:12px;font-weight:800;position:relative}.boss-fight-modal-i30{background:var(--slate-50);border:1px solid var(--gray-200);border-radius:18px;margin-bottom:20px;padding:18px 22px}.boss-fight-modal-i31{color:var(--slate-500);justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.boss-fight-modal-i32{color:var(--indigo-500)}.boss-fight-modal-i33{background:var(--gray-200);border-radius:3px;height:6px;margin-bottom:14px;overflow:hidden}.boss-fight-modal-i34{background:linear-gradient(90deg, var(--indigo-500), var(--indigo-600));height:100%;transition:width .25s}.boss-fight-modal-i35{color:var(--slate-900);margin:0;font-size:16px;font-weight:850;line-height:1.6}.boss-fight-modal-i36{flex-direction:column;gap:12px;display:flex}.boss-fight-modal-i37{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:12px;font-size:12px;font-weight:900;transition:all .2s;display:inline-flex}.boss-fight-modal-i38{flex-grow:1}.boss-fight-modal-i39{text-align:center;padding:10px 0}.boss-fight-modal-i40{margin-bottom:16px;font-size:65px}.boss-fight-modal-i41{margin-bottom:8px;font-size:22px;font-weight:900}.boss-fight-modal-i42{color:var(--slate-500);margin-bottom:20px;font-size:14px;font-weight:700}.boss-fight-modal-i43{color:var(--indigo-600);font-size:18px;font-weight:900}.boss-fight-modal-i44{background:var(--slate-50);border:1px solid var(--gray-200);color:var(--slate-600);border-radius:20px;margin-bottom:28px;padding:18px;font-size:13px;font-weight:700;line-height:1.6}.boss-fight-modal-i45{gap:14px;display:flex}.boss-fight-modal-i46{border:2px solid var(--gray-300);color:var(--slate-600);background:#fff;border-radius:16px;flex:1;margin:0;padding:14px 20px}.boss-fight-modal-i47{background:linear-gradient(135deg, var(--indigo-600), var(--tw-violet-600));box-shadow:0 5px 0 var(--indigo-800);border-radius:16px;flex:1;margin:0;padding:14px 20px}.boss-fight-modal-i48{border:2px dashed var(--orange-400);background:var(--orange-50);width:100%;color:var(--warning);cursor:pointer;border-radius:12px;margin-top:16px;padding:10px 16px;font-size:12px;font-weight:900}.onboarding-page-i1{vertical-align:middle;border-radius:6px;margin:0 4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.onboarding-page-i2{margin:0;font-size:18px;font-weight:800}.onboarding-page-i3{margin-bottom:10px}.onboarding-page-i4{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:12px;font-weight:700}.onboarding-page-i5{flex:1}.onboarding-page-i6{flex-direction:column;align-items:flex-start;display:flex}.onboarding-page-i7{color:var(--text-secondary);font-size:11px;font-weight:600}.onboarding-page-i8{background:var(--green-deep);box-shadow:0 5px 0 var(--green-600)}.onboarding-page-i9{flex-direction:column;align-items:center;width:100%;display:flex}.onboarding-page-i10{border:3px dashed var(--gray-300);background:linear-gradient(135deg,#fffffff2,#f7fafcf2);border-radius:28px;margin-top:20px;padding:24px;position:relative;box-shadow:0 10px 30px #0000000a}.onboarding-page-i11{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.onboarding-page-i12{flex-direction:column;flex:1 0 150px;gap:10px;max-width:175px;display:flex}.onboarding-page-i13{background:linear-gradient(160deg, var(--lavender-50), var(--lavender-100));border:2px solid var(--purple-200);text-align:center;border-radius:18px;padding:14px 10px 12px}.onboarding-page-i14{color:var(--purple-600);letter-spacing:.4px;font-size:10.5px;font-weight:900}.onboarding-page-i15{color:var(--purple-700);text-shadow:0 2px #fffc;font-size:44px;font-weight:900;line-height:1.05}.onboarding-page-i16{color:var(--purple-500);background:#ffffffd9;border-radius:8px;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:800;display:inline-block}.onboarding-page-i17{color:var(--lavender-400);margin-top:5px;font-size:8.5px;font-weight:700}.onboarding-page-i18{background:var(--border);border:2px solid var(--gray-300);text-align:center;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px;display:flex}.onboarding-page-i19{color:var(--text-secondary);letter-spacing:.3px;font-size:10px;font-weight:900}.onboarding-page-i20{filter:grayscale()opacity(.5);font-size:28px}.onboarding-page-i21{color:var(--text-secondary);font-size:11px;font-weight:900}.onboarding-page-i22{color:var(--text-muted);font-size:8.5px;font-weight:700}.onboarding-page-i23{flex-direction:column;flex:99 300px;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:220px;padding:20px;display:flex}.onboarding-page-i24{font-size:48px;animation:2s infinite bounce}.onboarding-page-i25{color:var(--text);margin:0;font-size:18px;font-weight:900}.onboarding-page-i26{color:var(--text-secondary);text-align:center;max-width:350px;margin:0;font-size:12px;font-weight:700;line-height:1.4}.onboarding-page-i27{color:var(--teal-500);background:var(--teal-50);border:2px solid var(--teal-100);letter-spacing:1.5px;border-radius:14px;margin-top:6px;padding:8px 20px;font-family:monospace;font-size:26px;font-weight:900;box-shadow:0 4px 12px #3197951a}.onboarding-page-i28{background:linear-gradient(135deg, var(--purple-500), var(--purple-600));color:#fff;box-shadow:0 4px 0 var(--purple-700);cursor:pointer;border:none;border-radius:14px;margin-top:10px;padding:12px 20px;font-size:13px;font-weight:900}.onboarding-page-i29{background:linear-gradient(135deg, var(--orange-400), var(--warning));color:#fff;box-shadow:0 4px 0 var(--warning-strong);cursor:pointer;border:none;border-radius:12px;margin-top:14px;padding:8px 16px;font-size:12px;font-weight:900}.onboarding-page-i30{border:3px solid var(--pink-400);background:#fff;border-radius:28px;margin-top:20px;padding:24px;position:relative;box-shadow:0 12px 32px #ff8fab1f}.onboarding-page-i31{border:2px solid var(--orange-200);text-align:center;background:linear-gradient(160deg,#fff8ec,#ffeed6);border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px;display:flex}.onboarding-page-i32{color:#975a16;letter-spacing:.3px;font-size:10px;font-weight:900}.onboarding-page-i33{font-size:28px;transition:filter .3s}.onboarding-page-i34{color:var(--warning);font-size:11px;font-weight:900}.onboarding-page-i35{color:var(--warning-strong);font-size:8.5px;font-weight:700}.onboarding-page-i36{flex-direction:column;flex:99 300px;min-width:0;display:flex}.onboarding-page-i37{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.onboarding-page-i38{color:var(--text);margin:0;font-size:16px;font-weight:900}.onboarding-page-i39{color:var(--text-secondary);margin:2px 0 0;font-size:12px;font-weight:700}.onboarding-page-i40{color:var(--accent)}.onboarding-page-i41{color:var(--text-muted);margin:4px 0 0;font-size:11px;font-weight:600;line-height:1.35}.onboarding-page-i42{gap:6px;margin-bottom:14px;display:flex}.onboarding-page-i43{border-radius:4px;flex:1;height:7px;transition:background .3s}.onboarding-page-i44{flex:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch;gap:10px;display:grid}.onboarding-page-i45{color:#fff;letter-spacing:.3px;border-radius:8px;padding:2px 9px;font-size:9px;font-weight:900;position:absolute;top:-10px;left:12px}.onboarding-page-i46{color:var(--green-deep);font-size:18px;font-weight:900;position:absolute;top:10px;right:14px}.onboarding-page-i47{align-items:center;gap:8px;padding-right:20px;display:flex}.onboarding-page-i48{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.onboarding-page-i49{min-width:0}.onboarding-page-i50{font-size:13px;font-weight:900}.onboarding-page-i51{color:var(--text-secondary);font-size:10px;font-weight:700}.onboarding-page-i52{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.onboarding-page-i53{height:100%;transition:width .3s}.onboarding-page-i54{color:var(--success);margin-top:auto;font-size:11px;font-weight:900}.onboarding-page-i55{border-radius:9px;align-self:flex-start;margin-top:auto;padding:6px 12px;font-size:11px}.onboarding-page-i56{color:var(--text-secondary);margin-top:14px;font-size:11px;font-weight:700}.onboarding-page-i57{justify-content:center;margin-top:20px;display:flex}.onboarding-page-i58{color:#fff;text-align:center;border:none;border-radius:20px;width:100%;padding:16px 24px;font-size:15px;font-weight:900;transition:all .1s;transform:translateY(0)}.onboarding-page-i59{transition:all .3s}.onboarding-page-i60{color:var(--text-secondary);margin:3px 0 0;font-size:11px;font-weight:600;line-height:1.35}.onboarding-page-i61{margin-top:8px}.onboarding-page-i62{font-size:20px}.onboarding-page-i63{border-radius:6px;padding:2px 6px;font-size:9px;font-weight:900}.onboarding-page-i64{align-items:center;gap:6px;margin-top:8px;display:flex}.onboarding-page-i65{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.onboarding-page-i66{color:var(--blue-600);background:#f0f4f8;border:1px dashed #2b6cb033;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.onboarding-page-i67{background:var(--purple-50);color:var(--purple-600);border:1px dashed #6b46c133;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.onboarding-page-i68{background:var(--success-soft);color:var(--success-strong);border:1px dashed #22543d33;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.onboarding-page-i69{cursor:default}.onboarding-page-i70{border-top:2px dotted var(--gray-300);flex:1;margin:0 4px}.onboarding-page-i71{color:var(--green-700);border:2px solid var(--green-deep);cursor:not-allowed;box-shadow:none;background:0 0;border-radius:12px;padding:10px 18px;font-weight:800}.onboarding-page-i72{background:var(--gray-300);color:var(--text-muted);cursor:not-allowed;box-shadow:none;border-radius:12px;padding:10px 18px}.onboarding-page-i73{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboarding-page-i74{color:var(--text);border:3px solid var(--pink);background:#fff;border-radius:24px;width:100%;max-width:400px;animation:.25s ease-out slideUpFade;overflow:hidden;box-shadow:0 20px 50px #00000026}.onboarding-page-i75{background:var(--red-bright);color:#fff;text-align:center;padding:18px}.onboarding-page-i76{font-size:18px;font-weight:900}.onboarding-page-i77{text-align:center;padding:20px}.onboarding-page-i78{color:var(--gray-600);margin:0;font-size:14px;font-weight:700;line-height:1.5}.onboarding-page-i79{color:var(--danger-strong);margin:12px 0 0;font-size:13px;font-weight:800;line-height:1.4}.onboarding-page-i80{border-top:2.5px solid var(--border);background:var(--bg);gap:12px;padding:12px 20px;display:flex}.onboarding-page-i81{border-radius:14px;flex:1;margin:0;padding:12px 20px}.onboarding-page-i82{background:var(--red-bright);box-shadow:0 5px 0 var(--red-bright-deep);border-radius:14px;flex:1;margin:0;padding:12px 20px}.onboarding-page-i83{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboarding-page-i84{color:var(--text);border:3px solid var(--tw-orange-200);background:#fff;border-radius:24px;width:100%;max-width:420px;animation:.25s ease-out slideUpFade;overflow:hidden;box-shadow:0 20px 50px #0003}.onboarding-page-i85{background:linear-gradient(135deg, var(--orange-300), var(--orange-400));color:#fff;text-align:center;padding:20px}.onboarding-page-i86{margin-bottom:6px;font-size:28px}.onboarding-page-i87{font-size:17px;font-weight:900}.onboarding-page-i88{color:var(--gray-600);margin:0;font-size:14px;font-weight:700;line-height:1.6}.onboarding-page-i89{background:#fffaf5;flex-direction:column;gap:10px;padding:12px 20px 20px;display:flex}.onboarding-page-i90{background:var(--orange-400);box-shadow:0 4px 0 var(--orange-600);border-radius:14px;width:100%;margin:0;padding:13px 20px}.onboarding-page-i91{border-radius:14px;width:100%;margin:0;padding:13px 20px}.onboarding-page-i92{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboarding-page-i93{color:var(--text);border:4px solid var(--teal-100);background:#fff;border-radius:28px;width:100%;max-width:500px;animation:.3s ease-out slideUpFade;overflow:hidden;box-shadow:0 20px 60px #0003}.onboarding-page-i94{background:var(--teal-500);color:#fff;padding:20px 24px;position:relative}.onboarding-page-i95{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.onboarding-page-i96{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;font-weight:900;position:absolute;top:20px;right:20px}.onboarding-page-i97{padding:24px}.onboarding-page-i98{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.onboarding-page-i99{background:var(--border);border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden}.onboarding-page-i100{background:var(--teal-500);height:100%;transition:width .2s}.onboarding-page-i101{color:var(--text);margin-bottom:20px;font-size:16px;font-weight:900;line-height:1.5}.onboarding-page-i102{flex-direction:column;gap:10px;display:flex}.onboarding-page-i103{text-align:center;padding:10px 0}.onboarding-page-i104{margin-bottom:12px;font-size:50px}.onboarding-page-i105{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:900}.onboarding-page-i106{color:var(--text-secondary);margin-bottom:20px;font-size:14px;font-weight:700}.onboarding-page-i107{color:var(--teal-500);font-size:18px;font-weight:900}.onboarding-page-i108{background:var(--border-light);border:1px solid var(--border);color:var(--gray-600);border-radius:16px;margin-bottom:24px;padding:16px;font-size:13px;font-weight:700;line-height:1.5}.onboarding-page-i109{gap:12px;display:flex}.onboarding-page-i110{background:var(--teal-500);box-shadow:0 5px 0 var(--teal-800);border-radius:14px;flex:1;margin:0;padding:12px 20px}.onboarding-page-i111{border:2px dashed var(--orange-400);background:var(--orange-50);width:100%;color:var(--warning);cursor:pointer;border-radius:12px;margin-top:16px;padding:10px 16px;font-size:12px;font-weight:900}.profile-page-i1{justify-content:center;padding-top:100px;display:flex}.profile-page-i2{vertical-align:middle;width:28px;height:28px;margin-right:8px}.profile-page-i3{width:24px;height:24px}.profile-page-i4{display:none}.profile-page-i5{width:14px;height:14px}.profile-page-i6{color:var(--accent);margin-top:2px;font-size:15px;font-weight:600}.profile-page-i7{background:var(--purple);border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;font-size:12px;display:inline-flex}.profile-page-i8{color:var(--text-secondary)}.profile-page-i9{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s}.profile-page-i10{vertical-align:middle;width:14px;height:14px}.profile-page-i11{background:var(--yellow)}.profile-page-i12{background:var(--pink)}.profile-page-i13{background:var(--green)}.profile-page-i14{background:var(--blue)}.profile-page-i15{margin-top:24px}.profile-page-i16{gap:8px;display:flex}.profile-page-i17{color:var(--text-muted);margin-top:2px;font-size:11px}.profile-page-i18{color:var(--accent)}.profile-page-i19{font-size:13px}.profile-page-i20{height:10px;margin-top:12px}.profile-page-i21{transition:width 1s cubic-bezier(.4,0,.2,1)}.profile-page-i22{text-align:center;color:var(--text-muted);padding:40px}.profile-page-i23{margin-bottom:12px;font-size:48px}.profile-page-i24{width:18px;height:18px}.avatar-i1{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar-i2{box-sizing:content-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.avatar-i3{z-index:2;filter:drop-shadow(0 2px 4px #00000026);position:absolute;top:-2px;right:-2px}.avatar-i4{z-index:3;border:2px solid #fff;border-radius:50%;position:absolute}.dm-layout{background:var(--bg);height:100%;min-height:100%;display:flex}.dm-list{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;min-height:0;display:flex}.dm-list-header{border-bottom:1px solid var(--border-light);padding:14px 16px 10px}.dm-list-title{font-family:var(--font-display);color:var(--accent);align-items:center;gap:8px;margin:0 0 10px;font-size:18px;font-weight:400;display:flex}.dm-search{position:relative}.dm-search-icon{width:15px;height:15px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.dm-search-input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;font:inherit;color:var(--text);border-radius:12px;outline:none;padding:9px 12px 9px 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.dm-search-input::placeholder{color:var(--text-muted)}.dm-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dm-search-results{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin-top:8px;overflow:hidden}.dm-search-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.dm-search-item:hover,.dm-search-item:focus-visible{background:var(--surface-hover)}.dm-search-item:disabled{opacity:.6;cursor:default}.dm-search-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.dm-search-username{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:11px}.dm-search-hint{color:var(--text-muted);padding:10px 12px;font-size:12px}.dm-conversations{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.dm-conversations::-webkit-scrollbar{width:6px}.dm-conversations::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dm-conv{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dm-conv:hover,.dm-conv:focus-visible{background:var(--surface-hover)}.dm-conv.active{background:var(--pink-100)}.dm-conv-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dm-conv-top,.dm-conv-bottom{align-items:center;gap:6px;display:flex}.dm-conv-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.dm-conv-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.dm-conv-preview{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.dm-conv-preview em{color:var(--text-muted);font-style:italic;font-weight:400}.dm-conv-unread .dm-conv-preview{color:var(--text);font-weight:600}.dm-conv-badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;flex-shrink:0;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;line-height:16px}.dm-thread{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dm-thread-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.dm-back-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.dm-back-btn svg{width:20px;height:20px}.dm-back-btn:hover{background:var(--surface-hover);color:var(--accent)}.dm-peer-btn{cursor:pointer;min-width:0;font:inherit;text-align:left;color:var(--text);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.dm-peer-btn:hover,.dm-peer-btn:focus-visible{background:var(--surface-hover)}.dm-peer-text{flex-direction:column;min-width:0;display:flex}.dm-peer-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.dm-peer-sub{color:var(--text-muted);font-size:11px}.dm-peer-online{color:var(--success)}.dm-messages{flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px 20px 8px;display:flex;overflow-y:auto}.dm-messages::-webkit-scrollbar{width:6px}.dm-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dm-day{border:1px solid var(--border-light);background:var(--surface);color:var(--text-muted);border-radius:999px;align-self:center;margin:10px 0 6px;padding:2px 10px;font-size:11px;font-weight:700}.dm-msg{align-items:flex-end;gap:8px;max-width:72%;display:flex}.dm-msg-first{margin-top:6px}.dm-msg-own{flex-direction:row-reverse;align-self:flex-end}.dm-msg-avatar{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.dm-msg-avatar-gap{flex-shrink:0;width:28px}.dm-bubble-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.dm-msg-own .dm-bubble-wrap{align-items:flex-end}.dm-bubble{border:1px solid var(--border-light);background:var(--surface);color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:8px 12px;font-size:14px;line-height:1.5}.dm-msg-own .dm-bubble{background:var(--accent);border-color:var(--accent);color:#fff}.dm-msg-own .dm-bubble a{color:#fff}.dm-bubble-recalled,.dm-msg-own .dm-bubble-recalled{background:var(--bg);border-color:var(--border-light);color:var(--text-muted);font-style:italic}.dm-msg-meta{color:var(--text-muted);align-items:center;gap:8px;padding:0 4px;font-size:11px;display:flex}.dm-recall-btn{color:var(--danger);font:inherit;cursor:pointer;opacity:0;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;transition:opacity .15s}.dm-msg:hover .dm-recall-btn,.dm-recall-btn:focus-visible{opacity:1}.dm-seen{color:var(--success);font-weight:600}.dm-input-area{margin-top:8px;position:relative}.dm-send-icon{width:20px;height:20px}.dm-voice-picker{flex-shrink:0;position:static}.dm-voice-btn{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s;display:flex}.dm-voice-btn svg{width:18px;height:18px}.dm-voice-btn:hover,.dm-voice-btn:focus-visible,.dm-voice-btn.active{background:var(--pink-100);border-color:var(--accent);color:var(--accent)}.dm-voice-btn:disabled{opacity:.5;cursor:default}.dm-voice-menu{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:300px;max-width:calc(100% - 24px);box-shadow:var(--shadow-lg);z-index:20;animation:.15s fadeIn;position:absolute;bottom:calc(100% + 8px);right:12px;overflow:hidden}.dm-voice-menu-head{border-bottom:1px solid var(--border-light);background:var(--pink-100);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.dm-voice-menu-title{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.dm-voice-menu-hint{color:var(--text-muted);font-size:11px}.dm-voice-menu-empty{color:var(--text-muted);text-align:center;padding:16px 14px;font-size:12px}.dm-voice-menu-list{max-height:260px;padding:6px;overflow-y:auto}.dm-voice-menu-list::-webkit-scrollbar{width:6px}.dm-voice-menu-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dm-voice-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dm-voice-item:hover,.dm-voice-item:focus-visible{background:var(--surface-hover)}.dm-voice-item:disabled{opacity:.55;cursor:default}.dm-voice-item-icon{flex-shrink:0;line-height:0;display:flex}.dm-voice-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dm-voice-item-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.dm-voice-item-lock{font-size:11px}.dm-voice-item-here{color:var(--success);font-size:11px;font-weight:600}.dm-voice-item-count{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:600}.dm-voice-item-full{color:var(--danger)}.dm-invite{box-sizing:border-box;border:1px solid var(--green-deep);background:var(--green);width:280px;max-width:100%;color:var(--text);border-radius:16px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.dm-invite-expired{border-color:var(--border);background:var(--bg)}.dm-invite-head{align-items:center;gap:10px;display:flex}.dm-invite-icon{flex-shrink:0;line-height:0;display:flex}.dm-invite-text{flex-direction:column;min-width:0;display:flex}.dm-invite-label{color:var(--text-secondary);font-size:11px;font-weight:600}.dm-invite-room{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.dm-invite-expired .dm-invite-room{color:var(--text-muted)}.dm-invite-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.dm-invite-expiry{color:var(--success-strong);font-size:11px;font-weight:600}.dm-invite-expiry-over{color:var(--text-muted)}.dm-invite-join{flex-shrink:0;padding:6px 12px}.dm-invite-join:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.dm-thread-empty{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.dm-loading{justify-content:center;padding:24px;display:flex}.dm-error{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.dm-error p{margin:0 0 10px}@media (width<=768px){.dm-list{border-right:none;width:100%}.dm-thread-open .dm-list,.dm-layout:not(.dm-thread-open) .dm-thread{display:none}.dm-back-btn{display:inline-flex}.dm-msg{max-width:86%}.dm-messages{padding:12px 12px 6px}.dm-recall-btn{opacity:1}.dm-voice-menu{width:auto;max-width:none;left:8px;right:8px}.dm-invite{width:100%}}@media (hover:none){.dm-recall-btn{opacity:1}}.fr-page{box-sizing:border-box;max-width:760px;margin:0 auto;padding:24px 20px 40px}.fr-head{margin-bottom:14px}.fr-title{font-family:var(--font-display);color:var(--accent);align-items:center;gap:8px;margin:0 0 4px;font-size:24px;font-weight:400;display:flex}.fr-intro{color:var(--text-secondary);margin:0;font-size:13px}.fr-search{position:relative}.fr-search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.fr-search-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;font:inherit;color:var(--text);border-radius:12px;outline:none;padding:11px 14px 11px 38px;font-size:14px;transition:border-color .15s,box-shadow .15s}.fr-search-input::placeholder{color:var(--text-muted)}.fr-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fr-search-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:8px;padding:6px}.fr-hint{color:var(--text-muted);padding:10px 12px;font-size:13px}.fr-section{border:1px solid var(--border-light);border-radius:var(--radius);background:var(--surface);margin-top:18px;padding:14px 10px 8px}.fr-section-title{color:var(--text);align-items:center;gap:8px;margin:0 0 6px;padding:0 6px;font-size:14px;font-weight:800;display:flex}.fr-section-count{background:var(--pink-100);min-width:20px;color:var(--accent);text-align:center;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px}.fr-section .ui-empty{padding:18px 12px 22px}.fr-rows{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.fr-row{border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px;transition:background .15s;display:flex}.fr-row:hover{background:var(--surface-hover)}.fr-person{cursor:pointer;text-align:left;min-width:0;font:inherit;color:var(--text);background:0 0;border:none;border-radius:10px;flex:220px;align-items:center;gap:10px;padding:2px;display:flex}.fr-person:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fr-person-text{flex-direction:column;gap:1px;min-width:0;display:flex}.fr-name,.fr-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fr-name{font-size:14px;font-weight:700}.fr-sub{color:var(--text-muted);font-size:12px}.fr-sub-online{color:var(--success)}.fr-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.fr-act{font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.fr-act:disabled{opacity:.6;cursor:default}.fr-act-add{background:var(--accent);color:#fff}.fr-act-add:hover:not(:disabled){background:var(--accent-light)}.fr-act-accept{background:var(--success);color:#fff}.fr-act-accept:hover:not(:disabled){background:var(--green-600)}.fr-act-muted{background:var(--bg);color:var(--text-secondary);border-color:var(--border)}.fr-act-muted:hover:not(:disabled){background:var(--surface-hover)}.fr-act-soft{background:var(--pink-100);color:var(--accent)}.fr-act-soft:hover:not(:disabled){background:var(--pink-200)}.fr-act-leaf{background:var(--green);color:var(--green-700)}.fr-act-leaf:hover:not(:disabled){background:var(--green-100)}.fr-act-ghost{color:var(--text-muted);background:0 0}.fr-act-ghost:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.fr-tag{color:var(--blue-600);padding:0 4px;font-size:12px;font-weight:700}.fr-loading{justify-content:center;padding:32px;display:flex}.fr-error{text-align:center;color:var(--text-secondary);padding:24px 16px;font-size:13px}.fr-error p{margin:0 0 10px}@media (width<=768px){.fr-page{padding:16px 12px 32px}}.study-room-constants-i1{flex-shrink:0}.study-room-constants-i2{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:2px;display:flex}.study-room-constants-i3{width:13px;height:13px}.admin-voice-chip{background:var(--bg);border:1px solid var(--gray-200);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 12px;display:flex}.admin-voice-chip__group{align-items:center;gap:6px;font-size:12.5px;display:flex}.admin-voice-chip__label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:700}.admin-voice-chip .admin-input{width:auto;max-width:200px}.admin-voice-chip__range{width:110px;accent-color:var(--accent)}.admin-selectbar{background:var(--info-soft);border-bottom:1px solid var(--blue-100);color:var(--info-strong);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.admin-selectbar__link{font:inherit;color:var(--info);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.admin-selectbar__link:disabled{opacity:.6;cursor:wait}.admin-thumb{width:44px;height:44px;position:relative}.admin-thumb__img{border:1px solid var(--gray-200);background:var(--bg);cursor:zoom-in;border-radius:8px;width:44px;height:44px;overflow:hidden}.admin-thumb__img canvas,.admin-thumb__img img{object-fit:cover!important}.admin-thumb__remove{border:2px solid var(--surface);background:var(--danger);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.admin-thumb__remove:disabled{opacity:.5;cursor:not-allowed}.admin-thumb__empty{border:1px dashed var(--gray-300);width:44px;height:44px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.admin-word{flex-direction:column;gap:1px;display:flex}.admin-word__pron{color:var(--text-muted);font-size:12px}.admin-tags{flex-wrap:wrap;gap:4px;display:flex}.admin-audio{align-items:center;gap:4px;display:flex}.admin-hidden-input{display:none}.admin-audio-box{background:var(--bg);border:1px solid var(--gray-200);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.admin-audio-box__title{font-size:13px;font-weight:800}.admin-audio-box__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-audio-box__file{font-size:13px}.admin-audio-box__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-presets{flex-wrap:wrap;gap:6px;display:flex}.admin-target{background:var(--bg);border:1px solid var(--gray-200);border-radius:10px;padding:12px 14px}.admin-target__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.admin-target__word{font-family:var(--font-ko);margin-top:4px;font-size:20px;font-weight:800}.admin-target__pron{font-family:var(--font-ui);color:var(--text-muted);margin-left:6px;font-size:13px;font-weight:500}.admin-target__meaning{color:var(--text-secondary);margin-top:2px;font-size:13px}.admin-price{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.admin-imggen__status{background:var(--bg);border:1px solid var(--gray-200);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.admin-imggen__done{color:var(--success-strong);font-size:13px;font-weight:800}.admin-imggen__preview{text-align:center}.admin-imggen__img{border:1px solid var(--gray-200);border-radius:10px;max-width:100%;max-height:320px}.admin-gommo{background:var(--bg);border:1px solid var(--gray-200);border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex}.admin-gommo__head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:800}.admin-gommo__section-head{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.admin-gommo__value{color:var(--accent);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.admin-gommo__server{background:var(--surface);border:1px solid var(--gray-200);border-radius:10px;padding:10px 12px}.admin-gommo__server+.admin-gommo__server{margin-top:8px}.admin-gommo__server-name{letter-spacing:.04em;font-size:11.5px;font-weight:800}.admin-gommo__server-note{color:var(--text-muted);margin:2px 0 8px;font-size:12px}.admin-gommo__opts{flex-wrap:wrap;gap:6px;display:flex}.admin-gommo__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.admin-gommo__opt{border:1px solid var(--gray-200);background:var(--surface);font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.admin-gommo__opt:hover{border-color:var(--gray-300);color:var(--text)}.admin-gommo__opt.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-gommo__opt--wide{grid-column:span 2}.admin-gommo__adv-toggle{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12.5px;font-weight:700}.admin-gommo__adv{flex-direction:column;gap:10px;display:flex}@media (width<=640px){.admin-audio-box__grid{grid-template-columns:1fr}.admin-voice-chip .admin-input{max-width:100%}}.admin-farm-kv{grid-template-columns:minmax(120px,max-content) minmax(0,1fr);column-gap:16px;font-size:13px;display:grid}.admin-farm-kv__key,.admin-farm-kv__val{border-bottom:1px dashed var(--border);padding:7px 0}.admin-farm-kv__key{color:var(--text-secondary);font-weight:600}.admin-farm-kv__val{overflow-wrap:anywhere;min-width:0}.admin-farm-kv>:nth-last-child(-n+2){border-bottom:none}.admin-stats.admin-stats--5{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-stats--5>*{grid-column:span 2}.admin-stats--5>:nth-child(n+4){grid-column:span 3}.admin-stat--teal .admin-stat__icon{background:var(--teal-50)}.admin-farm-lock{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-farm-lock .admin-input{flex:220px;min-width:0}@container admin-body (width<=740px){.admin-stats.admin-stats--5{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats--5>:nth-child(n){grid-column:auto}.admin-stats--5>:last-child{grid-column:1/-1}}@container admin-body (width<=440px){.admin-farm-kv{grid-template-columns:minmax(0,1fr)}.admin-farm-kv__key{border-bottom:none;padding-bottom:0}}.admin-farm-sound-list{margin:0;padding:0;list-style:none}.admin-farm-sound-help{gap:2px;margin:0;padding-left:18px;display:grid}.admin-farm-sound{transition:border-color .15s,background-color .15s}.admin-batch-row.admin-farm-sound--drop{border-color:var(--accent);background:var(--accent-soft)}.admin-farm-sound__badges{flex-wrap:wrap;gap:6px;display:flex}.admin-farm-sound__hint{color:var(--text-secondary);flex-basis:100%;font-size:12px}.admin-farm-sound__files{flex-direction:column;flex-basis:100%;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin-farm-sound__file{background:var(--surface);border:1px solid var(--gray-200);border-radius:8px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.admin-farm-sound__file-name{overflow-wrap:anywhere;flex:160px;min-width:0;font-weight:600}.admin-farm-sound__steps{border-left:2px dashed var(--gray-200);flex-direction:column;gap:8px;margin:8px 0 0 16px;padding:0 0 0 12px;list-style:none;display:flex}.admin-farm-sound__busy{color:var(--text-secondary);flex-basis:100%;align-items:center;gap:8px;font-size:12px;display:flex}.admin-farm-sound__pick{position:relative}.admin-farm-sound__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-farm-sound__pick:has(input:disabled){opacity:.5;cursor:not-allowed}.admin-farm-sound__pick:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.admin-vr-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-vr-bar__counts{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.admin-vr-bar__actions{flex-wrap:wrap;gap:8px;display:flex}.admin-vr-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:12px;display:grid}.admin-vr-word{border:1px solid var(--border);background:var(--surface);border-left-width:4px;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.admin-vr-word--approved{border-left-color:var(--green-600)}.admin-vr-word--draft{border-left-color:var(--warning-strong)}.admin-vr-word--none{border-left-color:var(--gray-200)}.admin-vr-word__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.admin-vr-word__title{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-vr-word__ko{font-size:18px;font-weight:700}.admin-vr-word__hanja{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.admin-vr-list-edit{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.admin-vr-item{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:6px;display:grid}.admin-vr-add{align-self:flex-start}.admin-vr-word__foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@container admin-body (width<=440px){.admin-vr-word__hanja{grid-template-columns:minmax(0,1fr)}.admin-vr-item{grid-template-columns:minmax(0,1fr) auto}.admin-vr-item>:nth-child(2){grid-column:1}.admin-vr-item>:nth-child(3){grid-area:1/2/span 2}}.ai-usage{flex-direction:column;gap:16px;display:flex}.ai-usage-detail{scroll-margin-top:12px}.admin-stats.ai-usage-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-usage-stats .admin-stat>div:last-child{min-width:0}.ai-usage-stats .admin-stat__value{overflow-wrap:anywhere}.ai-usage-stat--teal .admin-stat__icon{background:var(--teal-50)}.ai-usage-stat--purple .admin-stat__icon{background:var(--purple-50)}.ai-usage-help{color:var(--text-secondary);font-size:12.5px}.ai-usage-help summary{cursor:pointer;color:var(--text);width:fit-content;font-weight:700}.ai-usage-help ul{gap:4px;margin:8px 0 0;padding-left:18px;line-height:1.5;display:grid}.ai-usage-lost__icon{flex-shrink:0}.ai-usage-lost__body{overflow-wrap:anywhere;gap:6px;min-width:0;display:grid}.ai-usage-lost__body p{margin:0}.ai-usage-lost__body ul{gap:2px;margin:0;padding-left:18px;display:grid}.ai-usage-tools{flex:360px;justify-content:flex-end}.ai-usage-search{flex:180px;width:auto;min-width:0;max-width:240px}.ai-usage-cell{flex-direction:column;gap:1px;min-width:0;display:flex}.ai-usage-sub{color:var(--text-muted);font-size:11.5px}.ai-usage-warn{color:var(--warning-strong);font-weight:700}.ai-usage-person{flex-direction:column;gap:1px;min-width:0;display:flex}.ai-usage-person__name{overflow-wrap:anywhere;white-space:normal;font-weight:700}.admin-table.ai-usage-table th,.ai-usage-split{white-space:normal}.ai-usage-person .ai-usage-sub,.ai-usage-model{overflow-wrap:anywhere}.ai-usage-table tbody tr.is-picked td{background:var(--accent-soft)}.ai-usage-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.ai-usage-totals>div{border:1px solid var(--border);background:var(--bg);border-radius:10px;min-width:0;padding:10px 12px}.ai-usage-totals dt{color:var(--text-secondary);font-size:11.5px;font-weight:700}.ai-usage-totals dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:15px;font-weight:800}.ai-usage-totals dd.ai-usage-sub{margin-top:1px;font-size:11.5px;font-weight:400}.ai-usage-subhead{margin:0;font-size:13px;font-weight:800}.ai-usage-framed{border:1px solid var(--border);border-radius:10px;overflow:hidden}.ai-usage-prices{margin:0;padding:0;list-style:none}.ai-usage-price{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:flex-end;gap:10px 16px;padding:12px 0;display:flex}.ai-usage-price:first-child{padding-top:0}.ai-usage-price:last-child{border-bottom:none;padding-bottom:0}.ai-usage-price__name{flex:240px;min-width:0}.ai-usage-price__title{overflow-wrap:anywhere;font-size:13.5px;font-weight:700}.ai-usage-price__for,.ai-usage-price__used{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.ai-usage-price__drop{color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.ai-usage-price__fields{flex-wrap:wrap;gap:10px;display:flex}.ai-usage-price__field{width:170px}.ai-usage-price__field .admin-input.is-invalid{border-color:var(--danger)}.ai-usage-add:not(:first-child){border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.ai-usage-add__row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.ai-usage-add__row>.admin-input:not(.admin-input--auto){flex:220px;min-width:0;max-width:360px}.ai-usage-add__row>.admin-input[aria-invalid=true]{border-color:var(--danger)}.ai-usage-add__msg{color:var(--danger)}.ai-usage-foot{flex-wrap:wrap;gap:8px 12px}.ai-usage-foot>.admin-field__hint{flex:220px;min-width:0}@container admin-body (width<=740px){.admin-stats.ai-usage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container admin-body (width<=640px){.admin-table.ai-usage-table thead{display:none}.admin-table.ai-usage-table,.admin-table.ai-usage-table tbody{width:100%;display:block}.admin-table.ai-usage-table tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:28px;padding:10px 14px;display:grid;position:relative}.admin-table.ai-usage-table tbody tr:last-child{border-bottom:none}.admin-table.ai-usage-table td{white-space:normal;text-align:right;border-bottom:none;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:3px 0;display:flex}.admin-table.ai-usage-table td:before{content:attr(data-label);text-align:left;max-width:50%;color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600}.admin-table.ai-usage-table td.admin-table__text{min-width:0}.admin-table.ai-usage-table td.ai-usage-table__head{text-align:left;grid-column:1/-1;padding-bottom:6px;font-size:13.5px}.admin-table.ai-usage-table td.ai-usage-table__head:before{content:none}.admin-table.ai-usage-table .ai-usage-cell,.admin-table.ai-usage-table .ai-usage-person{align-items:flex-end}.admin-table.ai-usage-table .ai-usage-table__head .ai-usage-person{align-items:flex-start}.admin-table.ai-usage-table tbody tr:hover td,.admin-table.ai-usage-table tbody tr.is-picked td{background:0 0}.admin-table.ai-usage-table tbody tr.is-picked{background:var(--accent-soft)}.admin-table.ai-usage-table td.admin-table__cell-actions{box-shadow:none;background:0 0;padding:0;position:absolute;top:8px;right:14px}.admin-table.ai-usage-table td.admin-table__cell-actions:before{content:none}.admin-table.ai-usage-table--wide td.ai-usage-table__head{padding-right:84px}.admin-table.ai-usage-table tr.admin-table__state td{text-align:center;grid-column:1/-1;padding:24px 0;display:block}.admin-table.ai-usage-table tr.admin-table__state td:before{content:none}}@container admin-body (width<=800px){.admin-table.ai-usage-table--wide thead{display:none}.admin-table.ai-usage-table--wide,.admin-table.ai-usage-table--wide tbody{width:100%;display:block}.admin-table.ai-usage-table--wide tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:28px;padding:10px 14px;display:grid;position:relative}.admin-table.ai-usage-table--wide tbody tr:last-child{border-bottom:none}.admin-table.ai-usage-table--wide td{white-space:normal;text-align:right;border-bottom:none;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:3px 0;display:flex}.admin-table.ai-usage-table--wide td:before{content:attr(data-label);text-align:left;max-width:50%;color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600}.admin-table.ai-usage-table--wide td.admin-table__text{min-width:0}.admin-table.ai-usage-table--wide td.ai-usage-table__head{text-align:left;grid-column:1/-1;padding-bottom:6px;font-size:13.5px}.admin-table.ai-usage-table--wide td.ai-usage-table__head:before{content:none}.admin-table.ai-usage-table--wide .ai-usage-cell,.admin-table.ai-usage-table--wide .ai-usage-person{align-items:flex-end}.admin-table.ai-usage-table--wide .ai-usage-table__head .ai-usage-person{align-items:flex-start}.admin-table.ai-usage-table--wide tbody tr:hover td,.admin-table.ai-usage-table--wide tbody tr.is-picked td{background:0 0}.admin-table.ai-usage-table--wide tbody tr.is-picked{background:var(--accent-soft)}.admin-table.ai-usage-table--wide td.admin-table__cell-actions{box-shadow:none;background:0 0;padding:0;position:absolute;top:8px;right:14px}.admin-table.ai-usage-table--wide td.admin-table__cell-actions:before{content:none}.admin-table.ai-usage-table--wide td.ai-usage-table__head{padding-right:84px}.admin-table.ai-usage-table--wide tr.admin-table__state td{text-align:center;grid-column:1/-1;padding:24px 0;display:block}.admin-table.ai-usage-table--wide tr.admin-table__state td:before{content:none}}@container admin-body (width<=440px){.ai-usage-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-usage-price__fields,.ai-usage-price__field{width:100%}.ai-usage-add__row>.admin-input,.ai-usage-add__row>.admin-btn{flex:100%;max-width:none}}@media (width<=640px){.ai-usage-tools{justify-content:flex-start}.ai-usage-tools>.admin-input{flex:100%;max-width:none}}.ai-provider{flex-direction:column;gap:16px;display:flex}.ai-provider-choices{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.ai-provider-choices>legend{margin-bottom:8px;padding:0}.ai-provider-choice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:flex-start;gap:10px;min-width:0;padding:12px 14px;display:flex}.ai-provider-choice:hover{background:var(--surface-hover)}.ai-provider-choice.is-active{border-color:var(--accent);background:var(--accent-soft)}.ai-provider-choice:has(>input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ai-provider-choice>input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:2px 0 0}.ai-provider-choice__text{flex-direction:column;gap:4px;min-width:0;display:flex}.ai-provider-choice__name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.ai-provider-choice__desc{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12.5px}.ai-provider-vision{flex-direction:column;gap:8px;min-width:0;display:flex}.ai-provider-choices--four{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-provider-vision>.admin-field__hint{margin:0}.ai-provider-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-provider-row>.admin-input{flex:260px;min-width:0}.ai-provider .admin-field__hint{overflow-wrap:anywhere}.ai-model-box{flex:260px;min-width:0;position:relative}.ai-model-box>.admin-input{display:block}.ai-model-box.has-list>.admin-input{padding-right:38px}.ai-model-toggle{width:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:0 7px 7px 0;place-items:center;padding:0;display:grid;position:absolute;top:1px;bottom:1px;right:1px}.ai-model-toggle:hover{color:var(--text);background:var(--surface-hover)}.ai-model-toggle:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.ai-model-toggle[aria-expanded=true]:before{transform:translateY(2px)rotate(-135deg)}.ai-model-pop{z-index:5;overscroll-behavior:contain;border:1px solid var(--gray-200);background:var(--surface);max-height:min(320px,55vh);box-shadow:var(--shadow-lg);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ai-model-pop--empty{color:var(--text-secondary);overflow-wrap:anywhere;padding:10px 12px;font-size:12.5px}.ai-model-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.ai-model-option.is-active{background:var(--accent-soft)}.ai-model-option__text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.ai-model-option__id{color:var(--text);overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;font-weight:700}.ai-model-option.is-selected .ai-model-option__id{color:var(--accent)}.ai-model-option__note{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}@media (prefers-reduced-motion:reduce){.ai-model-toggle:before{transition:none}}.ai-provider-call{flex-wrap:wrap;align-items:flex-start;gap:6px 10px;display:flex}.ai-provider-call__text{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;flex:240px;font-size:13px}.ai-provider-call__text b{color:var(--text)}.ai-provider-foot{flex-wrap:wrap;gap:8px 12px}.ai-provider-foot>.admin-field__hint{flex:240px;min-width:0}.ai-provider-actions{flex-wrap:wrap;gap:8px;display:flex}@container admin-body (width<=760px){.ai-provider-choices{grid-template-columns:minmax(0,1fr)}}@container admin-body (width<=960px){.ai-provider-choices--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@container admin-body (width<=520px){.ai-provider-choices--four{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.ai-provider-row>.admin-btn,.ai-provider-actions{flex:100%}.ai-provider-actions>.admin-btn{flex:1 1 0}}.admin-shell{max-width:1320px;color:var(--text);margin:0 auto;padding:24px 28px 56px;font-size:14px}.admin-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.admin-header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:800}.admin-header__title{font-family:var(--font-display);color:var(--text);font-size:26px;font-weight:400;line-height:1.15}.admin-header__desc{color:var(--text-secondary);margin-top:4px;font-size:13px}.admin-header__side{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-nav{background:var(--surface);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:20px;padding:4px}.admin-nav__track{flex-wrap:wrap;gap:2px;display:flex}.admin-nav__btn{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.admin-nav__btn:hover{background:var(--bg);color:var(--text)}.admin-nav__btn.is-active{background:var(--accent-soft);color:var(--accent)}.admin-nav__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.admin-nav__icon{font-size:14px}.admin-panel{flex-direction:column;gap:16px;display:flex}.admin-denied{text-align:center;background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius);max-width:520px;margin:48px auto;padding:40px 28px}.admin-denied__icon{margin-bottom:12px;font-size:44px}.admin-denied__title{margin-bottom:6px;font-size:18px;font-weight:800}.admin-denied__text{color:var(--text-secondary);font-size:13.5px}.admin-section__body--cq{container:admin-body/inline-size}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-stat{background:var(--surface);border:1px solid var(--gray-200);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.admin-stat__icon{background:var(--bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.admin-stat--blue .admin-stat__icon{background:var(--blue)}.admin-stat--pink .admin-stat__icon{background:var(--pink)}.admin-stat--green .admin-stat__icon{background:var(--green)}.admin-stat--yellow .admin-stat__icon{background:var(--yellow)}.admin-stat__value{font-size:24px;font-weight:800;line-height:1.1}.admin-stat__label{color:var(--text-secondary);margin-top:3px;font-size:12.5px}.admin-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-shortcuts>:last-child:nth-child(3n+1){grid-column:1/-1}.admin-shortcut{background:var(--surface);border:1px solid var(--gray-200);text-align:left;font:inherit;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.admin-shortcut:hover{border-color:var(--accent-light);box-shadow:var(--shadow-sm)}.admin-shortcut__icon{flex-shrink:0;font-size:22px}.admin-shortcut__name{font-size:13.5px;font-weight:700;display:block}.admin-shortcut__desc{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}@container admin-body (740px<width<=820px){.admin-stat{gap:10px;padding:14px}.admin-stat__icon{border-radius:10px;width:40px;height:40px;font-size:19px}.admin-stat__value{font-size:22px}}@container admin-body (width<=740px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container admin-body (width<=680px){.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shortcuts>:last-child:nth-child(3n+1){grid-column:auto}.admin-shortcuts>:last-child:nth-child(odd){grid-column:1/-1}}@container admin-body (width<=440px){.admin-shortcuts{grid-template-columns:1fr}}@container admin-body (width<=420px){.admin-stats{gap:10px}.admin-stat{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.admin-stat__icon{border-radius:9px;width:34px;height:34px;font-size:17px}.admin-stat__value{font-size:20px}}.admin-section{background:var(--surface);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:14px}.admin-section--accent{border-color:var(--pink-200)}.admin-section--warning{border-color:var(--orange-200)}.admin-section__head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.admin-section__title{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.admin-section__desc{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.admin-section__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-section__actions--search{flex-wrap:nowrap;flex:280px;align-items:stretch;max-width:440px}.admin-section__body{padding:18px}.admin-section__body--flush{padding:0}.admin-section__body--stack{flex-direction:column;gap:16px;display:flex}.admin-section__foot{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 14px 14px;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.admin-section__foot--between{justify-content:space-between}.admin-group{flex-direction:column;gap:14px;display:flex}.admin-group+.admin-group{border-top:1px dashed var(--gray-200);padding-top:18px}.admin-group__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-group__title{align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.admin-group__desc{color:var(--text-secondary);margin-top:-8px;font-size:12.5px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-toolbar__search{flex:240px;min-width:180px}.admin-toolbar__spacer{flex:auto}.admin-toolbar__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-input{border:1px solid var(--gray-200);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 12px;font-size:13.5px;line-height:1.4;transition:border-color .15s,box-shadow .15s;display:block}.admin-input::placeholder{color:var(--text-muted)}.admin-input:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.admin-input:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}.admin-input--sm{padding:6px 10px;font-size:12.5px}.admin-input--mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.admin-input--auto{width:auto}textarea.admin-input{resize:vertical;min-height:84px}select.admin-input{cursor:pointer}.admin-field{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-field__label{color:var(--text-secondary);font-size:12px;font-weight:700}.admin-field__label--req:after{content:" *";color:var(--danger)}.admin-field__hint{color:var(--text-muted);font-size:12px;line-height:1.45}.admin-field__row{align-items:center;gap:8px;display:flex}.admin-field__row>.admin-input{flex:1}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.admin-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-form-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-span-2{grid-column:1/-1}@container admin-body (width<=720px){.admin-form-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-grid--3>:first-child{grid-column:1/-1}}.admin-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.admin-check input{accent-color:var(--accent);width:15px;height:15px}.admin-check-row{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.admin-check-row__label{color:var(--text-secondary);font-size:12.5px;font-weight:700}.admin-form-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-btn{background:var(--surface);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;line-height:1.3;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--primary{background:var(--accent);color:#fff}.admin-btn--primary:hover:not(:disabled){background:var(--accent-strong)}.admin-btn--secondary{border-color:var(--gray-200)}.admin-btn--secondary:hover:not(:disabled){background:var(--bg);border-color:var(--gray-300)}.admin-btn--ghost{color:var(--text-secondary);background:0 0}.admin-btn--ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.admin-btn--danger{background:var(--danger-soft);border-color:var(--red-100);color:var(--danger-strong)}.admin-btn--danger:hover:not(:disabled){background:var(--red-100)}.admin-btn--success{background:var(--success-soft);border-color:var(--green-100);color:var(--success-strong)}.admin-btn--success:hover:not(:disabled){background:var(--green-100)}.admin-btn--sm{border-radius:7px;padding:5px 10px;font-size:12px}.admin-btn--icon{width:30px;height:30px;padding:0;font-size:13px}.admin-btn--block{width:100%}.admin-badge{white-space:nowrap;background:var(--bg);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1.4;display:inline-flex}.admin-badge--pink{background:var(--pink);color:var(--accent-strong)}.admin-badge--purple{background:var(--purple-50);color:var(--purple-600)}.admin-badge--blue{background:var(--blue);color:var(--blue-600)}.admin-badge--green{background:var(--green);color:var(--green-600)}.admin-badge--yellow{background:var(--yellow);color:var(--warning-strong)}.admin-badge--gray{background:var(--gray-200);color:var(--gray-600)}.admin-badge--danger{background:var(--danger-soft);color:var(--danger-strong)}.admin-badge--lg{padding:6px 12px;font-size:12.5px}.admin-table-wrap{scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent;overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.admin-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--gray-200);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:10px 14px}.admin-table td.admin-table__text{white-space:normal;min-width:160px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--surface-hover)}.admin-table__strong{font-weight:700}.admin-table__muted{color:var(--text-muted)}.admin-table__num{font-variant-numeric:tabular-nums}.admin-table__ko{font-family:var(--font-ko);font-size:14px;font-weight:700}.admin-table__actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.admin-table .admin-table__cell-actions{z-index:1;text-align:right;background:var(--surface);box-shadow:inset 1px 0 0 var(--border);position:sticky;right:0}.admin-table th.admin-table__cell-actions{background:var(--bg)}.admin-table__state td{text-align:center;color:var(--text-muted);padding:36px 14px;font-weight:600}.admin-table__state td:hover{background:0 0}.admin-col--check{width:40px;padding-right:0}.admin-col--thumb{width:64px}.admin-col--id{width:60px}.admin-check-cell input{accent-color:var(--accent);cursor:pointer;width:15px;height:15px;display:block}.admin-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:13.5px;font-weight:600;display:flex}.admin-alert{border:1px solid var(--gray-200);background:var(--bg);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.admin-alert--info{background:var(--info-soft);border-color:var(--blue-100);color:var(--info-strong)}.admin-alert--warning{background:var(--warning-soft);border-color:var(--orange-200);color:var(--warning-strong)}.admin-alert--danger{background:var(--danger-soft);border-color:var(--red-100);color:var(--danger-strong)}.admin-alert--success{background:var(--success-soft);border-color:var(--green-100);color:var(--success-strong)}.admin-alert__actions{flex-shrink:0;margin-left:auto}.admin-progress{flex-direction:column;gap:8px;display:flex}.admin-progress__head{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.admin-progress__meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.admin-progress .progress-bar{background:var(--gray-200);height:8px}.admin-modal{border-radius:14px;flex-direction:column;max-width:560px;max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden}.admin-modal--lg{max-width:720px}.admin-modal--xl{max-width:860px}.admin-modal>form{flex-direction:column;flex:auto;min-height:0;display:flex}.admin-modal__head,.admin-modal .admin-subtabs,.admin-modal__footer{flex-shrink:0}.admin-modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.admin-modal__title{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.admin-modal__desc{color:var(--text-secondary);margin-top:4px;font-size:12.5px}.admin-modal__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.admin-modal__body>*{flex-shrink:0}.admin-modal__footer{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.admin-modal__footer--between{justify-content:space-between}.admin-subtabs{border-bottom:1px solid var(--gray-200);scrollbar-width:none;gap:2px;padding:0 6px;display:flex;overflow-x:auto}.admin-subtabs::-webkit-scrollbar{display:none}.admin-subtabs__btn{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:600}.admin-subtabs__btn:hover{color:var(--text)}.admin-subtabs__btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}.admin-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.admin-pagination__btn{border:1px solid var(--gray-200);background:var(--surface);min-width:32px;height:32px;font:inherit;color:var(--text);cursor:pointer;border-radius:8px;padding:0 10px;font-size:12.5px;font-weight:700}.admin-pagination__btn:hover:not(:disabled,.is-active){background:var(--bg)}.admin-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.admin-pagination__btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-pagination__ellipsis{color:var(--text-muted);padding:0 4px}.admin-section>.admin-pagination{border-top:1px solid var(--border)}.admin-user{align-items:center;gap:10px;min-width:0;display:flex}.admin-user__avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.admin-user__name{font-weight:700}.admin-user__email{color:var(--text-muted);font-size:12px}.admin-bot-list{flex-direction:column;gap:12px;display:flex}.admin-bot{background:var(--surface);border:1px solid var(--gray-200);border-radius:12px;gap:14px;padding:14px 16px;transition:opacity .2s;display:flex}.admin-bot.is-disabled{opacity:.55}.admin-bot__avatar{object-fit:cover;background:var(--bg);border-radius:12px;flex-shrink:0;width:52px;height:52px}.admin-bot__emoji{background:var(--bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.admin-bot__main{flex:1;min-width:0}.admin-bot__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-bot__name{font-size:14.5px;font-weight:800}.admin-bot__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.admin-bot__actions{flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;gap:6px;display:flex}.admin-bot-voice{background:var(--bg);border:1px solid var(--gray-200);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.admin-bot-voice__avatar{object-fit:cover;background:var(--surface);border-radius:50%;flex-shrink:0;width:48px;height:48px}.admin-bot-voice__info{flex:220px;min-width:0}.admin-bot-voice__name{font-size:14px;font-weight:800}.admin-bot-voice__desc{color:var(--text-secondary);font-size:12px}.admin-bot-voice__field{flex:0 300px}.admin-scenarios{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.admin-scenario{background:var(--surface);border:1px solid var(--gray-200);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.admin-scenario__head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-scenario__emoji{background:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.admin-scenario__title{flex:1;min-width:0;font-size:14px;font-weight:800}.admin-scenario__id{color:var(--text-muted);font-size:11.5px;font-weight:600}.admin-scenario__actions{gap:4px;display:flex}.admin-scenario__desc{color:var(--text-secondary);padding:10px 14px 0;font-size:12.5px;line-height:1.5}.admin-scenario__turns{flex-direction:column;flex:1;gap:6px;max-height:220px;padding:10px 14px;display:flex;overflow-y:auto}.admin-scenario__turn{align-items:center;gap:8px;font-size:12.5px;display:flex}.admin-scenario__turn-role{flex-shrink:0}.admin-scenario__turn-text{min-width:0;font-family:var(--font-ko);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.admin-scenario__foot{border-top:1px solid var(--border);background:var(--bg);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.admin-batch-list{flex-direction:column;gap:8px;display:flex}.admin-batch-row{background:var(--bg);border:1px solid var(--gray-200);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-batch-row__name{flex:160px;min-width:0;font-weight:700}.admin-batch-row__meta{color:var(--text-secondary);font-size:12px}.admin-batch-row__voice{align-items:center;gap:6px;font-size:12.5px;display:flex}.admin-batch-row__voice .admin-input{width:180px}.admin-batch-row__actions{flex-wrap:wrap;gap:6px;display:flex}.admin-turn-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.admin-turn{background:var(--bg);border:1px solid var(--gray-200);border-radius:10px;grid-template-columns:130px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.admin-turn__actions{gap:4px;display:flex}.admin-turn__empty{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.admin-results{flex-direction:column;gap:6px;display:flex}.admin-results__row{border-bottom:1px dashed var(--border);justify-content:space-between;gap:8px;padding:6px 0;font-size:13px;display:flex}.admin-results__row:last-child{border-bottom:none}.admin-results__note{color:var(--text-secondary)}@media (width<=1000px){.admin-form-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-turn{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.admin-turn__actions{grid-area:1/3/span 2}}@media (width<=640px){.admin-shell{padding:16px 16px 40px}.admin-header{flex-direction:column;align-items:flex-start}.admin-header__title{font-size:22px}.admin-nav__track{scrollbar-width:none;flex-wrap:nowrap;padding-right:28px;scroll-padding-inline-end:28px;overflow-x:auto;-webkit-mask-image:linear-gradient(270deg,#0000,#000 28px);mask-image:linear-gradient(270deg,#0000,#000 28px)}.admin-nav__track::-webkit-scrollbar{display:none}.admin-subtabs{padding-right:28px;scroll-padding-inline-end:28px;-webkit-mask-image:linear-gradient(270deg,#0000,#000 28px),linear-gradient(#000,#000);mask-image:linear-gradient(270deg,#0000,#000 28px),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 100%,100% 1px;mask-size:100% 100%,100% 1px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.admin-form-grid,.admin-form-grid--3,.admin-form-grid--4,.admin-turn{grid-template-columns:1fr}.admin-turn__actions{grid-area:auto;justify-content:flex-end}.admin-section__body{padding:14px}.admin-section__head,.admin-section__foot{padding:12px 14px}.admin-bot{flex-wrap:wrap}.admin-bot__actions{justify-content:flex-start;width:100%}.admin-bot-voice{flex-wrap:wrap}.admin-bot-voice__field{flex:100%}.admin-modal__body{padding:14px 16px}.admin-modal__head,.admin-modal__footer{padding:12px 16px}}.left-channel-list-i1{align-items:center;gap:2px;padding-right:0;display:flex}.left-channel-list-i2{flex:1;position:relative}.left-channel-list-i3{pointer-events:none;z-index:0;flex-direction:column;align-items:center;padding:0 12px 20px;display:flex;position:absolute;bottom:54px;left:0;right:0}.left-channel-list-i4{flex-direction:column;align-items:center;transition:opacity .3s;display:flex;position:relative}.left-channel-list-i5{border:1.5px solid var(--gray-200);color:var(--text);text-align:center;background:#fff;border-radius:14px;max-width:160px;margin-bottom:6px;padding:8px 12px;font-size:11px;font-weight:700;line-height:1.4;position:relative}.left-channel-list-i6{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--gray-200);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.left-channel-list-i7{object-fit:contain;width:70%;max-width:170px}.left-channel-list-i8{z-index:1;flex-direction:column;align-items:center;gap:4px;padding:14px 14px 10px;display:flex;position:relative}.left-channel-list-i9{align-items:center;gap:10px;display:flex}.left-channel-list-i10{object-fit:contain;width:36px;height:36px}.left-channel-list-i11{color:var(--text);font-size:15px;font-weight:900;line-height:1.2}.left-channel-list-i12{color:var(--text-muted);font-size:11px;font-weight:600}.left-channel-list-i13{z-index:1;scrollbar-width:thin;flex:1;padding-bottom:16px;position:relative;overflow-y:auto}.left-channel-list-i14{object-fit:contain;width:56px;height:56px}.left-channel-list-i15{flex-direction:column;gap:1px;display:flex}.left-channel-list-i16{flex:1}.left-channel-list-i17{border-left:2px solid var(--accent-soft);flex-direction:column;gap:2px;margin-bottom:4px;margin-left:14px;padding-left:12px;display:flex}.left-channel-list-i18{position:relative}.left-channel-list-i19{color:var(--text-muted);font-size:10px;font-weight:600}.left-channel-list-i20{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.left-channel-list-i21{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.left-channel-list-i22{font-size:11px}.left-channel-list-i23{color:var(--success);margin-bottom:6px;font-size:11px;font-weight:700}.left-channel-list-i24{gap:6px;display:flex}.left-channel-list-i25{z-index:1;background:#ffffff80;border-top:1px solid #ffffff80;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.left-channel-list-i26{flex-shrink:0;position:relative}.left-channel-list-i27{object-fit:cover;border-radius:8px;width:32px;height:32px;display:block}.left-channel-list-i28{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.left-channel-list-i29{background:var(--green-deep);border:2px solid #fffc;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.left-channel-list-i30{flex:1;min-width:0}.left-channel-list-i31{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.left-channel-list-i32{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.left-channel-list-i32:hover{background:var(--danger-soft);color:var(--danger)}.left-channel-list-profile{min-width:0;font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:10px;margin:-4px -6px;padding:4px 6px;transition:background-color .2s;display:flex}.left-channel-list-profile:hover,.left-channel-list-profile[aria-current=page]{background:var(--accent-soft)}.left-channel-list-profile[aria-current=page] .left-channel-list-i31{color:var(--accent)}.left-channel-list-profile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.left-channel-list-i30>span{display:block}.left-channel-list-pill-action{padding-right:28px}.left-channel-list-i2>.sr-add-channel-btn{right:8px}.pomodoro-timer-i1{gap:8px;margin-top:12px;display:flex}.pomodoro-timer-i2{color:var(--text-muted);margin-top:8px;font-size:11px}.lofi-player-i1{position:relative}.lofi-player-i2{align-items:center;gap:6px;display:flex}.lofi-player-i3{flex-shrink:0;width:32px;height:32px;font-size:13px}.lofi-player-i4{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;min-width:0;padding:2px 0;font-family:inherit}.lofi-player-i5{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.lofi-player-i6{flex-shrink:0;width:26px;height:26px;font-size:10px}.lofi-player-i7{align-items:center;gap:6px;margin-top:8px;display:flex}.lofi-player-i8{font-size:11px}.lofi-player-i9{accent-color:var(--accent);flex:1;height:3px}.lofi-player-i10{color:var(--text-muted);min-width:26px;font-size:10px}.lofi-player-i11{z-index:999;position:fixed;inset:0}.lofi-player-i12{border:1.5px solid var(--gray-200);z-index:1000;background:#fff;border-radius:14px;margin-bottom:8px;padding:8px;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 8px 24px #0000001f}.lofi-player-i13{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px;font-size:11px;font-weight:700}.lofi-player-i14{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;transition:background .15s;display:flex}.lofi-player-i15{font-size:16px}.lofi-player-i16{color:var(--pink-deep);font-size:10px}.right-sidebar-i1{background:#e91e631f;border-style:none;height:1.5px;margin:14px 0}.right-sidebar-i2{margin-bottom:12px}.right-sidebar-i3{color:var(--purple-deep,var(--accent));text-transform:uppercase;align-items:center;gap:4px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.right-sidebar-i4{background:#e91e7b08;border-radius:8px;margin-bottom:2px}.right-sidebar-i5{flex:1;min-width:0}.right-sidebar-i6{color:var(--text);font-size:13px;font-weight:600}.right-sidebar-i7{color:var(--text-muted);font-size:11px}.right-sidebar-i8{color:var(--success);background:var(--success-soft);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.right-sidebar-i9{color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.right-sidebar-i10{color:var(--text-secondary);font-size:11px}.right-sidebar-i11{color:var(--text-secondary);font-size:13px;font-weight:600}.right-sidebar-i12{color:var(--text-muted);font-size:13px;font-weight:600}.right-sidebar-i13{z-index:99999;position:fixed;inset:0}.right-sidebar-i14{border:1px solid var(--border-light);z-index:100000;background:#fff;border-radius:8px;min-width:180px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #00000026}.right-sidebar-i15{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.right-sidebar-i16{width:28px;height:28px;color:var(--accent);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:opacity .15s,background .15s;display:inline-flex}.right-sidebar-i16 svg{width:16px;height:16px}.sr-member-item:hover .right-sidebar-i16,.right-sidebar-i16:focus-visible{opacity:1}.right-sidebar-i16:hover{background:var(--pink-100)}@media (hover:none){.right-sidebar-i16{opacity:1}}.voice-wave-bars-i1{height:3px}.voice-seats-grid-i1{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.voice-seats-grid-i2{cursor:pointer;position:relative}.voice-seats-grid-i3{border:1px solid var(--border-light);cursor:pointer;width:28px;height:28px;color:var(--accent);z-index:10;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000000f}.voice-seats-grid-i4{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.voice-seats-grid-i5{justify-content:center;align-items:center;height:14px;display:flex}.voice-seats-grid-i6{text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:700}.voice-seats-grid-i7{z-index:99999;position:fixed;inset:0}.voice-seats-grid-i8{border:1px solid var(--border-light);z-index:100000;background:#fff;border-radius:8px;min-width:180px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #00000026}.voice-seats-grid-i9{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.mimo-bot-controller-i1{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #e0799a33;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 20px;transition:all .3s;display:flex;box-shadow:0 8px 32px #805ad50f}.mimo-bot-controller-i2{flex:300px;align-items:center;gap:12px;display:flex}.mimo-bot-controller-i3{flex-shrink:0;width:44px;height:44px;position:relative}.mimo-bot-controller-i4{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:100%;height:100%;box-shadow:0 2px 8px #805ad526}.mimo-bot-controller-i5{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 1px 4px #0003}.mimo-bot-controller-i6{flex-direction:column;gap:2px;display:flex}.mimo-bot-controller-i7{align-items:center;gap:8px;display:flex}.mimo-bot-controller-i8{font-family:var(--font-display);color:var(--accent);margin:0;font-size:15px}.mimo-bot-controller-i9{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:flex}.mimo-bot-controller-i10{color:var(--text-muted);margin:0;font-size:12px}.mimo-bot-controller-i11{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mimo-bot-controller-i12{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #805ad540}.mimo-bot-controller-i13{background:var(--border-light);color:var(--gray-600);border:1px solid var(--gray-200);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:inline-flex}.mimo-bot-controller-i14{display:block}.mimo-bot-controller-i15{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:inline-flex}.mimo-bot-controller-i16{background:linear-gradient(135deg, var(--danger) 0%, var(--danger-strong) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444440}.mimo-bot-controller-i17{background:var(--border-light);color:var(--text-muted);border:1px solid var(--gray-200);cursor:not-allowed;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.mimo-bot-controller-i18{color:var(--accent);cursor:pointer;background:#805ad50f;border:1px solid #805ad51f;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.text-chat-view-i1{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.text-chat-view-i2{margin:auto}.text-chat-view-i3{font-size:48px}.text-chat-view-i4{align-items:start;gap:12px;display:flex}.text-chat-view-i5{cursor:pointer}.text-chat-view-i6{flex:1}.text-chat-view-i7{align-items:center;gap:8px;margin-bottom:2px;display:flex}.text-chat-view-i8{color:var(--text);cursor:pointer;font-size:13px;font-weight:700}.text-chat-view-i9{color:var(--danger,#f44336);cursor:pointer;opacity:.7;background:#f443361a;border:none;border-radius:4px;align-items:center;gap:3px;margin-left:8px;padding:2px 6px;font-size:11px;transition:all .2s;display:inline-flex}.text-chat-view-i10{width:12px;height:12px}.text-chat-view-i11{opacity:.6;width:14px;height:14px}.text-chat-view-i12{width:20px;height:20px}.create-room-modal-i1{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-room-modal-i2{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px;animation:.2s scaleIn;box-shadow:0 10px 25px #0000001a}.create-room-modal-i3{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;display:flex}.create-room-modal-i4{margin-bottom:16px}.create-room-modal-i5{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.create-room-modal-i6{width:100%;padding:10px 12px}.create-room-modal-i7{cursor:pointer;width:100%;padding:10px 12px}.create-room-modal-i8{gap:16px;display:flex}.create-room-modal-i9{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.create-room-modal-i10{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.create-room-modal-i11{border:1px solid var(--gray-200);background:var(--border-light);border-radius:6px;max-height:120px;padding:8px;overflow-y:auto}.create-room-modal-i12{color:var(--text-muted);text-align:center;padding:8px;font-size:12px}.create-room-modal-i13{cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.create-room-modal-i14{color:var(--text)}.create-room-modal-i15{justify-content:flex-end;gap:10px;display:flex}.invite-modal-i1{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invite-modal-i2{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px;animation:.2s scaleIn;box-shadow:0 10px 25px #0000001a}.invite-modal-i3{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;display:flex}.invite-modal-i4{margin-bottom:16px}.invite-modal-i5{width:100%;padding:10px 12px;font-size:13px}.invite-modal-i6{border:1px solid var(--gray-200);background:var(--border-light);border-radius:6px;max-height:250px;margin-bottom:20px;padding:8px;overflow-y:auto}.invite-modal-i7{color:var(--text-muted);text-align:center;padding:40px 20px;font-size:13px}.invite-modal-i8{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.invite-modal-i9{align-items:center;gap:8px;display:flex}.invite-modal-i10{text-align:left}.invite-modal-i11{color:var(--text);font-size:13px;font-weight:600}.invite-modal-i12{color:var(--text-secondary);font-size:11px}.invite-modal-i13{padding:4px 12px;font-size:12px}.invite-modal-i14{justify-content:flex-end;display:flex}.mimo-chat-history-modal-i1{z-index:10005}.mimo-chat-history-modal-i2{border:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-radius:24px;flex-direction:column;width:500px;max-width:90vw;height:450px;padding:24px;display:flex}.mimo-chat-history-modal-i3{top:16px;right:16px}.mimo-chat-history-modal-i4{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.mimo-chat-history-modal-i5{font-size:24px}.mimo-chat-history-modal-i6{color:var(--text);font-weight:800;font-family:var(--font-display);margin:0}.mimo-chat-history-modal-i7{color:var(--text-muted);margin:0;font-size:12px}.mimo-chat-history-modal-i8{flex-direction:column;flex:1;gap:10px;margin-bottom:8px;padding-right:6px;display:flex;overflow-y:auto}.mimo-chat-history-modal-i9{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.mimo-chat-history-modal-i10{font-size:48px}.mimo-chat-history-modal-i11{text-align:center;font-size:13px}.mimo-chat-history-modal-i12{flex:1}.mimo-chat-history-modal-i13{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.mimo-chat-history-modal-i14{font-weight:700}.mimo-chat-history-modal-i15{color:var(--text-muted);font-size:10px}.mimo-chat-history-modal-i16{color:var(--text-secondary);word-break:break-word;line-height:1.4}.mimo-chat-history-modal-i17{border-top:1px solid var(--border-light);justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.mimo-chat-history-modal-i18{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 20px;font-weight:700}.edit-bot-modal-i1{z-index:10006}.edit-bot-modal-i2{border:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-radius:24px;flex-direction:column;gap:16px;width:400px;max-width:90vw;padding:24px;display:flex}.edit-bot-modal-i3{font-family:var(--font-display);color:var(--accent);border-bottom:1px solid var(--border-light);margin:0;padding-bottom:12px;font-size:18px}.edit-bot-modal-i4{flex-direction:column;gap:16px;display:flex}.edit-bot-modal-i5{flex-direction:column;align-items:center;gap:8px;display:flex}.edit-bot-modal-i6{width:80px;height:80px;position:relative}.edit-bot-modal-i7{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:100%;height:100%}.edit-bot-modal-i8{background:var(--accent);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #00000026}.edit-bot-modal-i9{display:none}.edit-bot-modal-i10{color:var(--text-muted);font-size:11px}.edit-bot-modal-i11{color:var(--gray-600);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.edit-bot-modal-i12{border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.edit-bot-modal-i13{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.edit-bot-modal-i14{border-radius:12px;padding:8px 16px}.edit-bot-modal-i15{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 20px;font-weight:700}.study-room-i1{z-index:99;background:#0006;position:fixed;inset:0}.study-room-i2{align-items:center;gap:8px;display:flex}.study-room-i3{font-size:15px;font-weight:700}.study-room-i4{background:var(--bg);flex:1;overflow-y:auto}.study-room-i5{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 50%, var(--yellow) 100%);flex-direction:column;flex:1;align-items:center;gap:20px;padding:20px;display:flex;overflow-y:auto}.study-room-i6{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:24px;padding:32px}.study-room-i7{font-size:64px}.study-room-i8{flex-direction:column;gap:20px;width:100%;max-width:720px;display:flex}.study-room-i9{text-align:center;padding:40px}.study-room-i10{margin-bottom:8px;font-size:32px}.study-room-i11{color:var(--text-secondary);font-size:13px}.study-room-i12{color:var(--danger);font-size:13px}.study-room-i13{text-align:center;margin-top:8px}.study-room-i14{color:var(--text);font-size:18px;font-weight:800}.study-room-i15{color:var(--accent);font-size:13px;font-weight:600}.study-room-i16{justify-content:center;gap:6px;margin-top:6px;display:flex}.study-room-i17{font-size:11px}.study-room-i18{text-align:center;color:var(--text-muted);margin-top:8px;font-size:12px}.study-room-i19{background:var(--green-deep);color:#fff;z-index:10005;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s fadeInUp;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 12px #00000026}.study-room-i20{background:var(--pink-100);color:var(--accent);margin-bottom:0}.study-room-i20:hover{background:var(--pink-200)}.study-room-farm{background:var(--green);color:var(--green-700);margin-bottom:0}.study-room-farm:hover{background:var(--green-100)}.toast-i1{z-index:99999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast-i2{flex-shrink:0;margin-top:1px;display:flex}.toast-i3{flex:1}.toast-i4{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:-2px;margin-left:8px;padding:2px 4px;font-size:12px;font-weight:700;display:flex}}:root{--emo-ink:#6b3f55;--emo-ink-soft:#a07a8c;--emo-white:#fff;--emo-cream:#fff8ec;--emo-pink:#ffc2d4;--emo-pink-deep:#ff8fab;--emo-pink-pale:#ffe5ec;--emo-lilac:#dccbf7;--emo-lilac-deep:#ad90e6;--emo-lilac-pale:#f1eafd;--emo-mint:#bdebd3;--emo-mint-deep:#6fcb9c;--emo-sky:#c4e2ff;--emo-sky-deep:#7db7f0;--emo-sky-pale:#e8f4ff;--emo-butter:#ffe59b;--emo-butter-deep:#f5c24e;--emo-peach:#ffcfb0;--emo-peach-deep:#f29a6e;--emo-skin:#ffe1cc;--emo-grey:#ebe6ee;--emo-blush:#ff9fb8}.emo{width:var(--emo-size,1.15em);height:var(--emo-size,1.15em);vertical-align:-.2em;flex:none;display:inline-block;overflow:visible}.emo :where(path,circle,ellipse,rect,polygon,line){fill:none;stroke:var(--emo-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.emo .ns{stroke:none}.emo .tk{stroke-width:2.2px}.emo .u{stroke-width:3.2px}.emo .f-ink{fill:var(--emo-ink)}.emo .f-inks{fill:var(--emo-ink-soft)}.emo .f-wh{fill:var(--emo-white)}.emo .f-cr{fill:var(--emo-cream)}.emo .f-pk{fill:var(--emo-pink)}.emo .f-pkd{fill:var(--emo-pink-deep)}.emo .f-pkp{fill:var(--emo-pink-pale)}.emo .f-li{fill:var(--emo-lilac)}.emo .f-lid{fill:var(--emo-lilac-deep)}.emo .f-lip{fill:var(--emo-lilac-pale)}.emo .f-mi{fill:var(--emo-mint)}.emo .f-mid{fill:var(--emo-mint-deep)}.emo .f-sk{fill:var(--emo-sky)}.emo .f-skd{fill:var(--emo-sky-deep)}.emo .f-skp{fill:var(--emo-sky-pale)}.emo .f-bu{fill:var(--emo-butter)}.emo .f-bud{fill:var(--emo-butter-deep)}.emo .f-pe{fill:var(--emo-peach)}.emo .f-ped{fill:var(--emo-peach-deep)}.emo .f-sn{fill:var(--emo-skin)}.emo .f-gr{fill:var(--emo-grey)}.emo .f-bl{fill:var(--emo-blush);opacity:.75}.emo .k-wh{stroke:var(--emo-white)}.emo .k-pkd{stroke:var(--emo-pink-deep)}.emo .k-lid{stroke:var(--emo-lilac-deep)}.emo .k-skd{stroke:var(--emo-sky-deep)}.emo .k-mid{stroke:var(--emo-mint-deep)}.emo .k-bud{stroke:var(--emo-butter-deep)}.emo .k-ped{stroke:var(--emo-peach-deep)}.emo .k-inks{stroke:var(--emo-ink-soft)}.emo .o{stroke-width:4.4px}.emo :where(.i-wh,.i-pk,.i-sk,.i-mi,.i-li,.i-bu,.i-gr){stroke-width:1.2px}.emo .i-wh{stroke:var(--emo-white)}.emo .i-pk{stroke:var(--emo-pink)}.emo .i-sk{stroke:var(--emo-sky)}.emo .i-mi{stroke:var(--emo-mint)}.emo .i-li{stroke:var(--emo-lilac)}.emo .i-bu{stroke:var(--emo-butter)}.emo .i-gr{stroke:var(--emo-grey)}.emo--muted{filter:grayscale(.6);opacity:.7}.fm{--fm-paper:#fffdf7;--fm-cream:#fff6e4;--fm-ink:#33261f;--fm-ink-soft:#6b5a4e;--fm-ink-faint:#a8998c;--fm-line:#e8dccb;--fm-white:#fff;--fm-leaf:#8fd07a;--fm-leaf-deep:#4fa35a;--fm-leaf-pale:#e3f5d6;--fm-leaf-ink:#2f6b3a;--fm-soil:#c48a5e;--fm-soil-deep:#8a5534;--fm-soil-wet:#7a4a2e;--fm-soil-dry:#dcbb92;--fm-soil-pale:#f3e2cc;--fm-water:#7cc8f5;--fm-water-deep:#3d95d6;--fm-water-pale:#e2f3fd;--fm-water-ink:#1f5f8f;--fm-sun:#ffd45c;--fm-sun-deep:#e9a92a;--fm-sun-pale:#fff4cc;--fm-sun-ink:#7a5207;--fm-berry:#ff8fb8;--fm-berry-deep:#e0578a;--fm-berry-pale:#ffe4ef;--fm-berry-ink:#9c2a57;--fm-plum:#c3a6ff;--fm-plum-deep:#8b66e0;--fm-plum-pale:#f0e9ff;--fm-plum-ink:#4b2d91;--fm-tomato:#ff7a6b;--fm-tomato-deep:#d9483a;--fm-tomato-pale:#ffe6e1;--fm-tomato-ink:#8f2418;--fm-jade:#6fd6c0;--fm-jade-deep:#2fa88f;--fm-jade-pale:#dcf7f0;--fm-jade-ink:#1d6b5c;--fm-hay:#d8c07a;--fm-hay-deep:#a38a4a;--fm-hay-pale:#f6efd6;--fm-hay-ink:#6a5424;--fm-potato:#e8c37e;--fm-potato-deep:#c29445;--fm-rice:#f6e7b0;--fm-rice-deep:#d9b95a;--fm-root:#fbf5ea;--fm-root-deep:#e6cfa9;--fm-fur:#f4c48f;--fm-fur-deep:#d99a5b;--fm-fur-pale:#fff0dc;--fm-stone:#d5cfc6;--fm-stone-deep:#a29a8f;--fm-wood:#d9a066;--fm-wood-deep:#a8703f;--fm-blush:#ff9fb0;--fm-font-hand:"Mali", "Noto Sans KR", "Nunito", system-ui, sans-serif;--fm-font-ui:"Nunito", "Noto Sans KR", system-ui, sans-serif;--fm-font-num:"Coiny", "Mali", "Noto Sans KR", system-ui, sans-serif;--fm-font-ko:"Noto Sans KR", "Nunito", sans-serif;--fm-font-ko-hand:"Noto Sans KR", sans-serif;--fm-r-card:20px 24px 18px 26px / 24px 18px 26px 20px;--fm-r-soft:13px 16px 12px 17px / 16px 12px 17px 13px;--fm-r-btn:15px 18px 14px 19px / 18px 14px 19px 15px;--fm-r-bed:16px 20px 14px 22px / 20px 15px 22px 16px;--fm-line-w:2px;--fm-halo:drop-shadow(1.5px 0 0 var(--fm-white)) drop-shadow(-1.5px 0 0 var(--fm-white)) drop-shadow(0 1.5px 0 var(--fm-white)) drop-shadow(0 -1.5px 0 var(--fm-white));color:var(--fm-ink);font-family:var(--fm-font-ui);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}.fm *,.fm :before,.fm :after{box-sizing:border-box}:where(.fm) button,:where(.fm) input{font:inherit;color:inherit}.fm :focus-visible{outline:3px solid var(--fm-berry-deep);outline-offset:3px}.fm [lang=ko]{font-family:var(--fm-font-ko);word-break:keep-all}.fm-root{background-color:var(--fm-paper);background-image:radial-gradient(var(--fm-line) 1.3px, transparent 1.6px);scrollbar-color:var(--fm-soil-dry) var(--fm-paper);background-position:11px 11px;background-size:22px 22px;min-height:100dvh}.fm-root ::-webkit-scrollbar{width:10px;height:10px}.fm-root ::-webkit-scrollbar-thumb{background:var(--fm-soil-dry);border:2px solid var(--fm-paper);border-radius:999px}.fm-root ::-webkit-scrollbar-track{background:var(--fm-paper)}.fm-layer{z-index:60;pointer-events:none;position:fixed;inset:0}.fm-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fm-num{font-family:var(--fm-font-num);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-weight:400}.fm-title{font-family:var(--fm-font-hand);color:var(--fm-ink);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.fm-title>mark{color:inherit;background:linear-gradient(transparent 58%, var(--hl,var(--fm-sun)) 58%, var(--hl,var(--fm-sun)) 90%, transparent 90%);padding:0 .12em}.fm-muted{color:var(--fm-ink-soft)}.fm-paper{border:var(--fm-line-w) solid var(--fm-ink);border-radius:var(--fm-r-card);background:var(--fm-white);box-shadow:0 4px 0 -1px var(--fm-line);padding:18px 16px 16px;position:relative}.fm-paper--flat{box-shadow:none}.fm-paper--cream{background:var(--fm-cream)}.fm-paper--tilt-l{rotate:-.7deg}.fm-paper--tilt-r{rotate:.7deg}.fm-tape{--tape:var(--fm-berry);background:repeating-linear-gradient(90deg, transparent 0 7px, color-mix(in srgb, var(--fm-white) 45%, transparent) 7px 10px), color-mix(in srgb, var(--tape) 72%, transparent);clip-path:polygon(0 0,100% 0,97% 20%,100% 40%,97% 60%,100% 80%,97% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%);pointer-events:none;width:88px;height:24px;position:absolute;top:-13px;left:50%;translate:-50%;rotate:-4deg}.fm-tape--sun{--tape:var(--fm-sun)}.fm-tape--leaf{--tape:var(--fm-leaf)}.fm-tape--plum{--tape:var(--fm-plum)}.fm-tape--water{--tape:var(--fm-water)}.fm-tape--jade{--tape:var(--fm-jade)}.fm-tape--left{left:18px;translate:0;rotate:-8deg}.fm-tape--right{left:auto;right:18px;translate:0;rotate:7deg}.fm-sticky{--note:var(--fm-sun-pale);--note-fold:var(--fm-sun);background:linear-gradient(315deg, transparent 14px, var(--note) 14px);filter:drop-shadow(0 5px 4px color-mix(in srgb, var(--fm-ink) 16%, transparent));padding:16px 16px 18px;position:relative;rotate:-1.2deg}.fm-sticky:after{content:"";background:linear-gradient(315deg, transparent 50%, var(--note-fold) 50%);border-radius:0 0 0 4px;width:20px;height:20px;position:absolute;bottom:0;right:0}.fm-sticky--berry{--note:var(--fm-berry-pale);--note-fold:var(--fm-berry)}.fm-sticky--leaf{--note:var(--fm-leaf-pale);--note-fold:var(--fm-leaf)}.fm-sticky--water{--note:var(--fm-water-pale);--note-fold:var(--fm-water)}.fm-sticky--plum{--note:var(--fm-plum-pale);--note-fold:var(--fm-plum)}.fm-sticky--jade{--note:var(--fm-jade-pale);--note-fold:var(--fm-jade)}.fm-sticky--tilt-r{rotate:1.4deg}.fm-sticky--straight{rotate:0deg}.fm-art{flex:none;display:block;overflow:visible}.fm-art :where(path,circle,ellipse,rect,polygon,polyline,line){fill:none;stroke:var(--fm-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.fm-art .ns{stroke:none}.fm-art .tn{stroke-width:1.4px}.fm-art .tk{stroke-width:2.6px}.fm-art .f-ink{fill:var(--fm-ink)}.fm-art .f-inks{fill:var(--fm-ink-soft)}.fm-art .f-wh{fill:var(--fm-white)}.fm-art .f-pa{fill:var(--fm-paper)}.fm-art .f-cr{fill:var(--fm-cream)}.fm-art .f-ln{fill:var(--fm-line)}.fm-art .f-lf{fill:var(--fm-leaf)}.fm-art .f-lfd{fill:var(--fm-leaf-deep)}.fm-art .f-lfp{fill:var(--fm-leaf-pale)}.fm-art .f-so{fill:var(--fm-soil)}.fm-art .f-sod{fill:var(--fm-soil-deep)}.fm-art .f-sow{fill:var(--fm-soil-wet)}.fm-art .f-sody{fill:var(--fm-soil-dry)}.fm-art .f-sop{fill:var(--fm-soil-pale)}.fm-art .f-wa{fill:var(--fm-water)}.fm-art .f-wad{fill:var(--fm-water-deep)}.fm-art .f-wap{fill:var(--fm-water-pale)}.fm-art .f-su{fill:var(--fm-sun)}.fm-art .f-sud{fill:var(--fm-sun-deep)}.fm-art .f-sup{fill:var(--fm-sun-pale)}.fm-art .f-be{fill:var(--fm-berry)}.fm-art .f-bed{fill:var(--fm-berry-deep)}.fm-art .f-bep{fill:var(--fm-berry-pale)}.fm-art .f-pl{fill:var(--fm-plum)}.fm-art .f-pld{fill:var(--fm-plum-deep)}.fm-art .f-plp{fill:var(--fm-plum-pale)}.fm-art .f-to{fill:var(--fm-tomato)}.fm-art .f-tod{fill:var(--fm-tomato-deep)}.fm-art .f-top{fill:var(--fm-tomato-pale)}.fm-art .f-po{fill:var(--fm-potato)}.fm-art .f-pod{fill:var(--fm-potato-deep)}.fm-art .f-ri{fill:var(--fm-rice)}.fm-art .f-rid{fill:var(--fm-rice-deep)}.fm-art .f-ro{fill:var(--fm-root)}.fm-art .f-rod{fill:var(--fm-root-deep)}.fm-art .f-fu{fill:var(--fm-fur)}.fm-art .f-fud{fill:var(--fm-fur-deep)}.fm-art .f-fup{fill:var(--fm-fur-pale)}.fm-art .f-st{fill:var(--fm-stone)}.fm-art .f-std{fill:var(--fm-stone-deep)}.fm-art .f-wo{fill:var(--fm-wood)}.fm-art .f-wod{fill:var(--fm-wood-deep)}.fm-art .f-bl{fill:var(--fm-blush);opacity:.8}.fm-art .k-lfd{stroke:var(--fm-leaf-deep)}.fm-art .k-lfi{stroke:var(--fm-leaf-ink)}.fm-art .k-sod{stroke:var(--fm-soil-deep)}.fm-art .k-wad{stroke:var(--fm-water-deep)}.fm-art .k-wa{stroke:var(--fm-water)}.fm-art .k-wh{stroke:var(--fm-white)}.fm-art .k-rid{stroke:var(--fm-rice-deep)}.fm-art .k-pod{stroke:var(--fm-potato-deep)}.fm-art .k-rod{stroke:var(--fm-root-deep)}.fm-art .k-fud{stroke:var(--fm-fur-deep)}.fm-art .k-std{stroke:var(--fm-stone-deep)}.fm-art .k-wod{stroke:var(--fm-wood-deep)}.fm-art .k-bed{stroke:var(--fm-berry-deep)}.fm-art .k-inks{stroke:var(--fm-ink-soft)}.fm-art .k-tod{stroke:var(--fm-tomato-deep)}.fm-sticker{filter:var(--fm-halo)}.fm-art .fm-twinkle{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite fm-twinkle}.fm-art .fm-twinkle-at:nth-of-type(2n)>.fm-twinkle{animation-delay:.6s}@keyframes fm-twinkle{0%,to{opacity:.4;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}@media (prefers-reduced-motion:reduce){.fm-art .fm-twinkle{animation:none}}.fm-art .k-sud{stroke:var(--fm-sun-deep)}.fm-art .k-pld{stroke:var(--fm-plum-deep)}.fm-art .k-pl{stroke:var(--fm-plum)}.fm-art .k-lf{stroke:var(--fm-leaf)}.fm-art .f-ja{fill:var(--fm-jade)}.fm-art .f-jad{fill:var(--fm-jade-deep)}.fm-art .f-jap{fill:var(--fm-jade-pale)}.fm-art .f-hay{fill:var(--fm-hay)}.fm-art .f-hayd{fill:var(--fm-hay-deep)}.fm-art .k-jad{stroke:var(--fm-jade-deep)}.fm-art .k-hayd{stroke:var(--fm-hay-deep)}.fm-art .fm-stem{transform-box:fill-box;transform-origin:50% 100%;transition:transform .7s cubic-bezier(.3,1.5,.5,1)}.fm-art .fm-stem :where(path,circle,ellipse,rect,polygon,polyline,line){transition:fill .7s,stroke .7s}.fm-art .fm-wilt{transform:rotate(-5deg)skew(8deg)scaleY(.92)}.fm-art .fm-wilt :where(path,circle,ellipse,rect,polygon,polyline,line):not(.ns){stroke:var(--fm-hay-ink)}.fm-art .fm-wilt :is(.f-lf,.f-lfp){fill:var(--fm-hay)}.fm-art .fm-wilt .f-lfd{fill:var(--fm-hay-deep)}.fm-art .fm-wilt :is(.k-lfd,.k-lfi,.k-lf){stroke:var(--fm-hay-deep)}.fm-art .fm-dead{transform:rotate(-11deg)skew(15deg)scaleY(.8)}.fm-art .fm-dead :where(path,circle,ellipse,rect,polygon,polyline,line):not(.ns){stroke:var(--fm-soil-deep)}.fm-art .fm-dead :is(.f-lf,.f-lfp,.f-hay){fill:var(--fm-soil-dry)}.fm-art .fm-dead :is(.f-lfd,.f-hayd){fill:var(--fm-hay-deep)}.fm-art .fm-dead :is(.f-ro,.f-rod,.f-po,.f-pod,.f-be,.f-bed,.f-bep,.f-to,.f-tod,.f-su,.f-wh,.f-cr,.f-plp,.f-ri,.f-rid){fill:var(--fm-stone)}.fm-art .fm-dead :is(.k-lfd,.k-lfi,.k-lf,.k-rod,.k-pod,.k-rid){stroke:var(--fm-stone-deep)}@media (prefers-reduced-motion:reduce){.fm-art .fm-stem,.fm-art .fm-stem :where(path,circle,ellipse,rect,polygon,polyline,line){transition:none}}.fm-art .fm-crawl{transform-box:fill-box;transform-origin:50% 100%;animation:2.4s ease-in-out infinite fm-crawl}@keyframes fm-crawl{0%,to{transform:translate(0)scaleY(1)}25%{transform:translate(-1.5px)scaleY(.92)}50%{transform:translate(-3px)scaleY(1)}75%{transform:translate(-1.5px)scaleY(.92)}}@media (prefers-reduced-motion:reduce){.fm-art .fm-crawl{animation:none}}.fm-can .fm-can-water{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--fill,0));transition:transform .6s cubic-bezier(.3,1.5,.5,1)}@media (prefers-reduced-motion:reduce){.fm-can .fm-can-water{transition:none}}.fm-icon :where(path,circle,ellipse,rect,polygon,polyline,line){stroke-width:1.8px}.fm-icon .tn{stroke-width:1.3px}.fm-icon .tk{stroke-width:2.4px}.fm-tree .fm-tree__sway{transform-box:view-box;transform-origin:60px 104px;animation:6s ease-in-out infinite fm-tree-sway}.fm-tree .fm-tree__strip{transform-box:fill-box;transform-origin:50% 0;animation:2.2s ease-in-out infinite fm-tree-flap}.fm-tree .fm-tree__strip:nth-child(2n){animation-delay:-1.1s}.fm-tree .fm-tree__tag{transform-box:fill-box;transform-origin:50% 0;animation:3.1s ease-in-out infinite fm-tree-flap}.fm-tree .fm-tree__tag:nth-of-type(2n){animation-delay:-1.6s}.fm-tree .fm-tree__tag:nth-of-type(3n){animation-duration:2.6s}@keyframes fm-tree-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes fm-tree-flap{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@media (prefers-reduced-motion:reduce){.fm-tree .fm-tree__sway,.fm-tree .fm-tree__strip,.fm-tree .fm-tree__tag{animation:none}}.fm-badge-art--off{filter:grayscale();opacity:.5}.fm-art .fm-badge-art__stitch{stroke-dasharray:2 2.4}.fm-art .fm-badge-art__num{fill:var(--fm-ink);stroke:none;font-family:var(--fm-font-num);text-anchor:middle;font-size:8.6px;font-weight:700}.fm-art .fm-town-art__sign{fill:var(--fm-ink);font-family:var(--fm-font-num);letter-spacing:.5px;font-size:17px}.fm-art .fm-town-art__ko{fill:var(--fm-ink);font-family:var(--fm-font-ko);font-size:12.5px;font-weight:800}.fm-art .fm-town-art__ko--lg{font-size:17px}.fm-art .fm-town-art__ko--md{font-size:13px}.fm-art .fm-town-art__chalk{fill:var(--fm-white);font-size:12px}@media (prefers-reduced-motion:no-preference){.fm-art .fm-town-art__flag{transform-box:fill-box;transform-origin:100%;animation:2.8s ease-in-out infinite fm-town-flag}.fm-art .fm-town-art__tail{transform-box:fill-box;transform-origin:0 90%;animation:3.2s ease-in-out infinite fm-town-tail}.fm-art .fm-town-art__steam circle{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-out infinite fm-town-steam}.fm-art .fm-town-art__steam circle:nth-child(2){animation-delay:-1.2s}.fm-art .fm-town-art__steam circle:nth-child(3){animation-delay:-2.4s}}@keyframes fm-town-steam{0%{opacity:0;transform:translateY(10px)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(4px,-12px)scale(1.25)}}@keyframes fm-town-flag{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.88)skewY(5deg)}}@keyframes fm-town-tail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}.fm-art .fm-town-art__far--a{fill:color-mix(in srgb, var(--fm-plum-pale) 85%, var(--fm-white))}.fm-art .fm-town-art__far--b{fill:color-mix(in srgb, var(--fm-water-pale) 90%, var(--fm-white))}.fm-art .fm-town-art__win{stroke:var(--fm-white);stroke-width:3px;stroke-dasharray:3 4}.fm-decor .fm-decor__spin{transform-box:view-box;transform-origin:32px 24px;animation:fm-decor-spin var(--dc-spin,7s) linear infinite}.fm-decor .fm-decor__sway{transform-box:view-box;transform-origin:32px 70px;animation:fm-decor-sway var(--dc-sway-t,5s) ease-in-out infinite}.fm-decor .fm-decor__hang{transform-box:view-box;transform-origin:42px 14px;animation:fm-decor-sway var(--dc-sway-t,5s) ease-in-out infinite;animation-delay:-1.2s}.fm-decor .fm-decor__swing{transform-box:view-box;transform-origin:32px 10px;animation:fm-decor-swing var(--dc-swing-t,4s) ease-in-out infinite}.fm-art .fm-decor__glow{opacity:var(--dc-glow,.35);transition:opacity 1.2s}@keyframes fm-decor-spin{to{transform:rotate(360deg)}}@keyframes fm-decor-sway{0%,to{transform:rotate(calc(var(--dc-sway,1.5deg) * -1))}50%{transform:rotate(var(--dc-sway,1.5deg))}}@keyframes fm-decor-swing{0%,to{transform:rotate(calc(var(--dc-swing,3deg) * -1))}50%{transform:rotate(var(--dc-swing,3deg))}}@media (prefers-reduced-motion:reduce){.fm-decor .fm-decor__spin,.fm-decor .fm-decor__sway,.fm-decor .fm-decor__hang,.fm-decor .fm-decor__swing{animation:none}.fm-art .fm-decor__glow{transition:none}}@media (prefers-reduced-motion:no-preference){.fm-pet .fm-pet__tail{transform-box:fill-box;transform-origin:100% 100%;animation:fm-pet-wag var(--pet-wag,.45s) ease-in-out infinite alternate}.fm-pet--cat{--pet-wag:1.6s;--pet-tail:5deg}.fm-pet--dog:is(.fm-pet--sit,.fm-pet--paw,.fm-pet--wait) .fm-pet__tail{transform-origin:100% 85%}.fm-pet--dog.fm-pet--lie .fm-pet__tail{transform-origin:100% 40%;--pet-wag:.7s}.fm-pet--cat:is(.fm-pet--sit,.fm-pet--meow,.fm-pet--knead,.fm-pet--groom,.fm-pet--huff,.fm-pet--loaf) .fm-pet__tail{transform-origin:0 20%;animation:3.2s ease-in-out infinite fm-pet-flick}.fm-pet--cat.fm-pet--huff .fm-pet__tail{animation-duration:1.1s}.fm-pet.fm-pet--sleep .fm-pet__tail{animation:none}.fm-pet--walk .fm-pet__leg{transform-box:fill-box;transform-origin:50% 0;animation:fm-pet-step var(--pet-step,.4s) ease-in-out infinite alternate}.fm-pet--cat.fm-pet--walk{--pet-step:.5s}.fm-pet--walk :is(.fm-pet__leg--fa,.fm-pet__leg--bn){animation-direction:alternate-reverse}.fm-pet--knead :is(.fm-pet__leg--fn,.fm-pet__leg--fa){animation:.45s ease-in-out infinite alternate fm-pet-knead}.fm-pet--knead .fm-pet__leg--fa{animation-direction:alternate-reverse}.fm-pet--spin{animation:.9s ease-in-out 2 fm-pet-spin}.fm-pet:is(.fm-pet--bark,.fm-pet--meow) .fm-pet__head{transform-box:fill-box;transform-origin:40% 90%;animation:.5s ease-in-out infinite fm-pet-bark}.fm-pet--meow .fm-pet__head{animation-duration:1.2s}.fm-pet .fm-pet__woof{animation:.5s steps(2,jump-none) infinite fm-pet-woof}.fm-pet--meow .fm-pet__woof{animation-duration:1.2s}.fm-pet--paw .fm-pet__paw{transform-box:fill-box;transform-origin:6% 20%;animation:.6s ease-in-out infinite alternate fm-pet-shake}.fm-pet--groom .fm-pet__paw{transform-box:fill-box;transform-origin:30% 100%;animation:.7s ease-in-out infinite alternate fm-pet-lick}.fm-pet--groom .fm-pet__head{transform-box:fill-box;transform-origin:30% 90%;animation:.7s ease-in-out infinite alternate fm-pet-nod}.fm-pet--sleep .fm-pet__head{transform-box:fill-box;transform-origin:50% 100%;animation:3s ease-in-out infinite fm-pet-breathe}.fm-pet__zz path{animation:2.6s ease-in-out infinite fm-pet-zz}.fm-pet__zz path+path{animation-delay:-1.3s}}@keyframes fm-pet-wag{0%{transform:rotate(calc(var(--pet-tail,9deg) * -1))}to{transform:rotate(var(--pet-tail,9deg))}}@keyframes fm-pet-flick{0%,68%,to{transform:none}78%{transform:rotate(-5deg)}88%{transform:rotate(-1deg)}}@keyframes fm-pet-step{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}@keyframes fm-pet-knead{0%{transform:none}to{transform:translateY(-2.4px)}}@keyframes fm-pet-spin{0%,to{transform:none}25%{transform:translateY(-3px)scaleX(.1)}50%{transform:translateY(-5px)scaleX(-1)}75%{transform:translateY(-3px)scaleX(.1)}}@keyframes fm-pet-bark{0%,60%,to{transform:none}25%{transform:rotate(-9deg)translateY(-1px)}}@keyframes fm-pet-woof{0%{opacity:1}50%{opacity:.15}}@keyframes fm-pet-shake{0%{transform:none}to{transform:rotate(-12deg)}}@keyframes fm-pet-lick{0%{transform:none}to{transform:rotate(8deg)translateY(1.4px)}}@keyframes fm-pet-nod{0%{transform:none}to{transform:rotate(5deg)}}@keyframes fm-pet-breathe{0%,to{transform:none}50%{transform:translateY(.7px)}}@keyframes fm-pet-zz{0%{opacity:0;transform:translateY(2px)}30%,70%{opacity:1}to{opacity:0;transform:translate(2px,-3px)}}.fm-chip{--c-bg:var(--fm-white);--c-fg:var(--fm-ink);--c-line:var(--fm-ink);border:1.5px solid var(--c-line);background:var(--c-bg);min-height:26px;color:var(--c-fg);white-space:nowrap;border-radius:16px 13px 15px 12px/12px 15px 13px 16px;align-items:center;gap:4px;padding:1px 9px 1px 7px;font-size:.78rem;font-weight:800;line-height:1.1;display:inline-flex}.fm-chip:not(:has(.fm-icon)){padding-left:9px}.fm-chip--leaf{--c-bg:var(--fm-leaf-pale);--c-fg:var(--fm-leaf-ink)}.fm-chip--sun{--c-bg:var(--fm-sun-pale);--c-fg:var(--fm-sun-ink)}.fm-chip--water{--c-bg:var(--fm-water-pale);--c-fg:var(--fm-water-ink)}.fm-chip--berry{--c-bg:var(--fm-berry-pale);--c-fg:var(--fm-berry-ink)}.fm-chip--plum{--c-bg:var(--fm-plum-pale);--c-fg:var(--fm-plum-ink)}.fm-chip--tomato{--c-bg:var(--fm-tomato-pale);--c-fg:var(--fm-tomato-ink)}.fm-chip--jade{--c-bg:var(--fm-jade-pale);--c-fg:var(--fm-jade-ink)}.fm-chip--hay{--c-bg:var(--fm-hay-pale);--c-fg:var(--fm-hay-ink)}.fm-chip--stone{--c-bg:color-mix(in srgb, var(--fm-stone) 60%, var(--fm-white));--c-fg:var(--fm-ink)}.fm-chip--ghost{--c-bg:transparent;--c-fg:var(--fm-ink-soft);--c-line:var(--fm-ink-faint);border-style:dashed}.fm-chip--sm{min-height:22px;padding:0 7px 0 5px;font-size:.72rem}.fm-price{color:var(--fm-ink);white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.fm-price__num{font-family:var(--fm-font-num);font-variant-numeric:tabular-nums;padding-top:2px;font-size:1rem;line-height:1}.fm-price--sm .fm-price__num{font-size:.86rem}.fm-price--lg .fm-price__num{font-size:1.3rem}.fm-prog{--pg:var(--fm-leaf);--pg-h:16px;height:var(--pg-h);border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-white);border-radius:999px;position:relative;overflow:hidden}.fm-prog__fill{width:calc(var(--p,0) * 100%);background:repeating-linear-gradient(-50deg, transparent 0 6px, color-mix(in srgb, var(--fm-white) 42%, transparent) 6px 10px), var(--pg);box-shadow:inset -2px 0 0 var(--fm-ink);border-radius:0 999px 999px 0;transition:width .6s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0 auto 0 0}.fm-prog__fill[data-full=true]{box-shadow:none;border-radius:0}.fm-prog--berry{--pg:var(--fm-berry)}.fm-prog--sun{--pg:var(--fm-sun)}.fm-prog--water{--pg:var(--fm-water)}.fm-prog--plum{--pg:var(--fm-plum)}.fm-prog--jade{--pg:var(--fm-jade)}.fm-prog--tomato{--pg:var(--fm-tomato)}.fm-prog--sm{--pg-h:10px}.fm-prog--lg{--pg-h:22px}@media (prefers-reduced-motion:reduce){.fm-prog__fill{transition:none}}.fm-art.mimo-art{width:100%;height:auto}.fm-art.mimo-art :where(path,circle,ellipse,rect,polygon,polyline,line){stroke-width:3.4px}.fm-art.mimo-art .mimo-tn{stroke-width:2.4px}.fm-art.mimo-art .mimo-shade{fill:color-mix(in srgb, var(--fm-soil-deep) 16%, transparent)}.fm-art.mimo-art .mimo-tail-o{stroke:var(--fm-ink);stroke-width:24px}.fm-art.mimo-art .mimo-tail-i{stroke:var(--fm-white);stroke-width:17px}.fm-art .mimo-ko{fill:var(--fm-white);stroke:var(--fm-ink);stroke-width:5px;stroke-linejoin:round;paint-order:stroke fill;font-family:var(--fm-font-ko);font-size:46px;font-weight:800}.fm-art .mimo-band-o{stroke:var(--fm-ink);stroke-width:5.4px}.fm-art .mimo-band-i{stroke:var(--fm-sun);stroke-width:2.4px}@media (prefers-reduced-motion:no-preference){.fm-art .mimo-sprout{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-in-out infinite mimo-sway}}@keyframes mimo-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}.ms{aspect-ratio:460/400;width:min(100%,460px);margin:8px auto 0;position:relative;container-type:inline-size}.ms>*{position:absolute}.ms .fm-art{height:auto}.ms .ms-island{width:100%;bottom:0;left:0}.ms .fm-art.ms-mimo{width:56%;bottom:17.5%;left:22%}.ms .ms-crop--napa{width:17%;bottom:17%;left:5%}.ms .ms-crop--radish{width:14%;bottom:20%;left:76%}.ms .ms-crop--lettuce{width:15%;bottom:6%;left:15%}.ms .ms-hen{width:15%;bottom:6%;left:69%}.ms-tile{aspect-ratio:1;border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-cream);width:12%;box-shadow:inset 0 -4px 0 var(--fm-wood);border-radius:10px;place-items:center;padding-bottom:4px;font-size:6cqi;font-weight:800;line-height:1;display:grid}.ms-tile--a{top:31%;left:3%;rotate:-10deg}.ms-tile--b{top:40%;left:85%;rotate:9deg}.ms-bubble{border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-white);box-shadow:0 3px 0 -1px var(--fm-line);white-space:nowrap;border-radius:999px;padding:.22em .7em .18em;font-size:5cqi;font-weight:800;line-height:1.25;top:12%;left:63%;rotate:5deg}.ms-bubble:after{content:"";border:solid var(--fm-ink);border-width:0 0 var(--fm-line-w) var(--fm-line-w);background:var(--fm-white);border-bottom-left-radius:3px;width:12px;height:12px;position:absolute;bottom:-7px;left:18%;rotate:-45deg}@media (prefers-reduced-motion:no-preference){.ms-bubble{transform-origin:18% 100%;animation:.45s cubic-bezier(.3,1.6,.5,1) .15s backwards ms-pop}}@keyframes ms-pop{0%{opacity:0;scale:.5}}.ms .ms-twinkles{pointer-events:none;width:100%;height:100%;inset:0}.ms-temp{color:var(--fm-ink-faint);text-align:right;font-size:.72rem;font-weight:700;line-height:1.3;top:0;right:0;rotate:4deg}.fm-btn{--b-bg:var(--fm-white);--b-lip:var(--fm-line);--b-fg:var(--fm-ink);--b-h:46px;--b-lip-h:4px;min-height:var(--b-h);padding:0 1.15em var(--b-lip-h);border:var(--fm-line-w) solid var(--fm-ink);border-radius:var(--fm-r-btn);background:var(--b-bg);color:var(--b-fg);box-shadow:inset 0 calc(var(--b-lip-h) * -1) 0 var(--b-lip);font-family:var(--fm-font-ui);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;gap:.45em;font-size:.95rem;font-weight:800;line-height:1.1;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .1s,padding .1s;display:inline-flex;position:relative}.fm-btn:hover:not(:disabled,[aria-disabled=true]){transform:translateY(-1px)rotate(-.8deg)}.fm-btn:active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 -1px 0 var(--b-lip);padding-bottom:1px;transform:translateY(2px)}.fm-btn__icon{margin-left:-.2em;display:inline-flex}.fm-btn__icon--end{margin-left:0;margin-right:-.2em}.fm-btn__sub{font-family:var(--fm-font-num);font-size:.95em;font-weight:400}.fm-btn--berry{--b-bg:var(--fm-berry);--b-lip:var(--fm-berry-deep)}.fm-btn--leaf{--b-bg:var(--fm-leaf);--b-lip:var(--fm-leaf-deep)}.fm-btn--sun{--b-bg:var(--fm-sun);--b-lip:var(--fm-sun-deep)}.fm-btn--water{--b-bg:var(--fm-water);--b-lip:var(--fm-water-deep)}.fm-btn--plum{--b-bg:var(--fm-plum);--b-lip:var(--fm-plum-deep)}.fm-btn--jade{--b-bg:var(--fm-jade);--b-lip:var(--fm-jade-deep)}.fm-btn--tomato{--b-bg:var(--fm-tomato);--b-lip:var(--fm-tomato-deep)}.fm-btn--paper{--b-bg:var(--fm-white);--b-lip:var(--fm-line)}.fm-btn--ghost{--b-bg:transparent;--b-lip-h:0px;border-style:dashed;border-color:var(--fm-ink-faint);color:var(--fm-ink-soft)}.fm-btn--ghost:hover:not(:disabled,[aria-disabled=true]){border-color:var(--fm-ink);color:var(--fm-ink)}.fm-btn--sm{--b-h:36px;--b-lip-h:3px;padding-inline:.85em;font-size:.84rem}.fm-btn--lg{--b-h:56px;--b-lip-h:5px;padding-inline:1.5em;font-size:1.08rem}.fm-btn--block{width:100%;display:flex}.fm-btn:disabled,.fm-btn[aria-disabled=true]{--b-bg:var(--fm-cream);--b-lip:var(--fm-line);border-color:var(--fm-ink-faint);color:var(--fm-ink-faint);cursor:not-allowed}.fm-btn:disabled .fm-art,.fm-btn[aria-disabled=true] .fm-art{opacity:.55;filter:grayscale(.6)}.fm-btn[aria-busy=true]{cursor:progress}.fm-btn__dots{gap:3px;display:inline-flex}.fm-btn__dots i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite fm-btn-dot}.fm-btn__dots i:nth-child(2){animation-delay:.15s}.fm-btn__dots i:nth-child(3){animation-delay:.3s}@keyframes fm-btn-dot{0%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.fm-ibtn{--b-bg:var(--fm-white);--b-lip:var(--fm-line);--b-size:44px;width:var(--b-size);height:var(--b-size);border:var(--fm-line-w) solid var(--fm-ink);background:var(--b-bg);color:var(--fm-ink);box-shadow:inset 0 -3px 0 var(--b-lip);cursor:pointer;touch-action:manipulation;border-radius:46% 54% 50% 50%/52% 48%;flex:none;place-items:center;padding:0 0 3px;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .1s;display:inline-grid;position:relative}.fm-ibtn:hover:not(:disabled,[aria-disabled=true]){transform:translateY(-1px)rotate(6deg)}.fm-ibtn:active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 -1px 0 var(--b-lip);transform:translateY(2px)}.fm-ibtn:disabled,.fm-ibtn[aria-disabled=true]{border-color:var(--fm-ink-faint);background:var(--fm-cream);cursor:not-allowed}.fm-ibtn:disabled .fm-art,.fm-ibtn[aria-disabled=true] .fm-art{opacity:.5}.fm-ibtn[aria-busy=true]{cursor:progress}.fm-ibtn--sm{--b-size:34px}.fm-ibtn--lg{--b-size:56px}.fm-ibtn--berry{--b-bg:var(--fm-berry-pale);--b-lip:var(--fm-berry)}.fm-ibtn--sun{--b-bg:var(--fm-sun-pale);--b-lip:var(--fm-sun)}.fm-ibtn--water{--b-bg:var(--fm-water-pale);--b-lip:var(--fm-water)}.fm-ibtn--leaf{--b-bg:var(--fm-leaf-pale);--b-lip:var(--fm-leaf)}.fm-ibtn--jade{--b-bg:var(--fm-jade-pale);--b-lip:var(--fm-jade)}.fm-ibtn--plain{box-shadow:none;background:0 0;border-color:#0000}.fm-ibtn--plain:hover:not(:disabled,[aria-disabled=true]){background:var(--fm-cream)}.fm-ibtn[aria-pressed=true]{--b-bg:var(--fm-berry);--b-lip:var(--fm-berry-deep)}.fm-ibtn__badge{border:2px solid var(--fm-white);background:var(--fm-berry-deep);min-width:20px;height:20px;color:var(--fm-white);font-family:var(--fm-font-num);border-radius:999px;place-items:center;padding:0 5px;font-size:.72rem;line-height:1;animation:.35s cubic-bezier(.3,1.8,.5,1) fm-badge-pop;display:grid;position:absolute;top:-6px;right:-6px}@keyframes fm-badge-pop{0%{transform:scale(.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.fm-btn,.fm-ibtn{transition:none}.fm-btn:hover:not(:disabled,[aria-disabled=true]),.fm-ibtn:hover:not(:disabled,[aria-disabled=true]){transform:none}.fm-btn__dots i,.fm-ibtn__badge{animation:none}}.fm-btn.fm-btn--link{text-decoration:none}:where(.sb) a{color:inherit;text-decoration:none}:where(.sb) :where(h2,h3,p,ul){margin:0;padding:0}:where(.sb) ul{list-style:none}.sb{width:min(100%,1060px);margin:clamp(56px,8vw,96px) auto 0}.sb-card[data-tone=water]{--t:var(--fm-water);--t-deep:var(--fm-water-deep);--t-pale:var(--fm-water-pale);--t-ink:var(--fm-water-ink)}.sb-card[data-tone=sun]{--t:var(--fm-sun);--t-deep:var(--fm-sun-deep);--t-pale:var(--fm-sun-pale);--t-ink:var(--fm-sun-ink)}.sb-card[data-tone=berry]{--t:var(--fm-berry);--t-deep:var(--fm-berry-deep);--t-pale:var(--fm-berry-pale);--t-ink:var(--fm-berry-ink)}.sb-card[data-tone=leaf]{--t:var(--fm-leaf);--t-deep:var(--fm-leaf-deep);--t-pale:var(--fm-leaf-pale);--t-ink:var(--fm-leaf-ink)}.sb-card[data-tone=plum]{--t:var(--fm-plum);--t-deep:var(--fm-plum-deep);--t-pale:var(--fm-plum-pale);--t-ink:var(--fm-plum-ink)}.sb-card[data-tone=tomato]{--t:var(--fm-tomato);--t-deep:var(--fm-tomato-deep);--t-pale:var(--fm-tomato-pale);--t-ink:var(--fm-tomato-ink)}.sb-head{grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;gap:28px 36px;display:grid}.sb .sb-intro{gap:12px;padding:clamp(24px,3vw,32px) clamp(18px,3vw,30px) clamp(20px,3vw,28px);display:grid}.sb-tab{font-family:var(--fm-font-hand);color:var(--fm-berry-ink);justify-self:start;font-size:1.05rem;font-weight:700;rotate:-2deg}.sb .sb-title{flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.5rem);line-height:1.2;display:flex}.sb .fm-title .fm-chip{font-family:var(--fm-font-ui)}.sb-chips{flex-wrap:wrap;gap:8px;display:flex}.sb-desc{max-width:60ch;color:var(--fm-ink-soft);font-weight:600;line-height:1.6}.sb .sb-who{padding:20px 20px 26px}.sb .sb-who-title{margin-bottom:12px;font-size:1.25rem}.sb-who-list{gap:9px;display:grid}.sb-who-list li{align-items:flex-start;gap:8px;font-weight:700;line-height:1.4;display:flex}.sb-who-list .fm-icon{margin-top:1px}.sb-rail{margin-top:clamp(44px,5vw,60px)}.sb-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 26px;display:grid}.sb-cards>li{min-width:0;display:flex}.sb .sb-card{border:var(--fm-line-w) solid var(--fm-ink);border-radius:var(--fm-r-card);background:var(--fm-white);width:100%;box-shadow:0 4px 0 -1px var(--fm-line);flex-direction:column;scroll-margin-top:40px;transition:translate .2s,box-shadow .2s;display:flex;position:relative;rotate:-.6deg}.sb-cards>li:nth-child(2n) .sb-card{rotate:.6deg}.sb .sb-card:hover{box-shadow:0 7px 0 -1px var(--fm-line);translate:0 -3px}.sb .sb-card:active{box-shadow:0 2px 0 -1px var(--fm-line);translate:0 1px}.sb .sb-card-tape{--tape:var(--t);z-index:1}.sb-card-board{border-bottom:2px dashed color-mix(in srgb, var(--t-deep) 45%, transparent);background-color:var(--t-pale);background-image:radial-gradient(color-mix(in srgb, var(--t-deep) 30%, transparent) 1.7px, transparent 2.2px);background-position:8px 6px;background-size:16px 16px;border-radius:18px 22px 0 0/22px 16px 0 0;place-items:center;height:150px;padding:16px 12px 14px;display:grid;position:relative}.sb-card-board .fm-art.sb-pic{width:auto;max-width:100%;height:110px}.sb-card-tag{border:1.5px solid var(--fm-ink);background:var(--fm-white);box-shadow:0 2px 0 -.5px var(--fm-line);color:var(--t-ink);white-space:nowrap;border-radius:6px 10px 10px 6px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:.72rem;font-weight:800;line-height:1.3;display:inline-flex;position:absolute;bottom:-13px;right:12px;rotate:4deg}.sb-card-tag:before{content:"";border:1.5px solid var(--fm-ink);background:var(--t-pale);border-radius:50%;width:6px;height:6px}.fm-art.sb-pic .sb-ko{fill:var(--fm-ink);stroke:none;font-family:var(--fm-font-ko);text-anchor:middle;font-weight:700}.fm-art.sb-pic .k-be{stroke:var(--fm-berry)}.fm-art.sb-pic .sb-w5{stroke-width:5px}.fm-art.sb-pic .sb-w45{stroke-width:4.5px}.sb-card-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.sb .sb-card-name{--hl:var(--t);font-size:1.55rem;line-height:1.15;display:block}.sb-card-title{font-weight:800;line-height:1.35}.sb-card-desc{color:var(--fm-ink-soft);font-size:.9rem;line-height:1.55}.sb-card-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.sb-card-go{color:var(--t-ink);white-space:nowrap;align-items:center;gap:4px;font-weight:800;display:inline-flex}.sb-card-go .fm-icon{transition:translate .2s}.sb .sb-card:hover .sb-card-go .fm-icon{translate:3px}.sb-swipe{display:none}@media (prefers-reduced-motion:no-preference){.sb-cards:not([data-seen]) .sb-card{opacity:0}.sb-cards[data-seen] .sb-card{animation:sb-drop .9s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i) * 90ms) backwards}}@keyframes sb-drop{0%{opacity:0;transform:translateY(-34px)rotate(7deg)}55%{opacity:1;transform:translateY(0)rotate(-3deg)}78%{transform:rotate(1.4deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.sb .sb-card,.sb-card-go .fm-icon{transition:none}}@media (width<=1000px){.sb-head{grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:24px 28px}.sb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.sb-head{grid-template-columns:minmax(0,1fr)}.sb .sb-who{justify-self:center;width:min(100%,420px)}.sb-rail{margin-inline:calc(50% - 50vw)}.sb-cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:22px 16px 14px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.sb-cards>li{scroll-snap-align:start;flex:none;width:min(74vw,270px)}.sb-card-board{height:136px}.sb-card-board .fm-art.sb-pic{height:96px}.sb-swipe{text-align:center;font-family:var(--fm-font-hand);color:var(--fm-ink-soft);font-weight:700;display:block}}.rd{--rd-paper:#fff;--rd-ink:#1d1d1d;--rd-ink-soft:#6f6a6c;--rd-pink:#f0569b;--rd-pink-deep:#d42f7c;--rd-pink-soft:#fde3ee;--rd-sticky:#f8e683;--rd-sticky-shade:#e9d25c;--rd-green:#a6d96a;--rd-blue:#5f86e8;--rd-danger:#c2255c;--rd-ok:#1f7a3d;--rd-ok-soft:#e6f4d7;--rd-warn:#8a5a00;--rd-warn-soft:#fdf3c0;--rd-font:"Mali", "Noto Sans KR", "Nunito", system-ui, sans-serif;--rd-font-ko:"Noto Sans KR", sans-serif;--rd-text-logo:clamp(52px, 8.4vw, 118px);--rd-text-h2:clamp(24px, 2.6vw, 34px);--rd-text-nav:clamp(17px, 1.55vw, 21px);--rd-text-h1:clamp(34px, 4.6vw, 58px);--rd-text-h3:clamp(19px, 1.8vw, 23px);--rd-text-body:17px;--rd-text-small:14px;--rd-text-tiny:13px;--rd-stroke:3px;--rd-wobble-radius:255px 18px 225px 18px / 18px 225px 18px 255px;--rd-wobble-radius-alt:18px 225px 18px 255px / 255px 18px 225px 18px;--rd-ease:cubic-bezier(.2, .8, .2, 1);--rd-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--rd-dur-fast:.2s;--rd-gutter:clamp(16px, 3vw, 44px);--rd-space-1:4px;--rd-space-2:8px;--rd-space-3:12px;--rd-space-4:16px;--rd-space-5:24px;--rd-space-6:32px;--rd-space-7:48px;--rd-space-8:64px;--rd-w-narrow:640px;--rd-w-base:960px;--rd-w-wide:1180px;--rd-control-h:46px;--rd-tap:44px;--rd-z-sticky:10;--rd-z-overlay:100;--rd-z-toast:200;font-family:var(--rd-font);font-size:var(--rd-text-body);color:var(--rd-ink);-webkit-font-smoothing:antialiased;word-break:normal;line-height:1.5}@media (pointer:coarse){.rd{--rd-control-h:48px}}.rd *,.rd :before,.rd :after{box-sizing:border-box}.rd button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.rd :focus-visible{outline:3px dashed var(--rd-pink);outline-offset:4px;border-radius:8px}body.rd-body{background:#fff}html.rd-html{scrollbar-color:#f0569b #fff;scrollbar-width:thin;scrollbar-gutter:stable}html.rd-html::-webkit-scrollbar{width:10px}html.rd-html::-webkit-scrollbar-track{background:#fff;border:0;border-radius:0;margin:0}html.rd-html::-webkit-scrollbar-thumb{background:#f0569b;border:3px solid #fff;border-radius:999px}.rd-wob{filter:url(#rd-wob-1)}.rd-boil{filter:url(#rd-wob-1);animation:.66s step-end infinite rd-boil}@keyframes rd-boil{0%{filter:url(#rd-wob-1)}33%{filter:url(#rd-wob-2)}66%{filter:url(#rd-wob-3)}}@media (prefers-reduced-motion:no-preference){html.rd-html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.rd *,.rd :before,.rd :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rd .rd-boil{animation:none}}.rd-defs{width:0;height:0;position:absolute;overflow:hidden}.rd-outline{isolation:isolate;color:var(--rd-paper);white-space:nowrap;font-weight:700;display:inline-block;position:relative}.rd-outline[data-text]:before,.rd-outline-ch:before{z-index:-1;color:var(--rd-outline-c,var(--rd-pink));-webkit-text-stroke:var(--rd-outline-w,.09em) var(--rd-outline-c,var(--rd-pink));position:absolute;top:0;left:0}.rd-outline[data-text]:before{content:attr(data-text)}.rd-outline-ch{transform:translateY(var(--y,0)) rotate(var(--r,0deg));display:inline-block;position:relative}.rd-outline-ch:before{content:attr(data-ch)}.rd-btn{border-radius:var(--rd-wobble-radius);background:var(--rd-pink);color:#fff;min-height:52px;transition:rotate var(--rd-dur-fast) var(--rd-ease-bounce), scale var(--rd-dur-fast) var(--rd-ease-bounce), border-radius .4s var(--rd-ease);justify-content:center;align-items:center;gap:10px;padding:10px 28px 11px;font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;rotate:-1.5deg}.rd .rd-btn{background:var(--rd-pink);color:#fff;padding:10px 28px 11px}.rd-btn:hover{border-radius:var(--rd-wobble-radius-alt);rotate:1.5deg;scale:1.04}.rd-btn:active{scale:.97}.rd-btn--line{box-shadow:inset 0 0 0 var(--rd-stroke) var(--rd-pink);background:0 0}.rd .rd-btn--line{color:var(--rd-pink);background:0 0}.rd .rd-btn--ghost{color:var(--rd-ink);-webkit-text-decoration:underline wavy var(--rd-pink) 2px;text-decoration:underline wavy var(--rd-pink) 2px;text-underline-offset:6px;background:0 0}.rd .rd-btn--danger{background:var(--rd-danger)}.rd .rd-btn--sm{min-height:max(42px, calc(var(--rd-tap) - 2px));padding:5px 20px 7px;font-size:17px}.rd .rd-btn--lg{min-height:60px;padding:12px 36px 14px;font-size:clamp(20px,1.9vw,25px)}.rd-btn--block{width:100%}.rd-btn:disabled,.rd-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;border-radius:var(--rd-wobble-radius);rotate:-1.5deg;scale:1}.rd-btn[aria-busy=true]{cursor:progress}.rd-btn>.rd-doodle{flex:none;width:1.05em}.rd-btn>.rd-btn-spin{animation:.9s steps(8,end) infinite rd-spin}@keyframes rd-spin{to{rotate:360deg}}.rd .rd-iconbtn{width:var(--rd-tap);height:var(--rd-tap);color:var(--rd-ink);transition:rotate var(--rd-dur-fast) var(--rd-ease-bounce), scale var(--rd-dur-fast) var(--rd-ease-bounce), background-color var(--rd-dur-fast);border-radius:47% 53% 50% 50%/53% 47%;flex:none;place-items:center;display:inline-grid}.rd .rd-iconbtn>.rd-doodle{width:22px}.rd .rd-iconbtn--pink{background:var(--rd-pink);color:#fff}.rd .rd-iconbtn--line{box-shadow:inset 0 0 0 2.5px var(--rd-pink);color:var(--rd-pink)}.rd .rd-iconbtn:hover{rotate:8deg;scale:1.08}.rd .rd-iconbtn--ghost:hover{background:var(--rd-pink-soft)}.rd .rd-iconbtn:active{scale:.94}.rd-note{background:linear-gradient(135deg, transparent calc(100% - 17px), var(--rd-sticky-shade) calc(100% - 17px)), var(--rd-sticky);rotate:var(--rd-rot,4deg);text-align:left;filter:drop-shadow(0 6px 8px #503c0021);padding:26px 18px 18px;position:relative}.rd-note-pin{width:28px;color:var(--rd-pink);position:absolute;top:-13px;left:50%;translate:-50%;rotate:14deg}.rd-doodle.rd-check{width:22px;height:22px;color:var(--rd-ink);--rd-stroke:2.2px;flex:none}.rd-check path+path{color:var(--rd-pink)}.rd-meter{border-radius:var(--rd-wobble-radius);height:14px;box-shadow:inset 0 0 0 2.5px var(--rd-pink);padding:2px;display:block}.rd-meter i{width:var(--v,0%);border-radius:inherit;background:var(--rd-pink);min-width:6px;height:100%;display:block}.rd-doodle{fill:none;stroke:currentColor;width:100%;height:auto;stroke-width:var(--rd-stroke);stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.rd-doodle--fill{fill:currentColor;stroke-width:1.5px}.rd-doodle path{vector-effect:non-scaling-stroke}.rd .rd-ko{font-family:var(--rd-font-ko);font-weight:700}.rd-page{background:var(--rd-paper);min-height:100svh;overflow-x:clip}.rd-page :where(img,svg,video,canvas){max-width:100%}.rd-page :where(h1,h2,h3,h4,p,li,dd,label){overflow-wrap:anywhere}.rd-container{width:100%;max-width:calc(var(--rd-w-wide) + 2 * var(--rd-gutter));padding-inline:max(var(--rd-gutter), env(safe-area-inset-left)) max(var(--rd-gutter), env(safe-area-inset-right));margin-inline:auto}.rd-container[data-size=base]{max-width:calc(var(--rd-w-base) + 2 * var(--rd-gutter))}.rd-container[data-size=narrow]{max-width:calc(var(--rd-w-narrow) + 2 * var(--rd-gutter))}.rd-stack{gap:var(--gap);flex-direction:column;display:flex}.rd-stack>*{min-width:0}.rd-cluster{align-items:var(--align);justify-content:var(--justify);gap:var(--gap);flex-wrap:wrap;display:flex}.rd-autogrid{grid-template-columns:repeat(auto-fit, minmax(min(var(--min), 100%), 1fr));gap:var(--gap);display:grid}.rd-autogrid>*{min-width:0}.rd-split{gap:var(--gap);flex-wrap:wrap;display:flex}.rd-split>*{min-width:0}.rd-split[data-side=start]>:first-child,.rd-split[data-side=end]>:last-child{flex:1 1 var(--side);max-width:100%}.rd-split[data-side=start]>:last-child,.rd-split[data-side=end]>:first-child{flex:999 1 0;min-width:55%}@media (width<=640px){.rd .rd-hide-phone{display:none}}@media (width>=641px){.rd .rd-only-phone{display:none}}@media (width<=1000px){.rd .rd-hide-tablet{display:none}}.rd-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.rd-field{text-align:left;gap:5px;min-width:0;display:grid}.rd-field-label{flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:0 0 0 6px;font-size:16px;font-weight:700;line-height:1.35;display:flex}.rd-field-label small{font-size:var(--rd-text-tiny);color:var(--rd-ink-soft);font-weight:500}.rd-field-box{isolation:isolate;align-items:center;display:flex;position:relative}.rd-field-box:before{content:"";z-index:-1;border:2.5px solid var(--rd-field-line,var(--rd-pink));border-radius:var(--rd-wobble-radius);filter:url(#rd-wob-1);transition:background-color var(--rd-dur-fast), border-width var(--rd-dur-fast);position:absolute;inset:0}.rd-field:nth-child(2n) .rd-field-box:before{border-radius:var(--rd-wobble-radius-alt);filter:url(#rd-wob-2)}.rd-field-box:hover:before{background:color-mix(in srgb, var(--rd-pink-soft) 45%, transparent)}.rd-field-box:focus-within:before{background:var(--rd-pink-soft);border-width:3.5px}.rd-field[data-invalid]{--rd-field-line:var(--rd-danger)}.rd-input{width:100%;min-width:0;height:var(--rd-control-h);font:inherit;color:var(--rd-ink);background:0 0;border:0;border-radius:0;flex:1;padding:0 18px 1px;font-size:17px;font-weight:500}.rd .rd-input:focus-visible{outline:none}.rd-input::placeholder{color:var(--rd-ink-soft);opacity:.6}.rd-input:disabled{opacity:.5;cursor:not-allowed}.rd-input:-webkit-autofill{-webkit-text-fill-color:var(--rd-ink);transition:background-color 99999s ease-out}.rd-input--area{height:auto;min-height:calc(var(--rd-control-h) * 2);resize:vertical;field-sizing:content;scrollbar-width:thin;scrollbar-color:var(--rd-pink) transparent;padding:11px 18px 12px;line-height:1.5}.rd-input--select{appearance:none;cursor:pointer;text-overflow:ellipsis;padding-right:46px}.rd-field-chevron{width:18px;color:var(--rd-pink);pointer-events:none;position:absolute;top:50%;right:16px;translate:0 -50%}.rd-field-lead{width:22px;color:var(--rd-pink);flex:none;place-items:center;margin:0 -8px 0 16px;display:grid}.rd .rd-field-action{min-width:var(--rd-tap);font-size:var(--rd-text-small);color:var(--rd-pink-deep);flex:none;align-self:stretch;padding:0 16px 0 8px;font-weight:700}.rd .rd-field-action:hover{-webkit-text-decoration:underline wavy var(--rd-pink) 1.5px;text-decoration:underline wavy var(--rd-pink) 1.5px;text-underline-offset:4px}.rd-field-msg{font-size:var(--rd-text-tiny);color:var(--rd-ink-soft);margin:0;padding:0 0 0 6px;line-height:1.35}.rd-field[data-invalid] .rd-field-msg{color:var(--rd-danger);font-weight:600}.rd-tick-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.rd-tick,.rd-switch{min-height:var(--rd-tap);cursor:pointer;align-items:center;gap:10px;font-weight:500;line-height:1.35;display:inline-flex;position:relative}.rd-tick .rd-check{width:26px;height:26px}.rd-tick .rd-check path+path{opacity:0;transform-origin:40% 70%;transform-box:fill-box;transition:opacity .12s, scale var(--rd-dur-fast) var(--rd-ease-bounce);scale:.4}.rd-tick-input:checked+.rd-check path+path{opacity:1;scale:1}.rd-tick-input:focus-visible+.rd-check,.rd-tick-input:focus-visible+.rd-switch-track,.rd-tick-input:focus-visible+.rd-choice-box{outline:3px dashed var(--rd-pink);outline-offset:4px;border-radius:8px}:is(.rd-tick:has(:disabled),.rd-switch:has(:disabled),.rd-choice:has(:disabled)){opacity:.5;cursor:not-allowed}.rd-switch-track{border-radius:var(--rd-wobble-radius);width:48px;height:28px;box-shadow:inset 0 0 0 2.5px var(--rd-pink);transition:background-color var(--rd-dur-fast);flex:none;padding:4px}.rd-switch-track i{background:var(--rd-pink);width:20px;height:20px;transition:translate var(--rd-dur-fast) var(--rd-ease-bounce), background-color var(--rd-dur-fast);border-radius:47% 53% 50% 50%/53% 47%;display:block}.rd-tick-input:checked+.rd-switch-track{background:var(--rd-pink)}.rd-tick-input:checked+.rd-switch-track i{background:var(--rd-paper);translate:20px}.rd-choices{border:0;min-width:0;margin:0;padding:0}.rd-choices>legend{margin-bottom:8px}.rd-choices-grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--min), 100%), 1fr));gap:12px;display:grid}.rd-choice{cursor:pointer;display:grid;position:relative}.rd-choice-box{isolation:isolate;min-height:58px;transition:rotate var(--rd-dur-fast) var(--rd-ease-bounce);align-content:center;gap:2px;padding:10px 42px 11px 18px;line-height:1.3;display:grid;position:relative}.rd-choice-box:before{content:"";z-index:-1;border:2.5px solid var(--rd-pink);border-radius:var(--rd-wobble-radius);filter:url(#rd-wob-1);transition:background-color var(--rd-dur-fast), border-width var(--rd-dur-fast);position:absolute;inset:0}.rd-choice:nth-child(2n) .rd-choice-box:before{border-radius:var(--rd-wobble-radius-alt);filter:url(#rd-wob-2)}.rd-choice-box small{font-size:var(--rd-text-small);color:var(--rd-ink-soft)}.rd-choice:hover .rd-choice-box{rotate:-.8deg}.rd-choice:nth-child(2n):hover .rd-choice-box{rotate:.8deg}.rd-choice-mark{width:22px;color:var(--rd-pink);opacity:0;transition:opacity .12s, scale var(--rd-dur-fast) var(--rd-ease-bounce);position:absolute;top:50%;right:14px;translate:0 -50%;scale:.4}.rd-tick-input:checked+.rd-choice-box:before{background:var(--rd-pink-soft);border-width:3.5px}.rd-tick-input:checked+.rd-choice-box .rd-choice-mark{opacity:1;scale:1}.rd-tabs{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;display:flex;position:relative;overflow-x:auto}.rd-tabs::-webkit-scrollbar{display:none}.rd-tabs[data-fade=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.rd-tabs[data-fade=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000)}.rd-tabs[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.rd .rd-tab{min-height:var(--rd-tap);white-space:nowrap;color:var(--rd-ink-soft);transition:color var(--rd-dur-fast), rotate var(--rd-dur-fast) var(--rd-ease-bounce);flex:none;align-items:baseline;gap:6px;font-weight:700;display:inline-flex;position:relative}.rd .rd-tab small{font-size:var(--rd-text-tiny);color:var(--rd-pink-deep);font-weight:700}.rd .rd-tab:disabled{opacity:.45;cursor:not-allowed}.rd .rd-tab:focus-visible{outline-offset:-3px}.rd-tabs--line{gap:clamp(14px,2.4vw,30px);padding-bottom:4px}.rd .rd-tabs--line .rd-tab{font-size:var(--rd-text-nav);letter-spacing:.04em;text-transform:uppercase;padding:8px 2px 12px}.rd .rd-tabs--line .rd-tab:hover:not(:disabled){color:var(--rd-ink);rotate:-2deg}.rd .rd-tabs--line .rd-tab[aria-selected=true]{color:var(--rd-ink)}.rd-tab-line{width:calc(100% + 8px);height:10px;color:var(--rd-pink);animation:rd-tab-draw .3s var(--rd-ease) both;position:absolute;bottom:1px;left:-4px}@keyframes rd-tab-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.rd-tabs--pill{gap:8px;padding:3px}.rd .rd-tabs--pill .rd-tab,.rd .rd-chip{min-height:max(38px, calc(var(--rd-tap) - 6px));border-radius:var(--rd-wobble-radius);box-shadow:inset 0 0 0 2.5px var(--rd-pink);color:var(--rd-pink-deep);white-space:nowrap;transition:background-color var(--rd-dur-fast), color var(--rd-dur-fast), rotate var(--rd-dur-fast) var(--rd-ease-bounce);align-items:center;padding:3px 16px 5px;font-size:16px;font-weight:700;line-height:1.2}.rd .rd-chip{gap:6px;display:inline-flex}.rd .rd-tabs--pill .rd-tab:nth-child(2n),.rd .rd-chip:nth-child(2n){border-radius:var(--rd-wobble-radius-alt)}.rd .rd-tabs--pill .rd-tab:hover:not(:disabled),.rd .rd-chip:hover:not(:disabled){background:var(--rd-pink-soft);rotate:-1.5deg}.rd .rd-tabs--pill .rd-tab[aria-selected=true],.rd .rd-chip[aria-pressed=true]{background:var(--rd-pink-deep);box-shadow:inset 0 0 0 2.5px var(--rd-pink-deep);color:#fff}.rd .rd-tabs--pill .rd-tab[aria-selected=true]:hover:not(:disabled),.rd .rd-chip[aria-pressed=true]:hover:not(:disabled){background:var(--rd-pink-deep)}.rd .rd-tabs--pill .rd-tab[aria-selected=true] small{color:#fff}.rd .rd-chip:disabled{opacity:.45;cursor:not-allowed}.rd-tabpanel{min-width:0}.rd .rd-tabpanel:focus-visible{outline-offset:2px}html:has(.rd-modal[open]){overflow:hidden}.rd-modal{width:100%;max-width:none;height:100%;max-height:none;color:var(--rd-ink);background:0 0;border:0;margin:0;padding:20px;position:fixed;inset:0;overflow:clip}.rd-modal[open]{place-items:center;display:grid}.rd-modal::backdrop{background:#fde3eecc}.rd-modal[open]::backdrop{animation:.2s ease-out both rd-modal-veil}.rd-modal-paper{width:min(100%, var(--w,520px));isolation:isolate;max-height:min(100%,760px);animation:rd-modal-in .34s var(--rd-ease-bounce) both;flex-direction:column;display:flex;position:relative}.rd-modal[data-size=sm]{--w:400px}.rd-modal[data-size=lg]{--w:760px}.rd-modal-paper:before{content:"";z-index:-1;border:3px solid var(--rd-pink);background:var(--rd-paper);filter:url(#rd-wob-2);border-radius:28px 18px 30px 16px/18px 30px 16px 28px;position:absolute;inset:0}.rd-modal-head{padding:24px 64px 0 28px}.rd-modal-title{font-size:var(--rd-text-h2);-webkit-text-decoration:underline wavy var(--rd-pink) 2px;text-decoration:underline wavy var(--rd-pink) 2px;text-underline-offset:8px;margin:0;font-weight:700;line-height:1.2}.rd-modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rd-pink) transparent;flex:1;min-height:0;padding:20px 28px 26px;overflow-y:auto}.rd-modal-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px;padding:4px 28px 24px;display:flex}.rd .rd-modal-close{color:var(--rd-pink);position:absolute;top:14px;right:14px}@keyframes rd-modal-in{0%{opacity:0;rotate:-2deg;scale:.88}}@keyframes rd-modal-veil{0%{opacity:0}}@keyframes rd-modal-up{0%{translate:0 100%}}@media (width<=640px){.rd-modal{padding:0}.rd-modal[open]{place-items:end stretch}.rd-modal-paper{width:100%;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);animation:rd-modal-up .32s var(--rd-ease) both}.rd-modal-paper:before{border-radius:26px 22px 0 0/22px 26px 0 0;inset:0 -8px -16px}.rd-modal-head{padding:22px 60px 0 20px}.rd-modal-body{padding:16px 20px 22px}.rd-modal-foot{flex-direction:column-reverse;align-items:stretch;padding:0 20px 18px}.rd-modal-foot>.rd-btn{width:100%}}.rd-menu{display:inline-block;position:relative}.rd .rd-menu-trigger{min-width:var(--rd-tap);min-height:var(--rd-tap);align-items:center;gap:8px;font-weight:700;display:inline-flex}.rd-menu-list{z-index:var(--rd-z-overlay);width:max-content;min-width:190px;max-width:min(300px, calc(100vw - 2 * var(--rd-gutter)));isolation:isolate;transform-origin:100% 0;animation:rd-menu-in .22s var(--rd-ease-bounce) both;padding:10px 8px;display:grid;position:absolute;top:calc(100% + 8px)}.rd-menu[data-align=end] .rd-menu-list{right:0}.rd-menu[data-align=start] .rd-menu-list{transform-origin:0 0;left:0}.rd-menu-list:before{content:"";z-index:-1;border:2.5px solid var(--rd-pink);background:var(--rd-paper);filter:url(#rd-wob-3);border-radius:20px 14px 22px 12px/14px 22px 12px 20px;position:absolute;inset:0}.rd .rd-menu-item{min-height:var(--rd-tap);color:var(--rd-ink);text-align:left;cursor:pointer;border-radius:12px 16px;align-items:center;padding:4px 14px 6px;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;display:flex}.rd .rd-menu-item:hover,.rd .rd-menu-item:focus-visible{background:var(--rd-pink-soft);outline:none}.rd .rd-menu-item--danger{color:var(--rd-danger)}.rd .rd-menu-item[aria-disabled=true]{opacity:.45;cursor:not-allowed}@keyframes rd-menu-in{0%{opacity:0;rotate:3deg;scale:.8}}.rd .rd-paper{isolation:isolate;min-width:0;color:inherit;text-align:left;padding:clamp(16px,2.4vw,26px);text-decoration:none;display:block;position:relative}.rd-paper:before{content:"";z-index:-1;transition:background-color var(--rd-dur-fast), border-width var(--rd-dur-fast);border-radius:26px 16px 28px 14px/16px 28px 14px 26px;position:absolute;inset:0}.rd-paper--line:before{border:2.5px solid var(--rd-paper-line,var(--rd-pink));filter:url(#rd-wob-1)}.rd-paper--soft:before{background:var(--rd-pink-soft)}.rd .rd-paper--plain{padding:0}:where(.rd-autogrid,.rd-stack,.rd-cluster)>.rd-paper:nth-child(2n):before{filter:url(#rd-wob-2);border-radius:16px 28px 14px 26px/28px 14px 26px 16px}:where(.rd-autogrid,.rd-stack,.rd-cluster)>.rd-paper--soft:nth-child(2n):before{filter:none}.rd-paper--link{cursor:pointer;transition:rotate var(--rd-dur-fast) var(--rd-ease-bounce), scale var(--rd-dur-fast) var(--rd-ease-bounce)}.rd-paper--link:hover{rotate:-.8deg;scale:1.015}.rd-paper--link:hover:before{background:var(--rd-pink-soft)}.rd-paper--link.rd-paper--soft:hover:before{background:color-mix(in srgb, var(--rd-pink) 22%, var(--rd-paper))}.rd-paper--link:active{scale:.99}.rd-stat{gap:2px;line-height:1.2;display:grid}.rd-stat b{color:var(--rd-pink);font-size:clamp(30px,3.4vw,42px);font-weight:700;line-height:1}.rd-stat span{font-size:var(--rd-text-small);color:var(--rd-ink-soft);font-weight:500}.rd-badge{border-radius:var(--rd-wobble-radius);font-size:var(--rd-text-small);white-space:nowrap;align-items:center;gap:5px;padding:1px 11px 3px;font-weight:700;line-height:1.35;display:inline-flex;rotate:-1.5deg}.rd-badge--soft{background:var(--rd-pink-soft);color:var(--rd-danger)}.rd-badge--pink{background:var(--rd-pink-deep);color:#fff}.rd-badge--line{box-shadow:inset 0 0 0 2px var(--rd-pink);color:var(--rd-pink-deep)}.rd-badge--sticky{background:var(--rd-sticky);color:var(--rd-ink)}.rd-badge--ok{background:var(--rd-ok-soft);color:var(--rd-ok)}.rd-badge--danger{background:var(--rd-danger);color:#fff}.rd-badge--ink{background:var(--rd-ink);color:var(--rd-paper)}.rd-badge>.rd-doodle{width:13px}.rd-notice{border-radius:var(--rd-wobble-radius-alt);animation:rd-notice-in .35s var(--rd-ease-bounce) both;margin:0;padding:9px 16px 10px;font-size:15px;font-weight:600;line-height:1.35;rotate:-.6deg}.rd-notice--danger{background:var(--rd-pink-soft);color:var(--rd-danger)}.rd-notice--ok{background:var(--rd-ok-soft);color:var(--rd-ok)}.rd-notice--warn{background:var(--rd-warn-soft);color:var(--rd-warn)}.rd-notice--info{box-shadow:inset 0 0 0 2px var(--rd-pink);color:var(--rd-ink)}@keyframes rd-notice-in{0%{opacity:0;scale:.3}}.rd-spinner{color:var(--rd-ink-soft);align-items:center;gap:10px;font-weight:500;display:inline-flex}.rd-spinner>.rd-doodle{width:var(--size,28px);color:var(--rd-pink);animation:.9s steps(8,end) infinite rd-spin}.rd-empty{max-width:420px;padding:var(--rd-space-6) 0;text-align:center;justify-items:center;gap:10px;margin-inline:auto;display:grid}.rd-empty-art{width:clamp(96px,30%,150px);color:var(--rd-pink)}.rd-empty-title{font-size:var(--rd-text-h3);margin:0;font-weight:700;line-height:1.25}.rd-empty-text{color:var(--rd-ink-soft);margin:0}.rd-empty>.rd-btn{margin-top:8px}.rd-avatar{width:var(--size);height:var(--size);box-shadow:inset 0 0 0 2.5px var(--rd-pink);background:var(--rd-pink-soft);font-size:calc(var(--size) * .46);color:var(--rd-pink-deep);border-radius:47% 53% 50% 50%/53% 47%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.rd-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;padding:2.5px}:where(.td) a{color:inherit;text-decoration:none}:where(.td) :where(h1,h2,h3,p,ul,ol,dl,dd){margin:0;padding:0}:where(.td) :where(ul,ol){list-style:none}@media (prefers-reduced-motion:no-preference){html:has(.td--guest){scroll-behavior:smooth}}.td{overflow-x:clip}.td [data-tone=leaf]{--t-pale:var(--fm-leaf-pale);--t-ink:var(--fm-leaf-ink)}.td [data-tone=water]{--t-pale:var(--fm-water-pale);--t-ink:var(--fm-water-ink)}.td [data-tone=jade]{--t-pale:var(--fm-jade-pale);--t-ink:var(--fm-jade-ink)}.td [data-tone=berry]{--t-pale:var(--fm-berry-pale);--t-ink:var(--fm-berry-ink)}.td [data-tone=sun]{--t-pale:var(--fm-sun-pale);--t-ink:var(--fm-sun-ink)}.td [data-tone=plum]{--t-pale:var(--fm-plum-pale);--t-ink:var(--fm-plum-ink)}.td [data-tone=tomato]{--t-pale:var(--fm-tomato-pale);--t-ink:var(--fm-tomato-ink)}.td-page{width:min(100%,1160px);margin:0 auto;padding:0 clamp(16px,3vw,32px) 28px}.td-top{justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 0;display:flex}.td-hello{color:var(--fm-berry-ink);font-size:1.1rem;font-weight:800;rotate:-3deg}.td-auth{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.td-streak{border:1.5px solid var(--fm-ink);background:var(--fm-sun-pale);min-height:38px;color:var(--fm-sun-ink);border-radius:999px;align-items:center;gap:6px;padding:2px 14px 2px 8px;font-size:.9rem;font-weight:800;display:inline-flex}.td-streak .fm-num{color:var(--fm-ink);padding-top:2px;font-size:1.2rem}.td .td-avatar{border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-berry-pale);width:46px;height:46px;box-shadow:0 3px 0 -1px var(--fm-line);font-family:var(--fm-font-hand);color:var(--fm-berry-ink);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid;overflow:hidden}.td-avatar img{object-fit:cover;width:100%;height:100%}.td-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"head panel""nav nav";align-items:center;gap:clamp(28px,3.4vw,44px) clamp(24px,4vw,56px);display:grid}.td-hero-head{text-align:center;grid-area:head;min-width:0}.td .td-logo{--hl:var(--fm-berry);letter-spacing:.02em;font-size:clamp(2.5rem,1.7rem + 3vw,4rem);line-height:1.1}.td-aka{gap:2px;margin-top:10px;display:grid}.td-aka b{font-size:1.15rem;font-weight:800}.td-aka span{color:var(--fm-ink-soft);font-weight:600}.td-sample{border:1.5px dashed var(--fm-plum-deep);width:fit-content;color:var(--fm-plum-ink);border-radius:999px;margin:10px auto 0;padding:2px 12px;font-size:.8rem;font-weight:800}.td .td-panel{grid-area:panel;gap:18px;min-width:0;padding:clamp(24px,3vw,32px) clamp(16px,3vw,28px) clamp(18px,3vw,26px);display:grid}.td .td-panel .fm-btn--block{white-space:normal}.td .td-panel-title{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:clamp(1.45rem,1.2rem + .8vw,1.75rem);display:flex}.td .fm-title .fm-chip{font-family:var(--fm-font-ui)}.td-steps,.td-quests{gap:10px;display:grid}.td-steps>li,.td-quest{border-radius:var(--fm-r-soft);background:var(--fm-cream);min-height:54px;box-shadow:inset 0 2px 0 var(--fm-line);align-items:center;gap:12px;padding:8px 14px 8px 10px;font-weight:700;line-height:1.35;display:flex}.td-step-num{border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-sun);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding-top:3px;font-size:1.1rem;line-height:1;display:grid}.td-steps>li:nth-child(2) .td-step-num{background:var(--fm-leaf)}.td-steps>li:nth-child(3) .td-step-num{background:var(--fm-berry)}.td-have{text-align:center;color:var(--fm-ink-soft);font-size:.95rem;font-weight:600}.td .td-have a{color:var(--fm-berry-ink);-webkit-text-decoration:underline wavy var(--fm-berry);text-decoration:underline wavy var(--fm-berry);text-underline-offset:4px;font-weight:800;text-decoration-thickness:1.5px}.td-check{border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-white);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.td-quest[data-done] .td-check{background:var(--fm-leaf)}.td-quest-title{flex:1;min-width:0}.td-quest[data-done] .td-quest-title{color:var(--fm-ink-soft);-webkit-text-decoration:line-through var(--fm-leaf-deep) 2px;text-decoration:line-through var(--fm-leaf-deep) 2px}.td-quest-count{color:var(--fm-ink-soft);flex:none;padding-top:2px;font-weight:800}.td-quest-count small{margin-left:1px;font-size:.8rem}.td-empty{color:var(--fm-ink-soft);padding:6px 2px;font-weight:600}.td-nav{grid-area:nav;justify-items:center;gap:12px;display:grid}.td-nav ul{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.td .td-navlink{border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-white);min-height:52px;box-shadow:inset 0 -4px 0 var(--fm-line);border-radius:999px;align-items:center;gap:8px;padding:5px 18px 9px 6px;font-weight:800;line-height:1.2;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .1s,padding .1s;display:inline-flex}.td .td-navlink:hover{transform:translateY(-1px)rotate(-.8deg)}.td .td-navlink:active{box-shadow:inset 0 -1px 0 var(--fm-line);padding-bottom:6px;transform:translateY(2px)}.td-navlink-icon{border:1.5px solid var(--fm-ink);background:var(--t-pale,var(--fm-cream));border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.td-tag{background:var(--t-pale,var(--fm-cream));color:var(--t-ink,var(--fm-ink-soft));white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.74rem;font-weight:800}.td .td-nav-side .td-navlink{box-shadow:none;background:0 0;border-style:dashed;padding-bottom:5px}.td .td-nav-side .td-navlink:hover{background:var(--fm-white)}.td-join{width:min(100%,640px);margin:clamp(48px,7vw,80px) auto 0}.td .td-join-card{text-align:center;justify-items:center;gap:12px;padding:clamp(30px,4vw,42px) clamp(18px,4vw,44px) clamp(26px,4vw,36px);display:grid}.td-join-ko{color:var(--fm-berry-deep);font-size:1.1rem;font-weight:800}.td .td-join-title{--hl:var(--fm-berry);font-size:clamp(2rem,1.5rem + 2vw,2.8rem);line-height:1.15}.td-join-text{max-width:34ch;color:var(--fm-ink-soft);line-height:1.55}.td-join-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.td-join-card .td-join-veg{width:72px;height:auto;position:absolute}.td-join-card .td-join-veg--a{top:22px;left:-24px;rotate:-12deg}.td-join-card .td-join-veg--b{bottom:18px;right:-22px;rotate:10deg}.td-foot{color:var(--fm-ink-faint);flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:28px 0 4px;font-size:.85rem;font-weight:700;display:flex}.td .td-old{color:var(--fm-ink-soft)}.td .td-old:hover{color:var(--fm-ink);text-decoration:underline}.td-book{width:min(100%,900px);margin:clamp(48px,7vw,80px) auto 0}.td .td-book-card{gap:16px;padding:clamp(28px,3.4vw,40px) clamp(16px,3.4vw,36px) clamp(22px,3vw,32px);display:grid}.td .td-book-title{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem)}.td-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.td-stat{border:1.5px solid var(--fm-ink);border-radius:var(--fm-r-soft);background:var(--t-pale);min-width:0;box-shadow:0 4px 0 -1px var(--fm-line);text-align:center;flex-direction:column-reverse;align-items:center;gap:4px;padding:14px 8px 12px;display:flex}.td-stat dd{font-size:1.9rem;line-height:1}.td-stat dt{color:var(--t-ink);align-items:center;gap:4px;font-size:.82rem;font-weight:800;display:inline-flex}.td .td-h3{font-family:var(--fm-font-hand);margin-top:8px;font-size:1.2rem;font-weight:700}.td .td-h3:first-letter,.td .td-farm-title:first-letter,.td .td-farm-meta:first-letter,.td .td-farm-go:first-letter{text-transform:uppercase}.td-continue{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;display:grid}.td .td-continue-item,.td .td-farm{border:var(--fm-line-w) solid var(--fm-ink);border-radius:var(--fm-r-soft);box-shadow:0 4px 0 -1px var(--fm-line);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.td .td-continue-item:hover,.td .td-farm:hover{transform:translateY(-2px)rotate(-.4deg)}.td .td-continue-item{background:var(--fm-white);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""meta meta""bar pct";align-items:center;gap:4px 10px;height:100%;padding:12px 14px 14px;display:grid}.td-continue-title{grid-area:title;font-weight:800;line-height:1.3}.td-continue-meta{color:var(--fm-ink-soft);grid-area:meta;font-size:.82rem;font-weight:700}.td .td-continue-bar{grid-area:bar;margin-top:6px}.td-continue-pct{grid-area:pct;margin-top:6px;padding-top:2px}.td .td-farm{background:var(--fm-leaf-pale);grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"icon title go""icon meta go";align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.td .td-farm[data-busy]{background:var(--fm-sun-pale)}.td-farm-icon{border:1.5px solid var(--fm-ink);background:var(--fm-white);width:48px;height:48px;color:var(--fm-leaf-deep);border-radius:50%;grid-area:icon;place-items:center;display:grid}.td .td-farm-icon .rd-doodle{stroke-width:2.2px;width:30px;height:30px}.td-farm-title{grid-area:title;font-weight:800;line-height:1.3}.td .td-farm[data-wilt] .td-farm-title{color:var(--fm-berry-ink)}.td-farm-meta{color:var(--fm-ink-soft);grid-area:meta;font-size:.85rem;font-weight:600;line-height:1.4}.td-farm-go{border:1.5px solid var(--fm-ink);background:var(--fm-white);white-space:nowrap;border-radius:999px;grid-area:go;padding:6px 14px;font-size:.9rem;font-weight:800}@media (prefers-reduced-motion:reduce){.td .td-navlink,.td .td-continue-item,.td .td-farm{transition:none}}@media (width<=1000px){.td-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""panel""nav"}.td .td-panel{justify-self:center;width:min(100%,560px)}}@media (width<=640px){.td-top{min-height:60px;padding:10px 0}.td-hello{font-size:.95rem}.td-nav ul{gap:10px 8px}.td .td-navlink{min-height:48px;padding-right:14px;font-size:.95rem}.td-navlink-icon{width:34px;height:34px}.td-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.td .td-farm{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon title""icon meta""icon go"}.td-farm-icon{width:44px;height:44px}.td-farm-go{justify-self:start;margin-top:8px}.td-join-card .td-join-veg{width:54px}.td-join-card .td-join-veg--a{top:-22px;left:-8px}.td-join-card .td-join-veg--b{bottom:-20px;right:-6px}}.fm-notice{--n-bg:var(--fm-water-pale);--n-pin:var(--fm-water-deep);--n-ink:var(--fm-water-ink);border:1.5px solid color-mix(in srgb, var(--fm-ink) 55%, transparent);background:var(--n-bg);border-radius:6px 14px 8px 16px/14px 6px 16px 8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 12px 12px;display:grid;position:relative}.fm-notice--tip{--n-bg:var(--fm-sun-pale);--n-pin:var(--fm-sun-deep);--n-ink:var(--fm-sun-ink)}.fm-notice--ok{--n-bg:var(--fm-leaf-pale);--n-pin:var(--fm-leaf-deep);--n-ink:var(--fm-leaf-ink)}.fm-notice--warn{--n-bg:var(--fm-tomato-pale);--n-pin:var(--fm-tomato-deep);--n-ink:var(--fm-tomato-ink)}.fm-notice--gem{--n-bg:var(--fm-jade-pale);--n-pin:var(--fm-jade-deep);--n-ink:var(--fm-jade-ink)}.fm-notice__pin{border:1.5px solid var(--fm-ink);background:radial-gradient(circle at 35% 32%, color-mix(in srgb, var(--fm-white) 85%, transparent) 0 2px, transparent 2.5px), var(--n-pin);width:15px;height:15px;box-shadow:2px 3px 0 -1px color-mix(in srgb, var(--fm-ink) 18%, transparent);border-radius:50%;position:absolute;top:-8px;left:22px}.fm-notice__icon{border:1.5px solid var(--fm-ink);background:var(--fm-white);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.fm-notice__body{align-self:center;gap:2px;display:grid}.fm-notice__title{color:var(--n-ink);margin:0;font-weight:800}.fm-notice__text{font-size:.9rem;line-height:1.4}.fm-notice__text p{margin:0}.fm-notice__act{margin-top:6px}.fm-notice__close{margin:-4px -4px 0 0}:where(.au) a{color:inherit;text-decoration:none}:where(.au) :where(h1,h2,p,ol){margin:0;padding:0}:where(.au) ol{list-style:none}.au{overflow-x:clip}.au-page{flex-direction:column;width:min(100%,1120px);min-height:100dvh;margin:0 auto;padding:0 clamp(16px,3vw,32px) clamp(28px,4vw,48px);display:flex}.au-top{justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding-top:8px;display:flex}.au .au-brand{--hl:var(--fm-berry);letter-spacing:.02em;border-radius:8px;font-size:clamp(1.5rem,1.3rem + .8vw,1.9rem);line-height:1.1}.au-switch{align-items:center;gap:10px;display:flex}.au-switch-q{color:var(--fm-ink-soft);font-size:.95rem;font-weight:600}.au-main{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-content:center;align-items:center;gap:clamp(24px,3.4vw,44px) clamp(24px,4vw,56px);padding-top:clamp(12px,3vw,36px);display:grid}.au-hero{justify-items:center;gap:22px;min-width:0;display:grid}.au .au-scene{margin:0}.au .au-steps-note{width:min(100%,380px);padding:18px 20px 22px;rotate:-1.6deg}.au .au-steps-title{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:12px;font-size:1.3rem;display:flex}.au .fm-title .fm-chip{font-family:var(--fm-font-ui)}.au-steps{gap:8px;display:grid}.au-steps li{align-items:center;gap:10px;font-weight:700;line-height:1.35;display:flex}.au-step-num{border:var(--fm-line-w) solid var(--fm-ink);background:var(--fm-white);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding-top:3px;font-size:.95rem;line-height:1;display:grid}.au-steps li[aria-current]{font-weight:800}.au-steps li[aria-current] .au-step-num{background:var(--fm-berry)}.au .au-panel{justify-self:center;gap:10px;width:min(100%,520px);min-width:0;padding:clamp(26px,3vw,34px) clamp(18px,3vw,30px) clamp(20px,3vw,28px);display:grid}.au-ko{color:var(--fm-berry-ink);justify-self:start;font-size:1.1rem;font-weight:800;rotate:-3deg}.au .au-title{font-size:clamp(2.1rem,1.5rem + 2.6vw,3rem);line-height:1.15}.au-sub{color:var(--fm-ink-soft);font-weight:600}.au-form{gap:16px;margin-top:12px;display:grid}.au .au-form .fm-btn--block{white-space:normal;margin-top:4px}.au-field{gap:7px;min-width:0;display:grid}.au-label{flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.92rem;font-weight:800;display:flex}.au-label small{color:var(--fm-ink-soft);font-size:.78rem;font-weight:700}.au-box{min-width:0;display:block;position:relative}.au .au-input{border:var(--fm-line-w) solid var(--fm-ink);border-radius:var(--fm-r-btn);background:var(--fm-white);width:100%;min-height:48px;box-shadow:inset 0 3px 0 color-mix(in srgb, var(--fm-line) 70%, transparent);font:inherit;color:var(--fm-ink);padding:8px 14px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:block}.au .au-input::placeholder{color:color-mix(in srgb, var(--fm-ink-soft) 80%, var(--fm-white));opacity:1;font-weight:600}.au .au-input:focus-visible{border-color:var(--fm-berry-deep);box-shadow:inset 0 3px 0 color-mix(in srgb, var(--fm-line) 70%, transparent), 0 0 0 4px var(--fm-berry-pale);outline:2px solid #0000}.au .au-input:user-invalid{border-color:var(--fm-tomato-deep)}.au-box--action .au-input{padding-right:92px}.au .au-peek{border:1.5px solid var(--fm-ink);background:var(--fm-cream);cursor:pointer;border-radius:999px;align-items:center;gap:4px;min-height:34px;padding:0 11px 0 8px;font-size:.85rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:50%;right:7px;translate:0 -50%}.au .au-peek:hover{background:var(--fm-sun-pale)}.au-hint{color:var(--fm-ink-soft);font-size:.82rem;font-weight:600;line-height:1.4}.au-alt{text-align:center;color:var(--fm-ink-soft);margin-top:6px;font-size:.95rem;font-weight:600}.au .au-alt a{color:var(--fm-berry-ink);-webkit-text-decoration:underline wavy var(--fm-berry);text-decoration:underline wavy var(--fm-berry);text-underline-offset:4px;font-weight:800;text-decoration-thickness:1.5px}@media (prefers-reduced-motion:no-preference){.au-ko,.au .au-title{animation:.4s cubic-bezier(.3,1.6,.5,1) backwards au-in}}@keyframes au-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.au .au-input{transition:none}}@media (width<=1000px){.au-main{grid-template-columns:minmax(0,1fr);justify-items:center}.au-hero{display:contents}.au .au-scene{width:min(100%,340px)}.au .au-panel{width:min(100%,560px)}.au .au-steps-note{order:1;margin-top:8px}}@media (width<=640px){.au-top{min-height:60px}.au-switch-q{display:none}.au-main{gap:14px;padding-top:0}.au .au-scene{width:min(76%,280px)}}