@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Roboto+Mono:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Patrick+Hand&display=swap";.contact-dialog{display:flex;flex-direction:column;gap:14px}.contact-dialog-hint{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}.contact-dialog-mail{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--bg-subtle)}.contact-dialog-mail-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--primary-light) 60%,var(--surface));color:var(--primary-text)}.contact-dialog-mail-address{font-size:15.5px;font-weight:650;color:var(--text);word-break:break-all;-webkit-user-select:all;user-select:all}.contact-dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.contact-dialog-actions .btn{display:inline-flex;align-items:center;gap:7px}.contact-dialog-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600}.contact-dialog-secondary:hover{border-color:var(--border-hover);background:var(--bg-subtle);text-decoration:none}.contact-dialog-zalo{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:var(--primary-text);font-size:13.5px;font-weight:600;text-decoration:none}.contact-dialog-zalo:hover{text-decoration:underline}@media(max-width:480px){.contact-dialog-actions{flex-direction:column}.contact-dialog-actions .btn{justify-content:center;width:100%}}.zalo-invite{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:4px 4px 8px}.zalo-invite-close{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2, var(--bg-subtle));color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.zalo-invite-close:hover{color:var(--text);background:var(--surface-3, var(--border-light))}.zalo-invite-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e8f2ff;color:#0068ff}.zalo-invite-text{margin:0;max-width:34ch;color:var(--text-muted);font-size:14.5px;line-height:1.6}.zalo-invite-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:300px}.zalo-invite-join{display:inline-flex;align-items:center;justify-content:center;gap:8px}.zalo-invite-join:hover{text-decoration:none}.zalo-invite-later{border:0;background:none;padding:6px;color:var(--text-muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.zalo-invite-later:hover{color:var(--text)}.bottom-sheet:has(.support-nag){border-radius:18px;box-shadow:var(--shadow-xl);max-width:480px;padding:22px 24px 18px}.support-nag{display:flex;flex-direction:column;text-align:left;color:var(--text)}.support-nag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.support-nag-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.support-nag-close:hover{background:var(--surface-2);color:var(--text)}.support-nag-title{margin:0 0 8px;font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:750;color:var(--text)}.support-nag-title span{color:var(--primary-text, var(--primary));white-space:nowrap}.support-nag-pills{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px}.support-nag-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-light);font-size:11.5px;color:var(--text-secondary);line-height:1.4}.support-nag-pill svg{color:var(--primary-text, var(--primary))}.support-nag-text{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.support-nag-boxes{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.support-nag-box{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);text-align:left}.support-nag-box.is-premium{background:color-mix(in srgb,var(--warning-light) 50%,var(--surface));border-color:var(--warning-border)}.support-nag-box-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.box-title-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;flex-shrink:0}.box-title-icon.is-free{background:var(--surface-3);color:var(--text-secondary)}.box-title-icon.is-premium{background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:var(--warning-text)}.box-title-text{font-size:13px;font-weight:700;color:var(--text);flex:1}.support-nag-box-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.support-nag-box-perks li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:var(--text-secondary)}.support-nag-box-perks li strong{color:var(--text);font-weight:600}.support-nag-box-perks li .check-icon{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}.support-nag-box-perks li .check-icon.is-free{color:var(--primary)}.support-nag-box-perks li .check-icon.is-premium{color:var(--warning-text)}.support-nag-actions{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.support-nag-btn-upgrade{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:10px 16px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:650;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:var(--shadow-glow-primary)}.support-nag-btn-upgrade:hover{background:var(--primary-hover)}.support-nag-btn-upgrade:active{transform:translateY(1px)}.support-nag-btn-later{background:none;border:none;color:var(--text-muted);font-size:12.5px;font-weight:550;padding:6px 8px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border-hover);text-underline-offset:3px;transition:color .15s ease}.support-nag-btn-later:hover{color:var(--text)}@media(max-width:768px){.bottom-sheet:has(.support-nag){border-radius:18px 18px 0 0;padding:18px 20px max(18px,env(safe-area-inset-bottom))}.support-nag-title{font-size:18px}}.admin-root{color-scheme:light;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--primary: #0e9384;--primary-strong: #0b7568;--accent: #0e9384;--success: #46b26a;--danger: #e0533d;--warning: #f6b83f;--surface: #ffffff;--surface-2: #f3faf8;--surface-3: #e3efeb;--text: #16323f;--text-2: #49665f;--muted: #6d8a83;--border: rgba(22, 50, 63, .12);--shadow: 0 1px 2px rgba(22, 50, 63, .04), 0 8px 22px rgba(22, 50, 63, .06);--ring: 0 0 0 3px rgba(14, 147, 132, .18);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.admin-root[data-theme=dark]{color-scheme:dark;--primary: #5dcaa5;--primary-strong: #9fe1cb;--accent: #5dcaa5;--success: #34d399;--danger: #f87171;--warning: #f59e0b;--surface: #111c19;--surface-2: #0b1512;--surface-3: #1b2a25;--text: #f8fafc;--text-2: #cbd5e1;--muted: #94a3b8;--border: #26332e;--shadow: 0 1px 2px rgba(0, 0, 0, .28), 0 10px 26px rgba(0, 0, 0, .3);--ring: 0 0 0 3px rgba(93, 202, 165, .24)}.admin-root,.admin-root *{box-sizing:border-box}.admin-root{margin:0;min-width:320px;min-height:100vh;background:var(--surface-2);color:var(--text)}.admin-root button,.admin-root input,.admin-root select,.admin-root textarea{font:inherit}.admin-root button{transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.admin-root button:disabled{cursor:not-allowed;opacity:.58}.admin-root button:disabled:hover{transform:none;border-color:var(--border)}.admin-root .admin-icon-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-2);cursor:pointer}.admin-root .admin-icon-button:hover:not(:disabled){color:var(--primary-strong);border-color:var(--primary)}.admin-root .spin{animation:adminSpin .8s linear infinite}.admin-root .admin-section-heading{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px}.admin-root .admin-section-heading h2{margin:0;font-size:17px}.admin-root .admin-section-heading span{color:var(--muted);font-size:12px}.admin-root .admin-growth-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-root .admin-growth-panels{margin-top:16px}.admin-root .admin-lead-list,.admin-root .admin-leader-list{display:grid;gap:8px;margin-top:12px}.admin-root .admin-lead-row,.admin-root .admin-leader-row{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 10px;border-radius:9px;background:var(--surface-2)}.admin-root .admin-lead-row span:first-child,.admin-root .admin-leader-row strong{flex:1}.admin-root .admin-lead-row strong,.admin-root .admin-leader-row>span:last-child{color:var(--primary-strong)}.admin-root .admin-rank{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--primary-strong);font-size:12px;font-weight:700}@keyframes adminSpin{to{transform:rotate(360deg)}}@media(max-width:1100px){.admin-root .admin-growth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.admin-root .admin-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-root .admin-section-heading{display:block}.admin-root .admin-section-heading span{display:block;margin-top:4px}}.admin-root button:focus-visible,.admin-root input:focus-visible,.admin-root select:focus-visible,.admin-root textarea:focus-visible,.admin-root a:focus-visible{outline:none;box-shadow:var(--ring)}.admin-root code{padding:3px 7px;border-radius:6px;background:var(--surface-3);color:var(--primary-strong)}.admin-root .admin-frame{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.admin-root .admin-frame.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.admin-root .admin-sidebar{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:22px 16px;border-right:1px solid var(--border);background:var(--surface)}.admin-root .sidebar-brand-wrapper{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-root .collapse-toggle-btn{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-2);cursor:pointer}.admin-root .collapse-toggle-btn:hover{border-color:var(--primary);color:var(--primary-strong)}.admin-root .sidebar-brand{display:flex;align-items:center;gap:12px}.admin-root .brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary-strong);font-weight:600;font-size:20px;letter-spacing:-.02em}.admin-root .sidebar-brand strong{display:block}.admin-root .sidebar-brand small{color:var(--muted)}.admin-root .admin-nav{display:grid;gap:18px;margin-top:28px}.admin-root .nav-group,.admin-root .nav-group-items{display:grid;gap:3px}.admin-root .nav-group-title{margin:0 12px 5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-root .admin-nav-link{position:relative;display:flex;align-items:center;gap:11px;min-height:40px;padding:0 12px;border-radius:8px;color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:background .14s ease,color .14s ease}.admin-root .admin-nav-link>svg{flex:0 0 auto}.admin-root .nav-badge{min-width:22px;margin-left:auto;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);font-size:11px;font-weight:700;text-align:center}.admin-root .nav-badge.dot{position:absolute;top:6px;right:7px;width:7px;min-width:7px;height:7px;margin:0;padding:0}.admin-root .admin-frame.sidebar-collapsed .admin-sidebar{padding-inline:12px}.admin-root .admin-frame.sidebar-collapsed .sidebar-brand-wrapper,.admin-root .admin-frame.sidebar-collapsed .sidebar-brand-actions{flex-direction:column}.admin-root .admin-frame.sidebar-collapsed .admin-nav-link{justify-content:center;padding-inline:0}.admin-root .admin-frame.sidebar-collapsed .nav-group+.nav-group{margin-top:4px;padding-top:12px;border-top:1px solid var(--border)}.admin-root .admin-nav-link:hover{background:var(--surface-3);color:var(--text)}.admin-root .admin-nav-link.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong)}.admin-root .admin-nav-link.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.admin-root .admin-main{min-width:0}.admin-root .admin-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-root .inline-search{display:flex;align-items:center;gap:8px;width:min(440px,100%);min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--muted)}.admin-root .inline-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.admin-root .topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.admin-root .topbar-brand-title{min-width:0;overflow:hidden;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.admin-root .admin-topbar .nav-menu-btn,.admin-root .sidebar-brand-wrapper .nav-close-btn,.admin-root .admin-nav-backdrop{display:none}.admin-root .sidebar-brand-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.admin-root .topbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.admin-root .avatar-chip{display:flex;align-items:center;gap:10px;min-height:38px;padding:4px 12px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.admin-root .avatar-badge{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--text);font-size:12px;font-weight:700;overflow:hidden;flex:0 0 auto}.admin-root .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.admin-root .avatar-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.admin-root .admin-content{width:100%;max-width:1600px;margin:0 auto;padding:28px}.admin-root .admin-dashboard-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:180px;padding:28px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.admin-root .admin-dashboard-error>svg{color:var(--danger)}.admin-root .admin-dashboard-error h1{margin:0 0 6px;font-size:20px}.admin-root .admin-dashboard-error p{margin:0;color:var(--muted)}.admin-root .dashboard-double-pane{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin:16px 0}.admin-root .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-root .eyebrow{display:block;margin-bottom:6px;color:var(--primary-strong);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.admin-root .page-header h1{margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.15;letter-spacing:-.01em}.admin-root .page-description{margin:6px 0 0;color:var(--muted);font-size:13px}.admin-root .admin-log-panel{display:grid;gap:16px}.admin-root .admin-log-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-root .admin-log-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.admin-root .admin-log-search{margin-left:auto;width:min(320px,100%)}.admin-root .admin-log-polling{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);font-size:13px}.admin-root .admin-log-output{display:grid;max-height:65vh;overflow:auto;padding:14px 0;border:1px solid var(--border);border-radius:9px;background:#07110f;color:#d8f3ea;counter-reset:log-line}.admin-root .admin-log-output code{counter-increment:log-line;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:3px 14px;border-radius:0;background:transparent;color:inherit;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.admin-root .admin-log-output code:before{content:counter(log-line);color:#6f9187;text-align:right;-webkit-user-select:none;user-select:none}.admin-root .admin-log-output code:hover{background:#5dcaa517}.admin-root .admin-log-unavailable{display:grid;gap:6px;padding:24px;border:1px dashed var(--border);border-radius:9px;color:var(--muted)}.admin-root .admin-log-unavailable strong{color:var(--text)}.admin-root .admin-log-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.admin-root .admin-log-analysis{display:grid;gap:8px;border-top:1px solid var(--border);padding-top:16px}.admin-root .admin-log-analysis ul{margin:0 0 4px 18px}.admin-root .admin-log-confidence{color:var(--muted);font-size:12px}@media(max-width:700px){.admin-root .admin-log-search{order:3;width:100%;margin-left:0}.admin-root .admin-log-footer{display:grid}}.admin-root .btn,.admin-root .icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:500}.admin-root .btn{padding:0 14px}.admin-root .btn:hover,.admin-root .icon-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 46%,var(--border))}.admin-root .btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.admin-root .btn.danger{border-color:var(--danger);background:var(--danger);color:#fff}.admin-root .btn.ghost{background:transparent}.admin-root .btn.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.admin-root .btn.btn-primary:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.admin-root .btn.btn-secondary{background:var(--surface-2);color:var(--text)}.admin-root .btn.btn-secondary:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.admin-root .btn.tiny{min-height:30px;padding:0 10px;font-size:12px}.admin-root .btn.wide{width:100%}.admin-root .icon-btn{width:38px;padding:0}.admin-root .danger-soft{color:var(--danger)}.admin-root .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.admin-root .stat-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:110px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.admin-root .stat-card:hover{border-color:var(--primary)}.admin-root .stat-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-root .stat-card-label{color:var(--muted);font-size:13px;font-weight:500}.admin-root .stat-card-value{color:var(--text);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.admin-root .stat-card-detail{color:var(--text-2);font-size:12px;font-weight:400}.admin-root .stat-card-sparkline{width:90px;height:40px;flex:0 0 auto;color:var(--primary)}.admin-root .stat-card-sparkline svg{width:100%;height:100%;display:block}.admin-root .stat-card-sparkline polyline{fill:none!important;stroke:var(--primary)!important;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.admin-root .dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.admin-root .dashboard-grid.lower{align-items:start}.admin-root .panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.admin-root .chart-panel,.admin-root .panel{padding:18px}.admin-root .panel-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text)}.admin-root .panel-title h2{margin:0;font-size:17px}.admin-root .rank-list{display:grid;gap:10px}.admin-root .rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.admin-root .rank-row span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:600}.admin-root .rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .rank-row small{color:var(--muted)}.admin-root .table-wrap{width:100%;overflow-x:auto}.admin-root table{width:100%;border-collapse:collapse;min-width:780px}.admin-root th{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:var(--surface-2)}.admin-root thead th:first-child{border-top-left-radius:8px}.admin-root thead th:last-child{border-top-right-radius:8px}.admin-root th,.admin-root td{padding:12px 14px;border-bottom:1px solid var(--border)}.admin-root tbody tr{transition:background .14s ease}.admin-root tbody tr:hover{background:color-mix(in srgb,var(--primary) 5%,transparent)}.admin-root tbody tr:last-child td{border-bottom:none}.admin-root .order-cell{width:52px;padding-right:6px}.admin-root .drag-handle{color:var(--muted);cursor:grab}.admin-root .drag-handle:active{cursor:grabbing}.admin-root .test-row.reorder-active{-webkit-user-select:none;user-select:none}.admin-root .test-row.dragging{opacity:.52}.admin-root .test-row.drop-before td{box-shadow:inset 0 2px 0 var(--primary)}.admin-root .test-row.drop-after td{box-shadow:inset 0 -2px 0 var(--primary)}.admin-root .compact-table table{min-width:520px}.admin-root .row-actions{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:6px}.admin-root .role-badge,.admin-root .count-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600}.admin-root .role-badge.admin{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.admin-root .role-badge.student,.admin-root .count-badge{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.admin-root .count-badge.bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.admin-root .table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.admin-root .form-grid input,.admin-root .modal-form input,.admin-root .modal-form select,.admin-root .wizard-step input{min-height:40px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .table-toolbar select,.admin-root .wizard-step textarea,.admin-root .paste-modal textarea,.admin-root .table-toolbar input{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .table-toolbar select{min-height:42px;padding:0 12px}.admin-root .modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0f172a7a}.admin-root .modal-backdrop.nested{z-index:30}.admin-root .wizard-modal,.admin-root .confirm-modal,.admin-root .user-modal,.admin-root .paste-modal{width:min(1100px,100%);max-height:min(92vh,900px);overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.admin-root .confirm-modal,.admin-root .user-modal,.admin-root .paste-modal{width:min(520px,100%);padding:20px}.admin-root .wizard-modal{padding:18px}.admin-root .modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-root .modal-head h2,.admin-root .confirm-modal h2{margin:0}.admin-root .confirm-modal p{color:var(--text-2)}.admin-root .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.admin-root .stepper{display:flex;align-items:center;gap:8px;margin-bottom:18px}.admin-root .stepper span{display:inline-flex;align-items:center;gap:8px;padding-right:10px;color:var(--muted);font-size:13px;font-weight:500}.admin-root .stepper span:not(:last-child):after{content:"";width:22px;height:1px;background:var(--border);margin-left:2px}.admin-root .stepper span b{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-size:12px;font-weight:500}.admin-root .stepper .active{color:var(--text)}.admin-root .stepper .active b{border-color:var(--primary);background:var(--primary);color:#fff}.admin-root .stepper .done b{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary-strong)}.admin-root .wizard-step{display:grid;gap:14px}.admin-root .wizard-step label,.admin-root .modal-form label{display:grid;gap:7px;color:var(--text-2);font-size:13px;font-weight:600}.admin-root .wizard-step textarea,.admin-root .paste-modal textarea{width:100%;min-width:0;padding:12px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.admin-root .file-drop{position:relative;display:flex!important;min-height:92px;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer}.admin-root .file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-root .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-root .enrich-panel{margin:16px 0;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);display:flex;flex-direction:column;gap:14px}.admin-root .enrich-panel-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-root .enrich-panel-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 280px}.admin-root .enrich-panel-text strong{display:inline-flex;align-items:center;gap:7px;font-size:15px;line-height:1.3}.admin-root .enrich-panel-text span{font-size:13px;color:var(--muted);line-height:1.5}.admin-root .enrich-panel .btn.primary{flex-shrink:0;gap:8px}.admin-root .enrich-progress{display:flex;flex-direction:column;gap:8px}.admin-root .enrich-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.admin-root .enrich-progress-row strong{font-variant-numeric:tabular-nums}.admin-root .enrich-progress-track{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.admin-root .enrich-progress-fill{height:100%;background:var(--success);border-radius:999px;transition:width .3s ease}.admin-root .enrich-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--danger);border-radius:8px;background:#dc262614;color:var(--danger);font-size:13px}.admin-root .enrich-error>span{display:inline-flex;align-items:center;gap:7px}.admin-root .enrich-error .btn.tiny{border-color:var(--danger);color:var(--danger);background:transparent;flex-shrink:0}.admin-root .alignment-modal{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.admin-root .alignment-body{display:grid;gap:14px}.admin-root .alignment-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-root .alignment-hero strong{display:block;margin-top:4px;font-size:30px;line-height:1}.admin-root .alignment-kicker{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.admin-root .alignment-ring{display:grid;width:86px;height:86px;place-items:center;border-radius:50%;background:radial-gradient(circle closest-side,var(--surface) 68%,transparent 69%),conic-gradient(var(--success) var(--pct),var(--surface-3) 0);color:var(--text);font-weight:600}.admin-root .alignment-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-root .alignment-stats>div{display:grid;gap:6px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.admin-root .alignment-stats span{color:var(--muted);font-size:12px;font-weight:600}.admin-root .alignment-stats strong{font-size:20px}.admin-root .alignment-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-root .file-btn{position:relative;overflow:hidden}.admin-root .file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-root .file-btn.disabled{opacity:.65;pointer-events:none}.admin-root .alignment-job{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,transparent)}.admin-root .alignment-job-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-root .alignment-job-head span,.admin-root .alignment-job-label{color:var(--muted);font-size:12px;font-weight:600}.admin-root .alignment-job-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.admin-root .alignment-job-bar div{height:100%;border-radius:inherit;background:var(--primary);transition:width .25s ease}.admin-root .alignment-job-done{border-color:color-mix(in srgb,var(--success) 42%,var(--border));background:color-mix(in srgb,var(--success) 8%,transparent)}.admin-root .alignment-job-error{border-color:color-mix(in srgb,var(--danger) 42%,var(--border));background:color-mix(in srgb,var(--danger) 8%,transparent)}.admin-root .alignment-import-errors{display:grid;gap:6px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:color-mix(in srgb,var(--danger) 72%,white);font-size:12px;line-height:1.45}.admin-root .alignment-import-errors strong{color:var(--danger);font-size:13px}.admin-root .alignment-import-errors span,.admin-root .alignment-import-errors em{overflow-wrap:anywhere}.admin-root .alignment-missing{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.admin-root .alignment-missing-head,.admin-root .alignment-missing-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-root .alignment-missing-head{padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.admin-root .alignment-missing-head span{color:var(--muted);font-size:12px;font-weight:600}.admin-root .alignment-missing-list{max-height:300px;overflow:auto}.admin-root .alignment-missing-row{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.admin-root .alignment-missing-row:last-child{border-bottom:0}.admin-root .alignment-missing-row code{max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .alignment-complete{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--success) 38%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);font-weight:600}.admin-root .grammar-admin-header-actions,.admin-root .grammar-admin-topic-actions{display:flex;align-items:center;gap:8px}.admin-root .grammar-admin-warning{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.admin-root .grammar-admin-panel{display:grid;gap:18px}.admin-root .grammar-admin-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-root .grammar-admin-panel-heading h2{margin:0 0 5px;font-size:18px}.admin-root .grammar-admin-panel-heading p{margin:0;color:var(--muted);font-size:13px}.admin-root .grammar-admin-topic-list{display:grid;gap:9px}.admin-root .grammar-admin-topic{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);transition:border-color .15s ease,opacity .15s ease}.admin-root .grammar-admin-topic:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--border))}.admin-root .grammar-admin-topic.is-disabled{opacity:.67}.admin-root .grammar-admin-topic-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;min-width:0}.admin-root .grammar-admin-topic-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-strong)}.admin-root .grammar-admin-topic-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.admin-root .grammar-admin-topic-title h3{margin:0;font-size:15px}.admin-root .grammar-admin-topic-title code{padding:2px 6px;color:var(--muted);font-size:10px}.admin-root .grammar-admin-topic-main p{margin:5px 0 7px;overflow:hidden;color:var(--text-2);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-root .grammar-admin-matcher-summary{display:flex;flex-wrap:wrap;gap:5px}.admin-root .grammar-admin-matcher-summary span,.admin-root .grammar-admin-matcher-summary em{padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-style:normal}.admin-root .grammar-admin-topic-counts{display:grid;grid-template-columns:auto auto;gap:1px 5px;align-items:baseline;min-width:95px}.admin-root .grammar-admin-topic-counts strong{font-size:18px;font-variant-numeric:tabular-nums}.admin-root .grammar-admin-topic-counts span{color:var(--muted);font-size:10px}.admin-root .grammar-admin-form{width:min(940px,100%);max-height:92vh;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.admin-root .grammar-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-root .grammar-admin-form-grid>label{display:grid;align-content:start;gap:7px;color:var(--text-2);font-size:12px;font-weight:600}.admin-root .grammar-admin-form-grid>label.is-wide{grid-column:1 / -1}.admin-root .grammar-admin-form input:not([type=checkbox]),.admin-root .grammar-admin-form textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:500}.admin-root .grammar-admin-form textarea{min-height:76px;resize:vertical;line-height:1.5}.admin-root .grammar-admin-classifier-field textarea{min-height:112px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.admin-root .grammar-admin-field-help{color:var(--muted);font-size:10px;font-weight:500}.admin-root .grammar-admin-option-list{display:flex;flex-wrap:wrap;gap:5px;max-height:120px;overflow:auto}.admin-root .grammar-admin-option-list button{padding:4px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px}.admin-root .grammar-admin-option-list button.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-strong)}.admin-root .grammar-admin-option-list small{margin-left:3px;opacity:.66}.admin-root .grammar-admin-enabled{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;align-self:end;min-height:40px}.admin-root .grammar-admin-enabled input{width:16px;height:16px;accent-color:var(--primary)}.admin-root .grammar-source-panel{display:grid;gap:18px;margin-top:18px;overflow:hidden}.admin-root .grammar-source-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-root .grammar-source-heading h2{display:flex;align-items:center;gap:8px;margin:4px 0 5px;font-size:19px}.admin-root .grammar-source-heading p{margin:0;color:var(--muted);font-size:12px}.admin-root .grammar-source-private{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--text-2);font-size:11px;font-weight:700}.admin-root .grammar-source-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-root .grammar-source-stats>div{display:grid;gap:2px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-root .grammar-source-stats strong{color:var(--primary-strong);font-size:20px}.admin-root .grammar-source-stats span{color:var(--muted);font-size:10px}.admin-root .grammar-source-toolbar{display:grid;gap:10px}.admin-root .grammar-source-sections{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.admin-root .grammar-source-sections button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:650}.admin-root .grammar-source-sections button.is-active{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-strong)}.admin-root .grammar-source-sections small{opacity:.7}.admin-root .grammar-source-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:0 5px 0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted)}.admin-root .grammar-source-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12px}.admin-root .grammar-source-search button{min-height:30px;padding:0 12px;border:0;border-radius:7px;background:var(--primary);color:#fff;font-size:11px;font-weight:700}.admin-root .grammar-source-question-list{display:grid;gap:10px}.admin-root .grammar-source-question{padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.admin-root .grammar-source-question-meta{display:flex;flex-wrap:wrap;gap:6px}.admin-root .grammar-source-question-meta span{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--muted);font-size:9px;font-weight:650}.admin-root .grammar-source-prompt{margin:11px 0;color:var(--text);font-size:14px;font-weight:650;line-height:1.6}.admin-root .grammar-source-blank{color:var(--primary-strong);letter-spacing:1px}.admin-root .grammar-source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-root .grammar-source-options>div{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:38px;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-2);font-size:12px}.admin-root .grammar-source-options b,.admin-root .grammar-source-distractors b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:10px}.admin-root .grammar-source-options>div.is-correct{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success)}.admin-root .grammar-source-options>div.is-correct b{background:var(--success);color:#fff}.admin-root .grammar-source-explanation{margin-top:10px;border-top:1px solid var(--border)}.admin-root .grammar-source-explanation summary{padding:11px 0 0;color:var(--primary-strong);cursor:pointer;font-size:11px;font-weight:700}.admin-root .grammar-source-answer,.admin-root .grammar-source-distractors,.admin-root .grammar-source-vocab{margin-top:10px;padding:12px;border-radius:9px;background:var(--surface)}.admin-root .grammar-source-answer strong{color:var(--success);font-size:13px}.admin-root .grammar-source-answer p,.admin-root .grammar-source-answer li,.admin-root .grammar-source-distractors p,.admin-root .grammar-source-vocab li,.admin-root .grammar-source-editorial{color:var(--text-2);font-size:11px;line-height:1.55}.admin-root .grammar-source-answer ol,.admin-root .grammar-source-vocab ul{margin:8px 0 0;padding-left:20px}.admin-root .grammar-source-distractors h4,.admin-root .grammar-source-vocab h4{margin:0 0 7px;font-size:12px}.admin-root .grammar-source-distractors p{display:flex;align-items:flex-start;gap:7px;margin:6px 0}.admin-root .grammar-source-distractors b{flex:0 0 auto}.admin-root .grammar-source-editorial{margin:10px 0 0;color:var(--warning)}.admin-root .grammar-source-loading,.admin-root .grammar-source-empty{display:flex;justify-content:center;align-items:center;gap:8px;min-height:120px;color:var(--muted);font-size:12px}.admin-root .grammar-source-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.admin-root .grammar-source-pagination>div{display:flex;gap:6px}.admin-root .grammar-source-pagination button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-2)}.admin-root .grammar-source-pagination button:disabled{opacity:.4}@media(max-width:920px){.admin-root .grammar-admin-topic{grid-template-columns:1fr auto}.admin-root .grammar-admin-topic-counts{grid-column:1;padding-left:50px}.admin-root .grammar-admin-topic-actions{grid-column:2;grid-row:1 / span 2}}@media(max-width:680px){.admin-root .grammar-admin-header-actions{width:100%}.admin-root .grammar-admin-header-actions .btn{flex:1}.admin-root .grammar-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-root .grammar-admin-topic{grid-template-columns:1fr}.admin-root .grammar-admin-topic-counts{grid-column:auto;padding-left:50px}.admin-root .grammar-admin-topic-actions{grid-column:auto;grid-row:auto;padding-left:50px}.admin-root .grammar-admin-form-grid{grid-template-columns:1fr}.admin-root .grammar-admin-form-grid>label.is-wide{grid-column:auto}.admin-root .grammar-source-panel{margin-inline:-2px;padding:14px}.admin-root .grammar-source-heading{align-items:stretch;flex-direction:column;gap:10px}.admin-root .grammar-source-heading h2{align-items:flex-start;font-size:17px}.admin-root .grammar-source-private{align-self:flex-start}.admin-root .grammar-source-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-root .grammar-source-options{grid-template-columns:1fr}.admin-root .grammar-source-question{padding:12px}.admin-root .grammar-source-prompt{font-size:13px}.admin-root .grammar-source-search{position:sticky;top:0;z-index:2}.admin-root .grammar-source-pagination{align-items:flex-start}}.admin-root .part-pipeline{display:flex;flex-direction:column;gap:6px}.admin-root .pipeline-row{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);transition:border-color .16s ease}.admin-root .pipeline-row.open{border-color:color-mix(in srgb,var(--primary) 46%,var(--border))}.admin-root .pipeline-main{display:grid;grid-template-columns:92px 72px 1fr auto;align-items:center;gap:10px;padding:8px 12px}.admin-root .pipeline-part{font-size:13px;font-weight:500;color:var(--text)}.admin-root .pipeline-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.admin-root .pipeline-status svg{flex:0 0 auto}.admin-root .pipeline-status.ok{color:var(--success)}.admin-root .pipeline-status.raw{color:var(--text-2)}.admin-root .pipeline-status.bad{color:var(--danger)}.admin-root .pipeline-actions{display:inline-flex;align-items:center;gap:2px}.admin-root .pipeline-actions .icon-btn.done.active{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.admin-root .pipeline-row textarea{margin:0 12px 12px;width:calc(100% - 24px)}.admin-root .part-tools,.admin-root .review-strip,.admin-root .part-count-row{display:flex;align-items:center;gap:8px}.admin-root .part-tools{flex-wrap:wrap;margin-bottom:8px}.admin-root .review-strip{flex-wrap:wrap;min-height:56px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.admin-root .review-strip span,.admin-root .part-count-row span{color:var(--muted)}.admin-root .part-count-row{flex-wrap:wrap}.admin-root .part-count-row span{padding:6px 10px;border-radius:999px;background:var(--surface-3);font-size:12px;font-weight:600}.admin-root .modal-form{display:grid;gap:12px}.admin-root .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-root .setting-panel{display:flex;align-items:center;gap:14px;min-height:112px}.admin-root .setting-panel strong{display:block;margin-top:5px;overflow-wrap:anywhere}.admin-root .youtube-config-status{margin-bottom:16px}.admin-root .youtube-config-panel{display:grid;gap:18px}.admin-root .youtube-config-help,.admin-root .youtube-config-note{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.admin-root .youtube-config-form{grid-template-columns:minmax(120px,180px) minmax(260px,1fr);align-items:center;gap:12px}.admin-root .youtube-config-form .page-actions{grid-column:2;justify-content:flex-end}.admin-root .youtube-config-ok{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:13px;font-weight:600}@media(max-width:720px){.admin-root .youtube-config-form{grid-template-columns:1fr}.admin-root .youtube-config-form .page-actions{grid-column:1}}.admin-root .smtp-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.admin-root .smtp-status-icon.success{color:var(--success)}.admin-root .smtp-status-icon.warning{color:var(--warning)}.admin-root .smtp-status-detail{display:block;margin-top:4px;color:var(--muted);font-size:12px}.admin-root .smtp-alert{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;font-size:13px;line-height:1.5}.admin-root .smtp-alert svg{flex:0 0 auto;margin-top:1px}.admin-root .smtp-alert div{display:grid;gap:2px}.admin-root .smtp-alert.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger)}.admin-root .smtp-alert.warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--text-2)}.admin-root .smtp-alert.warning svg{color:var(--warning)}.admin-root .smtp-alert.info{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--text-2)}.admin-root .smtp-alert.info svg{color:var(--primary-strong)}.admin-root .smtp-config-panel{display:grid;gap:22px;margin-bottom:16px}.admin-root .smtp-queue-panel,.admin-root .smtp-test-panel{display:grid;gap:18px;margin-bottom:16px}.admin-root .smtp-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-root .smtp-section-heading>div{display:flex;align-items:flex-start;gap:12px}.admin-root .smtp-section-heading h2{margin:0;font-size:18px}.admin-root .smtp-section-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.admin-root .smtp-queue-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.admin-root .smtp-queue-card{display:grid;min-height:86px;gap:8px;align-content:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-root .smtp-queue-card span{color:var(--muted);font-size:12px}.admin-root .smtp-queue-card strong{color:var(--text);font-size:24px;font-variant-numeric:tabular-nums}.admin-root .smtp-queue-card.status-pending{border-top:3px solid var(--warning)}.admin-root .smtp-queue-card.status-processing{border-top:3px solid var(--primary)}.admin-root .smtp-queue-card.status-sent{border-top:3px solid var(--success)}.admin-root .smtp-queue-card.status-failed,.admin-root .smtp-queue-card.status-dead_letter{border-top:3px solid var(--danger)}.admin-root .smtp-queue-card.status-cancelled{border-top:3px solid var(--muted)}.admin-root .smtp-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.admin-root .smtp-panel-heading>div{display:flex;align-items:flex-start;gap:12px}.admin-root .smtp-panel-heading h2{margin:0;font-size:18px}.admin-root .smtp-panel-heading p{max-width:720px;margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.admin-root .smtp-panel-icon{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-strong)}.admin-root .smtp-fieldset{min-width:0;margin:0;padding:0;border:0}.admin-root .smtp-fieldset legend{margin-bottom:12px;color:var(--text);font-size:14px;font-weight:650}.admin-root .smtp-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-root .smtp-field{display:grid;min-width:0;gap:7px}.admin-root .smtp-field>span{color:var(--text-2);font-size:12px;font-weight:600}.admin-root .smtp-field small{margin-left:5px;color:var(--muted);font-size:11px;font-weight:400}.admin-root .smtp-field input,.admin-root .smtp-field select{width:100%;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--surface-2);color:var(--text);font:inherit}.admin-root .smtp-field input:focus,.admin-root .smtp-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.admin-root .smtp-span-2{grid-column:span 2}.admin-root .smtp-password-input{position:relative}.admin-root .smtp-password-input input{padding-right:48px}.admin-root .smtp-password-input button{position:absolute;top:4px;right:4px;display:inline-grid;width:36px;height:36px;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.admin-root .smtp-password-input button:hover{background:var(--surface-3);color:var(--text)}.admin-root .smtp-advanced{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.admin-root .smtp-advanced summary{padding:15px 0;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600}.admin-root .smtp-advanced[open] .smtp-fieldset{padding-bottom:18px}.admin-root .smtp-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-root .smtp-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-root .smtp-form-footer p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.admin-root .smtp-test-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(220px,1fr) auto;align-items:end;gap:14px}.admin-root .smtp-test-submit{min-height:44px;white-space:nowrap}.admin-root .smtp-test-note{margin:0;color:var(--warning);font-size:12px}.admin-root .email-template-manager .page-header{margin-bottom:16px}.admin-root .email-template-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:16px}.admin-root .email-template-list{position:sticky;top:82px;display:grid;gap:14px;max-height:calc(100dvh - 110px);overflow:hidden}.admin-root .email-template-list-heading{display:grid;gap:3px}.admin-root .email-template-list-heading span{color:var(--muted);font-size:12px}.admin-root .email-template-list-items{display:grid;gap:6px;min-height:0;overflow-y:auto;padding-right:3px}.admin-root .email-template-list-item{display:grid;gap:4px;width:100%;min-height:58px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.admin-root .email-template-list-item span{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.admin-root .email-template-list-item small{color:var(--muted);font-size:11px}.admin-root .email-template-list-item:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.admin-root .email-template-list-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));box-shadow:inset 3px 0 0 var(--primary)}.admin-root .email-template-editor-stack{display:grid;gap:16px;min-width:0}.admin-root .email-template-editor{display:grid;gap:16px}.admin-root .email-template-editor-heading,.admin-root .email-template-subheading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-root .email-template-editor-heading>div{display:flex;align-items:flex-start;gap:12px;min-width:0}.admin-root .email-template-editor-heading h2,.admin-root .email-template-subheading h3{margin:0;overflow-wrap:anywhere;font-size:18px}.admin-root .email-template-editor-heading p,.admin-root .email-template-subheading p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.admin-root .email-template-dirty,.admin-root .email-template-saved{flex:0 0 auto;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:650}.admin-root .email-template-dirty{background:color-mix(in srgb,var(--warning) 18%,var(--surface));color:color-mix(in srgb,var(--warning) 72%,var(--text))}.admin-root .email-template-saved{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.admin-root .email-template-variables{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.admin-root .email-template-variables strong{margin-right:4px;font-size:12px}.admin-root .email-template-editor textarea{width:100%;min-height:300px;resize:vertical;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}.admin-root .email-template-editor textarea:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.admin-root .email-template-editor-actions{flex-wrap:wrap;justify-content:flex-end}.admin-root .email-template-preview-note{margin:0;color:var(--warning);font-size:12px;line-height:1.5}.admin-root .email-template-preview{display:grid;gap:14px}.admin-root .email-template-preview iframe{width:100%;min-height:520px;border:1px solid var(--border);border-radius:9px;background:#fff}.admin-root .email-template-test{display:grid;gap:14px}.admin-root .email-template-test-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px}@media(max-width:980px){.admin-root .smtp-status-grid{grid-template-columns:1fr}.admin-root .smtp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.admin-root .smtp-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-root .smtp-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-root .smtp-test-submit{grid-column:1 / -1;justify-self:start}}@media(max-width:980px){.admin-root .email-template-layout{grid-template-columns:1fr}.admin-root .email-template-list{position:static;max-height:none}.admin-root .email-template-list-items{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}@media(max-width:720px){.admin-root .smtp-panel-heading,.admin-root .smtp-section-heading,.admin-root .smtp-form-footer{align-items:stretch;flex-direction:column}.admin-root .smtp-form-grid,.admin-root .smtp-performance-grid,.admin-root .smtp-test-grid{grid-template-columns:1fr}.admin-root .smtp-span-2{grid-column:span 1}.admin-root .smtp-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-root .smtp-test-submit{grid-column:auto;justify-self:stretch}}@media(max-width:720px){.admin-root .email-template-list-items,.admin-root .email-template-test-row{grid-template-columns:1fr}.admin-root .email-template-editor-heading,.admin-root .email-template-subheading{align-items:stretch;flex-direction:column}.admin-root .email-template-dirty,.admin-root .email-template-saved{align-self:flex-start}.admin-root .email-template-editor-actions .btn,.admin-root .email-template-test-row .btn{width:100%}.admin-root .email-template-preview iframe{min-height:420px}}.admin-root .subtitle-management-panel{display:grid;gap:16px;margin-top:18px}.admin-root .subtitle-management-head,.admin-root .subtitle-management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-root .subtitle-management-head h2{margin:0;font-size:18px}.admin-root .subtitle-management-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.admin-root .subtitle-management-stats{display:flex;flex-wrap:wrap;gap:8px}.admin-root .subtitle-management-stats span,.admin-root .subtitle-cue-kind{padding:5px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px}.admin-root .subtitle-management-stats b{color:var(--text)}.admin-root .subtitle-cleanup-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.admin-root .subtitle-cleanup-card strong{display:block;font-size:13px}.admin-root .subtitle-cleanup-card p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.admin-root .subtitle-management-notice{margin:0;padding:9px 11px;border-radius:8px;background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success);font-size:13px}.admin-root .subtitle-management-toolbar input,.admin-root .subtitle-management-toolbar select{min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.admin-root .subtitle-management-toolbar input{min-width:280px;flex:1}.admin-root .subtitle-management-toolbar>span{color:var(--muted);font-size:12px}.admin-root .subtitle-cue-list{display:grid;gap:8px;max-height:620px;overflow:auto;padding-right:4px}.admin-root .subtitle-cue-row{content-visibility:auto;contain-intrinsic-size:58px}.admin-root .subtitle-cue-row{display:grid;grid-template-columns:132px 92px minmax(240px,1fr) 100px 100px;align-items:center;gap:8px;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.admin-root .subtitle-cue-row input{min-width:0;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}.admin-root .subtitle-cue-row input[readonly]{background:var(--surface-2);color:var(--muted)}.admin-root .subtitle-cue-time{display:flex;gap:5px;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.admin-root .subtitle-cue-time span{color:var(--muted)}.admin-root .subtitle-cue-kind{justify-self:start}.admin-root .subtitle-cue-time-field{display:grid;gap:4px;color:var(--muted);font-size:11px}.admin-root .subtitle-management-error{margin:0;color:var(--danger);font-size:13px}.admin-root .subtitle-cue-music{background:color-mix(in srgb,#fff4db 60%,var(--surface))}.admin-root .subtitle-cue-speaker{background:color-mix(in srgb,#e8f7f2 48%,var(--surface))}@media(max-width:900px){.admin-root .subtitle-cleanup-card{align-items:stretch;flex-direction:column}.admin-root .subtitle-cleanup-card .btn{justify-content:center}.admin-root .subtitle-cue-row{grid-template-columns:1fr 1fr}.admin-root .subtitle-cue-time{order:1}.admin-root .subtitle-cue-kind{order:2}.admin-root .subtitle-cue-text{grid-column:1 / -1;order:3}.admin-root .subtitle-cue-time-field{order:4}.admin-root .subtitle-cue-time-field:last-child{order:5}}.admin-root .empty-state,.admin-root .loading-screen,.admin-root .error-page{display:grid;min-height:220px;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center}.admin-root .empty-state.compact{min-height:120px}.admin-root .admin-error-block>svg{color:var(--danger)}.admin-root .admin-error-block .btn{margin-top:6px}.admin-root .pagination-label{font-size:13px;font-weight:500;color:var(--text-2)}.admin-root>.error-page{min-height:100vh;min-height:100dvh;padding:28px 20px}.admin-root .error-page>svg{color:var(--danger)}.admin-root .error-page h1{margin:0;color:var(--text);font-size:20px}.admin-root .error-page p{margin:0;max-width:560px;font-size:13px;overflow-wrap:anywhere}.admin-root .error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.admin-root .error-actions .btn{width:auto}.admin-root.admin-route-loading .skeleton{display:block}.admin-root .admin-route-loading-content{display:grid;min-height:calc(100dvh - 72px);place-items:center;align-content:center;gap:14px;color:var(--muted);font-size:14px}.admin-root .admin-route-loading-content .spin{color:var(--primary)}.admin-root .admin-route-loading-content p{margin:0}.admin-root .admin-skeleton-group-title{width:44%;height:10px;margin:0 12px 5px}.admin-root .admin-skeleton-link{width:100%;height:40px}.admin-root.admin-route-loading .admin-skeleton-menu{display:none}.admin-root .admin-skeleton-topbar-title{width:140px;height:16px}.admin-root .admin-skeleton-avatar{width:118px;height:38px;border-radius:999px}.admin-root .admin-frame.sidebar-collapsed .admin-skeleton-link{width:40px;margin-inline:auto}.admin-root .admin-frame.sidebar-collapsed .admin-skeleton-group-title{display:none}@media(max-width:1180px){.admin-root .admin-skeleton-group-title{display:none}.admin-root .admin-skeleton-link{width:40px;margin-inline:auto}}@media(max-width:720px){.admin-root .admin-route-loading-content{min-height:calc(100dvh - 60px)}.admin-root .admin-skeleton-avatar{width:38px;border-radius:50%}.admin-root.admin-route-loading .admin-skeleton-menu{display:block;width:38px;height:38px;border-radius:8px}}@media(prefers-reduced-motion:reduce){.admin-root.admin-route-loading .skeleton,.admin-root.admin-route-loading .spin{animation:none}.admin-root .admin-frame,.admin-root .admin-sidebar,.admin-root .admin-nav-backdrop{transition:none}}.admin-root .toast-stack{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;gap:10px}.admin-root .toast{display:flex;align-items:center;gap:8px;min-height:44px;max-width:min(420px,calc(100vw - 40px));padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);font-weight:600}.admin-root .toast.success{color:var(--success)}.admin-root .toast.error{color:var(--danger)}@media(max-width:1180px){.admin-root .stat-grid,.admin-root .dashboard-grid,.admin-root .dashboard-double-pane,.admin-root .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:721px)and (max-width:1180px){.admin-root .admin-frame,.admin-root .admin-frame.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.admin-root .admin-sidebar{padding:18px 8px}.admin-root .sidebar-brand div,.admin-root .admin-nav-link span,.admin-root .nav-group-title{display:none!important}.admin-root .sidebar-brand-wrapper,.admin-root .sidebar-brand-actions{flex-direction:column;align-items:center;gap:8px}.admin-root .collapse-toggle-btn{display:none}.admin-root .admin-nav{gap:8px}.admin-root .nav-group+.nav-group{padding-top:8px;border-top:1px solid var(--border)}.admin-root .admin-nav-link{justify-content:center;padding-inline:0;height:40px;min-height:40px;width:100%}}@media(max-width:720px){.admin-root .admin-frame,.admin-root .admin-frame.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.admin-root .admin-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:45;width:min(288px,84vw);height:auto;padding:18px 16px;border-right:1px solid var(--border);transform:translate(-105%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s}.admin-root .admin-frame.nav-open .admin-sidebar{transform:translate(0);visibility:visible;box-shadow:var(--shadow);transition:transform .24s ease}.admin-root .admin-nav-backdrop{position:fixed;inset:0;z-index:40;display:block;border:0;padding:0;background:#0f172a73;opacity:0;visibility:hidden;cursor:default;transition:opacity .2s ease,visibility 0s linear .2s}.admin-root .admin-frame.nav-open .admin-nav-backdrop{opacity:1;visibility:visible;transition:opacity .2s ease}.admin-root .admin-topbar .nav-menu-btn,.admin-root .sidebar-brand-wrapper .nav-close-btn{display:inline-flex}.admin-root .collapse-toggle-btn{display:none}.admin-root .inline-search{width:100%}.admin-root .admin-topbar{padding:12px 14px;min-height:60px}.admin-root .topbar-left{gap:8px}.admin-root .topbar-actions{min-width:0;gap:6px}.admin-root .avatar-chip{flex:0 0 38px;width:38px;padding:3px;overflow:hidden}.admin-root .avatar-chip strong{display:none}.admin-root .admin-content{padding:16px 12px}.admin-root .admin-dashboard-error{grid-template-columns:1fr;justify-items:start}.admin-root .page-header{align-items:stretch;flex-direction:column}.admin-root .stat-grid,.admin-root .dashboard-grid,.admin-root .dashboard-double-pane,.admin-root .settings-grid{grid-template-columns:1fr}.admin-root .table-toolbar,.admin-root .modal-actions{align-items:stretch;flex-direction:column}.admin-root .table-toolbar select,.admin-root .btn{width:100%}}.admin-root .user-row{cursor:pointer}.admin-root .user-cell{display:flex;align-items:center;gap:10px;min-width:0}.admin-root .user-cell small{display:block;color:var(--muted);font-size:12px}.admin-root .user-avatar{border-radius:50%;flex-shrink:0;object-fit:cover}.admin-root .user-avatar.initials{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);font-weight:600}.admin-root .login-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.admin-root .login-badge.google{background:color-mix(in srgb,#4285f4 14%,transparent);color:#4285f4}.admin-root .login-badge.password{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.admin-root .accuracy-pill{display:inline-flex;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.admin-root .accuracy-pill.good{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.admin-root .accuracy-pill.mid{background:color-mix(in srgb,#d97706 16%,transparent);color:#d97706}.admin-root .accuracy-pill.low{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.admin-root .muted{color:var(--muted);font-size:13px}.admin-root .user-detail-modal{width:min(640px,94vw);max-height:88vh;overflow-y:auto;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:16px}.admin-root .user-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-root .user-detail-meta .muted{display:inline-flex;align-items:center;gap:5px;font-size:12px}.admin-root .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-root .kpi{border-radius:12px;padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.admin-root .kpi span{font-size:12px;color:var(--muted)}.admin-root .kpi strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.admin-root .detail-section{display:flex;flex-direction:column;gap:10px}.admin-root .detail-section .panel-title{margin:0}.admin-root .per-test-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.admin-root .per-test-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px;background:var(--surface-2)}.admin-root .per-test-row strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .per-test-row .muted{font-size:12px}.admin-root .feedback-content{white-space:pre-wrap;line-height:1.6;margin:0 0 16px}.admin-root .detail-dl{display:grid;gap:8px;margin:0;font-size:14px}.admin-root .detail-dl>div{display:flex;gap:8px}.admin-root .detail-dl dt{min-width:90px;color:var(--text-2)}.admin-root .detail-dl dd{margin:0}.admin-root .feedback-location-detail{display:grid;justify-items:start;gap:5px;min-width:0}.admin-root .feedback-location-detail strong{overflow-wrap:anywhere}.admin-root .feedback-location-meta{color:var(--muted);font-size:12px}.admin-root .feedback-location-link{display:inline-flex;align-items:center;gap:6px;margin-top:3px;text-decoration:none}.admin-root .cell-sub{display:block;color:var(--muted)}.admin-root .vocab-image-review-panel{margin-bottom:16px}.admin-root .vocab-image-review-panel .panel-title{display:flex;align-items:flex-start;gap:9px}.admin-root .vocab-image-review-panel .panel-title h3{margin:0;font-size:15px}.admin-root .vocab-image-review-panel .panel-title small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}.admin-root .vocab-image-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.admin-root .vocab-image-review-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.admin-root .vocab-image-review-preview{display:grid;width:118px;aspect-ratio:16 / 10;place-items:center;overflow:hidden;border-radius:9px;background:var(--surface-3);color:var(--muted)}.admin-root .vocab-image-review-preview img{width:100%;height:100%;object-fit:cover}.admin-root .vocab-image-review-copy{display:grid;min-width:0;align-content:start;gap:3px}.admin-root .vocab-image-review-copy strong{color:var(--text);font-size:14px}.admin-root .vocab-image-review-copy span{overflow:hidden;color:var(--text-2);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-root .vocab-image-review-copy small{color:var(--danger);font-size:11px;font-weight:650}.admin-root .vocab-image-review-copy a{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-top:2px;color:var(--primary-strong);font-size:11px;text-decoration:none}.admin-root .vocab-image-review-actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:7px}.admin-root .vocab-image-review-actions .btn{flex:1 1 auto;justify-content:center}.admin-root .vocab-admin-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.15fr) minmax(460px,2fr);gap:16px;align-items:start}.admin-root .vocab-pane{min-width:0;min-height:420px;overflow:hidden}.admin-root .vocab-pane .panel-title{padding-bottom:12px;border-bottom:1px solid var(--border)}.admin-root .vocab-pane .panel-title h3{margin:0;font-size:15px}.admin-root .list-wrapper{display:grid;gap:7px;margin-top:12px}.admin-root .list-item-row{display:flex;min-width:0;min-height:62px;padding:11px 10px 11px 12px;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;border-radius:11px;background:var(--surface-2);transition:border-color .15s ease,background .15s ease,transform .15s ease}.admin-root .list-item-row.clickable{cursor:pointer}.admin-root .list-item-row.clickable:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateY(-1px)}.admin-root .list-item-row.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.admin-root .item-meta{display:grid;min-width:0;gap:4px}.admin-root .item-meta strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-root .item-meta small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-root .chevron{flex:0 0 auto;color:var(--muted)}.admin-root .row-actions .icon-btn,.admin-root .pipeline-actions .icon-btn,.admin-root .grammar-admin-topic-actions .icon-btn,.admin-root .order-cell .icon-btn{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.admin-root .icon-btn:hover{border-color:var(--primary);color:var(--primary-strong)}.admin-root .icon-btn.active{border-color:color-mix(in srgb,var(--warning) 55%,var(--border));background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:#a66b00}.admin-root .icon-btn.danger-soft:hover{border-color:var(--danger);color:var(--danger)}.admin-root .panel-title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-root .scrollable-table{max-height:620px;overflow:auto}.admin-root .scrollable-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.admin-root .scrollable-table th{position:sticky;top:0;z-index:1;padding:10px 8px;border-bottom:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:10px;letter-spacing:.04em;text-align:left;text-transform:uppercase}.admin-root .scrollable-table td{padding:12px 8px;border-bottom:1px solid var(--border);vertical-align:top}.admin-root .scrollable-table tr:last-child td{border-bottom:0}.admin-root .scrollable-table td strong{display:block;color:var(--text);font-size:13px}.admin-root .scrollable-table td .cell-sub{margin-top:3px;font-size:11px}.admin-root .scrollable-table td:nth-child(3){max-width:180px;color:var(--text-2)}.admin-root .scrollable-table td:nth-child(4){max-width:230px;line-height:1.45}@media(max-width:1250px){.admin-root .vocab-admin-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-root .flex-grow-pane{grid-column:1 / -1}}@media(max-width:900px){.admin-root .vocab-image-review-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-root .vocab-admin-layout{grid-template-columns:1fr}.admin-root .flex-grow-pane{grid-column:auto}.admin-root .vocab-pane{min-height:0}.admin-root .scrollable-table{max-height:460px}.admin-root .vocab-image-review-card{grid-template-columns:92px minmax(0,1fr)}.admin-root .vocab-image-review-preview{width:92px}}.admin-root .user-recent-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.admin-root .user-recent-row{display:grid;grid-template-columns:18px auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px}.admin-root .user-recent-row:nth-child(odd){background:color-mix(in srgb,var(--primary) 4%,transparent)}.admin-root .user-recent-row .ok{color:var(--success)}.admin-root .user-recent-row .bad{color:var(--danger)}.admin-root .user-recent-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .user-recent-row time{font-size:11px;color:var(--muted)}.admin-root .online-panel{margin-bottom:20px}.admin-root .online-panel .panel-title{align-items:center}.admin-root .live-dot{width:10px;height:10px;border-radius:50%;background:var(--success, #16a34a);box-shadow:0 0 #16a34a80;animation:livePulse 1.8s infinite;flex-shrink:0}@keyframes livePulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.admin-root .online-count{margin-left:auto;min-width:26px;padding:2px 10px;background:var(--success, #16a34a);color:#fff;border-radius:999px;font-size:13px;font-weight:600;text-align:center}.admin-root .online-updated{margin-left:6px;color:var(--muted);font-size:11px;font-weight:500}.admin-root .online-error{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger);font-size:13px}.admin-root .online-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:14px}.admin-root .online-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.admin-root .online-avatar-wrap{position:relative;flex-shrink:0;line-height:0}.admin-root .online-badge{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--success, #16a34a);border:2px solid var(--surface-2)}.admin-root .online-meta{min-width:0;flex:1}.admin-root .online-meta strong{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-root .online-admin-tag{font-style:normal;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--primary, #059669);color:#fff;text-transform:uppercase}.admin-root .online-meta small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-root .online-ago{flex-shrink:0;font-size:11.5px;color:var(--muted);white-space:nowrap}.admin-root .online-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-root .online-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}.admin-root .online-chip strong{font-size:13px;color:var(--text)}.admin-root .online-chip.total{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.admin-root .online-chip.game{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.admin-root .online-chip.test{color:var(--warning, #d97706);border-color:color-mix(in srgb,var(--warning, #d97706) 30%,var(--border))}.admin-root .online-chip.music{color:#7c3aed;border-color:color-mix(in srgb,#7c3aed 30%,var(--border))}.admin-root .online-activity{display:inline-flex;align-items:center;gap:5px;flex-shrink:1;min-width:0;max-width:46%;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);font-size:11.5px;font-weight:600;white-space:nowrap}.admin-root .online-activity-label{overflow:hidden;text-overflow:ellipsis}.admin-root .online-activity.game{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary-strong, var(--primary))}.admin-root .online-activity.test{background:color-mix(in srgb,var(--warning, #d97706) 15%,transparent);color:var(--warning, #d97706)}.admin-root .online-activity-music{flex-shrink:0;color:#7c3aed}.admin-root .page-actions,.admin-root .lead-labels{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-root .analytics-summary-grid{margin-bottom:16px}.admin-root .analytics-period-picker{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-root .analytics-period-picker button{min-height:34px;padding:5px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.admin-root .analytics-period-picker button.active{background:var(--surface);color:var(--primary-strong);box-shadow:0 1px 4px #0f172a1a}.admin-root .analytics-feature-panel{display:grid;gap:18px;margin-bottom:16px}.admin-root .analytics-feature-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-root .analytics-feature-heading h2{margin:4px 0 3px;font-size:20px}.admin-root .analytics-feature-heading p{margin:0}.admin-root .analytics-feature-total{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 8px;min-width:190px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary-strong)}.admin-root .analytics-feature-total svg{grid-row:1 / span 2}.admin-root .analytics-feature-total strong{font-size:20px;font-variant-numeric:tabular-nums}.admin-root .analytics-feature-total span{color:var(--muted);font-size:11px}.admin-root .analytics-feature-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(440px,1.15fr);gap:18px;min-width:0}.admin-root .analytics-feature-ranking{display:grid;align-content:start;gap:6px}.admin-root .analytics-feature-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.admin-root .analytics-feature-row:hover,.admin-root .analytics-feature-row.active{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.admin-root .analytics-feature-rank{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700}.admin-root .analytics-feature-row.active .analytics-feature-rank{background:var(--primary);color:#fff}.admin-root .analytics-feature-name,.admin-root .analytics-feature-metrics{display:grid;gap:5px;min-width:0}.admin-root .analytics-feature-name strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-root .analytics-feature-bar{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.admin-root .analytics-feature-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.admin-root .analytics-feature-metrics{justify-items:end}.admin-root .analytics-feature-metrics strong{font-size:13px;font-variant-numeric:tabular-nums}.admin-root .analytics-feature-metrics small{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:10px;white-space:nowrap}.admin-root .analytics-trend-card{display:grid;grid-template-rows:auto minmax(240px,1fr);gap:16px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.admin-root .analytics-auxiliary-trend-card{grid-template-rows:auto auto minmax(210px,1fr)}.admin-root .analytics-action-breakdown{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.admin-root .analytics-action-breakdown>span{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px}.admin-root .analytics-action-breakdown strong{color:var(--text);font-variant-numeric:tabular-nums}.admin-root .analytics-trend-title,.admin-root .analytics-trend-title>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-root .analytics-trend-title>div{justify-content:flex-start;color:var(--primary-strong)}.admin-root .analytics-trend-title span{color:var(--muted);font-size:11px}.admin-root .analytics-trend-bars{display:grid;grid-template-columns:repeat(14,minmax(18px,1fr));align-items:end;gap:7px;min-width:0;padding-top:20px;border-bottom:1px solid var(--border)}.admin-root .analytics-trend-day{display:grid;grid-template-rows:16px minmax(2px,1fr) 22px;align-items:end;justify-items:center;gap:4px;height:100%;min-width:0;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.admin-root .analytics-trend-day i{width:min(100%,24px);min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 72%,white),var(--primary))}.admin-root .analytics-trend-day small{font-size:9px;white-space:nowrap}.admin-root .analytics-feature-loading{min-height:240px}.admin-root .analytics-table-panel{margin-top:0}@media(max-width:1100px){.admin-root .analytics-feature-layout{grid-template-columns:1fr}.admin-root .analytics-feature-ranking{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-root .analytics-period-picker{width:100%}.admin-root .analytics-period-picker button{min-height:42px;flex:1}.admin-root .analytics-feature-heading{align-items:stretch;flex-direction:column}.admin-root .analytics-feature-total{min-width:0}.admin-root .analytics-feature-ranking{grid-template-columns:1fr}.admin-root .analytics-trend-card{overflow-x:auto}.admin-root .analytics-trend-title,.admin-root .analytics-trend-bars{min-width:600px}}.admin-root .audit-log-list{display:flex;flex-direction:column;gap:2px}.admin-root .audit-log-row{display:grid;grid-template-columns:minmax(120px,1.5fr) minmax(0,2fr) auto auto;align-items:center;gap:12px;padding:8px 10px;font-size:13px;border-bottom:1px solid var(--border, rgba(0, 0, 0, .06))}.admin-root .audit-log-row:last-child{border-bottom:none}.admin-root .audit-log-action{font-weight:600;color:var(--text, #111)}.admin-root .audit-log-target{overflow:hidden;color:var(--muted);font-family:var(--mono, ui-monospace, monospace);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-root .audit-log-meta,.admin-root .audit-log-time{color:var(--muted);font-size:12px}.admin-root .audit-log-time{white-space:nowrap}.admin-root .admin-form{display:grid;gap:8px}.admin-root .admin-form input,.admin-root .admin-form select{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .admin-form input:focus-visible{border-color:color-mix(in srgb,var(--primary) 46%,var(--border))}.admin-root .avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary-strong);font-size:13px;font-weight:600;flex-shrink:0}.admin-root .avatar-xs{width:26px;height:26px;font-size:11px}.admin-root img.avatar{object-fit:cover;background:var(--surface-3)}.admin-root .cell-with-avatar{display:flex;align-items:center;gap:10px;min-width:0}.admin-root .cell-with-avatar>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .checkbox-inline{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer}.admin-root .checkbox-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.admin-root .detail-section.user-recent{margin-top:4px}.admin-root .animate-fade-in{animation:adminFadeIn .25s ease-out forwards}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.admin-root .hover-card:hover{border-color:var(--primary)!important;box-shadow:var(--shadow);transform:translateY(-2px)}.admin-root .admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:16px}.admin-root .admin-tabs .tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;font-weight:500;font-size:14px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.admin-root .admin-tabs .tab-btn:hover{color:var(--text)}.admin-root .admin-tabs .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.admin-root .scrollable-modal-content{max-height:calc(85vh - 120px);overflow-y:auto;padding-right:4px}.admin-root .table-pagination-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border)}.admin-root .pagination-info{font-size:13px;color:var(--text-2)}.admin-root .pagination-buttons{display:flex;gap:8px;align-items:center}.admin-root .video-admin-form{display:flex;flex-direction:column;gap:16px}.admin-root .video-admin-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-2)}.admin-root .video-admin-file{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-2);cursor:pointer;transition:all .15s ease}.admin-root .video-admin-file:hover{border-color:var(--primary);background:var(--surface)}.admin-root .video-admin-file input[type=file]{display:none}.admin-root .subtitle-cue-time-input{width:80px;padding:6px 8px;font-family:var(--mono);font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.admin-root .alignment-job-running{border-left:3px solid var(--primary)}.admin-root[data-theme=dark] .subtitle-cue-music{background:color-mix(in srgb,var(--warning) 12%,var(--surface))}.admin-root[data-theme=dark] .subtitle-cue-speaker{background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.admin-root .admin-learning-balance-form{display:grid;gap:14px;margin:16px 0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.admin-root .admin-learning-balance-head p{margin:4px 0 0;font-size:12px;line-height:1.5}.admin-root .admin-learning-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-root .admin-learning-balance-form label{display:grid;gap:6px;color:var(--text-2);font-size:12px;font-weight:600}.admin-root .admin-learning-balance-form :is(input,textarea){width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.admin-root .admin-learning-balance-form textarea{min-height:68px;resize:vertical}.admin-root .admin-learning-balance-actions{display:flex;justify-content:flex-end}.admin-root .admin-coin-gift-form{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(120px,.5fr) minmax(220px,1fr) auto;align-items:end;gap:12px;margin:16px 0;padding:14px;border:1px solid var(--warning-border, var(--border));border-radius:12px;background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.admin-root .admin-coin-gift-form p{margin:4px 0 0;font-size:11px;line-height:1.45}.admin-root .admin-coin-gift-form label{display:grid;gap:6px;color:var(--text-2);font-size:12px;font-weight:600}.admin-root .admin-coin-gift-form input{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}@media(max-width:900px){.admin-root .admin-coin-gift-form{grid-template-columns:1fr 1fr}}@media(max-width:520px){.admin-root .admin-coin-gift-form{grid-template-columns:1fr}.admin-root .admin-coin-gift-form .btn{width:100%;justify-content:center}}.admin-root .admin-premium-gift-form select{width:100%;min-width:0}.admin-root .admin-premium-gift-form,.admin-root .admin-premium-action-form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}.admin-root .admin-premium-gift-form>div:first-child,.admin-root .admin-premium-action-form>div:first-child{grid-column:1 / -1}.admin-root .admin-premium-action-buttons{display:flex;gap:8px}.admin-root .admin-premium-action-form>label{grid-column:1 / 3}@media(max-width:640px){.admin-root .admin-premium-action-form>label{grid-column:auto}}@media(max-width:640px){.admin-root .admin-premium-gift-form,.admin-root .admin-premium-action-form{grid-template-columns:1fr}}@media(max-width:680px){.admin-root .admin-learning-balance-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.admin-root .admin-learning-balance-grid{grid-template-columns:1fr}.admin-root .admin-learning-balance-actions .btn{width:100%;justify-content:center}}.admin-root .platform-analytics{min-width:0}.admin-root .platform-live{margin-bottom:22px;padding:20px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.admin-root .platform-live-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.admin-root .platform-live-heading h2{margin:5px 0 3px;color:var(--text);font-size:20px}.admin-root .platform-live-heading p,.admin-root .platform-live-note,.admin-root .platform-live-error{margin:0;color:var(--text-2);font-size:11.5px}.admin-root .platform-live-status{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-root .platform-live-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.admin-root .platform-live-total{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;min-width:145px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:12px;background:var(--surface);color:var(--primary)}.admin-root .platform-live-total svg{grid-row:1 / span 2}.admin-root .platform-live-total strong{color:var(--text);font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.admin-root .platform-live-total span{color:var(--muted);font-size:10px}.admin-root .platform-live-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.admin-root .platform-live-card{min-width:0;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.admin-root .platform-live-card>span{display:flex;align-items:center;gap:7px;min-height:34px;color:var(--text-2);font-size:11px;font-weight:700}.admin-root .platform-live-card>span svg{flex:0 0 auto;color:var(--primary)}.admin-root .platform-live-card>strong{display:block;color:var(--text);font-size:25px;font-variant-numeric:tabular-nums}.admin-root .platform-live-card>small{color:var(--muted);font-size:9.5px}.admin-root .platform-live-note{margin-top:12px}.admin-root .platform-page-header{margin-bottom:22px}.admin-root .platform-page-header .page-actions label{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;font-weight:600}.admin-root .platform-analytics select{padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.admin-root .platform-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.admin-root .platform-kpi{position:relative;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.admin-root .platform-kpi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.admin-root .platform-kpi-copy{min-width:0;display:grid;gap:3px}.admin-root .platform-kpi-copy>span{overflow:hidden;color:var(--text-2);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.admin-root .platform-kpi-copy>strong{color:var(--text);font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}.admin-root .platform-kpi-copy>small{color:var(--muted);font-size:10.5px}.admin-root .platform-trend{display:inline-flex;align-items:center;gap:2px;width:fit-content;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.admin-root .platform-kpi>.platform-trend{position:absolute;top:12px;right:12px}.admin-root .platform-trend.is-down{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.admin-root .platform-dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.admin-root .platform-dashboard-toolbar p{margin:0;font-size:12px}.admin-root .platform-search{min-width:min(360px,100%);display:flex;align-items:center;gap:8px;color:var(--muted)}.admin-root .platform-search input{width:100%;min-width:0;padding:8px 2px;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.admin-root .platform-notice,.admin-root .platform-loading{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--text-2)}.admin-root .platform-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-root .platform-group{margin-top:26px}.admin-root .platform-group>h2{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--text);font-size:19px}.admin-root .platform-group>h2 span{padding:3px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:650}.admin-root .platform-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-root .platform-metric{min-width:0;display:flex;flex-direction:column;gap:10px;padding:18px}.admin-root .platform-metric-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-root .platform-metric h3{margin:0;color:var(--text);font-size:14px}.admin-root .platform-value{display:block;overflow-wrap:anywhere;color:var(--text);font-size:27px;line-height:1.15;font-variant-numeric:tabular-nums}.admin-root .platform-value small{color:var(--muted);font-size:12px;font-weight:500}.admin-root .platform-metric-comparison{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-block:1px solid var(--border);color:var(--text-2);font-size:11px}.admin-root .platform-metric p{flex:1;margin:0;font-size:11.5px;line-height:1.55}.admin-root .platform-metric>a{width:fit-content;color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}.admin-root .platform-management-panel,.admin-root .platform-limitations{margin-top:24px}.admin-root .platform-management-panel summary{cursor:pointer;color:var(--text);font-weight:700}.admin-root .platform-management{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-root .platform-management a{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:11px;text-decoration:none}.admin-root .platform-management a:hover{border-color:var(--primary);color:var(--primary)}.admin-root .platform-limitations li{margin:9px 0;color:var(--text-2);font-size:12px;line-height:1.55}@media(max-width:1180px){.admin-root .platform-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-root .platform-overview,.admin-root .platform-metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.admin-root .platform-live-heading{align-items:stretch;flex-direction:column}.admin-root .platform-live-total{width:100%}.admin-root .platform-live-grid{grid-template-columns:1fr 1fr}.admin-root .platform-page-header{align-items:stretch;flex-direction:column}.admin-root .platform-page-header .page-actions{flex-wrap:wrap}.admin-root .platform-overview,.admin-root .platform-metric-grid{grid-template-columns:1fr}.admin-root .platform-dashboard-toolbar{align-items:stretch;flex-direction:column}}.admin-root .telegram-backup-panel{padding:24px;max-width:760px;overflow-wrap:anywhere}.admin-root .telegram-backup-form{display:flex;flex-direction:column;gap:12px}.admin-root .telegram-backup-form input{min-width:0;max-width:100%}.admin-root .telegram-backup-toggle{display:flex;align-items:center;gap:10px}.admin-root .telegram-backup-toggle input{width:auto}.admin-root .telegram-backup-form .page-actions{flex-wrap:wrap}@media(max-width:640px){.admin-root .telegram-backup-panel{padding:16px}.admin-root .telegram-backup-form .page-actions>button{width:100%}}.admin-root .server-panel{display:grid;gap:14px}.admin-root .server-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.admin-root .server-panel-head h2{margin:0;color:var(--text);font-size:16px}.admin-root .server-updated{color:var(--muted);font-size:12px}.admin-root .server-note{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.admin-root .server-auto{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);font-size:13px;font-weight:600}.admin-root .server-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-root .server-metric{min-width:0;display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-root .server-metric-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-root .server-metric-value{color:var(--text);font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.admin-root .server-metric-value.is-warn{color:var(--danger)}.admin-root .server-metric-sub{color:var(--muted);font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}.admin-root .server-disks{display:grid;gap:12px}.admin-root .server-disk-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px}.admin-root .server-disk-head strong{color:var(--text);font-size:13px}.admin-root .server-disk-mount{color:var(--muted);font-family:var(--mono);font-size:12px}.admin-root .server-disk-usage{margin-left:auto;color:var(--text-2);font-size:12px;font-variant-numeric:tabular-nums}.admin-root .server-bar{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.admin-root .server-bar-fill{height:100%;border-radius:inherit;background:var(--primary);transition:width .3s ease}.admin-root .server-bar-fill.is-warn{background:var(--danger)}.admin-root .server-services{margin:0;color:var(--muted);font-size:12.5px}.admin-root .server-table{min-width:640px}.admin-root .server-table td{font-size:13px}.admin-root .server-alert-form{gap:12px}.admin-root .server-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px}.admin-root .server-field{display:grid;gap:5px}.admin-root .server-field>span{color:var(--muted);font-size:11.5px;font-weight:600}.admin-root .server-field input{width:100%}.admin-root .server-toggle{display:inline-flex;align-items:center;gap:9px;color:var(--text-2);font-size:13.5px}.admin-root .server-toggle input{width:auto;min-height:0}.admin-root .server-events-title{margin:4px 0 0;color:var(--text);font-size:14px}.admin-root .server-events{display:grid;gap:8px;margin:0;padding:0;list-style:none}.admin-root .server-event{display:grid;grid-template-columns:150px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:12.5px}.admin-root .server-event time{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.admin-root .server-chip{display:inline-flex;align-items:center;width:fit-content;min-height:22px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong);font-size:11px;font-weight:700}.admin-root .server-event-msg{overflow-wrap:anywhere;color:var(--text-2)}.admin-root .server-badge{display:inline-flex;align-items:center;width:fit-content;min-height:22px;padding:0 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.admin-root .server-badge.is-sent{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.admin-root .server-run{font-weight:600}.admin-root .server-run.is-running{color:var(--warning)}.admin-root .server-run.is-success{color:var(--success)}.admin-root .server-run.is-failed{color:var(--danger)}.admin-root .server-err{max-width:260px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}@media(max-width:1180px){.admin-root .server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.admin-root .server-metric-grid{grid-template-columns:1fr}.admin-root .server-panel-head{align-items:flex-start;flex-direction:column;gap:4px}.admin-root .server-event{grid-template-columns:1fr;gap:5px}.admin-root .server-disk-usage{margin-left:0;width:100%}}@media(max-width:640px){.admin-root .server-alert-form .page-actions>button{width:100%}}.admin-root .share-claims-filter{margin:0}.admin-root .share-claim-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:700}.admin-root .share-claim-url{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .share-claim-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:230px}.admin-root .share-claim-reason{flex:1 1 100%;width:100%;padding:5px 6px;font-size:12px}.gs-page{padding-bottom:32px}.gs-journey{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-light)}.gs-journey-bar{flex:1;height:6px;border-radius:999px;background:#0e938426;overflow:hidden}.gs-journey-bar>i{display:block;height:100%;background:var(--primary);border-radius:inherit;transition:width .4s ease}.gs-journey span{font-size:12px;font-weight:600;color:var(--primary-text);white-space:nowrap;font-variant-numeric:tabular-nums}.gs-chapter{gap:var(--space-4)}.gs-chapter+.gs-chapter{margin-top:var(--space-4)}.gs-chapter-head{border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:12px;background:var(--surface);padding:13px 18px 15px}.gs-chapter-top{display:flex;align-items:center;gap:12px}.gs-chapter-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-text);white-space:nowrap}.gs-chapter-rule{flex:1;height:1px;background:var(--border)}.gs-chapter-done{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--success-text);font-variant-numeric:tabular-nums;white-space:nowrap}.gs-chapter-name{margin-top:8px;font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--text)}.gs-chapter-sum{margin:3px 0 0;font-size:12.5px;color:var(--text-muted);line-height:1.5}.gs-module{display:flex;flex-direction:column;gap:7px}.gs-module+.gs-module{margin-top:4px}.gs-module-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.gs-module-label:before{content:"";width:14px;height:2px;border-radius:2px;background:var(--primary);opacity:.55;flex:0 0 auto}.gs-deck{position:relative}.gs-order{flex:0 0 auto;width:30px;height:30px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-muted)}.gs-order-in{width:100%;height:100%;display:grid;place-items:center}.gs-order-in svg{margin-left:1px}.gs-deck.is-new .gs-order,.gs-deck.is-learning .gs-order{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.gs-deck.is-learning .gs-order{border:none;padding:2px;background:conic-gradient(var(--primary) var(--p, 0%),var(--surface-3) 0)}.gs-deck.is-learning .gs-order-in{background:var(--surface);border-radius:999px;color:var(--primary-text)}.gs-deck.is-done .gs-order{background:var(--primary);border-color:var(--primary);color:#fff}.gs-deck.is-done .gs-order-in svg{margin-left:0}.gs-deck.is-draft .gs-order{border-style:dashed;background:none}.gs-deck.is-ready:hover .gs-order{border-color:var(--border-hover)}.gs-deck.is-done .hub-row-title strong{color:var(--text-secondary)}.gs-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.gs-meta>span{padding:2px 8px;border:1px solid var(--border-light);border-radius:6px;background:var(--surface-2);font-size:11px;font-weight:550;color:var(--text-secondary);white-space:nowrap}.gs-meta>.gs-views{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.gs-deck.is-draft .gs-meta>span{opacity:.6}.gs-deck-side{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;color:var(--primary-text)}.gs-pct{font-size:11.5px;font-weight:700;color:var(--primary-text);font-variant-numeric:tabular-nums}.gs-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.gs-status.is-draft{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.gs-footnote{margin:4px 2px 0;font-size:12px;color:var(--text-muted);line-height:1.55}@media(max-width:640px){.gs-chapter-head{padding:11px 14px 13px}.gs-chapter-name{font-size:15.5px}.gs-deck{padding:12px;gap:10px}.gs-order{width:26px;height:26px}}.gd-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--space-4);min-height:calc(100dvh - var(--topbar-height, 56px));height:auto;padding:var(--space-3) var(--space-4) var(--space-6);align-items:start}.gd-main{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0;overflow:visible;padding-right:4px}.gd-frame{flex:0 0 auto;width:100%;height:560px;min-height:480px;max-height:70vh;border:1px solid var(--border);border-radius:14px;background:#122019}.gd-frame-loading{opacity:.35}.gd-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto}.gd-info-main{min-width:0}.gd-info-main h1{margin:0 0 5px;font-size:16px;font-weight:650;color:var(--text);letter-spacing:-.01em}.gd-back{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--text-secondary);text-decoration:none;white-space:nowrap}.gd-back:hover{color:var(--primary-text)}.gd-scroll-companion-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:650;border-radius:999px;border:1px solid rgba(15,118,110,.3);background:#0f766e14;color:var(--primary, #0f766e);cursor:pointer;transition:all .2s ease}.gd-scroll-companion-btn:hover{background:var(--primary, #0f766e);color:#fff;box-shadow:0 2px 8px #0f766e40;transform:translateY(-1px)}.gd-aside{position:sticky;top:var(--space-3);max-height:calc(100dvh - var(--topbar-height, 56px) - var(--space-4));display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;z-index:10}.gd-aside-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:650;color:var(--text)}.gd-aside-list{position:relative;flex:1;min-height:0;overflow-y:auto;padding:6px}.gd-chapter{border-radius:9px}.gd-chapter+.gd-chapter{margin-top:2px}.gd-chapter>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border-radius:9px;font-size:12px;font-weight:650;color:var(--text-secondary);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.gd-chapter>summary::-webkit-details-marker{display:none}.gd-chapter>summary:hover{background:var(--surface-2, rgba(0, 0, 0, .03))}.gd-chapter-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gd-chapter-count{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.gd-chapter[open]>summary{color:var(--text)}.gd-aside-module{margin:2px 0 4px}.gd-aside-module-label{display:block;padding:4px 9px 3px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.gd-item{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;font-size:12.5px;color:var(--text-secondary);text-decoration:none}.gd-item:hover{background:var(--surface-2, rgba(0, 0, 0, .03));color:var(--text)}.gd-item.is-active{background:#0f766e17;color:var(--text);font-weight:600;box-shadow:inset 2px 0 0 var(--primary, #0f766e)}.gd-item.is-draft{opacity:.45}.gd-item-ic{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;color:var(--text-muted)}.gd-item.is-done .gd-item-ic{border-color:var(--primary, #0f766e);background:var(--primary, #0f766e);color:#fff}.gd-item.is-learning .gd-item-ic,.gd-item.is-active .gd-item-ic{border-color:var(--primary, #0f766e);color:var(--primary, #0f766e)}.gd-item-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gd-item-min{flex:0 0 auto;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}@media(max-width:960px){.gd-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,auto) auto;height:auto;min-height:calc(100dvh - var(--topbar-height, 56px))}.gd-main{min-height:0}.gd-frame{flex:none;height:calc(100dvh - var(--topbar-height, 56px) - 104px)}.gd-aside{max-height:none}.gd-aside-list{max-height:55dvh}}@media(max-width:640px){.gd-shell{padding:var(--space-2);gap:var(--space-3)}.gd-frame{border-radius:10px}.gd-info-main h1{font-size:14.5px}}.gdp-shell{flex:0 0 auto;width:100%;height:600px;min-height:520px;max-height:75vh;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 12px 34px #143c350e;position:relative}.gdp-session-progress{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 auto}.gdp-progress-left{display:flex;align-items:center;gap:10px;min-width:0}.gdp-tag{padding:4px 9px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.gdp-q-counter{font-size:13px;font-weight:750;color:var(--text);white-space:nowrap}.gdp-progress-center{flex:1;max-width:260px}.gdp-progress-track{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3, rgba(0, 0, 0, .08))}.gdp-progress-track>i{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.gdp-progress-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}.gdp-score-stat{font-size:11px;font-weight:650;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.gdp-score-stat strong{color:var(--primary-text)}.gdp-tray-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.gdp-tray-toggle-btn:hover,.gdp-tray-toggle-btn.is-open{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 30%,var(--surface));color:var(--primary-text)}.gdp-tray-popover{border-bottom:1px solid var(--border);background:var(--surface-2);padding:12px 18px;flex:0 0 auto;animation:gdpSlideDown .2s ease-out}@keyframes gdpSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gdp-tray-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow-y:auto;scrollbar-width:thin;padding-right:4px}.gdp-grid-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .12s ease}.gdp-grid-btn:hover{border-color:var(--primary);color:var(--primary-text)}.gdp-grid-btn.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);font-weight:850}.gdp-grid-btn.is-correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.gdp-grid-btn.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.gdp-question-body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:24px clamp(18px,4vw,42px) 32px}.gdp-question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.gdp-subtopic-tag{color:var(--primary-text);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.gdp-kbd-hint{font-size:11px;color:var(--text-muted)}.gdp-kbd-hint kbd{display:inline-block;padding:2px 5px;font-size:10px;font-family:inherit;font-weight:700;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:var(--text-secondary)}.gdp-question-text{margin:0 0 24px;color:var(--text);font-size:clamp(17px,1.8vw,22px);line-height:1.6;font-weight:600;letter-spacing:-.01em}.gdp-blank{display:inline-block;padding:0 8px;min-width:70px;border-bottom:3px solid var(--primary);color:var(--primary-text);font-weight:800;text-align:center;margin:0 4px;transition:all .2s ease}.gdp-blank.is-filled{background:var(--primary-light);border-radius:4px 4px 0 0}.gdp-answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:680px){.gdp-answers-grid{grid-template-columns:1fr}}.gdp-answer-btn{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:12px;min-width:0;min-height:56px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.gdp-answer-btn:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 40%,var(--surface));transform:translateY(-1px)}.gdp-answer-btn b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--text-secondary);font-size:11.5px;font-weight:800;transition:all .15s ease}.gdp-answer-btn span{overflow-wrap:anywhere;font-size:13.5px;font-weight:650;color:var(--text)}.gdp-answer-btn.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 45%,var(--surface))}.gdp-answer-btn.is-correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.gdp-answer-btn.is-correct b{border-color:var(--success);background:var(--success);color:#fff}.gdp-answer-btn.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.gdp-answer-btn.is-wrong b{border-color:var(--danger);background:var(--danger);color:#fff}.gdp-answer-btn:disabled{cursor:default;opacity:1}.gdp-explanation-box{margin-top:22px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);animation:gdpFadeIn .25s ease-out}@keyframes gdpFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gdp-explanation-box.is-correct-box{border-color:var(--success-border, var(--border));background:color-mix(in srgb,var(--success-light) 50%,var(--surface-2))}.gdp-explanation-box.is-wrong-box{border-color:var(--danger-border, var(--border));background:color-mix(in srgb,var(--danger-light) 45%,var(--surface-2))}.gdp-result-banner{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:750;margin-bottom:12px;background:var(--surface)}.gdp-result-banner.is-correct{color:var(--success-text);border:1px solid var(--success)}.gdp-result-banner.is-wrong{color:var(--danger-text);border:1px solid var(--danger)}.gdp-exp-title{font-size:12px;font-weight:800;color:var(--text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.gdp-exp-text{color:var(--text-secondary);font-size:13px;line-height:1.65;margin:0 0 12px;white-space:pre-line}.gdp-vocab-box{padding:10px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:12px;line-height:1.6;color:var(--text-secondary)}.gdp-vocab-box strong{color:var(--primary-text)}.gdp-session-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface);flex:0 0 auto}.gdp-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 16px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font-size:12px;font-weight:750;cursor:pointer;transition:all .15s ease}.gdp-action-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.gdp-action-btn:disabled{border-color:var(--border);background:var(--surface-2);color:var(--text-muted);cursor:not-allowed;transform:none}.gdp-action-btn.is-secondary{border-color:var(--border);background:var(--surface);color:var(--text-secondary)}.gdp-action-btn.is-secondary:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-hover, var(--primary))}.gdp-result-screen{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;text-align:center;gap:12px;background:var(--surface)}.gdp-result-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--primary-light);color:var(--primary-text);margin-bottom:4px}.gdp-result-title{margin:0;font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.015em}.gdp-result-score{font-size:16px;font-weight:750;color:var(--primary-text)}.gdp-result-desc{margin:0;max-width:520px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.gdp-result-buttons{display:flex;gap:12px;margin-top:14px}.vg{--accent: #9ee7ca;--glow: rgba(113, 223, 181, .15);color:#ecf1f4;background:radial-gradient(ellipse at 80% 6%,#283549 0,transparent 36%),radial-gradient(ellipse at 0 65%,#222738 0,transparent 45%),#11181f;border:1px solid #ffffff0f;border-radius:28px;padding:28px 36px 40px;max-width:1360px;width:100%;margin:0 auto;isolation:isolate;font-family:inherit;overflow:hidden;box-sizing:border-box;flex-shrink:0}.vg-hub-page,.vg-game-page{max-width:1600px;min-height:calc(100dvh - 24px);margin:12px auto;border-radius:24px}.vg-game-session-state{width:100%;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text);text-align:center}.vg-game-session-state section{width:min(480px,100%);padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.vocab-game-session-shell{width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text)}.vocab-game-session-header{flex:0 0 68px;min-width:0;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,2vw,28px);background:var(--surface);border-bottom:1px solid var(--border)}.vocab-game-session-back{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:12px;background:var(--primary-light);color:var(--primary);font-size:21px;cursor:pointer}.vocab-game-session-heading{min-width:0;flex:1;display:grid;gap:2px}.vocab-game-session-heading strong{font-size:18px;line-height:1.25}.vocab-game-session-heading span{color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-game-session-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.vocab-game-session-status span{font-size:9px}.vocab-game-session-exit{min-height:40px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:650;cursor:pointer}.vocab-game-session-body{flex:1;min-height:0;padding:14px;display:flex;overflow:hidden}.vocab-game-session-body>.forest-game{width:100%;max-width:none;height:100%;min-height:0;margin:0;border-radius:18px;box-shadow:var(--shadow-sm)}.vocab-game-header-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.vocab-game-header-controls button,.forest-header-help summary{border:1px solid var(--border);border-radius:10px;padding:9px 12px;min-height:40px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.forest-session-progress{color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.forest-header-help{position:relative}.forest-header-help summary{list-style:none}.forest-header-help summary::-webkit-details-marker{display:none}.forest-header-help>div{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:min(310px,calc(100vw - 32px));padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);font-size:13px;line-height:1.6}.forest-header-help p{margin:8px 0 0}.vocab-game-session-body{justify-content:center}@media(max-width:1000px){.vocab-game-session-header{flex-wrap:wrap;flex-basis:auto}.vocab-game-header-controls{order:3;flex-basis:100%;justify-content:flex-start}.forest-session-progress{margin-right:auto}}.vocab-game-exit-backdrop{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:20px;background:#0c1c2094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vocab-game-exit-dialog{width:min(430px,100%);padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-xl);text-align:center}.vocab-game-exit-icon{width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:var(--warning-light,#fff3d9);color:var(--warning,#b87500);font-size:22px;font-weight:800}.vocab-game-exit-dialog h2{margin:0;color:var(--text);font-size:22px}.vocab-game-exit-dialog p{margin:10px 0 22px;color:var(--text-secondary);line-height:1.6}.vocab-game-exit-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vocab-game-exit-dialog button{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.vocab-game-exit-dialog button.is-danger{border-color:#dc6a6750;background:#fff0ef;color:#b43c38}.vocab-game-exit-dialog button:disabled{opacity:.55;cursor:default}.vg-game-page{padding:18px;display:flex;align-items:stretch}.vg-game-page>.forest-game,.vg-game-page>.tbg{flex:1;min-width:0}.vg-hub-hero{min-height:300px}.vg-picker{margin:8px 0 42px;padding:26px;border:1px solid #ffffff17;border-radius:24px;background:#ffffff05}.vg-path-tree{display:grid;gap:12px}.vg-path-node{overflow:hidden;border:1px solid #ffffff17;border-radius:16px;background:#0d171d}.vg-path-node.is-open{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.vg-path-toggle{width:100%;min-height:76px;padding:15px 18px;border:0;color:#eaf4f1;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left}.vg-path-toggle>span{display:grid;gap:5px}.vg-path-toggle>span:last-child{display:block;color:var(--accent);font-size:12px;white-space:nowrap}.vg-path-toggle strong{font-size:15px}.vg-path-toggle small,.vg-topic-list small{color:#91a69f}.vg-topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px}.vg-topic-list label{min-height:64px;padding:12px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff04;display:flex;align-items:center;gap:11px;cursor:pointer}.vg-topic-list label.is-selected{border-color:var(--accent);background:var(--glow)}.vg-topic-list input{width:19px;height:19px;accent-color:#72d9b4;flex:0 0 auto}.vg-topic-list span{display:grid;gap:3px}.vg-topic-list strong{color:#eaf4f1;font-size:13px}.vg-privacy-note{margin:16px 0 0!important;padding:12px 14px;border-radius:12px;background:#091217;font-size:12px}@media(max-width:900px){.vg-hub-page,.vg-game-page{width:100%;min-height:100dvh;margin:0;border-radius:0;padding:18px}.vg-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-hub-hero{min-height:auto}}@media(max-width:600px){.vg-hub-page,.vg-game-page{padding:12px}.vg-hub-page .vg-nav{align-items:flex-start}.vg-hub-page .vg-nav>span:last-child{display:none}.vg-picker{padding:16px 12px;border-radius:18px}.vg-topic-list{grid-template-columns:1fr}.vg-path-toggle{min-height:68px;padding:12px}.vocab-game-session-header{flex-basis:62px;padding:8px 10px;gap:9px}.vocab-game-session-status{display:none}.vocab-game-session-heading strong{font-size:15px}.vocab-game-session-exit{padding:7px 10px;font-size:12px}.vocab-game-session-body{padding:0}.vocab-game-session-body>.forest-game{border:0;border-radius:0}.vocab-game-exit-dialog>div{grid-template-columns:1fr}}.vg h1,.vg h2,.vg h3,.vg h4{color:#ecf1f4}.vg *{box-sizing:border-box}.vg button,.vg select,.vg input{font:inherit}.vg button,.vg a,.vg input,.vg select{-webkit-tap-highlight-color:transparent}.vg button{cursor:pointer}.vg button:disabled{cursor:default;opacity:.48}.vg button:focus-visible,.vg a:focus-visible,.vg select:focus-visible,.vg input:focus-visible{outline:3px solid #bee8ff;outline-offset:4px}.vg button{transition:background .2s,transform .2s,border-color .2s}.vg button:hover:not(:disabled){transform:translateY(-2px)}.vg p{line-height:1.65;color:#a9b8c6}.vg h1,.vg h2,.vg h3,.vg h4,.vg p{margin-top:0}.vg a{color:#b7c4cf;text-decoration:none}.vg-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;padding-bottom:22px;border-bottom:1px solid #ffffff12}.vg-brand{font-size:22px;font-weight:800;letter-spacing:-1px;color:#eef6ef}.vg-brand b{font-size:10px;letter-spacing:2px;color:#b5e6cd;border:1px solid #9ee7ca55;padding:5px 8px;margin-left:6px;border-radius:5px;vertical-align:middle}.vg-volume{display:flex;align-items:center;gap:8px;color:#b6c9bf}.vg-volume input{width:65px;accent-color:#9ee7ca}.vg-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:345px;gap:24px;padding:38px 0}.vg-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);display:block;margin-bottom:14px}.vg-eyebrow i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--accent)}.vg-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.14;letter-spacing:-2.5px;font-weight:650;margin-bottom:20px}.vg-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#a7e1c9}.vg-hero p{font-size:14px}.vg-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.vg-hero-tags span{font-size:10px;letter-spacing:.3px;padding:7px 10px;border-radius:30px;border:1px solid #ffffff15;color:#c0cbd3;background:#ffffff03}.vg-orbit{position:relative;height:280px;display:grid;place-items:center;background:radial-gradient(ellipse,#85baa717,transparent 65%)}.vg-planet{position:relative;width:220px;height:220px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 32% 25%,#c1f1d3,#75b6a8 28%,#355566 62%,#192333 80%);box-shadow:inset -14px -15px 30px #10182ddd,inset 4px 5px 13px #f1ffe877,0 0 75px #88ddbc18;transform:rotate(-12deg)}.vg-planet:before{content:"";position:absolute;width:300px;height:80px;border:1px solid #c9eee466;border-bottom:9px solid #b4ddc766;border-radius:50%;transform:rotate(-22deg);box-shadow:0 6px 15px #b9ebce15}.vg-planet span{font:italic 52px Georgia,serif;color:#ecfff0;text-shadow:0 2px 20px #0d3025}.vg-planet small{font-size:7px;letter-spacing:2px;margin-top:12px;color:#e8fff5}.vg-float{position:absolute;border:1px solid #ffffff25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff18,#ffffff04);border-radius:14px;padding:14px 20px;box-shadow:0 12px 30px #0003;animation:vg-drift 5s ease-in-out infinite}.vg-float-one{left:0;top:40px;transform:rotate(-10deg);font:24px Georgia,serif}.vg-float-one small{display:block;font:10px system-ui;color:#b4cccb;margin-top:5px}.vg-float-two{right:18px;top:32px;font-size:34px;color:#dac5ff;animation-delay:-2s}.vg-float-three{right:0;bottom:20px;color:#d9eab9;font-size:14px;animation-delay:-3s}.vg-library{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#ffffff04;border:1px solid #ffffff12;border-radius:18px}.vg h2{font-size:21px;letter-spacing:-.5px;margin-bottom:8px}.vg-library .vg-eyebrow{margin-bottom:8px}.vg-selects{display:flex;gap:12px;flex:1;max-width:580px}.vg-selects label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#a9bac9;flex:1;min-width:0}.vg select{color:#e5ecef;background:#202b35;border:1px solid #ffffff20;border-radius:9px;padding:11px;width:100%;font-size:12px}.vg-muted{font-size:11px;margin:12px 0 22px!important;color:#a3b1bf!important}.vg-section-title{display:flex;justify-content:space-between;align-items:end;margin:28px 0 20px;gap:12px}.vg-section-title>span{font-size:11px;color:#9eafbd}.vg-section-title .vg-eyebrow{margin-bottom:10px}.vg-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.vg-blue{--accent: #9ccaff;--glow: #689fdf22}.vg-peach{--accent: #f4cba4;--glow: #f2b58022}.vg-pink{--accent: #eab2dc;--glow: #d776b922}.vg-violet{--accent: #c7b5f3;--glow: #af91e322}.vg-card{text-align:left;background:#1a232d;color:#eef4f7;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;padding:0;min-width:0}.vg-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 35px var(--glow)}.vg-card-art{height:150px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 40%,var(--glow),transparent 80%),#151f29;color:var(--accent)}.vg-card-art b{font:70px Georgia,serif;filter:drop-shadow(0 0 16px var(--glow));z-index:1;transform:rotate(-12deg)}.vg-art-orbit{position:absolute;width:108px;height:108px;border:1px solid var(--accent);opacity:.25;border-radius:50%;box-shadow:0 0 0 18px #ffffff05,0 0 0 38px #ffffff02}.vg-card-art i{position:absolute;width:5px;height:5px;left:24%;top:20%;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.vg-card-art i:nth-last-child(2){left:78%;top:62%;width:3px;height:3px}.vg-card-art i:last-child{left:70%;top:16%;width:2px;height:2px}.vg-art-sprint .vg-art-orbit{transform:rotate(-30deg);border-radius:20%;height:150px;width:70px;border-width:2px}.vg-art-memory .vg-art-orbit{border-radius:15px;transform:rotate(25deg);box-shadow:10px 8px 0 var(--glow),-10px -8px 0 var(--glow);opacity:.7}.vg-art-rhythm .vg-art-orbit{border-width:8px;border-style:double}.vg-art-sound .vg-art-orbit{width:140px;height:80px;transform:rotate(-20deg);border-width:3px}.vg-green{--accent: #c5ed91;--glow: rgba(170, 225, 110, .16)}.vg-art-hide .vg-art-orbit{background:radial-gradient(circle,#c5ed9160,transparent 65%)}.vg-art-hide b{font-size:34px}.vg-hide-scene{position:relative;min-height:132px;margin:8px auto 20px;max-width:420px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#1b332b,#17231f);overflow:hidden}.vg-hide-scene:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:#0e1916}.vg-hide-bush,.vg-hide-too,.vg-hide-scene small{position:absolute;z-index:1}.vg-hide-bush{font-size:54px;bottom:5px}.vg-hide-bush-one{left:18%;transform:scaleX(-1)}.vg-hide-bush-two{right:18%}.vg-hide-too{bottom:16px;font-size:40px}.vg-hide-scene small{top:15px;color:#c5ed91;font-size:11px;letter-spacing:.5px}.vg-hide-clue{color:#d7eabf!important}.vg-card-copy{padding:17px 15px}.vg-card-number{display:flex;justify-content:space-between;color:#a5b8c6;font-size:9px;letter-spacing:1px;margin-bottom:13px}.vg-card-number>span{color:var(--accent);font-size:8px}.vg-card h3{font-size:16px;letter-spacing:-.4px;margin-bottom:5px}.vg-card h4{font-size:10px;font-weight:500;color:var(--accent);margin-bottom:12px}.vg-card p{font-size:11px;line-height:1.7;min-height:57px;margin-bottom:18px}.vg-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b8c7d1;border-top:1px solid #ffffff10;padding-top:13px}.vg-card-bottom b{color:var(--accent);font-size:18px;font-weight:400}.vg-launch{margin-top:28px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #ffffff18;background:linear-gradient(120deg,var(--glow),#ffffff02);border-radius:18px}.vg-launch p{font-size:12px;margin:0}.vg-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vg-actions button,.vg-stage>button,.vg-feedback button,.vg-review>button{padding:12px 17px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff08;color:#eaf4f1;font-size:12px;min-height:44px}.vg-actions button:first-of-type,.vg-stage>button,.vg-feedback button,.vg-review>button{background:var(--accent);color:#162b2a;border-color:transparent;font-weight:700}.vg-notice,.vg-loading{padding:18px;border-radius:12px;background:#ffffff08;color:#c4d5df;font-size:13px;margin:16px 0}.vg-notice button{margin-left:12px;border:0;padding:8px;border-radius:6px}.vg-loading{animation:vg-loading 1.5s ease-in-out infinite}.vg-session{padding-top:30px}.vg-session-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.vg-session-head h1{font-size:26px;margin-bottom:18px}.vg-score{font-size:20px;color:var(--accent);padding-right:12px}.vg-progress{height:5px;border-radius:5px;background:#ffffff12;overflow:hidden;margin:15px 0 24px}.vg-progress i{display:block;background:var(--accent);height:100%;transition:width .4s}.vg-stage{text-align:center;padding:38px 24px;min-height:420px;background:radial-gradient(ellipse at 50% 0,var(--glow),transparent 65%),#151e28;border:1px solid #ffffff14;border-radius:22px}.vg-stage h2.vg-word{font:500 clamp(32px,5vw,58px) Georgia,serif;letter-spacing:-1px;margin:25px 0 35px;overflow-wrap:anywhere}.vg-stage .vg-context{font:400 clamp(22px,3vw,32px)/1.65 Georgia,serif;max-width:760px;margin:20px auto}.vg-stage p{font-size:13px}.vg-stage-symbol{font-size:80px;color:var(--accent);margin:20px}.vg-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:780px;margin:25px auto 0}.vg-options button{display:flex;align-items:center;gap:16px;min-height:68px;text-align:left;background:#ffffff05;color:#e5edf3;border:1px solid #ffffff20;border-radius:13px;padding:14px 18px;overflow-wrap:anywhere}.vg-options button span{display:grid;place-items:center;border:1px solid #ffffff20;border-radius:7px;min-width:28px;height:28px;font-size:11px;color:#aebfcf}.vg-options button:hover:not(:disabled){background:var(--glow);border-color:var(--accent)}.vg-options button.is-correct{background:#83d9b533;border-color:#9ee7ca;color:#c4f6df;opacity:1;animation:vg-correct-pop .4s ease-out;box-shadow:0 0 24px #9ee7ca22;transform:translateY(-2px) scale(1.02)}.vg-options button.is-correct:after{content:"✓";margin-left:auto;font-size:18px;color:#9ee7ca;font-weight:700}.vg-options button.is-wrong{animation:vg-shake .45s ease-out;border-color:#f87171;background:#f8717112;opacity:1}.vg-options button.is-wrong span{border-color:#f87171;color:#fca5a5}.vg-inline-answer{text-align:center;padding:16px 20px;margin-top:16px;border-radius:12px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.vg-inline-answer.is-good{background:#9ee7ca0d;border:1px solid #9ee7ca33;color:#c4f6df}.vg-inline-answer.is-bad{background:#f871710d;border:1px solid #f8717133;color:#fca5a5}.vg-inline-answer b{color:#ecf1f4}.vg-inline-answer small{display:block;margin-top:6px;color:#a9b8c6;font-size:12px}.vg-feedback{padding:24px;border:1px solid #eac49c55;background:#eac49c0b;border-radius:16px;margin-top:20px;text-align:left}.vg-feedback.is-good{border-color:#9ee7ca55;background:#9ee7ca09}.vg-feedback h3{font-size:17px}.vg-feedback p{font-size:14px;overflow-wrap:anywhere}.vg-race{position:relative;height:35px;max-width:500px;margin:20px auto;border-bottom:2px dashed #ffffff20}.vg-race>span{position:absolute;color:var(--accent);font-size:24px;top:0;transition:left .1s}.vg-race small{position:absolute;right:0;top:0;color:#c3d4e2}.vg-beat{height:90px;display:flex;align-items:center;justify-content:center;position:relative}.vg-beat i{position:absolute;width:75px;height:75px;border-radius:50%;border:2px solid var(--accent);animation:vg-beat 1s linear infinite}.vg-beat i:nth-child(2){animation-delay:-.25s;opacity:.6}.vg-beat i:nth-child(3){animation-delay:-.5s;opacity:.4}.vg-beat i:nth-child(4){animation-delay:-.75s;opacity:.2}.vg-beat>span{font-size:35px;color:var(--accent)}.vg-beat.is-still i{animation-play-state:paused}.vg-memory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:25px auto;perspective:800px}.vg-memory button{min-height:140px;border-radius:16px;border:1px solid #d3b29235;background:repeating-linear-gradient(45deg,#ffffff03 0 1px,transparent 1px 12px),#29313a;color:var(--accent);font-size:30px;padding:16px;overflow-wrap:anywhere;transition:transform .5s,background .3s,box-shadow .3s;transform-style:preserve-3d}.vg-memory button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 16px var(--glow)}.vg-memory button.is-open{background:#f0e6d6;color:#283033;font-size:18px;opacity:1;animation:vg-card-flip .45s ease-out}.vg-memory button.is-matched{background:#a6d6be;color:#1a2e25;font-size:18px;opacity:.7;transform:scale(.96);box-shadow:0 0 20px #a6d6be22}.vg-memory button small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:10px;color:#586661}.vg-sound-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px auto;max-width:800px}.vg-sound-pads button{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border:1px solid #cbb2f044;border-radius:18px;background:#c7b5f30a;color:#e5dcf9;padding:18px;overflow-wrap:anywhere}.vg-sound-pads button>span{font:italic 25px Georgia,serif;color:#a992d7}.vg-sound-pads button strong{font-size:17px}.vg-sound-pads button small{font-size:12px}.vg-sound-pads button.is-lit{background:#c7b5f3;color:#252032;box-shadow:0 0 40px #c7b5f344;opacity:1;transform:translateY(-5px)}.vg-sequence{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.vg-sequence span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffff08;color:#a4b1bf}.vg-sequence span.is-done{background:#a6d6be;color:#20332b}.vg-results{text-align:center;padding:40px 0 10px}.vg-duel-result{display:flex;align-items:center;justify-content:center;gap:35px;padding:25px;margin:20px auto;max-width:540px;border:1px solid #ffffff22;border-radius:18px;background:var(--glow)}.vg-duel-result div{display:flex;flex-direction:column;gap:10px}.vg-duel-result span{font-size:10px;letter-spacing:1px;color:#adbdca}.vg-duel-result strong{font-size:36px;color:var(--accent)}.vg-duel-result small{font-size:11px;color:#bbccd6}.vg-duel-result>b{font:italic 20px Georgia,serif;color:#a6b8c5}.vg-results h1{font:38px Georgia,serif;margin:20px 0 12px}.vg-medal{font-size:90px;color:var(--accent);text-shadow:0 0 50px var(--accent)}.vg-stats{display:flex;justify-content:center;gap:50px;margin:30px 0}.vg-stats div{display:flex;flex-direction:column;gap:8px}.vg-stats strong{font-size:30px;font-weight:500;color:var(--accent)}.vg-stats span{font-size:12px;color:#a4b7c6}.vg-results>.vg-actions{justify-content:center}.vg-review{margin-top:25px;padding:24px;background:#ffffff04;border:1px solid #ffffff14;border-radius:16px;text-align:left}.vg-review article{display:grid;grid-template-columns:1fr 2fr;gap:8px 20px;padding:14px 0;border-top:1px solid #ffffff15}.vg-review article strong{color:var(--accent);overflow-wrap:anywhere}.vg-review article span{color:#d1dde7}.vg-review article small{grid-column:1/-1;color:#99adbd;line-height:1.6}.vg-review>button{margin-top:20px}.vg-share{width:100%;padding:14px;background:#182630;color:#d6e8ef;border:1px solid #ffffff33;border-radius:10px}@keyframes vg-drift{50%{translate:0 -9px}}@keyframes vg-beat{0%{transform:scale(1.7);opacity:0}25%{opacity:.5}to{transform:scale(.75);opacity:1}}@keyframes vg-loading{50%{opacity:.55}}@keyframes vg-correct-pop{0%{transform:translateY(0) scale(1);box-shadow:0 0 0 transparent}40%{transform:translateY(-4px) scale(1.04);box-shadow:0 0 30px #9ee7ca33}to{transform:translateY(-2px) scale(1.02);box-shadow:0 0 24px #9ee7ca22}}@keyframes vg-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes vg-card-flip{0%{transform:rotateY(90deg) scale(.9);opacity:.4}60%{transform:rotateY(-8deg) scale(1.03);opacity:1}to{transform:rotateY(0) scale(1)}}@keyframes vg-confetti-pop{0%{transform:scale(0) rotate(0);opacity:1}50%{opacity:1}to{transform:scale(1.5) rotate(360deg);opacity:0}}@keyframes vg-streak-in{0%{transform:translateY(10px) scale(.8);opacity:0}60%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1);opacity:1}}.vg-streak{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:30px;background:linear-gradient(135deg,#f59e0b22,#f59e0b08);border:1px solid #f59e0b44;color:#fbbf24;font-size:14px;font-weight:700;margin:12px auto 0;max-width:200px;animation:vg-streak-in .4s ease-out}.vg-streak span{font-size:20px}.vg-complete-confetti{position:relative;display:inline-block}.vg-complete-confetti:before,.vg-complete-confetti:after{content:"✦";position:absolute;font-size:24px;animation:vg-confetti-pop 1.2s ease-out forwards;pointer-events:none}.vg-complete-confetti:before{top:-10px;left:-20px;color:#9ee7ca}.vg-complete-confetti:after{top:-15px;right:-20px;color:#f4cba4;animation-delay:.2s}@media(min-width:1500px){.vg-card-art{height:180px}.vg-card h3{font-size:19px}.vg-card p{font-size:12px}}@media(max-width:1100px){.vg{padding:24px}.vg-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vg-hero h1{font-size:43px}.vg-launch,.vg-library{align-items:flex-start;flex-direction:column}.vg-selects{width:100%;max-width:none}.vg-card p{min-height:40px}}@media(max-width:650px){.vg{padding:18px 14px;border-radius:18px}.vg-nav{gap:8px;flex-wrap:wrap}.vg-nav>a{font-size:10px}.vg-brand{font-size:18px}.vg-volume span{display:none}.vg-volume input{width:48px}.vg-hero{grid-template-columns:1fr;gap:0;padding:32px 6px 20px}.vg-hero h1{font-size:42px}.vg-orbit{height:200px;max-width:360px;width:100%;margin:15px auto 0}.vg-planet{width:165px;height:165px}.vg-planet:before{width:230px}.vg-planet span{font-size:43px}.vg-float-one{top:20px}.vg-float-two{top:10px}.vg-hero p{font-size:13px}.vg-library{padding:16px}.vg-selects{flex-direction:column}.vg-section-title{align-items:start;flex-direction:column}.vg h2{font-size:19px}.vg-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vg-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.vg-card-art{height:125px}.vg-card-copy{padding:14px 12px}.vg-card h3{font-size:15px}.vg-card h4{font-size:9px}.vg-card p{font-size:11px;min-height:74px}.vg-card:last-child p{min-height:0}.vg-card-number{font-size:8px}.vg-card-number>span{font-size:7px}.vg-launch{padding:18px}.vg-actions{gap:8px}.vg-actions button{padding:10px 12px;font-size:11px}.vg-session-head{flex-direction:column;align-items:start}.vg-session-head h1{margin-bottom:0}.vg-stage{padding:24px 12px;min-height:360px}.vg-options{grid-template-columns:1fr}.vg-options button{font-size:14px;min-height:60px}.vg-memory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vg-memory button{min-height:120px;padding:12px}.vg-memory button.is-open,.vg-memory button.is-matched{font-size:14px}.vg-sound-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vg-sound-pads button{min-height:130px;padding:12px}.vg-sound-pads button strong{font-size:14px}.vg-stats{gap:22px}.vg-stats strong{font-size:25px}.vg-stats span{font-size:10px}.vg-results h1{font-size:29px}.vg-review{padding:16px}.vg-review article{grid-template-columns:1fr}.vg-eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){.vg *{animation:none!important;transition:none!important}.vg-beat i{opacity:.25}.vg-beat i:first-child{border-width:5px}}.vg-hub-counter{font-size:13px;color:var(--accent);background:#ffffff0f;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.vg-hub-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:28px;align-items:start;margin-top:16px}.vg-hub-col-main{display:flex;flex-direction:column;gap:24px;min-width:0}.vg-hub-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px}.vg-hub-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.vg-hub-game-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#141e27;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#ecf1f4;text-align:left;cursor:pointer;transition:all .18s ease}.vg-hub-game-card:hover{background:#192734;border-color:#fff3;transform:translateY(-2px)}.vg-hub-game-card.is-selected{border-color:var(--accent);background:#71dfb51a;box-shadow:0 0 0 1px var(--accent),0 4px 16px #71dfb526}.vg-hub-game-icon{font-size:26px;line-height:1;flex-shrink:0}.vg-hub-game-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.vg-hub-game-info strong{font-size:14px;color:#f1f6f8}.vg-hub-game-info small{font-size:11px;color:#8c9fa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vg-hub-solo-badge{display:inline-block;font-size:10px;color:#a0aec0;background:#ffffff0f;padding:1px 6px;border-radius:4px;margin-top:3px;width:fit-content}.vg-hub-check{font-size:14px;font-weight:700;color:var(--accent);flex-shrink:0}.vg-hub-set-search{display:flex;align-items:center;gap:8px;background:#0d171d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 14px;margin-bottom:14px}.vg-hub-set-search input{flex:1;background:transparent;border:none;color:#ecf1f4;font-size:13.5px;outline:none}.vg-hub-set-search button{background:none;border:none;color:#8c9fa8;cursor:pointer;padding:2px}.vg-hub-set-list{max-height:380px;overflow-y:auto;padding-right:4px}.vg-hub-set-list::-webkit-scrollbar{width:6px}.vg-hub-set-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.vg-hub-col-side{position:sticky;top:24px}.vg-hub-summary{background:#141e27;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 16px 36px #0000004d}.vg-hub-summary-title{margin:4px 0 2px;font-size:22px;display:flex;align-items:center;gap:8px}.vg-hub-summary-desc{font-size:13px;margin:0;color:#9bb0bc}.vg-hub-summary-sets{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px}.vg-hub-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8fa5b0;margin-bottom:8px}.vg-hub-chips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.vg-hub-chips-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0d;padding:6px 10px;border-radius:8px;font-size:13px;color:#e2ecf0}.vg-hub-chips-list button{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px 4px;border-radius:4px}.vg-hub-chips-list button:hover{color:#f87171;background:#f871711a}.vg-hub-word-hint{font-size:12px;color:var(--accent);margin:8px 0 0}.vg-hub-action-group{display:flex;flex-direction:column;gap:12px}.vg-hub-btn-start{width:100%;min-height:48px;padding:12px 20px;background:var(--accent);color:#0b1a1a;border:none;border-radius:14px;font-size:15px;font-weight:750;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #71dfb54d}.vg-hub-btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #71dfb573}.vg-hub-btn-start:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.vg-hub-multiplayer-hint{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:12px;padding:10px 14px;font-size:13px}.vg-hub-multiplayer-hint summary{cursor:pointer;font-weight:650;color:var(--accent)}.vg-hub-multiplayer-hint p{margin:8px 0 0;color:#9cb1bc;font-size:12.5px;line-height:1.5}.vg-hub-solo-note{font-size:12px;color:#8c9fa8;margin:0;display:flex;align-items:center;gap:6px}.vg-hub-mobile-bar{display:none}@media(max-width:960px){.vg-hub-layout{grid-template-columns:1fr;gap:20px}.vg-hub-col-side{position:static}.vg-hub-mobile-bar{display:block;position:fixed;bottom:0;left:0;right:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#11181ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);z-index:100}.vg-hub-page{padding-bottom:90px!important}}.vg.vg-library-theme{--accent:var(--primary);--glow:var(--primary-light);width:100%;max-width:none;min-height:0;margin:0;padding:0;background:transparent;color:var(--text);border:0;border-radius:0}.vg-library-theme .vg-hub-layout{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(280px,1.65fr) minmax(240px,1fr);gap:16px;margin:0;align-items:stretch;min-height:0}.vg-library-theme :is(.vg-hub-section,.vg-hub-summary){padding:20px;margin:0;min-width:0;min-height:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:none;display:flex;flex-direction:column;gap:16px}.vg-library-theme .vg-hub-col-side{position:static;min-width:0;min-height:0;display:flex}.vg-library-theme .vg-hub-summary{width:100%}.vg-library-theme .vg-section-title{margin:0;display:flex;flex-wrap:wrap;gap:8px}.vg-library-theme .vg-section-title h2{font-size:19px;margin:8px 0 0;line-height:1.35}.vg-library-theme :is(h2,strong,.vg-path-toggle,.vg-hub-set-search input){color:var(--text)}.vg-library-theme :is(small,.vg-muted,.vg-game-description,.vg-hub-word-hint,.vg-section-title>span,.vg-hub-label,.vg-hub-game-info small){color:var(--text-secondary)}.vg-library-theme .vg-eyebrow{color:var(--primary);font-size:10px;letter-spacing:.12em}.vg-library-theme .vg-hub-game-grid{display:block}.vg-library-theme .vg-hub-game-card{width:100%;display:flex;flex-direction:row;align-items:center;position:relative;padding:12px;gap:11px;border:1px solid var(--primary);border-radius:14px;background:var(--primary-light);color:var(--text);box-shadow:none}.vg-library-theme .vg-hub-game-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;font-size:24px;padding:0;border-radius:11px;background:var(--surface)}.vg-library-theme .vg-hub-game-info{display:grid;gap:6px;padding:0;margin:0;border:0;background:transparent}.vg-library-theme .vg-hub-game-info strong{color:var(--text);font-size:15px}.vg-library-theme .vg-hub-game-info small{white-space:normal}.vg-library-theme .vg-hub-check{position:absolute;top:14px;right:14px;color:var(--primary)}.vg-library-theme .vg-game-description{font-size:13px;line-height:1.55;margin:0}.vg-library-theme .vg-player-count{color:var(--primary);font-size:12px;font-weight:700}.vg-library-theme .vg-hub-set-search{flex-shrink:0;padding:10px 12px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.vg-library-theme .vg-hub-set-search input{min-width:0;font-size:14px}.vg-library-theme .vg-hub-set-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.vg-library-theme .vg-path-tree{gap:10px}.vg-library-theme .vg-path-node{border:1px solid var(--border);background:var(--surface);border-radius:12px}.vg-library-theme .vg-path-toggle{min-height:68px;padding:12px;gap:8px}.vg-library-theme .vg-path-toggle strong{font-size:13px;line-height:1.4}.vg-library-theme .vg-path-toggle small{font-size:11px}.vg-library-theme .vg-topic-list{grid-template-columns:1fr;gap:6px;padding:0 10px 10px}.vg-library-theme .vg-topic-list label{min-height:48px;padding:9px;background:var(--surface);border:1px solid var(--border)}.vg-library-theme .vg-topic-list label.is-selected{background:var(--primary-light);border-color:var(--primary)}.vg-library-theme .vg-topic-list input{accent-color:var(--primary)}.vg-library-theme .vg-hub-summary-title{margin:0;font-size:20px;line-height:1.4}.vg-library-theme .vg-hub-summary-desc{margin:0;font-size:13px}.vg-library-theme .vg-hub-summary-sets{background:var(--primary-light);border:0;padding:12px;border-radius:12px;min-height:0;overflow-y:auto}.vg-library-theme .vg-hub-chips-list{max-height:160px;overflow-y:auto;margin:10px 0 0}.vg-library-theme .vg-hub-chips-list li{background:var(--surface);color:var(--text)}.vg-library-theme .vg-hub-chips-list button{color:var(--text-secondary);min-width:32px;min-height:32px}.vg-library-theme .vg-hub-action-group{margin-top:auto}.vg-library-theme .vg-hub-btn-start{background:var(--primary);color:#fff;box-shadow:none;min-height:48px;font-size:14px}.vg-library-theme .vg-hub-btn-room{width:100%;min-height:44px;margin-top:9px;border:1px solid var(--primary);border-radius:11px;background:var(--surface);color:var(--primary);font:inherit;font-size:13px;font-weight:750;cursor:pointer}.vg-library-theme .vg-hub-btn-room:disabled{opacity:.5;cursor:default}.vg-library-theme .vg-hub-mobile-bar{display:none}.vg-forest-preview{position:relative;height:150px;flex-shrink:0;overflow:hidden;border-radius:14px;background:#142f2b}.vg-forest-preview .forest-scenery{width:100%;height:auto;min-height:100%;top:-10px}.vg-forest-preview>span{position:absolute;bottom:12px;left:12px;color:#f4f1dc;font-size:12px;font-weight:750;letter-spacing:.1em}.vg-preparation-guide{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;font-size:12px;color:var(--text-secondary)}.vg-library-theme .vg-preparation-guide p{color:var(--text-secondary);font-size:12px;margin:8px 0}.vg-library-theme .vg-hub-summary .forest-online{width:100%;overflow:auto;overscroll-behavior:contain;margin:0;flex:1}.vg-library-theme .forest-lobby{border:0;padding:0;margin:0;background:transparent;gap:14px}.vg-library-theme .forest-lobby :is(p,label,h1,strong){color:var(--text);font-size:14px}.forest-room-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--primary-light)}.forest-lobby .forest-room-tabs button{background:transparent;color:var(--text-secondary);padding:8px}.forest-lobby .forest-room-tabs button[aria-pressed=true]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.forest-lobby button.forest-room-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.forest-lobby .forest-room-code{display:block;font-size:28px;letter-spacing:.14em;color:var(--primary);text-align:center;padding:12px;background:var(--primary-light);border-radius:12px}.vg-library-theme .forest-room-waiting{gap:10px}.forest-room-invite{display:grid;grid-template-columns:minmax(110px,1fr) minmax(130px,auto);gap:10px;align-items:stretch}.forest-room-invite .forest-room-code{display:grid;place-items:center;padding:8px;font-size:22px}.forest-room-actions{position:sticky;bottom:0;display:grid;background:var(--surface);padding-top:2px;z-index:2}.forest-room-actions button{width:100%;font-weight:700}.forest-room-ready{padding:10px 12px;border-radius:10px;background:var(--primary-light);color:var(--primary)!important;text-align:center;font-weight:700}@media(max-width:450px){.forest-room-invite{grid-template-columns:1fr}}.vg-library-theme .forest-scoreboard{grid-template-columns:1fr}.vg-library-theme .forest-scoreboard>span{background:var(--surface);color:var(--text);border-color:var(--border);font-size:12px}.vg-library-theme .forest-matchbar{padding:10px;font-size:12px;gap:8px}.vg-library-theme .forest-matchbar>span{display:none}.vg-library-theme .forest-matchbar b{font-size:14px}.vg-library-theme .forest-online button:disabled{opacity:1;background:var(--surface-3);color:var(--text-secondary)}.forest-online-session{position:fixed;inset:0;z-index:1200}.forest-online-session .vocab-game-session-body{position:relative}.forest-room-result{margin:auto;text-align:center;color:var(--text)}.vg-library-theme button:focus-visible,.vg-library-theme input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.vocab-choice-card{text-decoration:none;color:var(--text)}.vocab-choice-card .speaking-part-visual{display:grid;place-items:center;min-height:180px;color:var(--primary);background:var(--primary-light)}.vocab-choice-card .dictation-part-illustration{width:100%;height:auto;max-width:220px}.vocab-choice-action{color:var(--primary);font-weight:750;margin-top:16px}.vocab-choice-card:focus-visible{outline:3px solid var(--primary);outline-offset:4px}@media(min-width:1200px)and (min-height:650px){.vg-library-theme .vg-hub-layout{height:calc(100dvh - var(--topbar-height,64px) - 2 * var(--content-padding,32px))}}@media(max-width:1199px),(max-height:649px){.vg-library-theme .vg-hub-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}.vg-library-theme .vg-hub-layout>section:first-child{grid-column:1 / -1}.vg-library-theme .vg-hub-game-card{flex-direction:row;align-items:center;padding:12px}.vg-library-theme .vg-hub-game-icon{padding:0;font-size:24px}.vg-library-theme .vg-hub-set-list{max-height:420px}}@media(max-width:720px){.vg-library-theme .vg-hub-layout{grid-template-columns:minmax(0,1fr);padding-bottom:90px}.vg-library-theme .vg-hub-set-list{max-height:45dvh}.vg-library-theme .vg-hub-mobile-bar{display:block;background:var(--surface);border-top:1px solid var(--border);padding-bottom:max(12px,env(safe-area-inset-bottom))}.vocab-entry-page .speaking-part-grid{grid-template-columns:1fr}}.vg-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:var(--primary-light);border:1px solid var(--border)}.vg-mode-tab{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.vg-mode-tab.is-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm,0 1px 4px rgba(0,0,0,.12))}.vg-mode-tab:hover:not(.is-active){background:color-mix(in srgb,var(--primary-light) 80%,var(--surface));color:var(--text)}.vg-mode-tab-label{font-size:13px;font-weight:750;letter-spacing:.01em}.vg-study-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vg-study-mode-card{display:flex;align-items:center;justify-content:center;min-height:52px;padding:11px 24px 11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;position:relative}.vg-study-mode-card.is-selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}.vg-study-mode-card:hover:not(.is-selected){border-color:color-mix(in srgb,var(--primary) 50%,var(--border));transform:translateY(-1px)}.vg-study-mode-card strong{font-size:13px;font-weight:750;color:var(--text);line-height:1.3}.vg-study-mode-card .vg-hub-check{position:absolute;top:6px;right:8px;color:var(--primary);font-size:11px}@media(max-width:380px){.vg-study-mode-grid{grid-template-columns:1fr}}.vg-hub-summary-mode{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--primary-light);border-radius:10px}.vg-hub-summary-mode-value{font-size:14px;font-weight:700;color:var(--primary)}.vg-hub-summary-filter{padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:11px;font-weight:700}.vg-review-filter-block{display:grid;gap:8px;padding-top:2px}.vg-review-filter{display:flex;flex-wrap:wrap;gap:6px}.vg-review-filter button{min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.vg-review-filter button:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:var(--text)}.vg-review-filter button.is-selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.vg-review-filter button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:999px;background:var(--surface-2,var(--primary-light));font-size:10px}.vg-review-filter-block small{color:var(--text-secondary);font-size:11px;line-height:1.4}.vg-path-node.has-review-items>.vg-path-toggle{border-color:color-mix(in srgb,var(--primary) 62%,var(--border));background:color-mix(in srgb,var(--primary-light) 68%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}.vg-path-node.is-no-match{opacity:.5}.vg-topic-list label.has-review-items{border-color:color-mix(in srgb,var(--primary) 58%,var(--border));background:color-mix(in srgb,var(--primary-light) 72%,var(--surface))}.vg-topic-list label.is-no-match{opacity:.48;cursor:not-allowed}.vw-screen.forest-page-active>:not(.p1-header):not(.forest-page){display:none!important}.forest-page{flex:1;min-width:0;min-height:0;padding:16px;background:var(--bg, #f2f8f6);overflow:auto}.forest-page .forest-game{width:100%;max-width:1600px;height:calc(100dvh - 112px);margin:auto;border-radius:16px;box-shadow:none}.forest-online{display:flex;flex-direction:column;min-height:0;max-width:1600px;margin:auto;color:#183d35}.forest-lobby{width:min(680px,100%);margin:24px auto;padding:clamp(18px,4vw,40px);background:#fff;border:1px solid #dce9e4;border-radius:20px;display:grid;gap:18px}.forest-lobby h1{font-size:clamp(24px,4vw,38px);margin:0;line-height:1.2}.forest-lobby p{margin:0;line-height:1.7}.forest-lobby .forest-eyebrow{color:#157864}.forest-lobby label{display:grid;gap:8px}.forest-lobby form{display:grid;gap:12px;border-top:1px solid #dce9e4;padding-top:18px}.forest-lobby input,.forest-lobby select{width:100%;min-width:0;padding:12px;min-height:44px;border:1px solid #aecbc0;border-radius:10px;background:#f7fbf9;color:#183d35;font:inherit}.forest-lobby button,.forest-matchbar button{padding:12px 16px;min-height:44px;border:0;border-radius:10px;font:inherit;background:#127e6c;color:#fff;cursor:pointer;overflow-wrap:anywhere}.forest-online button:disabled{opacity:.5;cursor:default}.forest-online button:focus-visible,.forest-online input:focus-visible,.forest-online select:focus-visible{outline:3px solid #efaf42;outline-offset:2px}.forest-matchbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#fff;border:1px solid #dce9e4;border-radius:12px}.forest-matchbar>span{flex:1;overflow-wrap:anywhere}.forest-matchbar b{font-variant-numeric:tabular-nums;font-size:24px}.forest-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0}.forest-scoreboard>span{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#fff3d9;border:1px solid #e5d8b7;border-radius:12px;overflow-wrap:anywhere}.forest-scoreboard .is-self{background:#e4f3ec;border-color:#b5d9c8}.forest-scoreboard b{margin-left:auto;white-space:nowrap}.forest-online-stage{position:relative}.forest-page .forest-online-stage .forest-game{height:calc(100dvh - 230px);min-height:500px}.forest-countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:20;color:#fff;font-size:clamp(26px,5vw,48px);background:#12372d99;border-radius:16px}.forest-network-error{position:sticky;bottom:0;background:#fff1ce;color:#693c0c;border:1px solid #dfb66b;border-radius:10px;padding:12px;z-index:30}.forest-opponent{filter:hue-rotate(65deg);pointer-events:none}.forest-peer-label{position:absolute;transform:translate(-50%,-100%);background:#ffdf8f;color:#273c30;border-radius:8px;padding:5px 10px;max-width:140px;overflow-wrap:anywhere;font-size:12px}@media(max-width:650px){.forest-page{padding:8px}.forest-page .forest-game{height:auto;min-height:calc(100dvh - 80px);border-radius:12px;overflow:visible}.forest-page .forest-stage{flex:none;height:clamp(300px,48dvh,480px);min-height:300px}.forest-page .forest-start{overflow:visible}.forest-page .forest-start-copy{padding:18px}.forest-page .forest-header{flex-wrap:wrap;gap:8px;position:static}.forest-page .forest-tools{flex-wrap:wrap;gap:6px}.forest-page .forest-cockpit{display:grid;grid-template-columns:144px minmax(0,1fr);gap:8px;padding:10px}.forest-page .forest-bag-info{min-width:0;overflow-wrap:anywhere}.forest-page .forest-pad{grid-template:repeat(2,44px)/repeat(3,44px);gap:4px;grid-row:auto}.forest-page .forest-action-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.forest-page .forest-action-buttons button{min-width:0;padding:8px 4px;white-space:normal;overflow-wrap:anywhere}.forest-page .forest-pad button{min-width:44px;min-height:44px}.forest-page .forest-notice{padding-bottom:max(12px,env(safe-area-inset-bottom))}.forest-page .forest-online-stage .forest-game{height:auto;min-height:0}.forest-matchbar{gap:8px;padding:8px}.forest-matchbar>span{flex-basis:100%;order:3;font-size:12px}.forest-matchbar b{margin-left:auto}.forest-scoreboard{gap:6px;font-size:12px}.forest-scoreboard>span{padding:8px}.forest-lobby{margin:12px auto}}.forest-game,.forest-session-theme{--forest-bg:#142f2b;--forest-panel:#15372fed;--forest-text:#f4f1dc;--forest-secondary:#c3d3c5;--forest-accent:#e1d395;--forest-border:#729a87;--forest-disabled-bg:#27443b;--forest-disabled-text:#bfcac0;font-family:var(--font-family)}.forest-game .forest-joystick{display:none}@media(pointer:coarse){.vocab-game-session-shell{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:100}.forest-game .forest-pad{display:none!important}.forest-game .forest-joystick{display:grid;place-items:center;flex-shrink:0;width:112px;height:112px;min-width:112px;border-radius:50%;background:#193b32bb;border:2px solid #b0d6bc88;touch-action:none;grid-row:1/3;padding:0}.forest-joystick span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#a4d8bd;color:#153b30;font-size:26px;pointer-events:none}}.vocab-game-session-shell .vocab-game-session-body{position:relative;padding:0;background:var(--forest-bg,#142f2b)}.vocab-game-session-shell .vocab-game-session-body>.forest-game{position:relative;width:100%;max-width:none;height:100%;border:0;border-radius:0;margin:0;box-shadow:none;background:var(--forest-bg);color:var(--forest-text)}.forest-integrated .forest-stage{min-height:0;background:var(--forest-bg)}.forest-extension{position:absolute;left:-2400px;top:-1000px;width:5800px;max-width:none;height:3500px;pointer-events:none;z-index:-1}.forest-world{isolation:isolate}.vocab-game-session-body>.forest-integrated .forest-player .forest-too{width:70px}.forest-integrated .forest-player:not(.forest-opponent) .forest-player-label{display:none}.forest-integrated .forest-chest>strong{color:var(--forest-text);background:var(--forest-panel);font-size:18px;line-height:1.35;border-color:var(--forest-border)}.forest-integrated .forest-cockpit{position:absolute;inset:auto 20px 22px;z-index:8;padding:0;border:0;background:none;pointer-events:none;gap:16px;align-items:flex-end}.forest-integrated .forest-cockpit>*{pointer-events:auto}.forest-integrated .forest-bag-info,.forest-integrated .forest-action-buttons,.forest-integrated .forest-pad{background:var(--forest-panel);border:1px solid var(--forest-border);border-radius:14px;padding:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #081a222b}.forest-integrated .forest-bag-info{flex:0 1 300px;min-width:140px}.forest-integrated .forest-bag-info>span{color:var(--forest-secondary);font-size:11px;letter-spacing:.06em}.forest-integrated .forest-bag-info>strong{color:var(--forest-text);font-size:15px;line-height:1.4;margin:4px 0 0}.forest-integrated .forest-bag-info button{color:var(--forest-accent)}.forest-integrated .forest-action-buttons{margin-left:auto;gap:8px}.forest-integrated .forest-action-buttons button{display:flex;flex-direction:row;width:auto;min-width:88px;min-height:44px;padding:8px 12px;border:1px solid var(--forest-border);background:transparent;color:var(--forest-text);border-radius:10px;font-size:13px;gap:8px}.forest-integrated .forest-action-buttons button.is-suggested{background:var(--forest-accent);color:var(--forest-bg)}.forest-integrated .forest-action-buttons button:disabled{opacity:1;background:var(--forest-disabled-bg);color:var(--forest-disabled-text);border-color:#617e70}.forest-integrated .forest-cockpit kbd{color:inherit;background:transparent;border-color:currentColor;font-size:12px}.forest-integrated .forest-notice{position:absolute;left:50%;bottom:126px;transform:translate(-50%);z-index:9;width:max-content;max-width:calc(100% - 40px);padding:10px 14px!important;border:1px solid var(--forest-border);border-radius:12px;background:var(--forest-panel);color:var(--forest-text)!important;text-align:center;font-size:13px;pointer-events:none}.forest-integrated .forest-pause{z-index:12;background:#112c29de;color:var(--forest-text)}.forest-integrated .forest-results{background:var(--forest-bg);color:var(--forest-text)}.forest-integrated .forest-results :is(p,small,.forest-review>div>span){color:var(--forest-secondary)}.forest-integrated button.forest-primary{background:var(--forest-accent);color:var(--forest-bg);border-color:var(--forest-accent)}.forest-integrated .forest-audio-note{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--forest-panel);color:var(--forest-text)!important;border-radius:10px;z-index:10;max-width:80%}.forest-integrated button:focus-visible{outline:3px solid var(--forest-accent);outline-offset:3px}.vocab-game-session-shell>.vocab-game-session-header{position:relative;z-index:20}.vocab-game-session-header .forest-header-help>div{max-height:60dvh;overflow:auto}@media(max-width:650px){.forest-integrated .forest-cockpit{inset:auto 10px max(12px,env(safe-area-inset-bottom));grid-template-columns:116px minmax(0,1fr);gap:8px}.forest-integrated .forest-pad{padding:5px;grid-row:1/3}.forest-integrated .forest-bag-info{padding:8px 10px;min-width:0}.forest-integrated .forest-bag-info>strong{font-size:13px}.forest-integrated .forest-action-buttons{margin:0;padding:6px;gap:4px}.forest-integrated .forest-action-buttons button{min-width:0;flex:1;padding:6px 4px;font-size:11px}.forest-integrated .forest-notice{bottom:180px;font-size:12px}.vocab-game-header-controls{gap:5px}.vocab-game-header-controls button,.forest-header-help summary{padding:7px 8px}.forest-session-progress{width:100%;font-size:11px}}@media(max-height:500px)and (min-width:651px){.vocab-game-session-shell>.vocab-game-session-header{flex-wrap:nowrap;flex-basis:52px;min-height:52px;padding:5px 12px;gap:8px}.vocab-game-session-shell>.vocab-game-session-header .vocab-game-header-controls{flex-basis:auto;order:0;flex-wrap:nowrap;gap:5px}.forest-session-progress{font-size:11px}.vocab-game-session-heading span{display:none}.vocab-game-session-heading strong{font-size:15px}.vocab-game-session-exit{min-height:38px;padding:6px 9px}.forest-integrated .forest-cockpit{bottom:8px}.forest-integrated .forest-bag-info,.forest-integrated .forest-action-buttons{padding:6px}.forest-integrated .forest-pad{display:none}.forest-integrated .forest-notice{bottom:84px}}@media(max-width:650px){.vocab-game-session-header .forest-header-help>div{position:fixed;top:var(--session-header-height,132px);right:10px;left:10px;width:auto}.forest-integrated .forest-pad button{min-width:36px;min-height:36px}}.ths-backdrop{position:fixed;inset:0;z-index:1200;padding:16px;display:grid;place-items:center;background:#051315dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forest-game{width:min(1240px,100%);height:min(920px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #8aaf9138;border-radius:22px;background:#112725;box-shadow:0 30px 100px #0009;font-family:inherit;color:#e8f0dc;color-scheme:dark;isolation:isolate}.forest-game,.forest-game *{box-sizing:border-box}.forest-game h1,.forest-game h2,.forest-game p{margin:0;color:inherit}.forest-game button{font:inherit;color:#e3ead7;background:#c9ddad09;border:1px solid #bad1a72b;border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer;touch-action:manipulation}.forest-game button:disabled{opacity:.45;cursor:default}.forest-game button:focus-visible,.forest-stage:focus-visible{outline:3px solid #e0edaf;outline-offset:-3px}.forest-game button:hover:not(:disabled){background:#c9ddad20}.forest-game button.forest-primary{background:#d7e7a6;color:#19332b;border-color:#d7e7a6;font-weight:750;padding:15px 24px}.forest-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;background:#102321;border-bottom:1px solid #bdd8b31a;flex-shrink:0}.forest-eyebrow{display:block;font-size:10px;color:#d6ddb2;letter-spacing:2.5px;font-weight:750}.forest-set{display:block;margin-top:5px;font-size:11px;color:#8fa99b;overflow-wrap:anywhere}.forest-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.forest-tools button{font-size:11px;padding:8px 11px}.forest-score{color:#e3d69d;font-size:16px;font-weight:700;white-space:nowrap;margin-right:8px}.forest-objectives{display:flex;align-items:center;gap:15px;padding:12px 22px;border-bottom:1px solid #bdd8b319;background:#162e29;flex-shrink:0}.forest-objectives>span{font-size:9px;letter-spacing:1.4px;color:#aec2a7;white-space:nowrap}.forest-objectives>div{display:flex;gap:7px;flex-wrap:wrap;min-width:0;max-height:78px;overflow-y:auto}.forest-objectives>div>span{padding:5px 10px;font-size:12px;border:1px solid #b7c99f30;border-radius:6px;overflow-wrap:anywhere}.forest-objectives .is-locked{color:#bfe597;border-color:#bfe59790;background:#bfe5970e}.forest-stage{position:relative;flex:1;min-height:180px;overflow:hidden;background:#172f2c;touch-action:none;cursor:crosshair;contain:layout paint}.forest-world{position:absolute;left:0;top:0;transform-origin:top left;will-change:transform}.forest-scenery{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.forest-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,transparent 35%,#07192370 100%);box-shadow:inset 0 0 65px #071b2330}.forest-compass{position:absolute;top:16px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:10px;color:#c8d4b9;pointer-events:none;text-shadow:0 2px 5px #0009}.forest-compass>span:first-child{width:36px;height:36px;border:1px solid #c2d3a64f;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#112a2780}.forest-location-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 28px);padding:9px 14px;border:1px solid #cbdfa428;border-radius:8px;background:#0c232be3;font-size:12px;text-align:center;line-height:1.4;pointer-events:none}.forest-chest{position:absolute;width:120px;margin-left:-60px;margin-top:-52px;height:87px;text-align:center;cursor:pointer;filter:drop-shadow(0 12px 5px #14211d70)}.forest-chest-lid{position:absolute;top:0;left:12px;width:96px;height:35px;border-radius:24px 24px 3px 3px;border:4px solid #c09a55;background:repeating-linear-gradient(90deg,#6b4d34 0 20px,#846040 20px 24px);box-shadow:inset 0 6px #ffffff0b;transform-origin:50% 100%}.forest-chest-body{position:absolute;top:32px;left:12px;width:96px;height:39px;border-radius:0 0 9px 9px;background:#775237;border:4px solid #ae894c;border-top:5px solid #322d26}.forest-chest-body:before,.forest-chest-body:after{content:"";position:absolute;top:-37px;width:7px;height:62px;background:#cb9f54;left:9px;border-radius:4px}.forest-chest-body:after{left:auto;right:9px}.forest-chest-body span{display:inline-grid;place-items:center;position:relative;top:-12px;z-index:2;background:#e4c981;color:#635034;border:2px solid #725334;width:22px;height:25px;font-size:14px;border-radius:4px}.forest-chest>strong{display:block;position:absolute;width:190px;left:-35px;top:82px;font-size:16px;font-weight:650;color:#f3e5bc;line-height:1.25;background:#152920d9;border:1px solid #b9ad6740;border-radius:6px;padding:6px;overflow-wrap:anywhere}.forest-chest.is-near{filter:drop-shadow(0 0 12px #d6de9b70)}.forest-chest.is-near>strong{border-color:#e5e4ad}.forest-chest.is-locked{filter:drop-shadow(0 0 12px #82cfab44)}.forest-chest.is-locked .forest-chest-body span{background:#b6dfac}.forest-chest.is-locked>strong{color:#b8e7a4}.forest-chest.is-depositing .forest-chest-lid{animation:forest-lid .7s ease-in-out}.forest-lock-spark{position:absolute;top:-42px;left:0;width:100%;font-weight:800;font-size:19px;color:#f3eaae;animation:forest-spark .7s both}.forest-bush{position:absolute;width:140px;height:100px;margin-left:-70px;margin-top:-75px;cursor:pointer}.forest-leaves{position:absolute;inset:0;filter:drop-shadow(0 12px 5px #041e2980)}.forest-leaves>i{position:absolute;width:72px;height:70px;border-radius:58% 58% 43% 43%;bottom:0;background:linear-gradient(125deg,#729366,#315a45);box-shadow:inset 2px 5px 2px #cfdb9d20}.forest-leaves>i:nth-child(1){left:0;transform:rotate(-22deg)}.forest-leaves>i:nth-child(2){right:0;transform:rotate(22deg)}.forest-leaves>i:nth-child(3){left:32px;bottom:15px;height:83px}.forest-leaves>i:nth-child(4){left:23px;bottom:-5px;width:95px;height:50px;border-radius:50%;background:linear-gradient(145deg,#769764,#386349)}.forest-leaves>span{position:absolute;left:38px;bottom:3px;color:#e9bfba;font-size:26px;transform:rotate(12deg)}.forest-bush-1 .forest-leaves>i{background:linear-gradient(145deg,#877d6a,#635442);height:52px;border-radius:70% 70% 15% 15%}.forest-bush-1 .forest-leaves>i:nth-child(3){height:80px;background:linear-gradient(145deg,#c78977,#815d52)}.forest-bush-1 .forest-leaves>span{color:#f4d7a6}.forest-bush-2 .forest-leaves{filter:hue-rotate(18deg) drop-shadow(0 10px 5px #041e2960)}.forest-bush-2 .forest-leaves>i{border-radius:80% 8% 70%}.forest-bush.is-near .forest-leaves{filter:drop-shadow(0 0 14px #d2e19355)}.forest-bush.is-empty .forest-leaves{opacity:.6}.forest-bush.is-revealed .forest-leaves{animation:forest-rustle .5s}.forest-bush-glint{position:absolute;right:20px;top:5px;color:#e4ddb2;font-size:20px;text-shadow:0 0 12px #ffffa9;animation:forest-glint 3s ease-in-out infinite}.forest-empty-mark{position:absolute;left:57px;top:32px;color:#c3dcb4}.forest-critter-wrap{position:absolute;left:40px;top:-30px;z-index:4;text-align:center;animation:forest-pop .45s both}.forest-critter{display:block;width:58px;height:50px;background:linear-gradient(130deg,#f8ddb4,#dab789);border-radius:45% 45% 36% 36%;border:2px solid #aa8b6040;box-shadow:inset 3px 3px #fff4,0 5px 8px #0003;position:relative}.forest-critter>i{width:8px;height:12px;position:absolute;left:13px;top:15px;background:#43432e;border-radius:50%}.forest-critter>i:nth-child(2){left:34px}.forest-critter>i:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;top:2px;left:1px}.forest-critter>b{position:absolute;width:9px;height:9px;left:25px;top:31px;border-radius:50%;background:#866045}.forest-critter>em{position:absolute;width:16px;height:8px;border-radius:50%;background:#ba9974;bottom:-6px;left:3px}.forest-critter>em:last-child{left:auto;right:3px}.forest-cry{position:absolute;width:185px;left:-65px;bottom:66px;background:#faf0cf;color:#73523d;padding:9px 12px;border-radius:14px 14px 14px 0;box-shadow:0 6px 18px #0003;font-size:13px;font-weight:700;white-space:nowrap;animation:forest-yelp .5s}.forest-meaning{display:block;position:relative;width:210px;margin-left:-76px;margin-top:12px;border:1px solid #eddfb48a;border-radius:9px;background:#17302cef;color:#fff1c8;padding:9px 10px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.forest-light{position:absolute;top:0;left:0;transform-origin:0 0;z-index:3;pointer-events:none;opacity:0}.forest-light[data-lit=true]{opacity:1}.forest-light>i{display:block;width:225px;height:175px;margin-top:-87px;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#fff4b483,#fff1ab19 80%,transparent);filter:blur(2px)}.forest-player{position:absolute;left:0;top:0;width:70px;height:78px;z-index:6;pointer-events:none;will-change:transform}.forest-player-label{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#e5f2d4;position:absolute;width:100%;top:-10px;text-shadow:0 2px 4px #0008}.forest-opponent .forest-player-label{width:150px;left:-40px;top:-26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.forest-peer-status{position:absolute;top:84px;left:-35px;width:140px;text-align:center;font-size:11px;color:#fff1ca;background:#122d28cc;border-radius:6px}.forest-wildlife{animation:forest-wander 12s linear infinite alternate}@keyframes forest-wander{0%{transform:translate(0)}to{transform:translate(100px)}}.forest-world[aria-hidden=true] .forest-wildlife{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.forest-wildlife{animation:none}}.forest-too{display:block;width:90px;margin:auto}.forest-too svg{display:block;width:100%;height:auto;overflow:visible}.forest-player .forest-too{width:70px;filter:drop-shadow(0 5px 4px #0004)}.forest-stage>.forest-countdown-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;align-content:center;gap:8px;background:#0b2725a8;color:#f4f2d0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.forest-countdown-overlay strong{width:76px;height:76px;display:grid;place-items:center;border:2px solid #d7e7a6;border-radius:50%;background:#193d35e8;color:#d7e7a6;font-size:38px}.forest-countdown-overlay span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.forest-player[data-walking=true] .forest-too{animation:forest-walk .24s ease-in-out infinite alternate}.forest-player[data-facing=left] .forest-too svg{transform:scaleX(-1)}.forest-torch{position:absolute;right:-4px;top:34px;width:22px;height:10px;background:#d4ca8e;border:2px solid #675e49;border-radius:2px 5px 5px 2px;transform:rotate(-20deg)}.forest-basket{display:block;position:absolute;right:-13px;bottom:-6px;width:35px;height:29px;border-radius:4px 4px 12px 12px;background:repeating-linear-gradient(0deg,#ba915c 0 4px,#8b6b48 4px 6px);border:2px solid #d5b077;z-index:3}.forest-basket:before{content:"";position:absolute;width:28px;height:24px;border:3px solid #d0ae74;border-radius:50% 50% 0 0;top:-20px;left:0}.forest-basket .forest-critter{transform:scale(.47);transform-origin:center bottom;position:absolute;bottom:6px;left:-14px}.forest-net{display:none;position:absolute;width:42px;height:49px;border:3px solid #dfd9b2;background:repeating-linear-gradient(45deg,#dfd9b220 0 3px,transparent 3px 9px);border-radius:50%;top:-25px;left:50px}.forest-net:after{content:"";position:absolute;width:5px;height:42px;left:16px;top:43px;background:#a88c5d}.is-catching .forest-net{display:block;transform-origin:0 100%;animation:forest-scoop .7s both}.forest-flying{position:absolute;z-index:10;margin-left:-29px;pointer-events:none;animation:forest-catch .7s ease-in both}.forest-too .tooich-mascot-face{fill:#e5fff6}.forest-too .tooich-mascot-eye ellipse{fill:#fff}.forest-too .tooich-mascot-eye circle{fill:#173d3a}.forest-too .tooich-eye-glint{fill:#fff}.forest-too .tooich-mascot-smile{stroke:#173d3a;stroke-width:2.5;fill:none}.forest-too .tooich-mascot-shadow{fill:#0003}.forest-too .tooich-mascot-antenna,.forest-too .tooich-mascot-left-arm,.forest-too .tooich-mascot-right-arm{fill:#29b4a0;stroke:#29b4a0;stroke-width:4}.forest-too [class*=tooich-mascot-mouth],.forest-too .tooich-mascot-tear,.forest-too .tooich-mascot-sweat,.forest-too .tooich-mascot-face-effects{display:none}.forest-cockpit{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 20px;background:#122725;border-top:1px solid #c1d49a22;flex-shrink:0}.forest-pad{display:grid;grid-template:repeat(2,40px) / repeat(3,40px);gap:4px;flex-shrink:0}.forest-pad button{padding:0;min-height:40px;border-radius:8px;touch-action:none;font-size:20px;-webkit-user-select:none;user-select:none}.direction-arrowup{grid-row:1;grid-column:2}.direction-arrowleft{grid-row:2;grid-column:1}.direction-arrowdown{grid-row:2;grid-column:2}.direction-arrowright{grid-row:2;grid-column:3}.forest-bag-info{flex:1;min-width:0}.forest-bag-info>span{display:block;font-size:9px;letter-spacing:1.5px;color:#9eb8a3}.forest-bag-info strong{display:block;font-size:14px;line-height:1.3;margin:6px 0;overflow-wrap:anywhere;max-height:64px;overflow-y:auto}.forest-bag-info button{min-height:28px;font-size:10px;padding:4px 0;border:0;color:#c8d9a6;background:none}.forest-action-buttons{display:flex;gap:8px}.forest-action-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100px;min-height:66px;font-size:12px;padding:9px;line-height:1.25;overflow-wrap:anywhere}.forest-game kbd{font:inherit;border:1px solid #bbce9b40;border-radius:4px;padding:2px 5px;color:#c5d6af;background:#0002}.forest-action-buttons .is-suggested{border-color:#dedfa2a8;background:#dedfa213;color:#e5e9bc}.forest-notice{padding:9px 20px 12px!important;font-size:11px;line-height:1.35;color:#9fb3a2!important;min-height:36px;flex-shrink:0;background:#122725;border-radius:0 0 20px 20px}.forest-notice.is-reveal{color:#eddfb9!important}.forest-notice.is-wrong{color:#e4ac98!important}.forest-notice.is-lock{color:#b4d791!important}.forest-pause{position:absolute;inset:0;background:#102423ef;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;cursor:default}.forest-pause h2{font-size:22px;text-align:center}.forest-start{display:grid;grid-template-columns:.95fr 1.05fr;flex:1;overflow-y:auto;min-height:0}.forest-poster{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:370px;background:radial-gradient(ellipse at 50% 30%,#60825b40,#173b35 60%,#112725)}.forest-poster>.forest-too{width:170px;margin:0;position:relative;z-index:2;transform:rotate(-7deg)}.forest-poster-moon{position:absolute;top:18%;right:15%;width:64px;height:64px;background:#dfd9a9;border-radius:50%;box-shadow:0 0 70px #e3dfa534}.forest-poster-trees{position:absolute;font-family:Georgia,serif;bottom:10%;left:-35px;font-size:250px;letter-spacing:-50px;color:#285444;white-space:nowrap;transform:scaleY(1.8)}.forest-poster-speech{position:absolute;z-index:4;bottom:22%;left:12%;padding:14px;font-size:12px;color:#524a32;background:#e8dab7;border-radius:16px 16px 16px 0;transform:rotate(4deg)}.forest-poster-bush{position:absolute;bottom:-25px;width:110%;height:130px;border-radius:50%;background:#2c5a44;box-shadow:0 -30px #254938}.forest-start-copy{align-self:center;padding:35px}.forest-start h1{font-size:clamp(26px,3.6vw,44px);line-height:1.15;letter-spacing:-1.5px;margin:14px 0 20px}.forest-start p{font-size:13px;color:#b0c0ac;line-height:1.75}.forest-mission{margin:24px 0}.forest-mission>span{display:block;letter-spacing:1.6px;font-size:9px;color:#c5ccaa;margin-bottom:12px}.forest-mission>div{display:flex;flex-wrap:wrap;gap:7px}.forest-mission b{padding:7px 10px;background:#d2ddb70a;border:1px solid #d2ddb72c;border-radius:6px;font-size:13px;font-weight:500;overflow-wrap:anywhere}.forest-instructions{margin-bottom:24px}.forest-instructions p{font-size:11px;margin:7px 0}.forest-auto-start{min-height:72px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid #d7e7a64a;border-radius:12px;background:#d7e7a60d}.forest-auto-start strong{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;background:#d7e7a6;color:#19332b;font-size:24px}.forest-auto-start span{color:#e8f0dc;font-size:13px;font-weight:700}.forest-results{flex:1;min-height:0;overflow-y:auto;padding:30px;text-align:center}.forest-results h1{font-size:clamp(25px,3vw,35px);margin:14px 0}.forest-results>p{font-size:13px;color:#aabea5}.forest-results .forest-eyebrow{margin-top:24px}.forest-results>button{margin:6px}.forest-review{max-width:650px;margin:25px auto;text-align:left}.forest-review>div{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #b5cbb42a;overflow-wrap:anywhere}.forest-review>div>span{color:#c4d1b3}.forest-review small{font-size:10px;color:#d0b68b}.forest-results .forest-local-note{margin-top:18px;font-size:11px}.forest-audio-note{font-size:10px;color:#c5c5a1!important;padding:7px 20px;flex-shrink:0}@keyframes forest-walk{0%{transform:translateY(-2px) rotate(-4deg)}to{transform:translateY(2px) rotate(4deg)}}@keyframes forest-rustle{20%,60%{transform:rotate(-7deg)}40%,80%{transform:rotate(7deg)}}@keyframes forest-glint{50%{opacity:.25;transform:scale(.65)}}@keyframes forest-pop{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes forest-yelp{25%,75%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes forest-scoop{0%{transform:rotate(-65deg)}50%{transform:rotate(25deg)}to{transform:rotate(-15deg)}}@keyframes forest-catch{0%{transform:translate(0) scale(1)}35%{transform:translate(calc(var(--fly-x) * .35),-65px) scale(.9) rotate(-20deg)}to{transform:translate(var(--fly-x),var(--fly-y)) scale(.38) rotate(15deg)}}@keyframes forest-lid{40%{transform:rotateX(-65deg) translateY(-8px)}to{transform:none}}@keyframes forest-spark{to{transform:translateY(-30px);opacity:0}}.forest-escaping{position:absolute;z-index:10;margin-left:-29px;pointer-events:none;animation:forest-escape-run 2s linear both}.forest-giggle-bubble{position:absolute;width:175px;left:-58px;bottom:58px;background:#ffe4a0;color:#6a441e;padding:7px 10px;border-radius:12px 12px 12px 0;box-shadow:0 4px 14px #0004;font-size:12px;font-weight:750;white-space:nowrap;animation:forest-yelp .4s 2 alternate;text-align:center}@keyframes forest-escape-run{0%{transform:translate(0) scale(1.1)}7%{transform:translate(25px,-25px) scale(1.1) rotate(15deg)}30%{transform:translate(25px) scale(1.1) rotate(-10deg)}55%{transform:translate(calc(var(--run-x) * .4),calc(var(--run-y) * .4)) scale(1) rotate(10deg)}75%{transform:translate(calc(var(--run-x) * .75),calc(var(--run-y) * .75)) scale(1) rotate(-10deg)}92%{transform:translate(var(--run-x),var(--run-y)) scale(1);opacity:1}to{transform:translate(var(--run-x),var(--run-y)) scale(.25);opacity:0}}@media(max-width:650px){.ths-backdrop{padding:0}.forest-game{width:100%;height:100dvh;border-radius:0;border:0;padding-bottom:env(safe-area-inset-bottom)}.forest-header{flex-wrap:wrap;gap:8px;padding:9px 12px}.forest-header>div:first-child{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center}.forest-set{margin:0;font-size:9px;text-align:right;max-width:55%}.forest-tools{width:100%;justify-content:flex-end}.forest-tools button{min-height:36px;padding:6px 10px}.forest-score{margin-right:auto}.forest-objectives{padding:8px 12px;gap:8px}.forest-objectives>div>span{font-size:10px;padding:3px 6px}.forest-objectives>div{gap:4px;max-height:64px}.forest-compass{top:10px;right:10px}.forest-compass>span:last-child{display:none}.forest-location-hint{font-size:10px;padding:7px 9px;bottom:8px}.forest-cockpit{display:grid;grid-template-columns:116px minmax(0,1fr);padding:9px 12px 5px;gap:8px 12px}.forest-pad{grid-template:repeat(2,36px) / repeat(3,36px);gap:3px;grid-row:1 / 3}.forest-pad button{min-height:36px}.forest-bag-info{grid-column:2}.forest-bag-info>span{font-size:8px}.forest-bag-info strong{font-size:12px;max-height:35px;margin:3px 0}.forest-bag-info button{display:none}.forest-action-buttons{grid-column:2;gap:5px}.forest-action-buttons button{min-height:46px;width:auto;flex:1;font-size:9px;padding:5px 3px;gap:3px}.forest-action-buttons kbd{display:none}.forest-notice{font-size:10px;min-height:37px;padding:5px 12px 9px!important}.forest-start{grid-template-columns:1fr}.forest-poster{min-height:190px}.forest-poster>.forest-too{width:115px}.forest-poster-speech{bottom:14%;font-size:10px;padding:9px}.forest-poster-bush{height:45px}.forest-poster-moon{width:37px;height:37px;top:12%}.forest-start-copy{padding:22px}.forest-start h1{font-size:29px}.forest-results{padding:24px 18px}}@media(max-height:600px)and (min-width:651px){.ths-backdrop{padding:0}.forest-game{height:100dvh;border-radius:0}.forest-header,.forest-objectives{padding:5px 14px}.forest-cockpit{padding:5px 12px}.forest-pad{grid-template:repeat(2,30px) / repeat(3,36px)}.forest-pad button{min-height:30px}}@media(prefers-reduced-motion:reduce){.forest-game *,.forest-game *:before,.forest-game *:after{animation:none!important;transition:none!important}.forest-flying{transform:translate(var(--fly-x),var(--fly-y)) scale(.38)}.forest-escaping{transform:translate(var(--run-x),var(--run-y)) scale(.25);opacity:0}}.forest-world[aria-hidden=true] *{animation-play-state:paused!important}@media(hover:hover)and (pointer:fine){.forest-pad{display:none!important}}.vocab-game-session-body>.forest-game>.forest-header{min-height:44px;padding:6px 14px;border-bottom-color:#bdd8b326}.vocab-game-session-body>.forest-game>.forest-header>div:first-child{display:none}.vocab-game-session-body>.forest-game>.forest-header .forest-tools{margin-left:auto}.vocab-game-session-body>.forest-game>.forest-objectives{padding:8px 14px}.vocab-game-session-body>.forest-game>.forest-objectives>div{max-height:42px;overflow:hidden}.vocab-game-session-body>.forest-game .forest-player .forest-too{width:52px}.forest-objectives{padding:8px 16px;background:#102321d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:10px}.forest-objectives>span{font-weight:750;color:#c9dbb8}.forest-objectives>div{max-height:48px;gap:5px}.forest-objectives>div>span{padding:3px 8px;font-size:11px;border-radius:999px}.forest-cockpit{padding:8px 16px;background:#0e201e;border-top:1px solid rgba(255,255,255,.08)}.forest-bag-info{display:flex;flex-direction:column;gap:2px}.forest-bag-info span{font-size:10px;letter-spacing:.08em;color:#8fa99b}.forest-bag-info strong{font-size:14px;color:#f0f7e8}.forest-action-buttons button{min-height:38px;padding:6px 12px;font-size:12.5px}.forest-opponent{transition:left .32s cubic-bezier(.2,.8,.2,1),top .32s cubic-bezier(.2,.8,.2,1)}.tb-game{--tb-bg: #080c16;--tb-sky-1: #090d19;--tb-sky-2: #0f1629;--tb-sky-3: #181d33;--tb-mint: #2dd4bf;--tb-mint-dim: rgba(45, 212, 191, .15);--tb-mint-border: rgba(45, 212, 191, .35);--tb-amber: #f59e0b;--tb-amber-glow: rgba(245, 158, 11, .25);--tb-surface: #111827;--tb-surface-border: rgba(255, 255, 255, .09);--tb-text-pri: #f8fafc;--tb-text-sec: #94a3b8;--tb-text-mut: #64748b;position:relative;width:100%;max-width:900px;margin:0 auto;min-height:0;background:linear-gradient(180deg,var(--tb-sky-1) 0%,var(--tb-sky-2) 60%,var(--tb-sky-3) 100%);border-radius:20px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--tb-text-pri);box-shadow:0 20px 50px #0009,inset 0 1px #ffffff14;display:flex;flex-direction:column}.tb-hud{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#080c16d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--tb-surface-border);position:relative;z-index:30}.tb-hud-lives{display:flex;align-items:center;gap:4px;font-size:17px}.tb-hud-heart{transition:transform .2s,opacity .2s;display:inline-block}.tb-hud-heart.is-lost{opacity:.18;filter:grayscale(1);transform:scale(.78)}.tb-hud-progress{display:flex;align-items:baseline;gap:3px;font-size:13px;font-weight:700;color:var(--tb-text-sec);background:#ffffff0d;padding:3px 10px;border-radius:999px;border:1px solid var(--tb-surface-border)}.tb-hud-progress-cur{color:var(--tb-mint);font-size:14px}.tb-hud-progress-sep{opacity:.4;font-size:11px}.tb-hud-score-box{display:flex;align-items:center;gap:8px}.tb-hud-score{font-size:17px;font-weight:800;color:var(--tb-mint);letter-spacing:-.2px}.tb-hud-streak{font-size:11px;font-weight:800;color:var(--tb-amber);background:#f59e0b24;border:1px solid rgba(245,158,11,.35);padding:2px 7px;border-radius:999px}.tb-hud-actions{display:flex;align-items:center;gap:8px}.tb-hud-setname{font-size:11px;color:var(--tb-text-mut);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-hud-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--tb-surface-border);background:#ffffff0d;color:var(--tb-text-pri);font-size:13px;display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.tb-hud-btn:hover{background:#ffffff1f;border-color:#fff3}.tb-hud-close:hover{background:#ef44442e;border-color:#ef444466;color:#f87171}.tb-viewport{position:relative;height:330px;flex:0 0 330px;width:100%;overflow:hidden;cursor:default;perspective:900px;background:radial-gradient(ellipse at 50% 76%,#2a8b87,#123f54 42%,#0a1527)}.tb-viewport:before{content:"";position:absolute;inset:36% -12% -38%;z-index:0;transform:rotateX(58deg);transform-origin:50% 0;background:radial-gradient(ellipse at 50% 42%,#39b6a0 0 16%,#176477 45%,#0b2943 76%);box-shadow:inset 0 18px 45px #031623aa}.tb-3d-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}.tb-3d-canvas canvas{display:block;width:100%;height:100%}.tb-has-3d .tb-stage-world,.tb-has-3d .tb-world-backdrop,.tb-has-3d .tb-sky-stars,.tb-has-3d .tb-sky-moon,.tb-has-3d .tb-sky-ridges{visibility:hidden}.tb-world-backdrop{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.tb-tree{position:absolute;bottom:68px;width:72px;height:118px;border-radius:50% 50% 34% 34%;background:linear-gradient(145deg,#4fbd91,#19565a 64%,#102e43);filter:drop-shadow(0 16px 8px #03152399)}.tb-tree:after{content:"";position:absolute;left:31px;bottom:-26px;width:13px;height:39px;border-radius:8px;background:#402f30}.tb-tree-a{left:3%;transform:scale(.8)}.tb-tree-b{right:5%;transform:scale(1.15);bottom:54px}.tb-tree-c{left:24%;bottom:112px;transform:scale(.55);opacity:.72}.tb-crystal{position:absolute;bottom:62px;width:16px;height:33px;transform:skew(-11deg) rotate(18deg);background:linear-gradient(135deg,#ddf7b4,#55cbb6 45%,#28679a);clip-path:polygon(50% 0,100% 72%,57% 100%,0 67%);filter:drop-shadow(0 0 9px #83f3d688)}.tb-crystal-a{left:14%}.tb-crystal-b{right:18%;transform:scale(.7) rotate(-16deg)}.tb-mist{position:absolute;width:230px;height:54px;border-radius:50%;background:#b8f5d31a;filter:blur(15px);animation:tb-mist-drift 8s ease-in-out infinite alternate}.tb-mist-a{left:-40px;bottom:120px}.tb-mist-b{right:-60px;bottom:180px;animation-delay:-4s}@keyframes tb-mist-drift{to{transform:translate(70px);opacity:.35}}.tb-viewport.is-shaking{animation:tb-cam-shake .35s cubic-bezier(.36,.07,.19,.97) both}.tb-sky-stars{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1.5px 1.5px at 40px 30px,#ffffff,transparent),radial-gradient(1px 1px at 160px 70px,#ffffff,transparent),radial-gradient(2px 2px at 310px 40px,#ffffff,transparent),radial-gradient(1px 1px at 450px 100px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 620px 35px,#ffffff,transparent),radial-gradient(1px 1px at 780px 85px,#ffffff,transparent);background-size:850px 260px}.tb-sky-moon{position:absolute;top:18px;right:36px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbeb,#fef3c7 70%,#fde68a);box-shadow:0 0 16px #fde68a33;pointer-events:none}.tb-sky-ridges{position:absolute;bottom:80px;left:0;right:0;height:70px;pointer-events:none;opacity:.15;background:radial-gradient(ellipse 260px 80px at 20% 100%,#6366f1,transparent),radial-gradient(ellipse 320px 90px at 80% 100%,#14b8a6,transparent)}.tb-stage-world{position:absolute;left:max(0px,calc(50% - 180px));bottom:0;width:360px;height:100%;z-index:3;transform-style:preserve-3d}.tb-stage-world.is-sliding{transition:transform .45s cubic-bezier(.22,1,.36,1)}.tb-pillar{transform:translateZ(20px);box-shadow:0 22px 18px #031523aa,inset 0 4px #f9d78055}.tb-bridge-stem{box-shadow:inset 6px 0 #f9d06b55,inset -6px 0 #6e2e2488,0 12px 11px #061525aa;background:linear-gradient(90deg,#a94f2a,#e18c3d 24%,#c45b2c 78%,#6a2f2c)!important}.tb-actor{filter:drop-shadow(0 12px 7px #021321aa)}.tb-word-display{position:absolute;bottom:95px;transform:translate(-50%);z-index:15;pointer-events:auto}.tb-word-card{background:#0f172ae6;border:1px solid var(--tb-mint-border);box-shadow:0 8px 24px #00000080,0 0 14px var(--tb-mint-dim);padding:6px 14px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.tb-word-term{display:block;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.2px}.tb-word-sub{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--tb-text-sec);margin-top:2px}.tb-word-speaker-btn{background:none;border:none;color:var(--tb-mint);cursor:pointer;padding:0;font-size:12px;line-height:1;transition:transform .12s ease}.tb-word-speaker-btn:hover{transform:scale(1.2)}.tb-zones-ruler{position:absolute;bottom:84px;display:flex;flex-direction:column-reverse;gap:6px;z-index:10;pointer-events:none}.tb-zone-item{display:flex;align-items:center;gap:8px;min-height:52px;padding:10px 14px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .1s,background .1s,transform .1s;width:100%;min-width:0}.tb-zone-item.is-active{border-color:var(--tb-amber);background:#f59e0b29;box-shadow:0 0 14px var(--tb-amber-glow);transform:translate(3px) scale(1.02)}.tb-zone-tag{font-size:10px;font-weight:800;color:var(--tb-text-mut);background:#ffffff0f;padding:2px 6px;border-radius:4px;letter-spacing:.3px;text-transform:uppercase;flex:0 0 28px;text-align:center}.tb-zone-item.is-active .tb-zone-tag{color:#1e1b4b;background:var(--tb-amber)}.tb-zone-text{font-size:13px;font-weight:700;color:#cbd5e1;overflow-wrap:anywhere;white-space:normal;line-height:1.5}.tb-zone-item.is-active .tb-zone-text{color:#fff;font-weight:800}.tb-pillar{position:absolute;bottom:0;height:84px;background:linear-gradient(180deg,#1e293b,#0f172a);border-top:3px solid var(--tb-mint);border-radius:4px 4px 0 0;box-shadow:0 -2px 10px #2dd4bf33}.tb-bridge-anchor{position:absolute;bottom:84px;z-index:12}.tb-bridge-stem{position:absolute;bottom:0;left:0;width:5px;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;box-shadow:0 0 8px #f59e0b66;transform-origin:bottom left;transition:transform .26s cubic-bezier(.3,1.2,.4,1)}.tb-actor{position:absolute;bottom:84px;width:44px;height:52px;z-index:14;pointer-events:none}.tb-actor.is-walking{transition:left .7s linear;animation:tb-step-bounce .18s infinite alternate ease-in-out}.tb-actor.is-celebrating{animation:tb-cheer-jump .42s 2 alternate ease-in-out}.tb-actor.is-falling{animation:tb-tumble-fall .75s forwards ease-in}.tb-actor svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.tb-sparks{position:absolute;bottom:120px;pointer-events:none;z-index:20}.tb-spark-1,.tb-spark-2,.tb-spark-3{position:absolute;width:4px;height:4px;background:#2dd4bf;border-radius:50%;box-shadow:0 0 6px #2dd4bf;animation:tb-sparkle .6s forwards ease-out}.tb-spark-2{background:#fbbf24;box-shadow:0 0 6px #fbbf24;animation-delay:.08s}.tb-spark-3{background:#38bdf8;box-shadow:0 0 6px #38bdf8;animation-delay:.14s}.tb-dock{padding:12px 20px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;background:#080c16e0;border-top:1px solid var(--tb-surface-border);position:relative;z-index:30}.tb-hold-btn{touch-action:none;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:380px;padding:13px 20px;border-radius:12px;border:1.5px solid var(--tb-amber);background:linear-gradient(135deg,#f59e0b,#d97706);color:#18181b;font-size:14px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 6px 20px #f59e0b40;transition:transform .1s,box-shadow .1s,background .15s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tb-hold-btn:active,.tb-hold-btn.is-holding{transform:scale(.98);box-shadow:0 2px 8px #f59e0b66;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tb-hold-btn:disabled{opacity:.5;cursor:not-allowed}.tb-dock-hint{display:block;margin-top:6px;font-size:11px;color:var(--tb-text-mut)}.tb-feedback-overlay{position:relative;padding:16px;display:flex;justify-content:center;z-index:40;animation:tb-slide-up .24s cubic-bezier(.16,1,.3,1)}.tb-feedback-card{width:100%;max-width:440px;background:#111827;border:1.5px solid rgba(248,113,113,.6);box-shadow:0 16px 36px #0009;border-radius:16px;padding:16px 20px;text-align:left}.tb-feedback-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}.tb-feedback-badge{font-size:10px;font-weight:800;color:#f87171;background:#ef444424;padding:2px 6px;border-radius:4px;letter-spacing:.3px}.tb-feedback-term-row{display:inline-flex;align-items:center;gap:6px}.tb-feedback-term{font-size:16px;font-weight:800;color:#fff}.tb-feedback-speak{background:none;border:none;font-size:12px;color:var(--tb-mint);cursor:pointer;padding:0}.tb-feedback-phonetic{font-size:11px;color:var(--tb-text-mut)}.tb-feedback-body{margin-bottom:12px}.tb-feedback-meaning{display:block;font-size:14px;font-weight:700;color:var(--tb-mint);margin-bottom:4px}.tb-feedback-example{font-size:12px;color:var(--tb-text-sec);font-style:italic;margin:0;line-height:1.4}.tb-feedback-btn{width:100%;padding:10px 16px}.tb-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:transform .12s,box-shadow .12s,background .15s}.tb-btn-primary{background:var(--tb-mint);color:#042f2e}.tb-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--tb-mint-dim)}.tb-btn-secondary{background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.tb-btn-secondary:hover{background:#f59e0b47}.tb-btn-outline{background:#ffffff14;border:1px solid var(--tb-surface-border);color:var(--tb-text-pri)}.tb-btn-outline:hover{background:#ffffff24}.tb-result-overlay{position:relative;background:#080c16eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:tb-fade-in .2s ease-out}.tb-result-card{width:100%;max-width:440px;background:#111827;border:1px solid var(--tb-surface-border);box-shadow:0 24px 48px #000000b3;border-radius:20px;padding:24px;text-align:center}.tb-result-icon{font-size:40px;margin-bottom:6px}.tb-result-title{font-size:20px;font-weight:800;color:var(--tb-text-pri);margin:0 0 4px}.tb-result-subtitle{font-size:13px;color:var(--tb-text-sec);margin:0 0 18px}.tb-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.tb-stat-box{background:#ffffff0a;border:1px solid var(--tb-surface-border);border-radius:12px;padding:10px 6px}.tb-stat-value{display:block;font-size:17px;font-weight:800;color:var(--tb-mint)}.tb-stat-label{font-size:11px;color:var(--tb-text-mut);margin-top:2px}.tb-missed-wrap{text-align:left;margin-bottom:18px;background:#0000004d;border:1px solid var(--tb-surface-border);border-radius:12px;padding:12px 14px}.tb-missed-heading{font-size:11px;font-weight:700;color:var(--tb-text-sec);margin:0 0 8px}.tb-missed-scroll{max-height:120px;overflow-y:auto}.tb-missed-row{display:flex;align-items:baseline;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.tb-missed-term{color:var(--tb-mint);font-weight:700}.tb-missed-meaning{color:var(--tb-text-sec)}.tb-result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tb-result-actions .tb-btn{flex:1;min-width:100px;padding:11px 14px}.tb-empty-screen{min-height:420px;display:flex;flex-direction:column}.tb-empty-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.tb-empty-art{font-size:48px;margin-bottom:12px}.tb-empty-box h3{font-size:18px;font-weight:800;margin:0 0 6px}.tb-empty-box p{font-size:13px;color:var(--tb-text-sec);max-width:320px;margin:0 0 18px}@keyframes tb-step-bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes tb-cheer-jump{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.08) rotate(4deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes tb-tumble-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(220px) rotate(280deg) scale(.7);opacity:0}}@keyframes tb-cam-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}@keyframes tb-sparkle{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-28px) translate(var(--dx, 8px)) scale(1.2);opacity:0}}@keyframes tb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.tb-game{border-radius:16px;min-height:0;height:auto}.tb-hud{padding:10px 14px}.tb-hud-setname{display:none}.tb-viewport{height:330px}.tb-zone-item{min-height:48px;padding:10px;max-width:none}.tb-zone-text{font-size:12px}.tb-dock{padding:10px 14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.tb-hold-btn{padding:12px 16px;font-size:13px}}.tb-challenge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:24px 28px;background:#101929;border-bottom:1px solid #ffffff12}.tb-eyebrow{color:#67e8d5;font-size:10px;font-weight:800;letter-spacing:1.4px}.tb-prompt{align-self:center;min-width:0}.tb-prompt h2{color:#f8fafc;font-size:clamp(24px,4vw,36px);line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere;margin:12px 0 8px}.tb-prompt .tb-word-sub{justify-content:flex-start;flex-wrap:wrap}.tb-prompt p{color:#a4b6cb;font-size:12px;line-height:1.7;margin:12px 0 0}.tb-answer-list{display:grid;gap:8px;align-content:center;min-width:0}.tb-zone-item.is-revealed{border-color:#2dd4bf;background:#2dd4bf18}.tb-landing-zone{position:absolute;bottom:84px;height:28px;border:1px dashed #7185a866;border-radius:6px 6px 0 0;text-align:center;color:#acbcd4;font-size:12px;background:#182840aa;transition:background .16s,color .16s}.tb-landing-zone.is-active{color:#fff0b4;background:#9d641b;border-color:#fbbf24}.tb-hud-btn{width:40px;height:40px}.tb-game button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.tb-dock-hint{line-height:1.6;color:#9badc3;overflow-wrap:anywhere}.tb-feedback-card{max-width:none}.tb-game:has(.tb-result-overlay)>:not(.tb-result-overlay):not(.tb-hud){display:none}.tb-game:has(.tb-feedback-overlay) .tb-dock{display:none}@media(max-width:650px){.tb-challenge{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 16px}.tb-prompt p{margin-top:8px}.tb-hud{gap:8px;padding:10px}.tb-hud-actions{gap:4px}.tb-zone-text,.tb-hud-score{font-size:14px}.tb-result-card{padding:18px}}@media(prefers-reduced-motion:reduce){.tb-game *,.tb-game *:before,.tb-game *:after{animation:none!important;transition:none!important}}.tb-pillar{transform:translateZ(20px);background:linear-gradient(180deg,#28445a,#122337 72%,#0b1728);box-shadow:0 22px 18px #031523aa,inset 0 4px #f9d78055}.tb-bridge-stem{background:linear-gradient(90deg,#a94f2a,#e18c3d 24%,#c45b2c 78%,#6a2f2c)!important;box-shadow:inset 6px 0 #f9d06b55,inset -6px 0 #6e2e2488,0 12px 11px #061525aa}.forest-game-3d{width:min(1500px,100%);height:calc(100dvh - 32px);background:#102d28}.forest-game-3d .forest-header{background:#102e29;padding:16px 24px}.forest-game-3d .forest-eyebrow{color:#d8eab7}.forest-game-3d .forest-objectives{background:#15362e}.forest-game-3d .forest-stage{min-height:250px;background:#698a73}.forest3d-canvas{position:absolute;inset:0;z-index:1;visibility:hidden;touch-action:none}.forest3d-canvas.is-ready{visibility:visible}.forest3d-canvas canvas{display:block;width:100%;height:100%}.forest-3d-active .forest-world{display:none}.forest3d-status{position:absolute;left:16px;bottom:70px;z-index:8;padding:8px 12px;border-radius:8px;color:#fff4d4;background:#17382deb;font-size:11px;max-width:calc(100% - 32px)}.forest3d-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.forest-game button.forest3d-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;min-height:44px;padding:6px 12px;max-width:155px;width:max-content;background:#122f28e8;border:1px solid #b5cd9170;border-radius:10px;color:#ffefcf;box-shadow:0 4px 15px #12342735;text-align:center;line-height:1.3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-wrap:anywhere}.forest3d-label strong{display:block;font-size:13px;font-weight:650}.forest3d-label small{display:block;font-size:8px;letter-spacing:1.4px;color:#c9d6aa;margin-bottom:4px}.forest-game button.forest3d-label.is-bush:not(.is-revealed){width:44px;min-height:44px;padding:4px;background:#dff5b124;color:#fff3ae;border-color:#ffffa540;border-radius:50%;font-size:21px;text-shadow:0 0 12px #ffdb73}.forest-game button.forest3d-label.is-revealed{background:#fff0cf;color:#364e36;border-color:#fff4d8;max-width:190px}.forest-game button.forest3d-label.is-revealed small{color:#6d7654;letter-spacing:0;font-size:10px}.forest-game button.forest3d-label.is-locked{border-color:#b9e78c;color:#d7ffa4}.forest-3d-active .forest-vignette{z-index:2;background:linear-gradient(0deg,#102e295c,transparent 25%,transparent 85%,#102e2933)}.forest-3d-active .forest-location-hint,.forest-3d-active .forest-compass{z-index:4;pointer-events:none}.forest-3d-active .forest-pause{z-index:10}.forest-3d-active .forest-location-hint{background:#102d2bed;border:1px solid #cce69755;border-radius:14px;box-shadow:0 8px 30px #001c2850;padding:12px 18px}.forest-game-3d .forest-cockpit{background:#12362e}.forest-game-3d .forest-notice{background:#102d28}.forest-game-3d .forest-start{grid-template-columns:1.15fr 1fr;background:radial-gradient(ellipse at 70% 15%,#244b3b,#0f2e29 75%)}.forest-poster-3d{min-height:500px!important;background:#426d55!important}.forest3d-postcard{position:absolute;z-index:2;bottom:35px;left:30px;right:30px;padding-top:20px;border-top:1px solid #e8ecc750;color:#fff5d9;text-shadow:0 2px 20px #143f2b;pointer-events:none}.forest3d-postcard>span{font-size:9px;letter-spacing:3px}.forest3d-postcard strong{display:block;font-size:clamp(26px,3vw,46px);line-height:1.1;font-weight:650;letter-spacing:-1.5px;margin:12px 0 20px}.forest3d-postcard small{font-size:8px;letter-spacing:2px}.forest-game-3d .forest-start-copy{padding:38px}.forest-game-3d .forest-start h1{font-size:clamp(28px,3.3vw,46px);color:#f6f1d5}.forest-game-3d .forest-primary{box-shadow:0 8px 25px #0002}@media(max-width:650px){.forest-game-3d{height:100dvh;border-radius:0}.forest-game-3d .forest-header{padding:10px 12px}.forest-game-3d .forest-stage{min-height:270px}.forest-game-3d .forest-start{grid-template-columns:1fr}.forest-poster-3d{min-height:280px!important}.forest3d-postcard{bottom:20px;left:22px;padding-top:10px}.forest3d-postcard strong{font-size:27px;margin:8px 0 12px}.forest-game-3d .forest-start-copy{padding:24px}.forest-game button.forest3d-label{max-width:106px;padding:5px 8px}.forest3d-label strong{font-size:11px}.forest3d-label small{font-size:7px;letter-spacing:.7px}}@media(max-height:620px){.forest-game-3d{overflow-y:auto}.forest-game-3d .forest-stage{flex:none;height:360px}.forest-game-3d .forest-header{position:sticky;top:0;z-index:15}.forest-game-3d .forest-start{overflow:visible;flex:none}}:root{--bg: #f8f9fa;--bg-subtle: #f1f3f5;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #e9ecef;--surface-hover: #f1f3f5;--border: #e2e8f0;--border-light: #edf2f7;--border-hover: #cbd5e1;--border-active: #059669;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--primary: #059669;--primary-hover: #047857;--primary-active: #065f46;--primary-light: #ecfdf5;--primary-border: #a7f3d0;--primary-text: #065f46;--secondary: #0284c7;--secondary-hover: #0369a1;--secondary-light: #e0f2fe;--secondary-border: #bae6fd;--secondary-text: #0369a1;--success: #16a34a;--success-hover: #15803d;--success-light: #dcfce7;--success-border: #86efac;--success-text: #15803d;--danger: #dc2626;--danger-hover: #b91c1c;--danger-light: #fee2e2;--danger-border: #fca5a5;--danger-text: #b91c1c;--warning: #d97706;--warning-hover: #b45309;--warning-light: #fef3c7;--warning-border: #fde68a;--warning-text: #b45309;--purple: #7c3aed;--purple-light: #f3e8ff;--purple-text: #6d28d9;--gradient-primary: linear-gradient(135deg, #059669, #0d9488);--gradient-accent: linear-gradient(135deg, #0284c7, #2563eb);--gradient-success: linear-gradient(135deg, #16a34a, #059669);--gradient-warm: linear-gradient(135deg, #d97706, #dc2626);--gradient-surface: #ffffff;--gradient-hero: linear-gradient(135deg, #ecfdf5, #f0fdf4);--glass-bg: rgba(255, 255, 255, .95);--glass-bg-light: rgba(255, 255, 255, .9);--glass-border: #e2e8f0;--glass-blur: blur(8px);--glass-blur-heavy: blur(12px);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-0: 0;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08);--shadow-glow-primary: 0 4px 12px rgba(5, 150, 105, .12);--shadow-glow-secondary: 0 4px 12px rgba(2, 132, 199, .12);--shadow-glow-success: 0 4px 12px rgba(22, 163, 74, .12);--shadow-glow-danger: 0 4px 12px rgba(220, 38, 38, .12);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 232px;--sidebar-collapsed: 72px;--topbar-height: 56px;--content-max: 1176px;--content-padding: 28px;--mobile-nav-height: 60px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--grammar-bg: #f6f8f7;--grammar-stage: #ffffff;--grammar-stage-text: var(--text);--grammar-surface: #ffffff;--grammar-surface-soft: #f1f5f3;--grammar-accent: var(--primary);--grammar-highlight: #fff7e0;--grammar-mascot-surface: #ecfdf5;--grammar-correct: var(--success);--grammar-incorrect: var(--danger);--grammar-warning: var(--warning);--grammar-scene-width: clamp(760px, 62vw, 1080px);--grammar-reading-width: clamp(640px, 54vw, 900px);--grammar-tone-subject: #0284c7;--grammar-tone-subject-bg: #e0f2fe;--grammar-tone-verb: #059669;--grammar-tone-verb-bg: #d1fae5;--grammar-tone-object: #7c3aed;--grammar-tone-object-bg: #f3e8ff;--grammar-tone-modifier: #d97706;--grammar-tone-modifier-bg: #fef3c7;--grammar-tone-connector: #64748b;--grammar-tone-connector-bg: #eef2f7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17.5px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text);background:var(--bg);min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--primary-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #6366f133}50%{box-shadow:0 0 24px #6366f166}}@keyframes borderGlow{0%,to{border-color:var(--primary-border)}50%{border-color:var(--primary)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes typewriter{0%{width:0}to{width:100%}}.page-enter{animation:fadeInUp .4s ease both}.fade-in{animation:fadeIn .3s ease both}.fade-in-up{animation:fadeInUp .4s ease both}.fade-in-left{animation:fadeInLeft .3s ease both}.scale-in{animation:scaleIn .3s ease both}.slide-down{animation:slideDown .2s ease both}.stagger-children>*{animation:fadeInUp .4s ease both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;width:80%;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:120px;width:100%}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow-primary)}.animation-fadeIn{animation:fadeIn .3s ease both}@keyframes pageEnter{0%{opacity:.94}to{opacity:1}}.page-transition{animation:pageEnter .14s ease-out both;min-height:100%;display:flex;flex-direction:column;flex:1}.app-frame:not(.is-session) .content{view-transition-name:app-content}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(app-content),::view-transition-new(app-content){animation-duration:.16s;animation-timing-function:ease-out}::view-transition-old(app-content){animation-name:appViewExit}::view-transition-new(app-content){animation-name:appViewEnter}@keyframes appViewExit{to{opacity:.82}}@keyframes appViewEnter{0%{opacity:.82}to{opacity:1}}.app-frame{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:100dvh;background:var(--bg)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100dvh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--space-6) var(--space-4);z-index:var(--z-sticky);overflow-y:auto;overflow-x:hidden}.brand{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-3) var(--space-4);margin-bottom:var(--space-5);text-decoration:none;border-bottom:1px solid var(--border)}.brand .ti-logo{font-size:1.5rem}.student-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-1)}.nav-section-label:first-child{margin-top:0}.student-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background .12s ease,color .12s ease;position:relative}.student-nav-link:hover{background:var(--surface-2)}.student-nav-link.active{background:var(--primary-light);color:var(--primary-text)}.student-nav-link.active .nav-icon{color:var(--primary)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--text-muted)}.nav-divider{height:1px;background:var(--border);margin:var(--space-3) var(--space-3)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.user-panel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-panel:hover{background:var(--surface-2)}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-img{object-fit:cover;background:var(--surface-2)}.user-panel div{flex:1;min-width:0}.user-panel strong{font-size:var(--text-sm);font-weight:var(--weight-medium);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel small{font-size:var(--text-xs);color:var(--text-muted)}.admin-entry{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.admin-entry:hover{background:var(--surface-3);color:var(--text)}.app-main{grid-column:1;display:flex;flex-direction:column;min-height:100dvh;min-width:0;background:var(--bg)}.app-main.exam-app-main{grid-column:1 / -1}.app-header{min-height:var(--topbar-height);padding:8px var(--content-padding);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);user-select:none;-webkit-user-select:none}.app-header-brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.header-nav{display:flex;align-items:center;gap:4px;margin:0 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;flex-shrink:1}.header-nav::-webkit-scrollbar{display:none}.header-nav-link{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:var(--weight-semibold);transition:background .12s ease,color .12s ease;white-space:nowrap}.header-nav-link:hover{background:var(--surface-2)}.header-nav-link.active{background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-bold)}.header-nav-link.active .header-nav-icon svg{color:var(--primary)!important}.header-nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.header-nav-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);padding:1px 6px;border-radius:var(--radius-full);margin-left:var(--space-1);min-width:16px;height:16px;line-height:1}.app-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-width:0}.app-header-injected{display:flex;align-items:center;gap:var(--space-2);min-width:0}.app-header-control{display:flex;align-items:center;gap:var(--space-2)}.header-icon-button,.header-account-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.header-icon-button:hover,.header-account-button:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.header-icon-button{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;position:relative}.header-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--danger);color:#fff;border:2px solid var(--surface);font-size:10px;font-weight:700}.header-account-button{min-height:42px;border-radius:14px;padding:4px 10px 4px 5px;display:flex;align-items:center;gap:9px}.header-account-copy{display:grid;min-width:120px;text-align:left}.header-account-copy strong,.header-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account-copy small{color:var(--text-secondary);font-size:var(--text-xs)}.notification-dropdown{position:fixed;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 90px));overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip)}.notification-head{position:sticky;top:0;display:flex;justify-content:space-between;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.notification-head span{color:var(--text-secondary)}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.notification-item.is-clickable{cursor:pointer;transition:background .12s ease}.notification-item.is-clickable:hover{background:var(--surface-2)}.notification-item.is-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.notification-item p{margin:3px 0 8px;color:var(--text-secondary);font-size:var(--text-sm)}.notification-actions{display:flex;flex-wrap:wrap;gap:8px}.notification-actions button,.notification-actions a{border:0;border-radius:8px;padding:6px 9px;background:var(--surface-2);color:var(--primary);font:inherit;font-size:var(--text-xs);cursor:pointer;text-decoration:none}.notification-empty{padding:28px 16px;color:var(--text-secondary);text-align:center}.mobile-topbar{display:none}.mobile-topbar-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background .12s ease,border-color .12s ease}.mobile-topbar-menu:hover{background:var(--surface-2)}.mobile-topbar-menu:active{background:var(--surface-3)}.mobile-topbar-brand{display:inline-flex;align-items:center;text-decoration:none;flex:1;justify-content:center}.mobile-topbar-brand .ti-logo{font-size:1.2rem}.mobile-topbar-user{position:relative}.mobile-user-trigger{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:0;border-radius:999px;cursor:pointer}.sidebar-scrim{display:none;position:fixed;inset:0;z-index:calc(var(--z-sticky) - 1);background:#0f172a73;border:0;cursor:pointer;animation:scrimIn .2s ease both}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.user-panel,.user-menu,.topbar-user-menu{position:relative}.user-menu-trigger{border:0;cursor:pointer;font:inherit;color:inherit}.sidebar-user-trigger{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:0;background:transparent;text-align:left}.topbar-user-trigger{padding:2px}.user-trigger-copy{flex:1;min-width:0}.user-chevron{color:var(--text-muted);font-size:var(--text-sm);transition:transform var(--transition-fast)}.user-menu-trigger[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.header-account-button[aria-expanded=true]>svg{transform:rotate(180deg)}.user-menu-dropdown{position:fixed;padding:var(--space-2);border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 28px #0f172a1f,0 2px 6px #0f172a0f;z-index:var(--z-tooltip);animation:umFade .12s ease both}@keyframes umFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.um-head{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-2)}.um-head-main{display:flex;align-items:center;gap:var(--space-3)}.um-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--text-base);font-weight:var(--weight-bold);flex-shrink:0;border:2px solid var(--border-light);box-shadow:0 2px 8px #0e93841a}.um-head-info{min-width:0}.um-head-info strong,.um-head-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-name-wrapper{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.um-head-info strong{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);line-height:1.2}.um-head-info small{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.um-badges{display:flex;gap:4px}.um-badge{font-size:9px;font-weight:var(--weight-bold);padding:1px 5px;border-radius:4px;text-transform:uppercase;line-height:1}.um-badge.is-admin{background:var(--purple-light);color:var(--purple-text);border:1px solid rgba(124,58,237,.2)}.um-badge.is-premium{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning-border)}.um-head-stats{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 10px;background:var(--bg-subtle);border-radius:10px;border:1px solid var(--border);margin-top:var(--space-1)}.um-stats-row{display:flex;gap:var(--space-2)}.um-stat-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-decoration:none;transition:transform .15s ease,background-color .15s ease;line-height:1}.um-stat-item.streak.active{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning-border)}.um-stat-item.streak.inactive{background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border)}.um-stat-item.coins{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.um-stat-item:hover{transform:translateY(-1px)}.um-xp-progress{display:flex;flex-direction:column;gap:4px;margin-top:2px}.um-xp-info{display:flex;justify-content:space-between;font-size:10px;font-weight:var(--weight-medium);color:var(--text-secondary)}.um-level-title{font-weight:var(--weight-bold);color:var(--primary-text)}.um-xp-value{color:var(--text-muted)}.um-progress-bar-bg{height:6px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;position:relative}.um-progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.um-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--border)}.um-group{display:flex;flex-direction:column;gap:1px}.um-group-title{font-size:10px;font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-3) 4px}.um-actions a,.um-actions button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.um-actions a svg,.um-actions button svg{flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.um-actions a:hover,.um-actions button:hover{background:var(--surface-2);color:var(--text);transform:translate(2px)}.um-actions a:hover svg,.um-actions button:hover svg{color:var(--text)}.um-theme-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px var(--space-3) 8px}.um-theme-selector button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 4px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-secondary)!important;cursor:pointer!important;font-size:11px!important;font-weight:var(--weight-semibold)!important;transition:all var(--transition-fast)!important;text-align:center!important;width:100%!important;transform:none!important}.um-theme-selector button:hover{background:var(--surface-hover)!important;color:var(--text)!important;transform:none!important;border-color:var(--border-hover)!important}.um-theme-selector button.active{background:var(--primary-light)!important;border-color:var(--primary-border)!important;color:var(--primary-text)!important}.um-theme-selector button.active svg{color:var(--primary)!important}.um-theme-selector button svg{margin:0!important;color:var(--text-muted)!important;transition:color var(--transition-fast)!important}.um-actions .um-action-premium{background:linear-gradient(135deg,#fffbeb,var(--warning-light));border:1px solid var(--warning-border);color:var(--warning-text);font-weight:var(--weight-semibold)}.um-actions .um-action-premium svg{color:var(--warning)}.um-actions .um-action-premium:hover{background:linear-gradient(135deg,var(--warning-light),var(--warning-border));color:var(--warning-text);border-color:#f59e0b}.um-premium-badge{margin-left:auto;font-size:9px;font-weight:var(--weight-bold);background:var(--gradient-warm);color:#fff;padding:2px 6px;border-radius:var(--radius-full);text-transform:uppercase;box-shadow:0 2px 5px #d9770633}.um-actions .um-admin{color:var(--purple-text);font-weight:var(--weight-semibold)}.um-actions .um-admin svg{color:var(--purple)}.um-actions .um-admin:hover{background:var(--purple-light);color:var(--purple-text)}.um-ext-icon{margin-left:auto;opacity:.6;display:inline-flex;align-items:center}.um-actions .um-danger{color:var(--danger-text)}.um-actions .um-danger svg{color:var(--danger-text)}.um-actions .um-danger:hover{background:var(--danger-light);color:var(--danger-text)}.um-actions .um-danger:hover svg{color:var(--danger-text)}.um-login-btn{justify-content:center!important;background:var(--gradient-primary);color:#fff!important;font-weight:var(--weight-bold)!important;box-shadow:0 4px 10px #0e938426;border:none}.um-login-btn svg{color:#fff!important}.um-login-btn:hover{background:var(--primary-hover)!important;transform:scale(1.02)!important}.content{flex:1;display:flex;flex-direction:column;padding:var(--content-padding);max-width:var(--content-max);width:100%;min-width:0;margin:0 auto}.content.exam-content{max-width:100%;padding:0}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--glass-bg);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-top:1px solid var(--border);z-index:var(--z-sticky);align-items:center;justify-content:space-around;padding:0 var(--space-2)}.mobile-bottom-nav :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:0;background:transparent;color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:var(--weight-medium);text-decoration:none;transition:all var(--transition-fast);min-width:56px;cursor:pointer}.mobile-bottom-nav :is(a,button):hover,.mobile-bottom-nav :is(a,button).active{color:var(--primary-text)}.mobile-bottom-nav :is(a,button).active{background:var(--primary-light)}.mobile-bottom-nav :is(a,button) svg{width:20px;height:20px}.notification-permission-banner{padding:8px 16px;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-md);color:var(--primary-text);font-size:13px}.header-nav-more-trigger{border:none;background:transparent;cursor:pointer;display:flex!important}.more-menu-dropdown{position:fixed;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0a;z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:2px;animation:umFade .12s ease both}.more-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:var(--weight-medium);transition:background .12s ease,color .12s ease}.more-menu-item:hover{background:var(--surface-2);color:var(--text)}.more-menu-item.active{background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-semibold)}.more-menu-item.active .more-menu-icon svg{color:var(--primary)!important}.more-menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.more-menu-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:9px;font-weight:var(--weight-bold);padding:1px 5px;border-radius:var(--radius-full);margin-left:auto;min-width:14px;height:14px;line-height:1}.community-chat-fab{position:fixed;bottom:84px;right:18px;z-index:var(--z-sticky);display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;font-size:13.5px;font-weight:var(--weight-semibold);color:var(--text-secondary);transition:all .2s ease}.community-chat-fab:hover{transform:translateY(-2px);border-color:var(--primary-border);background:var(--surface-2);color:var(--text)!important}.community-chat-fab .icon{color:var(--warning)}.live-chat-panel{position:fixed;bottom:140px;right:18px;width:380px;height:520px;max-height:calc(100vh - 160px);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.22,1,.36,1)}.live-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.live-chat-tabs{display:flex;gap:4px;background:var(--surface-3);padding:3px;border-radius:8px}.live-chat-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12.5px;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.live-chat-tab-unread{display:inline-grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}.live-chat-tab-btn.active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-xs)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.live-chat-panel{inset:0;width:100%;height:100%;max-height:100dvh;border-radius:0;border:none}}@media(min-width:900px){.community-chat-fab{bottom:22px;right:18px}.live-chat-panel{bottom:78px;right:18px}}:root[data-tooich-shop-theme=night] .um-actions .um-action-premium{background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 14%,var(--surface-2)),var(--warning-light));border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .um-actions .um-action-premium:hover,:root[data-tooich-shop-theme=night] .um-actions .um-action-premium:focus-visible{background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 24%,var(--surface-2)),color-mix(in srgb,var(--warning) 12%,var(--surface-2)));border-color:var(--warning);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .um-premium-badge{background:var(--danger-hover);color:var(--text-inverse);box-shadow:none}:root[data-tooich-shop-theme=night] .um-stat-item.coins{background:var(--secondary-light);color:var(--secondary-text);border-color:var(--secondary-border)}:root[data-tooich-shop-theme=night] .um-badge.is-admin{border-color:var(--purple-border)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-hover)}.glass-card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.glass-card.glow:hover{box-shadow:var(--shadow-glow-primary);border-color:var(--primary-border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-compact{padding:var(--space-4)}.card-flush{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 18px;border-radius:var(--radius-full);font-size:13.5px;font-weight:700;line-height:1.2;cursor:pointer;border:none;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);will-change:transform}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible{outline:2px solid var(--primary-border);outline-offset:2px}.btn svg,.btn img{color:inherit!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){background:var(--surface-3);transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled){background:var(--surface-3);transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){background:var(--surface-2);transform:translateY(0)}.btn-danger{background:linear-gradient(120deg,var(--danger),var(--danger-hover));color:#fff;box-shadow:0 4px 12px #dc262626}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d;filter:brightness(1.05);color:#fff}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #dc262626}.btn-success{background:linear-gradient(120deg,var(--success),var(--success-text));color:#fff;box-shadow:0 4px 12px #16a34a26}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d;filter:brightness(1.05);color:#fff}.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #16a34a26}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:background .15s ease,border-color .15s ease}.btn.secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.btn.secondary:active:not(:disabled){background:var(--surface-3)}.btn.subtle{background:var(--surface);color:var(--text);border:1px solid var(--border);transition:background .15s ease,border-color .15s ease,color .15s ease}.btn.subtle:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.btn.subtle:active:not(:disabled){background:var(--surface-3)}.btn.ghost{background:transparent;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.ghost:active:not(:disabled){background:var(--surface-2)}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 3px #991b1b;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.btn.danger:hover:not(:disabled){filter:brightness(1.08);color:#fff}.btn.danger:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #991b1b}.btn.good{background:linear-gradient(120deg,var(--success),var(--success-text));color:#fff;box-shadow:0 4px 12px #16a34a26}.btn.good:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d;filter:brightness(1.05)}.btn.good:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #16a34a26}.btn-xs{min-height:32px;padding:0 12px;font-size:11px;border-radius:var(--radius-full)}.btn-sm{min-height:36px;padding:0 16px;font-size:12px;border-radius:var(--radius-full)}.btn-lg{min-height:52px;padding:0 28px;font-size:15px;border-radius:var(--radius-full)}@media(max-width:768px){.btn{min-height:48px;padding:0 20px;font-size:14px}.btn-sm{min-height:42px;padding:0 16px}.btn-xs{min-height:36px;padding:0 12px;font-size:12px}}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-icon.btn-sm{width:32px;height:32px;border-radius:var(--radius-full)}.btn-icon.btn-lg{width:52px;height:52px;border-radius:var(--radius-full)}.btn-group{display:flex;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;white-space:nowrap}.badge-primary{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border)}.badge-secondary{background:var(--secondary-light);color:var(--secondary-text);border:1px solid var(--secondary-border)}.badge-success{background:var(--success-light);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-light);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-purple{background:var(--purple-light);color:var(--purple-text);border:1px solid rgba(168,85,247,.3)}.badge-ghost{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.pill-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);overflow-x:auto;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;background:none}.pill-tab:hover{color:var(--text);background:var(--surface-2)}.pill-tab.active{background:var(--primary);color:#fff;font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);transition:all var(--transition-fast)}.input-field:hover{border-color:var(--border-hover)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input-field::placeholder{color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.textarea-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);resize:vertical;min-height:100px;transition:border-color var(--transition-fast)}.textarea-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.checkbox-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-card:hover{border-color:var(--border-hover);background:var(--surface-2)}.checkbox-card.checked{border-color:var(--primary-border);background:var(--primary-light)}.checkbox-card .check-box{width:20px;height:20px;border:2px solid var(--border-hover);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.checkbox-card.checked .check-box{background:var(--primary);border-color:var(--primary)}.progress-track{height:6px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.progress-track.lg{height:10px}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-fill.success{background:var(--gradient-success)}.progress-fill.warning{background:var(--warning)}.progress-fill.danger{background:var(--danger)}.progress-labeled{display:flex;flex-direction:column;gap:var(--space-2)}.progress-labeled .progress-info{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.score-ring{position:relative;width:120px;height:120px}.score-ring svg{transform:rotate(-90deg)}.score-ring .ring-bg{fill:none;stroke:var(--surface-2);stroke-width:8}.score-ring .ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.score-ring .ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring .ring-value{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.score-ring .ring-unit{font-size:var(--text-xs);color:var(--text-muted)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state .empty-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.empty-state .empty-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:400px}.tooltip-wrapper{position:relative;display:inline}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.tooltip-wrapper:hover .tooltip-content{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:90%;animation:scaleIn .3s ease;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-header h3{font-size:var(--text-lg)}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}.divider-sm{margin:var(--space-3) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-header h2{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.section-header h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.section-head,.workspace-head{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.section-head.compact{padding:var(--space-5)}.section-head .eyebrow,.workspace-head .eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-2)}.section-head h1,.workspace-head h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.section-head p,.workspace-head p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.page-title{margin-bottom:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.page-title h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.page-title p{color:var(--text-secondary);font-size:var(--text-base)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text)}.breadcrumb .sep{font-size:var(--text-xs)}.breadcrumb .current{color:var(--text);font-weight:var(--weight-medium)}.audio-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.audio-player .play-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);border:none}.audio-player .play-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.audio-player .audio-track{flex:1;height:4px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;cursor:pointer}.audio-player .audio-progress{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .1s linear}.audio-player .audio-time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.choice-list{display:flex;flex-direction:column;gap:var(--space-2)}.choice-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.choice-item:hover{border-color:var(--border-hover);background:var(--surface-2)}.choice-item.selected{border-color:var(--primary-border);background:var(--primary-light)}.choice-item.correct{border-color:var(--success-border);background:var(--success-light)}.choice-item.wrong{border-color:var(--danger-border);background:var(--danger-light)}.choice-item .choice-label{width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;transition:all var(--transition-fast)}.choice-item.selected .choice-label{background:var(--primary);color:#fff}.choice-item.correct .choice-label{background:var(--success);color:#fff}.choice-item.wrong .choice-label{background:var(--danger);color:#fff}.choice-item .choice-text{font-size:var(--text-sm);flex:1}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.figma-page{animation:fadeInUp .4s ease both;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8);padding-bottom:var(--space-12)}.figma-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.figma-page-head>div:first-child,.figma-page-head-text{min-width:0;flex:1 1 420px}.figma-page-head-action,.figma-page-head-meta,.figma-page-head>div:last-child:not(:first-child){display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.figma-page-head h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text);margin-bottom:var(--space-2)}.figma-page-head p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.figma-blue-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--primary);color:#fff!important;font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;text-decoration:none;border:1px solid var(--primary);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);cursor:pointer}.figma-blue-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.figma-blue-btn.small{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.figma-blue-btn.muted-btn{background:var(--surface-2);color:var(--text)!important;border-color:var(--border)}.figma-blue-btn.muted-btn:hover{background:var(--surface-3);border-color:var(--border-hover)}.figma-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.figma-outline-btn:hover{background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.figma-outline-btn.danger{color:var(--danger-text);border-color:var(--danger-border);background:var(--danger-light)}.figma-outline-btn.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.figma-import-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.figma-import-box h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.figma-import-box p{color:var(--text-secondary)}.figma-import-box textarea{width:100%!important;box-sizing:border-box;padding:var(--space-3) var(--space-4)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;background:var(--surface-2);color:var(--text);font-family:var(--font-mono)!important;font-size:var(--text-sm)!important;line-height:var(--leading-normal);resize:vertical}.figma-import-box textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)}.figma-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.figma-stat-grid article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.figma-stat-grid article:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.figma-stat-grid article strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);line-height:1.2}.figma-stat-grid article small{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.figma-stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);flex-shrink:0}.figma-stat-icon.blue{background:#e0f2fe;color:var(--secondary)}.figma-stat-icon.teal{background:#ccfbf1;color:#0d9488}.figma-stat-icon.purple{background:var(--purple-light);color:var(--purple)}.figma-stat-icon.green{background:var(--primary-light);color:var(--success)}.figma-stat-icon.amber{background:var(--warning-light);color:var(--warning)}.figma-stat-icon.red{background:var(--danger-light);color:var(--danger)}.figma-stat-grid article div{display:flex;flex-direction:column}.figma-stat-grid article strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text)}.figma-stat-grid article small{font-size:var(--text-xs);color:var(--text-secondary)}.figma-tab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.figma-tabbar{display:flex;gap:var(--space-1);padding:0 var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;scrollbar-width:none}.figma-tab-card .figma-tabbar{border:none;border-bottom:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.figma-tabbar::-webkit-scrollbar{display:none}.figma-tabbar button,.figma-tabbar a{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.figma-tabbar button:hover,.figma-tabbar a:hover{color:var(--text);background:transparent}.figma-tabbar button.active,.figma-tabbar a.active{background:transparent;color:var(--primary-text);font-weight:var(--weight-semibold);border-bottom-color:var(--primary)}.figma-tab-body{padding:var(--space-6)}.figma-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.figma-test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.figma-test-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.figma-test-card:hover .figma-test-head h2{color:var(--primary-text)}.figma-test-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.figma-test-meta .progress{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:var(--radius-sm)}.figma-test-meta small{font-size:var(--text-xs);color:var(--text-muted)}.figma-test-head h2{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);margin-bottom:var(--space-2)}.figma-test-head p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.figma-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.figma-progress-list{display:flex;flex-direction:column;gap:var(--space-3)}.figma-progress-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text);transition:all var(--transition-fast)}.figma-progress-row:hover{background:var(--surface-3);border-color:var(--primary-border)}.figma-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.figma-quick-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);font-weight:var(--weight-medium);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.figma-quick-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--surface)}.figma-quick-card div{display:flex;flex-direction:column;gap:2px}.figma-quick-card div strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.figma-quick-card div small{font-size:var(--text-xs);color:var(--text-muted)}.figma-action-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform var(--transition-fast)}.figma-quick-card:hover .figma-action-icon{transform:scale(1.1)}.figma-action-icon.blue{background:var(--secondary-light);color:var(--secondary)}.figma-action-icon.teal{background:#ccfbf1;color:#0d9488}.figma-action-icon.amber{background:var(--warning-light);color:var(--warning)}.figma-action-icon.purple{background:var(--purple-light);color:var(--purple)}.figma-action-icon.red{background:var(--danger-light);color:var(--danger)}.figma-action-icon.green{background:var(--success-light);color:var(--success)}.figma-progress-track{width:100%;height:8px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.figma-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .5s ease}.figma-option-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.figma-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text);text-align:left;width:100%}.figma-option:hover:not(:disabled){border-color:var(--primary-border);background:var(--surface-2)}.figma-option.--selected{border-color:var(--primary);background:var(--primary-light);font-weight:var(--weight-semibold)}.figma-option.--correct{border-color:var(--success);background:var(--success-light);color:var(--success);font-weight:var(--weight-bold)}.figma-option.--wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger)}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:200px}.flashcard:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.flashcard.flipped{border-color:var(--primary-border);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-light) 100%)}.flash-surface{width:100%;flex:1;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);cursor:pointer;text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.flash-surface:hover{background:#00000004}.flash-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.flash-badge{font-size:10px;font-weight:var(--weight-bold);color:var(--primary-text);background:var(--primary-light);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--primary-border);letter-spacing:.02em}.flash-role-tag{font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--surface-2);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--border)}.flash-surface strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);line-height:var(--leading-snug);margin:var(--space-1) 0;transition:color var(--transition-fast)}.flash-phonetic{font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);font-style:normal;letter-spacing:.02em}.flash-flip-hint{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-1)}.flash-vi{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--primary-hover)}.flash-detail{font-size:var(--text-xs);color:var(--text-secondary);font-style:normal;line-height:var(--leading-relaxed);text-align:left;width:100%}.flash-detail span{font-weight:var(--weight-semibold);color:var(--text);margin-right:4px}.flash-detail i{color:var(--text-muted)}.flashcard .action-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-2);width:100%;z-index:2}.study-center-container{width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);animation:fadeInUp .3s ease}.flashcard-pronunciation-panel{width:min(620px,100%);margin:0 auto;animation:flashcardPronunciationIn .2s ease-out;scroll-margin-block:16px}.flashcard-pronunciation-panel .vs-pronunciation-practice{box-sizing:border-box}.quizlet-card-back .quizlet-audio .is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}@keyframes flashcardPronunciationIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.study-topbar{max-width:620px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.study-hint{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--text-muted);flex-wrap:wrap}.study-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px}.study-counter{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);font-variant-numeric:tabular-nums}.study-counter-sep{color:var(--text-muted);font-weight:var(--weight-medium);margin:0 2px}.study-progress{max-width:620px;width:100%;margin:0 auto;height:3px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.study-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#34d399 100%);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.quizlet-card-scene{max-width:620px;width:100%;margin:0 auto;height:280px;perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none}@media(max-width:640px){.quizlet-card-scene{height:260px}}.quizlet-card-inner{width:100%;height:100%;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:var(--radius-lg)}.quizlet-card-inner.is-flipped{transform:rotateY(180deg)}.quizlet-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #0000000f;padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.quizlet-card-scene:hover .quizlet-card-front{border-color:var(--border-hover);box-shadow:0 4px 16px #00000014}.quizlet-card-back{transform:rotateY(180deg);border-color:var(--primary-border)}.quizlet-front-top{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center}.quizlet-source-tag{font-size:11px;font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:var(--radius-full)}.quizlet-source-tag.is-back{color:var(--primary-text);background:var(--primary-light);border-color:var(--primary-border)}.quizlet-role-badge{font-size:11px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:var(--radius-full)}.quizlet-main-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1)}.quizlet-main-text h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);line-height:var(--leading-tight)}.quizlet-card-back .quizlet-main-text h2{color:var(--primary-hover)}.quizlet-phonetic{color:var(--text-muted);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:.02em}.quizlet-role{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.quizlet-front-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.quizlet-hint{font-size:var(--text-xs);color:var(--text-muted)}.quizlet-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px;margin:0 2px}.quizlet-audio{display:flex;align-items:center;gap:var(--space-2)}.quizlet-details{background:var(--surface-2);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);text-align:left;width:100%;display:flex;flex-direction:column;gap:2px;max-height:80px;overflow-y:auto}.quizlet-details p{line-height:var(--leading-snug)}.quizlet-details span{font-weight:var(--weight-semibold);color:var(--text);margin-right:var(--space-1)}.study-typing{max-width:620px;width:100%;margin:0 auto;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);animation:fadeInUp .2s ease}.study-typing h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.quizlet-nav-bar{max-width:620px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.study-prev svg{transform:rotate(180deg)}.phrase-tooltip{position:relative;display:inline;cursor:pointer;color:#493711;font-weight:700;padding:1px 6px;margin:0 1px;border-radius:6px;background:#fef08a;border-bottom:2px solid #eab308;transition:background .15s ease,transform .15s ease}.phrase-tooltip:hover{background:#fde047;transform:translateY(-1px)}:root[data-tooich-shop-theme=night] .phrase-tooltip{background:#713f12;border-bottom-color:#ca8a04;color:#fef08a}:root[data-tooich-shop-theme=night] .phrase-tooltip:hover{background:#854d0e}.phrase-token:focus-visible{border-radius:6px;outline:2px solid var(--primary);outline-offset:3px}.phrase-popover{position:fixed;left:0;top:0;transform:translate(-50%,calc(-100% - 14px)) scale(.95);transform-origin:bottom center;width:min(320px,90vw);background:#fff;color:#193b43;padding:14px 16px;border-radius:16px;border:1px solid #dce8e4;box-shadow:0 16px 36px -4px #123c492e,0 6px 16px -2px #123c4914;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);z-index:9999;pointer-events:none;text-align:left;line-height:1.45}.phrase-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#ffffff transparent transparent transparent}.phrase-popover.is-open{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 8px)) scale(1);pointer-events:auto}.phrase-popover strong{font-size:15px;font-weight:800;color:#087e73;letter-spacing:.2px;border-bottom:1px solid #e6f2ee;padding-bottom:6px}.phrase-popover .phrase-pop-vi{color:#193b43;font-weight:700;font-size:14px;display:block}.phrase-popover small{color:#52716b;font-size:12px;line-height:1.45}.phrase-popover .phrase-pop-role{display:inline-flex;align-self:flex-start;padding:2px 8px;border-radius:6px;background:#edf8f5;color:#087e73;border:1px solid #c8eae1;font-style:normal;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.phrase-popover .phrase-pop-pattern{color:#4b635f;font-style:normal}.phrase-popover .phrase-pop-pattern b{color:#087e73}.phrase-popover .phrase-pop-example{color:#1e3a8a;font-style:normal;background:#f0f7ff;border-left:3px solid #3b82f6;padding:6px 8px;border-radius:4px;display:block}.phrase-popover .phrase-pop-example b{color:#2563eb}.phrase-popover .phrase-pop-example i{font-style:italic}.phrase-popover .phrase-pop-example-vi{display:block;margin-top:3px;color:#64748b;font-size:11px}.phrase-popover .phrase-pop-note{color:#854d0e;font-style:normal;background:#fefce8;border-left:3px solid #eab308;padding:6px 8px;border-radius:4px}.phrase-popover-actions{display:flex;align-items:stretch;gap:8px;margin-top:4px}.phrase-popover-actions>*{flex:1 1 0%;min-width:0}.phrase-popover .btn.subtle{min-height:38px;border:1px solid #dce8e4;background:#f8fafc;color:#334155;font-weight:700;font-size:13px;border-radius:10px;width:100%;justify-content:center}.phrase-popover .btn.subtle:hover{background:#f1f5f9;border-color:#cbd5e1}.phrase-popover .notebook-save-trigger{width:100%;min-height:38px;border-radius:10px;font-size:13px}.phrase-popover .notebook-save-trigger span{color:var(--primary, #087e73)!important;font-weight:700}:root[data-tooich-shop-theme=night] .phrase-popover{background:#18232c;color:#f1f5f9;border-color:#ffffff24;box-shadow:0 20px 40px #00000080}:root[data-tooich-shop-theme=night] .phrase-popover:after{border-color:#18232c transparent transparent transparent}:root[data-tooich-shop-theme=night] .phrase-popover strong{color:#34d399;border-bottom-color:#ffffff1a}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-vi{color:#f8fafc}:root[data-tooich-shop-theme=night] .phrase-popover small{color:#94a3b8}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-role{background:#34d3991f;color:#6ee7b7;border-color:#34d3994d}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-pattern{color:#94a3b8}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-pattern b{color:#34d399}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-example{background:#3b82f61f;border-left-color:#3b82f6;color:#bfdbfe}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-example b{color:#60a5fa}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-example-vi{color:#94a3b8}:root[data-tooich-shop-theme=night] .phrase-popover .phrase-pop-note{background:#fbbf241a;border-left-color:#f59e0b;color:#fde047}:root[data-tooich-shop-theme=night] .phrase-popover .btn.subtle{background:#1e2e38;border-color:#ffffff1f;color:#f1f5f9}:root[data-tooich-shop-theme=night] .phrase-popover .btn.subtle:hover{background:#253945}:root[data-tooich-shop-theme=night] .phrase-popover .notebook-save-trigger{background:#1e2e38;border-color:#ffffff26}:root[data-tooich-shop-theme=night] .phrase-popover .notebook-save-trigger span{color:#34d399!important}.phrase-panel{margin-top:var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.phrase-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dashed var(--border);color:var(--primary-text);font-size:var(--text-sm);font-weight:800;letter-spacing:.02em}.phrase-panel-head svg{color:var(--primary)}.phrase-panel-head small{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px}.phrase-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.phrase-card{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}.phrase-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-xs)}.phrase-card-head{display:flex;align-items:center;gap:6px}.phrase-card-head strong{flex:1;font-size:var(--text-sm);font-weight:800;color:var(--primary-text);line-height:1.3}.phrase-card-vi{font-size:var(--text-xs);color:var(--text);font-weight:600;line-height:1.4}.phrase-card-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:var(--text-secondary)}.phrase-card-tag{display:inline-block;padding:1px 7px;background:var(--surface-3);border-radius:var(--radius-full);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.phrase-card-pattern{font-family:var(--font-mono);font-size:11px}.phrase-card-pattern b{color:var(--primary);font-weight:700;margin-right:4px}.phrase-card-example{font-size:11.5px;color:var(--text);background:var(--surface);border-left:2px solid #60a5fa;border-radius:var(--radius-sm);padding:5px 8px;line-height:1.5}.phrase-card-example b{color:#2563eb;margin-right:4px}.phrase-card-example i{font-style:italic;color:var(--text)}.phrase-card-example-vi{margin-top:3px;color:var(--text-secondary);font-size:11px;font-style:italic}.phrase-card-note{font-size:11px;color:var(--warning-text);background:var(--warning-light);border-radius:var(--radius-sm);padding:5px 8px;line-height:1.45}.key-pop{position:absolute;color:#0d9488;font-family:var(--font-mono, monospace);font-size:26px;font-weight:900;pointer-events:none;z-index:100;animation:keyPopFly .6s cubic-bezier(.2,.8,.2,1) forwards;text-shadow:0 4px 12px rgba(13,148,136,.3)}@keyframes keyPopFly{0%{opacity:1;transform:scale(.5) translateY(0) rotate(-12deg)}50%{opacity:.95;transform:scale(1.4) translateY(-32px) rotate(6deg)}to{opacity:0;transform:scale(1) translateY(-64px) rotate(18deg)}}.typing-glow{box-shadow:0 0 0 4px #0d948840,0 0 25px #0d948833!important;border-color:#0d9488!important}.toast-viewport{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:var(--z-toast);width:min(380px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);animation:slideDown .2s ease}.toast button{border:0;background:none;color:currentColor;cursor:pointer;font-size:20px;line-height:1;opacity:.7}.toast-action{flex:1;padding:0;font:inherit;font-size:var(--text-sm);line-height:1.45;text-align:left;text-decoration:underline;text-underline-offset:2px;opacity:1!important}.toast-action:hover{opacity:.8!important}.toast-success{border-color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.toast-error{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.toast-warning{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--surface))}.toast-info{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}@media(max-width:560px){.toast-viewport{left:12px;right:12px;width:auto}}.tooich-mascot{position:fixed;top:0;left:0;z-index:calc(var(--z-sticky) + 1);width:76px;height:88px;pointer-events:none;transform:translate3d(var(--tooich-x),var(--tooich-y),0);will-change:transform}.tooich-mascot.is-settling{transition:transform .55s cubic-bezier(.16,1.35,.3,1)}.tooich-mascot.is-practice-companion{z-index:24}.app-frame.is-vocab-game .tooich-mascot.is-practice-companion{z-index:1301}.tooich-mascot.is-practice-companion:not(.is-open) .tooich-mascot-float{opacity:.94}.tooich-mascot-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tooich-mascot-chat-badge{position:absolute;z-index:22;top:-8px;right:-8px;display:inline-grid;min-width:28px;height:28px;padding:0 7px;place-items:center;border:3px solid var(--surface);border-radius:999px;background:var(--danger);box-shadow:0 5px 14px color-mix(in srgb,var(--danger) 32%,transparent);color:#fff;cursor:pointer;pointer-events:auto;font:850 11px/1 var(--font-family);font-variant-numeric:tabular-nums;transform-origin:center;animation:tooichUnreadBadgeIn .26s cubic-bezier(.2,1.25,.3,1)}.tooich-mascot-chat-badge:hover{transform:scale(1.08)}.tooich-mascot-chat-badge:focus-visible{outline:3px solid color-mix(in srgb,var(--danger) 30%,transparent);outline-offset:2px}@keyframes tooichUnreadBadgeIn{0%{opacity:0;transform:translateY(5px) scale(.7)}to{opacity:1;transform:none}}.tooich-mascot-button:before{position:absolute;inset:16px 4px 4px;border-radius:50%;background:radial-gradient(circle,rgba(14,147,132,.18),transparent 68%);content:"";opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}.tooich-mascot-button:after{position:absolute;inset:24px 13px 12px;border:2px solid rgba(45,199,181,.28);border-radius:50%;content:"";opacity:0;pointer-events:none}.tooich-mascot-button:hover:before,.tooich-mascot.is-open .tooich-mascot-button:before,.tooich-mascot.mood-grabbed .tooich-mascot-button:before,.tooich-mascot.mood-zooming .tooich-mascot-button:before{opacity:1;transform:scale(1.2)}.tooich-mascot-button:focus-visible{outline:3px solid rgba(14,147,132,.34);outline-offset:3px;border-radius:32px}.tooich-mascot-float{position:relative;display:block;width:100%;height:100%;transform-origin:50% 85%;filter:drop-shadow(0 8px 8px rgba(22,50,63,.18));animation:tooichMascotFloat 3.5s ease-in-out infinite;transition:filter .2s ease}:is(:root[data-shop-mascot=detective] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=detective] .tooich-mascot-float):before{position:absolute;z-index:3;top:3px;left:18px;width:43px;height:17px;border:3px solid #16323f;border-radius:50% 50% 18% 18%;background:#b78655;box-shadow:12px 19px 0 -7px #d9b17b;content:"";transform:rotate(-7deg)}:is(:root[data-shop-mascot=detective] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=detective] .tooich-mascot-float):after{position:absolute;z-index:4;right:-3px;bottom:7px;font-size:28px;content:"⌕";color:#16323f;transform:rotate(-18deg)}:is(:root[data-shop-mascot=astronaut] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=astronaut] .tooich-mascot-float):before{position:absolute;z-index:3;inset:20px 9px 12px;border:4px solid rgba(226,245,255,.88);border-radius:48%;box-shadow:inset 0 0 0 2px #5ca8c7,0 0 14px #6fd3efa6;content:""}:is(:root[data-shop-mascot=astronaut] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=astronaut] .tooich-mascot-float){animation-duration:2.2s;filter:drop-shadow(0 0 10px rgba(111,211,239,.6))}:is(:root[data-shop-mascot=supporter] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=supporter] .tooich-mascot-float):before{position:absolute;z-index:3;top:9px;left:14px;width:48px;height:8px;border:2.5px solid #16323f;border-radius:6px;content:"";background:repeating-linear-gradient(90deg,#f4b63f 0 9px,#0e9384 9px 18px);transform:rotate(-4deg)}:is(:root[data-shop-mascot=supporter] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=supporter] .tooich-mascot-float):after{position:absolute;z-index:4;left:4px;bottom:10px;width:15px;height:15px;border:2.5px solid #16323f;border-radius:50%;content:"";background:#f4b63f;box-shadow:0 -8px 0 -4px #0e9384}.tooich-mascot-button:hover .tooich-mascot-float{filter:drop-shadow(0 11px 10px rgba(14,147,132,.26))}.tooich-mascot-svg{display:block;width:100%;height:100%;overflow:visible}.tooich-mascot-shadow{fill:#16323f29;transform-box:fill-box;transform-origin:center;animation:tooichMascotShadow 3.5s ease-in-out infinite}.tooich-mascot-body{stroke:#16323f;stroke-width:2.5;stroke-linejoin:round;transform-box:fill-box;transform-origin:center bottom}.tooich-mascot-body-shine{fill:none;stroke:#ffffff94;stroke-width:3;stroke-linecap:round}.tooich-mascot-face{fill:#f5fffc;stroke:#16323f;stroke-width:2.3;transform-box:fill-box;transform-origin:center}.tooich-mascot-face-rig{transform:translate(var(--tooich-look-x, 0),var(--tooich-look-y, 0)) rotate(var(--tooich-look-r, 0));transform-box:fill-box;transform-origin:center;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.tooich-mascot-ear{fill:#20b6a5;stroke:#16323f;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}.tooich-mascot-ear-inner{fill:none;stroke:#ffffff9e;stroke-width:2;stroke-linecap:round}.tooich-mascot-antenna{transform-box:fill-box;transform-origin:50% 100%}.tooich-mascot-antenna path{fill:none;stroke:#16323f;stroke-width:3;stroke-linecap:round}.tooich-mascot-eye{transform-box:fill-box;transform-origin:center;transition:transform .1s ease}.tooich-mascot-eye ellipse{fill:#fff;stroke:#16323f;stroke-width:1.8;transition:rx .16s ease,ry .16s ease}.tooich-mascot-eye circle{fill:#16323f;transition:transform .12s ease-out}.tooich-mascot-eye .tooich-eye-glint{fill:#fff;stroke:none;pointer-events:none}.tooich-mascot-eye.is-blinking{transform:scaleY(.1)}.tooich-mascot-smile,.tooich-mascot-mouth-sleep,.tooich-mascot-mouth-frown{fill:none;stroke:#16323f;stroke-width:2.5;stroke-linecap:round}.tooich-mascot-mouth-o{display:none;fill:#16323f}.tooich-mascot-mouth-sleep,.tooich-mascot-mouth-frown{display:none}.tooich-mascot-cheek{fill:#ff9f92;opacity:.65}.tooich-mascot-brows path{fill:none;stroke:#16323f;stroke-width:1.9;stroke-linecap:round;opacity:.22;transform-box:fill-box;transform-origin:center}.tooich-mascot-tear{fill:#6ed7ee;stroke:#16323f;stroke-width:1.2;opacity:0}.tooich-mascot-sweat{fill:#a8e9f4;stroke:#16323f;stroke-width:1.2;opacity:0}.tooich-mascot-mark circle{fill:none;stroke:#ffffffeb;stroke-width:3}.tooich-mascot-foot{fill:none;stroke:#16323f;stroke-width:2.4;stroke-linecap:round}.tooich-mascot-left-arm,.tooich-mascot-right-arm{transform-box:fill-box;transition:opacity .12s ease}.tooich-mascot-left-arm{transform-origin:100% 10%}.tooich-mascot-right-arm{transform-origin:0 10%}.tooich-mascot-left-arm path,.tooich-mascot-right-arm path{fill:none;stroke:#16323f;stroke-width:4.5;stroke-linecap:round}.tooich-mascot-left-arm circle,.tooich-mascot-right-arm circle{fill:#20b6a5;stroke:#16323f;stroke-width:2}.tooich-mascot-held-cursor{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .12s ease}.tooich-mascot-held-cursor .cursor-arrow{fill:#fff;stroke:#16323f;stroke-width:2;stroke-linejoin:round}.tooich-mascot-held-cursor .hug-arm{fill:none;stroke:#16323f;stroke-width:5;stroke-linecap:round}.tooich-mascot-held-cursor .hug-hand{fill:#20b6a5;stroke:#16323f;stroke-width:2}.tooich-mascot-online{position:absolute;right:5px;bottom:7px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#22c55e;box-shadow:0 2px 5px #16323f33;transition:opacity .15s ease,transform .15s ease}.tooich-mascot.mood-curious .tooich-mascot-float{animation:tooichMascotCurious 1.1s ease-in-out infinite}.tooich-mascot.mood-curious .tooich-mascot-ear.left{animation:tooichEarLeft .55s ease-in-out alternate infinite}.tooich-mascot.mood-curious .tooich-mascot-ear.right{animation:tooichEarRight .55s .16s ease-in-out alternate infinite}.tooich-mascot.mood-curious .tooich-mascot-antenna{animation:tooichAntenna .5s ease-in-out alternate infinite}.tooich-mascot.mood-wave .tooich-mascot-right-arm{animation:tooichMascotWave 1.25s ease-in-out}.tooich-mascot.mood-wave .tooich-mascot-float{animation:tooichMascotHello 1.25s ease-in-out}.tooich-mascot.mood-wave .tooich-mascot-button:after,.tooich-mascot.mood-laugh .tooich-mascot-button:after,.tooich-mascot.mood-excited .tooich-mascot-button:after{animation:tooichVoiceRing .8s ease-out 2}.tooich-mascot.mood-stretch .tooich-mascot-left-arm{animation:tooichStretchLeft 1.6s ease-in-out}.tooich-mascot.mood-stretch .tooich-mascot-right-arm{animation:tooichStretchRight 1.6s ease-in-out}.tooich-mascot.mood-stretch .tooich-mascot-body{animation:tooichBodyStretch 1.6s ease-in-out}.tooich-mascot.mood-stretch .tooich-mascot-eye{animation:tooichHappyEyes 1.6s ease-in-out}.tooich-mascot.mood-dance .tooich-mascot-float{animation:tooichDance .62s ease-in-out infinite}.tooich-mascot.mood-dance .tooich-mascot-left-arm{animation:tooichDanceLeft .62s ease-in-out infinite alternate}.tooich-mascot.mood-dance .tooich-mascot-right-arm{animation:tooichDanceRight .62s ease-in-out infinite alternate}.tooich-mascot.mood-dance .tooich-mascot-antenna{animation:tooichAntenna .22s ease-in-out alternate infinite}.tooich-mascot.is-playing-music .tooich-mascot-float{animation:tooichMusicGroove .72s ease-in-out infinite!important}.tooich-mascot.is-playing-music .tooich-mascot-left-arm{animation:tooichDanceLeft .54s ease-in-out infinite alternate}.tooich-mascot.is-playing-music .tooich-mascot-right-arm{animation:tooichDanceRight .54s ease-in-out infinite alternate-reverse}.tooich-mascot.is-playing-music .tooich-mascot-antenna{animation:tooichAntenna .22s ease-in-out alternate infinite}.tooich-mascot.is-playing-music .tooich-mascot-eye{transform:scaleY(.3)}.tooich-mascot.is-playing-music .tooich-mascot-cheek{opacity:1}.tooich-mascot.is-playing-music .tooich-mascot-smile{display:block!important}.tooich-mascot.is-playing-music .tooich-mascot-mouth-o,.tooich-mascot.is-playing-music .tooich-mascot-mouth-sleep,.tooich-mascot.is-playing-music .tooich-mascot-mouth-frown{display:none!important}.tooich-mascot.mood-excited .tooich-mascot-float{animation:tooichExcited .72s cubic-bezier(.2,.9,.3,1.3)}.tooich-mascot.mood-excited .tooich-mascot-eye ellipse{ry:9.5px}.tooich-mascot.mood-excited .tooich-mascot-cheek{opacity:1}.tooich-mascot.mood-laugh .tooich-mascot-float{animation:tooichLaugh .42s ease-in-out infinite alternate}.tooich-mascot.mood-laugh .tooich-mascot-eye{transform:scaleY(.16)}.tooich-mascot.mood-laugh .tooich-mascot-smile{display:none}.tooich-mascot.mood-laugh .tooich-mascot-mouth-o{display:block;transform-box:fill-box;transform-origin:center;animation:tooichLaughMouth .42s ease-in-out infinite alternate}.tooich-mascot.mood-laugh .tooich-mascot-cheek{opacity:1}.tooich-mascot.mood-surprised .tooich-mascot-float{animation:tooichSurprised .28s cubic-bezier(.2,1.3,.3,1)}.tooich-mascot.mood-surprised .tooich-mascot-eye ellipse{rx:7.5px;ry:9.5px}.tooich-mascot.mood-surprised .tooich-mascot-smile{display:none}.tooich-mascot.mood-surprised .tooich-mascot-mouth-o{display:block}.tooich-mascot.mood-surprised .tooich-mascot-sweat{opacity:1;animation:tooichSweat .6s ease-out}.tooich-mascot.mood-surprised .tooich-mascot-left-arm,.tooich-mascot.mood-surprised .tooich-mascot-right-arm{opacity:0}.tooich-mascot.mood-surprised .tooich-mascot-held-cursor{opacity:1}.tooich-mascot.mood-sad .tooich-mascot-float{animation:tooichSad 1.35s ease-in-out infinite}.tooich-mascot.mood-sad .tooich-mascot-smile{display:none}.tooich-mascot.mood-sad .tooich-mascot-mouth-frown{display:block}.tooich-mascot.mood-sad .tooich-mascot-tear{opacity:1;animation:tooichTear 1.2s ease-in infinite}.tooich-mascot.mood-sad .tooich-mascot-brows path{opacity:1}.tooich-mascot.mood-sad .tooich-mascot-brows .left{transform:rotate(13deg)}.tooich-mascot.mood-sad .tooich-mascot-brows .right{transform:rotate(-13deg)}.tooich-mascot.mood-sigh .tooich-mascot-float{animation:tooichSigh 1.1s ease-out}.tooich-mascot.mood-sigh .tooich-mascot-eye{transform:scaleY(.35)}.tooich-mascot.mood-sigh .tooich-mascot-smile{display:none}.tooich-mascot.mood-sigh .tooich-mascot-mouth-sleep{display:block}.tooich-mascot.mood-complain .tooich-mascot-float{animation:tooichComplain .22s ease-in-out infinite alternate}.tooich-mascot.mood-complain .tooich-mascot-smile{display:none}.tooich-mascot.mood-complain .tooich-mascot-mouth-frown{display:block}.tooich-mascot.mood-complain .tooich-mascot-brows path{opacity:1}.tooich-mascot.mood-complain .tooich-mascot-brows .left{transform:rotate(-15deg)}.tooich-mascot.mood-complain .tooich-mascot-brows .right{transform:rotate(15deg)}.tooich-mascot.mood-complain .tooich-mascot-left-arm{animation:tooichComplainLeft .44s ease-in-out infinite alternate}.tooich-mascot.mood-complain .tooich-mascot-right-arm{animation:tooichComplainRight .44s ease-in-out infinite alternate}.tooich-mascot.mood-sleepy .tooich-mascot-float{animation:tooichSleep 2.2s ease-in-out infinite}.tooich-mascot.mood-sleepy .tooich-mascot-eye{transform:scaleY(.12)}.tooich-mascot.mood-sleepy .tooich-mascot-smile{display:none}.tooich-mascot.mood-sleepy .tooich-mascot-mouth-sleep{display:block}.tooich-mascot.mood-sleepy .tooich-mascot-antenna{transform:rotate(12deg)}.tooich-mascot.mood-grabbed .tooich-mascot-button,.tooich-mascot.mood-zooming .tooich-mascot-button{cursor:grabbing}.tooich-mascot.mood-grabbed .tooich-mascot-float{animation:tooichGrabbed .34s ease-in-out infinite alternate}.tooich-mascot.mood-zooming .tooich-mascot-float{animation:tooichZooming .22s ease-in-out infinite alternate}.tooich-mascot.mood-grabbed .tooich-mascot-left-arm,.tooich-mascot.mood-grabbed .tooich-mascot-right-arm,.tooich-mascot.mood-zooming .tooich-mascot-left-arm,.tooich-mascot.mood-zooming .tooich-mascot-right-arm{opacity:0}.tooich-mascot.mood-grabbed .tooich-mascot-held-cursor,.tooich-mascot.mood-zooming .tooich-mascot-held-cursor{opacity:1;animation:tooichHug .36s ease-in-out infinite alternate}.tooich-mascot.mood-grabbed .tooich-mascot-smile,.tooich-mascot.mood-zooming .tooich-mascot-smile{display:none}.tooich-mascot.mood-grabbed .tooich-mascot-mouth-o,.tooich-mascot.mood-zooming .tooich-mascot-mouth-o{display:block}.tooich-mascot.mood-grabbed .tooich-mascot-online,.tooich-mascot.mood-zooming .tooich-mascot-online{opacity:0;transform:scale(0)}.tooich-mascot.mood-dizzy .tooich-mascot-float{animation:tooichDizzy .3s ease-in-out 4}.tooich-mascot.mood-dizzy .tooich-mascot-eye circle{animation:tooichDizzyEyes .38s linear infinite}.tooich-mascot.mood-dizzy .tooich-mascot-smile{display:none}.tooich-mascot.mood-dizzy .tooich-mascot-mouth-o{display:block}body.is-dragging-tooich,body.is-dragging-tooich *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.tooich-mascot-sparks,.tooich-mascot-zzz{position:absolute;inset:0;pointer-events:none}.tooich-mascot-sparks i{position:absolute;width:5px;height:5px;border-radius:1px;background:#f6b83f;opacity:0;transform:rotate(45deg)}.tooich-mascot-sparks i:nth-child(1){top:5%;left:2%}.tooich-mascot-sparks i:nth-child(2){top:-2%;left:46%;background:#2dc7b5}.tooich-mascot-sparks i:nth-child(3){top:14%;right:-4%;background:#7c8cff}.tooich-mascot-sparks i:nth-child(4){top:52%;right:-9%}.tooich-mascot-sparks i:nth-child(5){bottom:4%;right:5%;background:#2dc7b5}.tooich-mascot-sparks i:nth-child(6){bottom:12%;left:-8%;background:#ff8e7c}.tooich-mascot-sparks i:nth-child(7){top:42%;left:-10%;background:#7c8cff}.tooich-mascot.mood-excited .tooich-mascot-sparks i,.tooich-mascot.mood-dance .tooich-mascot-sparks i{animation:tooichSpark .85s ease-out infinite}.tooich-mascot-sparks i:nth-child(2n){animation-delay:.14s!important}.tooich-mascot-sparks i:nth-child(3n){animation-delay:.28s!important}.tooich-mascot-zzz{inset:-8px -14px auto auto;width:46px;height:44px;opacity:0}.tooich-mascot-zzz i{position:absolute;color:#0e9384;font-family:var(--font-mono);font-style:normal;font-weight:800;opacity:0}.tooich-mascot-zzz i:nth-child(1){bottom:2px;left:2px;font-size:10px}.tooich-mascot-zzz i:nth-child(2){bottom:13px;left:14px;font-size:13px}.tooich-mascot-zzz i:nth-child(3){top:0;right:2px;font-size:16px}.tooich-mascot.mood-sleepy .tooich-mascot-zzz{opacity:1}.tooich-mascot.mood-sleepy .tooich-mascot-zzz i{animation:tooichZzz 1.65s ease-out infinite}.tooich-mascot.mood-sleepy .tooich-mascot-zzz i:nth-child(2){animation-delay:.35s}.tooich-mascot.mood-sleepy .tooich-mascot-zzz i:nth-child(3){animation-delay:.7s}.tooich-mascot-music-notes{position:absolute;inset:-20px -22px -8px;overflow:visible;pointer-events:none}.tooich-mascot-music-notes i{position:absolute;color:#0e9384;font-family:Georgia,serif;font-style:normal;font-weight:900;opacity:0;filter:drop-shadow(0 2px 3px rgba(22,50,63,.16))}.tooich-mascot-music-notes i:nth-child(1){right:-2px;bottom:12px;color:#f0a81c;font-size:18px}.tooich-mascot-music-notes i:nth-child(2){left:-1px;bottom:3px;font-size:22px}.tooich-mascot-music-notes i:nth-child(3){right:8px;bottom:34px;color:#786de7;font-size:16px}.tooich-mascot-music-notes i:nth-child(4){left:9px;bottom:30px;color:#ef7d6b;font-size:15px}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i{animation:tooichMusicNote 1.8s ease-out infinite}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i:nth-child(2){animation-delay:.42s}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i:nth-child(3){animation-delay:.86s}.tooich-mascot.is-playing-music .tooich-mascot-music-notes i:nth-child(4){animation-delay:1.24s}.tooich-thought{position:absolute;width:226px;min-height:58px;padding:13px 16px;border:1px solid rgba(14,147,132,.16);border-radius:28px;background:#fffffffa;box-shadow:0 12px 30px #16323f24;color:#294b54;font-size:12.5px;font-weight:650;line-height:1.48;pointer-events:none;animation:tooichThoughtIn .38s cubic-bezier(.2,1.25,.3,1),tooichThoughtHover 2.8s .4s ease-in-out infinite}.tooich-thought:before,.tooich-thought:after{position:absolute;z-index:-1;border:1px solid rgba(14,147,132,.12);border-radius:50%;background:inherit;content:""}.tooich-thought:before{top:-12px;left:32px;width:48px;height:38px;clip-path:inset(0 0 25px 0)}.tooich-thought:after{top:-17px;right:34px;width:62px;height:48px;clip-path:inset(0 0 30px 0)}.tooich-thought>span{position:relative;z-index:2;display:block}.tooich-thought.align-right{right:-1px}.tooich-thought.align-left{left:-1px}.tooich-thought.place-above{bottom:calc(100% + 24px);transform-origin:bottom}.tooich-thought.place-below{top:calc(100% + 24px);transform-origin:top}.tooich-thought>i{position:absolute;display:block;border:1px solid rgba(14,147,132,.18);border-radius:50%;background:#fff}.tooich-thought>i:nth-of-type(1){width:13px;height:13px}.tooich-thought>i:nth-of-type(2){width:8px;height:8px}.tooich-thought>i:nth-of-type(3){width:5px;height:5px}.tooich-thought.place-above>i:nth-of-type(1){bottom:-17px}.tooich-thought.place-above>i:nth-of-type(2){bottom:-29px}.tooich-thought.place-above>i:nth-of-type(3){bottom:-39px}.tooich-thought.place-below>i:nth-of-type(1){top:-17px}.tooich-thought.place-below>i:nth-of-type(2){top:-29px}.tooich-thought.place-below>i:nth-of-type(3){top:-39px}.tooich-thought.align-right>i:nth-of-type(1){right:24px}.tooich-thought.align-right>i:nth-of-type(2){right:15px}.tooich-thought.align-right>i:nth-of-type(3){right:9px}.tooich-thought.align-left>i:nth-of-type(1){left:24px}.tooich-thought.align-left>i:nth-of-type(2){left:15px}.tooich-thought.align-left>i:nth-of-type(3){left:9px}.tooich-thought.tone-sleep{border-color:#7c8cff40;background:#f8f8ff;color:#505a86}.tooich-thought.tone-praise{border-color:#f6b83f57;background:#fffdf4;color:#6f5722}.tooich-thought.tone-reaction{border-color:#ff8e7c4d;background:#fff9f7;color:#75453d}.tooich-thought.tone-wake{border-color:#2dc7b547;background:#f4fffc;color:#176c63}.tooich-thought.tone-coach{border-color:#2987ce40;background:#f5fbff;color:#285a72}.tooich-mascot-bubble{position:absolute;width:262px;padding:14px;border:1px solid rgba(14,147,132,.22);border-radius:18px;background:#fffffffa;box-shadow:0 16px 40px #16323f2b;color:#16323f;pointer-events:auto;animation:tooichMascotBubbleIn .24s cubic-bezier(.2,.9,.25,1.15)}.tooich-mascot-bubble.place-above{bottom:calc(100% + 12px);transform-origin:bottom}.tooich-mascot-bubble.place-below{top:calc(100% + 12px);transform-origin:top}.tooich-mascot-bubble.align-right{right:4px}.tooich-mascot-bubble.align-left{left:4px}.tooich-mascot-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tooich-mascot-bubble-head strong{color:#0e766c;font-size:13px;font-weight:800}.tooich-mascot-bubble-actions{display:flex;align-items:center;gap:5px}.tooich-mascot-bubble-head button{display:grid;width:23px;height:23px;padding:0;place-items:center;border:0;border-radius:50%;background:#edf7f5;color:#58716f;cursor:pointer;font-size:18px;line-height:1}.tooich-mascot-bubble-head button:hover{background:#dcefeb;color:#0e766c}.tooich-mascot-bubble-head button span{font-size:12px;font-weight:800}.tooich-mascot-bubble p{margin:8px 0 11px;color:#3e5c62;font-size:13px;line-height:1.55}.tooich-mascot-ask{display:inline-flex;min-height:32px;padding:6px 11px;align-items:center;gap:8px;border:0;border-radius:10px;background:#e1f5f1;color:#0b776d;cursor:pointer;font-family:inherit;font-size:12px;font-weight:750}.tooich-mascot-ask:hover{background:#cceee8}.tooich-mascot-ask span{transition:transform .16s ease}.tooich-mascot-ask:hover span{transform:translate(3px)}.tooich-mascot-bubble-tail{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tooich-mascot-bubble.align-right .tooich-mascot-bubble-tail{right:18px}.tooich-mascot-bubble.align-left .tooich-mascot-bubble-tail{left:18px}.tooich-mascot-bubble.place-above .tooich-mascot-bubble-tail{bottom:-7px;border-right:1px solid rgba(14,147,132,.22);border-bottom:1px solid rgba(14,147,132,.22)}.tooich-mascot-bubble.place-below .tooich-mascot-bubble-tail{top:-7px;border-left:1px solid rgba(14,147,132,.22);border-top:1px solid rgba(14,147,132,.22)}@keyframes tooichMascotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes tooichMascotShadow{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:.42;transform:scaleX(.74)}}@keyframes tooichMascotCurious{0%,to{transform:translateY(-2px) rotate(-5deg)}50%{transform:translateY(-7px) rotate(6deg)}}@keyframes tooichEarLeft{to{transform:rotate(-13deg) scale(1.08)}}@keyframes tooichEarRight{to{transform:rotate(13deg) scale(1.08)}}@keyframes tooichAntenna{to{transform:rotate(12deg)}}@keyframes tooichMascotWave{0%,to{transform:rotate(0)}18%{transform:rotate(-52deg)}36%{transform:rotate(-12deg)}54%{transform:rotate(-48deg)}72%{transform:rotate(-8deg)}}@keyframes tooichMascotHello{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-4deg)}70%{transform:translateY(-4px) rotate(3deg)}}@keyframes tooichStretchLeft{0%,to{transform:rotate(0)}35%,70%{transform:rotate(48deg) translate(-3px,-4px)}}@keyframes tooichStretchRight{0%,to{transform:rotate(0)}35%,70%{transform:rotate(-48deg) translate(3px,-4px)}}@keyframes tooichBodyStretch{0%,to{transform:scale(1)}35%,70%{transform:scale(.92,1.1) translateY(-4px)}}@keyframes tooichHappyEyes{0%,to{transform:scaleY(1)}35%,70%{transform:scaleY(.25)}}@keyframes tooichDance{0%,to{transform:translate(-4px,-4px) rotate(-8deg)}50%{transform:translate(4px,-8px) rotate(8deg)}}@keyframes tooichMusicGroove{0%,to{transform:translate(-2px,-2px) rotate(-5deg) scaleY(.98)}25%{transform:translate(2px,-7px) rotate(4deg) scaleY(1.03)}50%{transform:translate(4px,-3px) rotate(7deg) scaleY(.98)}75%{transform:translate(-3px,-8px) rotate(-3deg) scaleY(1.03)}}@keyframes tooichMusicNote{0%{opacity:0;transform:translateY(8px) rotate(-10deg) scale(.65)}18%,68%{opacity:1}to{opacity:0;transform:translate(8px,-48px) rotate(14deg) scale(1.16)}}@keyframes tooichDanceLeft{to{transform:rotate(48deg)}}@keyframes tooichDanceRight{to{transform:rotate(-48deg)}}@keyframes tooichExcited{0%{transform:scale(.82) translateY(6px)}45%{transform:scale(1.12,.9) translateY(-10px)}72%{transform:scale(.94,1.08) translateY(-2px)}to{transform:none}}@keyframes tooichLaugh{0%{transform:translateY(-3px) rotate(-3deg) scaleY(.96)}to{transform:translateY(-8px) rotate(3deg) scaleY(1.04)}}@keyframes tooichLaughMouth{to{transform:scale(1.12,.82)}}@keyframes tooichSurprised{0%{transform:scale(.78,1.15)}to{transform:none}}@keyframes tooichSweat{0%{opacity:0;transform:translate(-4px,4px) scale(.5)}to{opacity:1;transform:none}}@keyframes tooichSad{0%,to{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(5px) rotate(2deg) scaleY(.96)}}@keyframes tooichTear{0%{opacity:0;transform:translateY(-3px) scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(8px) scale(.9)}}@keyframes tooichSigh{0%{transform:translateY(-3px) scale(1.03)}55%{transform:translateY(5px) scale(.96,.9)}to{transform:translateY(2px)}}@keyframes tooichComplain{0%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(2px) rotate(2deg)}}@keyframes tooichComplainLeft{to{transform:rotate(35deg)}}@keyframes tooichComplainRight{to{transform:rotate(-35deg)}}@keyframes tooichSleep{0%,to{transform:translateY(2px) rotate(-4deg) scaleY(.98)}50%{transform:translateY(5px) rotate(-6deg) scaleY(.94)}}@keyframes tooichGrabbed{0%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1.02) rotate(2deg)}}@keyframes tooichZooming{0%{transform:scale(.9,1.08) rotate(-4deg)}to{transform:scale(.94,1.04) rotate(4deg)}}@keyframes tooichHug{0%{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes tooichDizzy{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes tooichDizzyEyes{to{transform:rotate(360deg) translate(2px)}}@keyframes tooichSpark{0%{opacity:0;transform:rotate(45deg) scale(.2)}35%{opacity:1;transform:rotate(135deg) scale(1)}to{opacity:0;transform:rotate(225deg) scale(.2) translateY(-8px)}}@keyframes tooichZzz{0%{opacity:0;transform:translateY(5px) scale(.7)}35%{opacity:1}to{opacity:0;transform:translate(5px,-7px) scale(1.15)}}@keyframes tooichThoughtIn{0%{opacity:0;transform:translateY(8px) scale(.72)}to{opacity:1;transform:none}}@keyframes tooichThoughtHover{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes tooichMascotBubbleIn{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes tooichVoiceRing{0%{opacity:.65;transform:scale(.65)}to{opacity:0;transform:scale(1.7)}}.tooich-mascot{transition:translate .35s cubic-bezier(.2,.9,.3,1),opacity .35s ease}.tooich-mascot.is-docked{opacity:.92}.tooich-mascot.is-docked-right{translate:60% 0}.tooich-mascot.is-docked-left{translate:-60% 0}.tooich-mascot.is-docked :is(.tooich-mascot-zzz,.tooich-mascot-music-notes){display:none}@media(max-width:899px){.tooich-mascot{width:58px;height:68px}.tooich-mascot-bubble{width:min(260px,calc(100vw - 24px))}.tooich-thought{width:min(218px,calc(100vw - 22px));font-size:12px}.tooich-mascot-online{right:2px;bottom:4px;width:10px;height:10px}.tooich-mascot-chat-badge{top:-9px;right:-9px;min-width:26px;height:26px;padding-inline:6px}}@media(prefers-reduced-motion:reduce){.tooich-mascot,.tooich-mascot *,.tooich-mascot *:before,.tooich-mascot *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.tooich-action-fan{position:absolute;z-index:12;left:50%;width:286px;height:126px;pointer-events:none;transform:translate(-50%)}.tooich-action-fan.place-above{bottom:calc(100% - 10px);--tooich-fan-enter-y: 26px}.tooich-action-fan.place-below{top:calc(100% - 10px);--tooich-fan-enter-y: -26px}.tooich-action-fan.align-left{left:calc(50% + 118px)}.tooich-action-fan.align-right{left:calc(50% - 118px)}.tooich-action-fan-item{position:absolute;left:var(--tooich-fan-x);display:grid;width:50px;height:50px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--tooich-action-color) 34%,white);border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.98) 0 20%,transparent 48%),color-mix(in srgb,var(--tooich-action-color) 12%,#fbfffd);color:var(--tooich-action-color);box-shadow:0 9px 22px #16323f21,inset 0 0 0 5px #ffffff85;cursor:pointer;pointer-events:auto;opacity:0;transform:translate(-50%,var(--tooich-fan-enter-y)) scale(.48) rotate(-8deg);animation:tooichFanIn .3s cubic-bezier(.18,.9,.24,1.22) forwards;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.tooich-action-fan.place-above .tooich-action-fan-item{bottom:var(--tooich-fan-rise)}.tooich-action-fan.place-below .tooich-action-fan-item{top:var(--tooich-fan-rise)}.tooich-action-fan-item:nth-child(1){--tooich-fan-x: 5%;--tooich-fan-rise: 2px;animation-delay:0ms}.tooich-action-fan-item:nth-child(2){--tooich-fan-x: 23%;--tooich-fan-rise: 44px;animation-delay:42ms}.tooich-action-fan-item:nth-child(3){--tooich-fan-x: 41%;--tooich-fan-rise: 64px;animation-delay:84ms}.tooich-action-fan-item:nth-child(4){--tooich-fan-x: 59%;--tooich-fan-rise: 64px;animation-delay:126ms}.tooich-action-fan-item:nth-child(5){--tooich-fan-x: 77%;--tooich-fan-rise: 44px;animation-delay:168ms}.tooich-action-fan-item:nth-child(6){--tooich-fan-x: 95%;--tooich-fan-rise: 2px;animation-delay:.21s}.tooich-action-fan-item[data-action=chat]{--tooich-action-color: #3186a8}.tooich-action-fan-item[data-action=music]{--tooich-action-color: #8b5fd3}.tooich-action-fan-item[data-action=vocab]{--tooich-action-color: #d58a18}.tooich-action-fan-item[data-action=note]{--tooich-action-color: #0e9384}.tooich-action-fan-item[data-action=help]{--tooich-action-color: #e05d8d}.tooich-action-fan-item[data-action=sound]{--tooich-action-color: #4d7082}.tooich-action-fan-item[data-action=sound][aria-pressed=false]{--tooich-action-color: #93a1a8}@keyframes tooichFanIn{to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}.tooich-action-fan-item:hover{border-color:var(--tooich-action-color);background:radial-gradient(circle at 32% 24%,#fff 0 20%,transparent 48%),color-mix(in srgb,var(--tooich-action-color) 19%,white);box-shadow:0 12px 28px color-mix(in srgb,var(--tooich-action-color) 22%,transparent),inset 0 0 0 5px #ffffff9e;transform:translate(-50%,-3px) scale(1.09)}.tooich-action-fan-item:focus-visible{outline:3px solid color-mix(in srgb,var(--tooich-action-color) 38%,transparent);outline-offset:3px}.tooich-action-fan-icon{display:grid;place-items:center;filter:drop-shadow(0 2px 2px rgba(22,50,63,.08))}.tooich-action-fan-item[data-active=true]:after{position:absolute;top:2px;right:2px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#20bd72;box-shadow:0 0 0 3px #20bd7224;content:""}.tooich-action-fan-label{position:absolute;top:calc(100% + 7px);left:50%;width:max-content;max-width:96px;padding:5px 8px;border-radius:8px;background:#16323ff0;color:#fff;font:750 10px/1 inherit;opacity:0;pointer-events:none;transform:translate(-50%,-4px) scale(.94);transition:opacity .15s ease,transform .15s ease}.tooich-action-fan-item:hover .tooich-action-fan-label,.tooich-action-fan-item:focus-visible .tooich-action-fan-label{opacity:1;transform:translate(-50%) scale(1)}.tooich-action-fan.place-below .tooich-action-fan-label{top:auto;bottom:calc(100% + 7px)}@media(prefers-reduced-motion:reduce){.tooich-action-fan-item{animation:none;opacity:1;transform:translate(-50%)}}@media(max-width:899px){.tooich-action-fan{width:250px;height:122px}.tooich-action-fan.align-left{left:calc(50% + 108px)}.tooich-action-fan.align-right{left:calc(50% - 108px)}.tooich-action-fan-item{width:44px;height:44px}.tooich-action-fan-item:nth-child(2),.tooich-action-fan-item:nth-child(5){--tooich-fan-rise: 40px}.tooich-action-fan-item:nth-child(3),.tooich-action-fan-item:nth-child(4){--tooich-fan-rise: 54px}.tooich-action-fan-icon svg{width:19px;height:19px}}.tooich-mini-panel{position:absolute;z-index:13;width:min(330px,calc(100vw - 24px));padding:14px;border:1px solid rgba(14,147,132,.18);border-radius:18px 18px 8px;background:#fffffcfa;box-shadow:0 12px 30px #16323f21;color:#16323f;pointer-events:auto;animation:tooichMiniPanelIn .2s cubic-bezier(.2,.9,.3,1.05)}.tooich-mini-panel.align-right{right:0}.tooich-mini-panel.align-left{left:0}.tooich-mini-panel.place-above{bottom:calc(100% + 14px)}.tooich-mini-panel.place-below{top:calc(100% + 14px)}.tooich-mini-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tooich-mini-panel-title strong{font-size:13px}.tooich-mini-panel-title button{width:30px;height:30px;border:0;border-radius:50%;background:#eef6f4;color:#5d7775;cursor:pointer}.tooich-quick-vocab-form,.tooich-quick-music-form{display:grid;gap:8px}.tooich-quick-vocab-form input,.tooich-quick-vocab-form textarea,.tooich-quick-music-row input{width:100%;min-width:0;padding:9px 10px;border:1px solid #ccdcda;border-radius:10px;outline:none;background:#fff;color:#16323f;font:600 11px/1.3 inherit}.tooich-quick-vocab-form input:focus,.tooich-quick-vocab-form textarea:focus,.tooich-quick-music-row input:focus{border-color:#0e9384;box-shadow:0 0 0 3px #0e93841a}.tooich-quick-vocab-form details summary{color:#68827f;cursor:pointer;font-size:10px}.tooich-quick-vocab-form details textarea{margin-top:7px;resize:vertical}.tooich-quick-music-row{display:flex;gap:7px}.tooich-mini-primary{display:inline-flex;min-height:38px;padding:0 13px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:#0e9384;color:#fff;cursor:pointer;font:800 11px/1 inherit}.tooich-mini-switch{display:flex;align-items:center;gap:8px;color:#607b77;cursor:pointer;font-size:10.5px}.tooich-mini-switch input{width:34px;height:19px;appearance:none;border-radius:99px;background:#cddbd8;cursor:pointer;transition:background .18s ease}.tooich-mini-switch input:after{display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;content:"";transition:transform .18s ease}.tooich-mini-switch input:checked{background:#0e9384}.tooich-mini-switch input:checked:after{transform:translate(15px)}.tooich-mini-secondary{margin-top:9px;padding:3px 0;border:0;background:none;color:#6b817f;cursor:pointer;font:700 10px/1 inherit;text-decoration:underline;text-underline-offset:3px}.tooich-mini-error{margin:0;color:#b64f3c;font-size:10px}@keyframes tooichMiniPanelIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:899px){.tooich-mini-panel{position:fixed;left:12px;right:12px;bottom:94px;width:auto;border-radius:18px}}@media(prefers-reduced-motion:reduce){.tooich-mini-panel{animation:none;opacity:1;transform:none}}.tooich-mascot-intro-text{margin:6px 0 10px!important;color:var(--text-secondary, #475569)!important;font-size:12.5px!important;line-height:1.5!important}.tooich-mascot-menu{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tooich-mascot-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:var(--surface-1, #f8fafc);border:1px solid var(--border-light, #e2e8f0);border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease}.tooich-mascot-menu-item:hover{background:var(--primary-light, rgba(45, 199, 181, .08));border-color:var(--primary, #2dc7b5);transform:translateY(-1px)}.tooich-mascot-menu-item.is-music .tooich-mascot-menu-icon{border-color:#f0a81c4d;background:#fff8e8;color:#c47d00}.tooich-mascot-menu-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--surface-2);border:1px solid var(--border-light);color:var(--text-secondary)}.tooich-mascot-menu-text{display:flex;flex-direction:column;line-height:1.3}.tooich-mascot-menu-text strong{font-size:12px;font-weight:700;color:var(--text, #1e293b)}.tooich-mascot-menu-text small{font-size:10px;color:var(--text-muted, #64748b);margin-top:1px}.tooich-mascot-vocab-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mascot-form-field{width:100%}.mascot-form-field input{width:100%;padding:6px 10px;font-size:12px;border:1px solid var(--border, #cbd5e1);border-radius:6px;background:#fff;color:var(--text, #0f172a);outline:none;transition:border-color .15s ease}.mascot-form-field input:focus{border-color:var(--primary, #2dc7b5)}.mascot-form-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.btn-xs{padding:4px 8px!important;font-size:11px!important;height:auto!important;min-height:auto!important}.tooich-mascot-music-form{display:flex;flex-direction:column;gap:7px;margin-top:10px}.tooich-mascot-music-form>label{color:#38585e;font-size:10.5px;font-weight:750}.tooich-music-search-row{display:flex;gap:6px}.tooich-music-search-row input{min-width:0;flex:1;height:36px;padding:0 10px;border:1px solid #cddedb;border-radius:10px;outline:none;background:#fff;color:#16323f;font:600 11.5px/1.2 inherit}.tooich-music-search-row input:focus{border-color:#18a894;box-shadow:0 0 0 3px #18a8941a}.tooich-music-search-row>button{display:inline-flex;min-width:70px;height:36px;padding:0 10px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:linear-gradient(135deg,#13a994,#1cc567);color:#fff;cursor:pointer;font:800 11px/1 inherit}.tooich-music-search-row>button:disabled{cursor:wait;opacity:.68}.tooich-mascot-music-form .tooich-music-form-hint{margin:0;color:#78908d;font-size:10px;line-height:1.4}.tooich-music-background-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;color:#5e7d79;font-size:10px;cursor:pointer}.tooich-music-background-toggle input{accent-color:#12a994}.tooich-mascot-music-form .tooich-music-form-error{margin:0;padding:7px 8px;border:1px solid #ffd5cc;border-radius:8px;background:#fff5f2;color:#a74432;font-size:10px;line-height:1.35}.tooich-music-player{position:absolute;z-index:7;width:46px;height:46px;padding:5px;overflow:hidden;border:1px solid rgba(14,147,132,.24);border-radius:14px;background:#fffffffa;box-shadow:0 12px 30px #16323f2e;pointer-events:auto;animation:tooichMusicPlayerIn .3s cubic-bezier(.2,1.05,.3,1)}.tooich-music-player>*:not(.tooich-music-frame){position:relative;z-index:1}.tooich-music-player.place-above{bottom:calc(100% + 14px)}.tooich-music-player.place-below{top:calc(100% + 14px)}.tooich-music-player.align-right{right:0}.tooich-music-player.align-left{left:0}.tooich-music-player-head{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.tooich-music-disc-button{display:grid;width:100%;height:100%;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.tooich-music-disc-button:disabled{cursor:wait;opacity:.68}.tooich-music-disc-button:focus-visible{outline:2px solid #12a994;outline-offset:2px}.tooich-vinyl{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at center,#f6bc45 0 10%,#f7efe1 11% 17%,transparent 18%),repeating-radial-gradient(circle at center,#1d2b31 0 3px,#111a1e 4px 6px);box-shadow:0 4px 10px #16323f38}.tooich-vinyl:before,.tooich-vinyl:after{position:absolute;border-radius:50%;content:""}.tooich-vinyl:before{inset:7px;border:1px solid rgba(255,255,255,.15)}.tooich-vinyl:after{top:4px;left:7px;width:7px;height:3px;background:#ffffff4d;transform:rotate(-30deg)}.tooich-vinyl i{position:absolute;z-index:1;inset:14px;border:1px solid #fff7dc;border-radius:50%;background:#17343f}.tooich-music-player.is-playing .tooich-vinyl{animation:tooichVinylSpin 1.8s linear infinite}.tooich-music-player.is-playing .tooich-vinyl:before{box-shadow:0 0 0 3px #20bd781f}.tooich-music-player.is-paused .tooich-vinyl{opacity:.78}.tooich-music-media-layer{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.tooich-music-media-layer:not(.is-background){width:200px;height:200px;opacity:0;z-index:0}.tooich-music-media-layer.is-background{opacity:1;isolation:isolate;z-index:-10;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.6) 75%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.6) 75%,transparent 100%)}.tooich-music-media-layer.is-background:before{position:absolute;z-index:1;inset:-10%;background:radial-gradient(ellipse at 20% 30%,rgba(14,147,132,.22),transparent 45%),radial-gradient(ellipse at 80% 70%,rgba(34,197,94,.18),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 50%,rgba(14,147,132,.06));content:"";mix-blend-mode:screen;opacity:.85;animation:tooichMusicPaint 24s ease-in-out infinite alternate;pointer-events:none}.tooich-music-frame{position:absolute;top:0;left:0;width:200px;height:200px;border:0;opacity:0;pointer-events:none}.tooich-music-frame>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.tooich-music-frame.is-background{position:absolute;top:-5%;left:-5%;width:110vw;height:110vh;opacity:.72;transform:scale(1.05);filter:blur(1px) saturate(1.5) contrast(1.05) brightness(.98);transition:opacity .5s ease,filter .5s ease}:root[data-tooich-shop-theme=night] .tooich-music-frame.is-background{opacity:.52;filter:blur(1.5px) saturate(1.7) contrast(1.1) brightness(.75)}.tooich-music-player.is-background{border-color:transparent;background:transparent;box-shadow:none}@media(prefers-reduced-motion:reduce){.tooich-music-player.is-playing .tooich-vinyl{animation:none}}.tooich-music-first-play{margin:5px 1px 0;color:#7b6a42;font-size:8.7px;font-weight:650;line-height:1.35}.tooich-music-player-head>.tooich-music-play{background:linear-gradient(135deg,#13a994,#1cc567);color:#fff;box-shadow:0 4px 10px #13a99438}.tooich-music-player-head>.tooich-music-play:hover{background:linear-gradient(135deg,#0e9384,#16b45c);color:#fff}.tooich-music-player-head>.tooich-music-play:disabled{cursor:wait;opacity:.45}.tooich-music-player-error{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tooich-mascot.has-music.is-open .tooich-mascot-bubble.place-above{bottom:calc(100% + 60px)}.tooich-mascot.has-music.is-open .tooich-mascot-bubble.place-below{top:calc(100% + 60px)}@keyframes tooichMusicPlayerIn{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}@keyframes tooichVinylSpin{to{transform:rotate(360deg)}}@keyframes tooichMusicPaint{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.52}50%{transform:translate3d(1%,2%,0) scale(1.04);opacity:.78}to{transform:translate3d(3%,-1%,0) scale(1.01);opacity:.58}}@media(max-width:899px){.tooich-music-player{width:46px;max-width:calc(100vw - 16px)}}.tooich-notebook-floating-container{position:fixed;top:0;left:0;width:400px;height:330px;background:#f1f5f9;border-radius:12px;box-shadow:0 12px 32px #0f172a38;border:3px solid #475569;display:flex;flex-direction:column;overflow:hidden;z-index:9999;-webkit-user-select:none;user-select:none;will-change:transform;animation:notebookFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes notebookFadeIn{0%{opacity:0}to{opacity:1}}.notebook-drag-handle{display:flex;align-items:center;justify-content:space-between;background:#334155;color:#f8fafc;padding:6px 12px;font-size:11.5px;font-weight:700;cursor:move;border-bottom:2px solid #1e293b;-webkit-user-select:none;user-select:none}.notebook-drag-title{display:flex;align-items:center;gap:6px}.notebook-close-x{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;display:flex;align-items:center}.notebook-close-x:hover{color:#f8fafc}.tooich-notebook-body-wrap{display:flex;flex:1;position:relative;background:#fff;overflow:hidden}.tooich-notebook-spiral-mini{position:absolute;top:0;bottom:0;left:110px;width:14px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,transparent,transparent 10px,#94a3b8 10px,#64748b 13px,#94a3b8 14px,transparent 14px,transparent 22px);z-index:10;box-shadow:inset -1px 0 2px #0000000f,inset 1px 0 2px #0000000f}.tooich-notebook-side-left{width:110px;background:#fafaf9;border-right:1px solid #cbd5e1;box-shadow:inset -10px 0 10px -10px #00000014;padding:10px;display:flex;flex-direction:column;overflow:hidden}.notebook-side-scroll{flex:1;overflow-y:auto;padding-right:2px}.notebook-side-scroll::-webkit-scrollbar{width:3px}.notebook-side-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.meta-eyebrow{display:block;font-size:8.5px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:6px}.notebook-meta-box{margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.meta-row{font-size:10px;line-height:1.4;margin-bottom:4px;color:#475569;word-break:break-word}.meta-row strong{display:block;font-size:9px;color:#64748b}.meta-row-single{font-size:10px;color:#475569}.meta-row-single strong{display:block;font-size:9px;color:#64748b}.notebook-mini-history{display:flex;flex-direction:column;gap:4px}.notebook-no-other{font-size:9px;color:#94a3b8;line-height:1.3}.notebook-history-mini-btn{display:block;width:100%;padding:4px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:9px;text-align:left;color:#475569;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.notebook-history-mini-btn:hover{border-color:var(--primary, #2dc7b5);color:var(--primary, #2dc7b5);background:var(--primary-light, rgba(45, 199, 181, .04))}.tooich-notebook-side-right{flex:1;padding:10px 12px;display:flex;flex-direction:column;background:#fff;box-shadow:inset 10px 0 10px -10px #00000014}.notebook-paper-mini{flex:1;position:relative;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;display:flex;background:#fff}.notebook-paper-margin-mini{position:absolute;top:0;bottom:0;left:24px;width:1px;background:#f87171;opacity:.55;pointer-events:none}.notebook-textarea-mini{flex:1;border:none;outline:none;resize:none;font-family:monospace,Courier,monospace;font-size:12.5px;line-height:24px;padding:1px 6px 6px 32px;color:#334155;-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#e2e8f0 23px 24px);background-attachment:local}.notebook-mini-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;flex-shrink:0}.my-notebook-page-container{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 120px);min-height:550px}.notebook-page-layout-v2{display:flex;flex:1;min-height:0;align-items:stretch}.notebook-main-editor-v2{flex:1;display:flex;flex-direction:column;min-width:0}.large-notebook-container-v2{--notebook-index-w: 272px;position:relative;flex:1;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;border:4px solid #475569;display:flex;overflow:hidden;min-height:0}.large-notebook-spiral-v2{position:absolute;top:0;bottom:0;left:var(--notebook-index-w);width:24px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,transparent,transparent 14px,#94a3b8 14px,#64748b 18px,#94a3b8 19px,transparent 19px,transparent 30px);z-index:10;box-shadow:inset -1px 0 3px #00000014,inset 1px 0 3px #00000014}.large-notebook-page-v2{display:flex;flex-direction:column;position:relative;min-height:0}.left-page-v2{width:var(--notebook-index-w);flex-shrink:0;background:#fafaf9;border-right:1px solid #cbd5e1;box-shadow:inset -15px 0 15px -15px #00000014;padding:20px 26px 20px 18px}.notebook-add-row-v2{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;font:inherit;font-size:12.5px;font-weight:600;color:#94a3b8;background:transparent;border:1px dashed #cbd5e1;border-radius:8px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.notebook-add-row-v2:hover{color:var(--primary-text, #0e766c);border-color:var(--primary, #2dc7b5);background:var(--primary-light, rgba(45, 199, 181, .06))}.left-page-content-scroll-v2{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:16px}.notebook-section-title-v2{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px;display:block}.notebook-sidebar-list-v2{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.notebook-sidebar-list-v2::-webkit-scrollbar{width:4px}.notebook-sidebar-list-v2::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.notebook-sidebar-empty-v2{text-align:center;color:#94a3b8;padding:30px 0}.notebook-sidebar-item-v2{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease;color:#334155;box-shadow:0 1px 2px #00000005}.notebook-sidebar-item-v2:hover{border-color:var(--primary, #2dc7b5);background:var(--primary-light, rgba(45, 199, 181, .02))}.notebook-sidebar-item-v2.active{background:var(--primary-light, rgba(45, 199, 181, .08));border-color:var(--primary, #2dc7b5);color:var(--primary, #0e766c);box-shadow:0 4px 6px -1px #2dc7b51a}.notebook-sidebar-item-v2.is-draft{border-style:dashed;cursor:default}@keyframes notebookNoteAppear{0%{opacity:0;transform:translateY(-6px) scaleY(.82)}to{opacity:1;transform:translateY(0) scaleY(1)}}.notebook-sidebar-item-v2.is-new{animation:notebookNoteAppear .28s cubic-bezier(.16,1,.3,1);transform-origin:top center}@media(prefers-reduced-motion:reduce){.notebook-sidebar-item-v2.is-new{animation:none}}.notebook-sidebar-item-info-v2{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notebook-sidebar-item-info-v2 strong{font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-sidebar-item-info-v2 p{margin:0;font-size:10.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-page-footer-tips-v2{flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.notebook-tips-badge-v2{font-size:9px;font-weight:800;background:#fef3c7;color:#d97706;padding:1px 6px;border-radius:4px;width:fit-content;margin-bottom:4px}.left-page-footer-tips-v2 p{margin:0;font-size:10px;color:#64748b;line-height:1.4}.right-page-v2{flex:1;min-width:0;background:#fff;box-shadow:inset 15px 0 15px -15px #00000014;padding:20px 24px 20px 30px}.right-page-header-v2{margin-bottom:14px;flex-shrink:0}.right-page-title-area-v2{display:flex;align-items:center;gap:10px}.notebook-title-input-v2{flex:1;padding:6px 10px;font-size:13.5px;font-weight:700;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;outline:none}.notebook-title-input-v2:focus{border-color:var(--primary, #2dc7b5)}.notebook-title-input-v2:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.notebook-meta-badge-v2{font-size:9px;color:var(--primary, #0e766c);background:var(--primary-light, rgba(45, 199, 181, .08));padding:3px 8px;border-radius:4px;white-space:nowrap}.right-page-body-v2{flex:1;min-height:0;display:flex}.large-notebook-paper-v2{flex:1;position:relative;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;display:flex;background:#fff}.large-notebook-margin-v2{position:absolute;top:0;bottom:0;left:36px;width:1px;background:#f87171;opacity:.55;pointer-events:none}.large-notebook-textarea-v2{flex:1;border:none;outline:none;resize:none;font-family:monospace,Courier,monospace;font-size:13px;line-height:24px;padding:1px 12px 12px 48px;color:#1e293b;-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#e2e8f0 23px 24px);background-attachment:local}.right-page-footer-v2{display:flex;justify-content:space-between;align-items:center;margin-top:14px;flex-shrink:0}.notebook-editor-toolbar-v2{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;margin-top:8px}.toolbar-select-group{display:flex;gap:8px}.toolbar-select-item{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;color:#64748b}.toolbar-select-item select{border:none;background:transparent;font-size:11px;font-weight:600;color:#475569;outline:none;cursor:pointer;padding:0;height:auto;line-height:1}.toolbar-stats-v2{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:6px;font-weight:500}.stats-separator{color:#cbd5e1}@media(max-width:799px){.large-notebook-container-v2{flex-direction:column}.large-notebook-spiral-v2{display:none}.large-notebook-page-v2{width:100%}.left-page-v2{width:100%;height:200px;padding:12px;border-right:none;border-bottom:2px solid #cbd5e1}.right-page-v2{flex:1;padding:12px}}.tooich-mascot.has-music .tooich-music-player.place-above{bottom:calc(100% - 20px)}.tooich-mascot.has-music .tooich-music-player.place-below{top:calc(100% - 20px)}.tooich-mascot.has-music .tooich-music-player.align-right{right:-7px}.tooich-mascot.has-music .tooich-music-player.align-left{left:-7px}.tooich-mascot.is-open .tooich-music-player{opacity:0;pointer-events:none;transform:scale(.72)}body.has-tooich-music-bg .tooich-music-media-layer.is-background{z-index:1}body.has-tooich-music-bg .tooich-music-media-layer.is-background:after{background:linear-gradient(180deg,#e9f6f238,#e9f6f212 45%,#e9f6f247)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.58;filter:blur(52px) saturate(.85) brightness(.86) contrast(1.05)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.68;filter:blur(16px) saturate(.92) brightness(.84) contrast(1.06)}body.has-tooich-music-bg{--bg: transparent !important;--bg-subtle: transparent !important;--surface: #ffffff !important;--surface-2: #f7fbfa !important;--surface-3: #e3efeb !important;--surface-hover: #eef8f5 !important;--glass-bg: rgba(255, 255, 255, .85) !important;--glass-bg-light: rgba(255, 255, 255, .75) !important;--glass-blur: blur(16px);--glass-blur-heavy: blur(20px)}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg{--bg: transparent !important;--bg-subtle: transparent !important;--surface: #172a31 !important;--surface-2: #1b3138 !important;--surface-3: #243d44 !important;--surface-hover: #20383f !important;--glass-bg: rgba(23, 42, 49, .85) !important;--glass-bg-light: rgba(23, 42, 49, .75) !important;--glass-blur: blur(16px);--glass-blur-heavy: blur(20px)}body.has-tooich-music-bg,body.has-tooich-music-bg .app-frame,body.has-tooich-music-bg .app-main,body.has-tooich-music-bg .toeic-exam-screen,body.has-tooich-music-bg .p1-screen{background-color:transparent!important;background-image:none!important}body.has-tooich-music-bg .sidebar{background:#ffffff73!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-right:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .sidebar{background:#172a318c!important}body.has-tooich-music-bg .app-header,body.has-tooich-music-bg .toeic-exam-header,body.has-tooich-music-bg .p1-header{background:#ffffff6b!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .app-header,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-exam-header,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-header{background:#172a3180!important}body.has-tooich-music-bg .p1-left{background:#eef7f466!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-left{background:#12252b73!important}body.has-tooich-music-bg .p1-right{background:#f7fbfa47!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-right{background:#0e1c224d!important}body.has-tooich-music-bg .toeic-listening-panel{background:#eef7f466!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4)!important;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-listening-panel{background:#12252b73!important}body.has-tooich-music-bg .toeic-question-panel{background:#f7fbfa47!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4)!important;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-question-panel{background:#0e1c224d!important}body.has-tooich-music-bg .card,body.has-tooich-music-bg .practice-card,body.has-tooich-music-bg .toeic-card,body.has-tooich-music-bg .vocab-card,body.has-tooich-music-bg .vocab-box,body.has-tooich-music-bg .p5-sentence-card{position:relative;background:var(--surface)!important;border:1px solid rgba(14,147,132,.1)!important;box-shadow:0 16px 48px #0e1c220d,0 0 24px #0e93841f,0 0 48px #12b5b014!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .practice-card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .vocab-card,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .vocab-box,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p5-sentence-card{border:1px solid rgba(18,181,176,.15)!important;box-shadow:0 16px 48px #0006,0 0 24px #12b5b029,0 0 48px #0e93841a!important}body.has-tooich-music-bg .card:hover,body.has-tooich-music-bg .practice-card:hover,body.has-tooich-music-bg .toeic-card:hover,body.has-tooich-music-bg .p5-sentence-card:hover{transform:translateY(-2px)!important;border-color:#0e938440!important;box-shadow:0 20px 56px #0e1c2214,0 0 32px #0e93842e,0 0 64px #12b5b01f!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .card:hover,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .practice-card:hover,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-card:hover,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p5-sentence-card:hover{border-color:#12b5b04d!important;box-shadow:0 20px 56px #00000080,0 0 32px #12b5b038,0 0 64px #0e938426!important}body.has-tooich-music-bg .toeic-option,body.has-tooich-music-bg .figma-option,body.has-tooich-music-bg .p1-option,body.has-tooich-music-bg .toeic-audio-bar{background:#ffffffad!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(14,147,132,.16)!important;box-shadow:0 4px 14px #16323f0d!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important}body.has-tooich-music-bg .p1-option:not(:disabled):hover,body.has-tooich-music-bg .toeic-option:not(:disabled):hover,body.has-tooich-music-bg .figma-option:not(:disabled):hover{background:#ffffffe0!important;border-color:var(--primary)!important;transform:translateY(-1.5px)!important;box-shadow:0 8px 24px #16323f14,0 0 16px #0e93841f!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-option,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .figma-option,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .p1-option,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .toeic-audio-bar,[data-theme=dark] body.has-tooich-music-bg .toeic-option,[data-theme=dark] body.has-tooich-music-bg .figma-option,[data-theme=dark] body.has-tooich-music-bg .p1-option,[data-theme=dark] body.has-tooich-music-bg .toeic-audio-bar,.dark body.has-tooich-music-bg .toeic-option,.dark body.has-tooich-music-bg .figma-option,.dark body.has-tooich-music-bg .p1-option,.dark body.has-tooich-music-bg .toeic-audio-bar{background:#172a31a6!important;border-color:#12b5b033!important}body.has-tooich-music-bg .mobile-bottom-nav{background:#ffffffb8!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent)!important}:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .mobile-bottom-nav{background:#172a31c7!important}body.has-tooich-music-bg .tooich-music-media-layer.is-background{animation:tooichPaintPour 2.5s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes tooichPaintPour{0%{transform:scaleY(1.3) translateY(-120px);filter:blur(40px) brightness(.6);opacity:0}to{transform:scaleY(1) translateY(0);filter:blur(8px) brightness(1);opacity:1}}body.has-tooich-music-bg{--bg: transparent !important;--bg-subtle: transparent !important}body.has-tooich-music-bg .app-sidebar,body.has-tooich-music-bg .app-header,body.has-tooich-music-bg .sidebar,body.has-tooich-music-bg .mobile-bottom-nav{background:var(--surface, #fff)!important}body.has-tooich-music-bg .app-main{position:relative;overflow:hidden;background:transparent!important}body.has-tooich-music-bg main.content{position:relative;z-index:1;background:transparent!important}body.has-tooich-music-bg .page-transition{position:relative;z-index:1}body.has-tooich-music-bg .tooich-music-media-layer.is-background{z-index:0;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden;background:transparent!important;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0%,rgba(0,0,0,.94) 42%,rgba(0,0,0,.7) 78%,rgba(0,0,0,.35) 100%);mask-image:radial-gradient(ellipse at 50% 50%,#000,#000000f0 42%,#000000b3 78%,#00000059)}body.has-tooich-music-bg .tooich-music-media-layer.is-background:before{z-index:1;inset:0;background:linear-gradient(125deg,#0e93842e,#ebfaf661 46%,#f6b83f14);opacity:1;mix-blend-mode:color;animation:none}body.has-tooich-music-bg .tooich-music-media-layer.is-background:after{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#e9f6f27a,#e9f6f238 45%,#e9f6f28f);content:"";pointer-events:none}body.has-tooich-music-bg .tooich-music-frame.is-background{position:absolute;inset:-6%;width:112%;height:112%;transform:scale(1.12)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.4;filter:blur(56px) saturate(.72) brightness(.73)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.43;filter:blur(28px) saturate(.78) brightness(.76)}body.has-tooich-music-bg:not(.has-tooich-music-session) .card,body.has-tooich-music-bg:not(.has-tooich-music-session) .practice-card,body.has-tooich-music-bg:not(.has-tooich-music-session) .toeic-card,body.has-tooich-music-bg:not(.has-tooich-music-session) .vocab-card,body.has-tooich-music-bg:not(.has-tooich-music-session) .vocab-box,body.has-tooich-music-bg:not(.has-tooich-music-session) .p5-sentence-card{background:#fffffff2!important;border-color:#16323f1a!important;box-shadow:0 8px 24px #16323f14!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.has-tooich-music-bg .tooich-music-player{z-index:5}body.has-tooich-music-bg .tooich-music-media-layer.is-background{animation:none;transform-origin:center}body.has-tooich-music-bg .tooich-now-playing-capsule{background:#fffffff7}body.has-tooich-music-bg .tooich-music-media-layer.is-background.is-tab-hidden{opacity:0}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow{contain:paint}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background,body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{will-change:transform,filter}@media(max-width:899px){body.has-tooich-music-bg .tooich-music-media-layer.is-background{inset:0!important}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.3;filter:blur(42px) saturate(.68) brightness(.74)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.34;filter:blur(22px) saturate(.74) brightness(.76)}}@media(prefers-reduced-motion:reduce){body.has-tooich-music-bg .tooich-music-frame.is-background{transition:none}}.tooich-music-player.is-controls-open{overflow:visible}.tooich-now-playing-capsule{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;width:min(324px,calc(100vw - 20px));gap:9px;padding:10px;border:1px solid rgba(14,147,132,.16);border-radius:15px;background:#fff;box-shadow:0 10px 26px #16323f24;color:#16323f;z-index:50}.tooich-now-playing-meta{display:flex;min-width:0;align-items:center;gap:9px;font:750 11px/1.3 inherit}.tooich-now-playing-meta img{flex:0 0 auto;border-radius:8px;object-fit:cover}.tooich-now-playing-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooich-now-playing-actions{display:flex;align-items:center;gap:6px}.tooich-now-playing-actions .tooich-play-toggle-btn{display:grid;width:32px;height:32px;min-width:32px;place-items:center;border:0;border-radius:50%;background:#0e9384;color:#fff;cursor:pointer;font-size:13px;flex-shrink:0}.tooich-now-playing-actions label{display:flex;flex:1;min-width:70px;align-items:center;gap:5px;color:#66807b;font-size:10px}.tooich-now-playing-actions input{width:100%;accent-color:#0e9384}.tooich-now-playing-actions .tooich-ducking-toggle-btn,.tooich-now-playing-actions .tooich-lyrics-toggle-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;width:auto;min-width:32px;padding:0 9px;border-radius:14px;border:1px solid rgba(14,147,132,.2);background:#f0fdf9;color:#0d9488;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.tooich-now-playing-actions .tooich-ducking-toggle-btn.active,.tooich-now-playing-actions .tooich-lyrics-toggle-btn.active{background:#0e9384;border-color:#0e9384;color:#fff;box-shadow:0 2px 6px #0e93844d}.tooich-now-playing-modes{display:flex;gap:4px}.tooich-now-playing-modes button{flex:1;padding:6px 4px;border:1px solid #d6e4e1;border-radius:8px;background:#f7fbfa;color:#68827e;cursor:pointer;font:700 9px/1.1 inherit}.tooich-now-playing-modes button.active{border-color:#0e9384;background:#e8f7f3;color:#0b7568}.tooich-now-playing-actions button.active{background:#e8f7f3;color:#0b7568;box-shadow:inset 0 0 0 1px #0e93843d}.tooich-lyrics-settings{display:grid;gap:8px;padding-top:8px;border-top:1px solid #e6efed}.tooich-lyrics-settings-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.tooich-lyrics-settings-head strong{font:800 11px/1.2 inherit}.tooich-lyrics-settings-head span{overflow:hidden;color:#78908c;font:650 8px/1.2 inherit;text-overflow:ellipsis;white-space:nowrap}.tooich-lyrics-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.tooich-lyrics-mode-grid button,.tooich-lyrics-settings-row>button,.tooich-lyrics-offset button{min-height:28px;border:1px solid #d6e4e1;border-radius:8px;background:#f8fbfa;color:#607b76;cursor:pointer;font:750 9px/1.1 inherit}.tooich-lyrics-mode-grid button.active{border-color:#0e9384;background:#e5f6f2;color:#087b6e}.tooich-lyrics-mode-grid button:disabled{cursor:not-allowed;opacity:.42}.tooich-lyrics-settings-row{display:flex;align-items:center;gap:8px}.tooich-lyrics-settings-row>button{flex:1}.tooich-lyrics-settings-row label{display:inline-flex;align-items:center;gap:4px;color:#607b76;font:700 9px/1 inherit}.tooich-lyrics-settings-row input{accent-color:#0e9384}.tooich-lyrics-offset{display:grid;grid-template-columns:1fr .8fr 1fr;gap:4px}.tooich-lyrics-offset-range{width:100%;accent-color:#0e9384}.tooich-lyrics-view-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tooich-lyrics-view-options label{display:grid;gap:3px;color:#68827e;font:700 8px/1.2 inherit}.tooich-lyrics-view-options select{width:100%;min-height:28px;border:1px solid #d6e4e1;border-radius:8px;background:#f8fbfa;color:#365d58;font:700 9px/1 inherit}.tooich-lyrics-empty{margin:0;color:#738c87;font:650 9px/1.35 inherit}.tooich-lyrics-skeleton{display:grid;gap:4px;padding:2px 0}.tooich-lyrics-skeleton i{height:5px;border-radius:99px;background:linear-gradient(90deg,#edf4f2,#dcebe7,#edf4f2);background-size:180% 100%;animation:tooichLyricsSkeleton 1.4s ease-in-out infinite}.tooich-lyrics-skeleton i:nth-child(1){width:72%}.tooich-lyrics-skeleton i:nth-child(2){width:91%}.tooich-lyrics-skeleton i:nth-child(3){width:58%}.tooich-lyrics-transcript-toggle{min-height:29px;border:1px solid #d6e4e1;border-radius:8px;background:#fff;color:#0b7568;cursor:pointer;font:750 9px/1 inherit}.tooich-lyrics-transcript{max-height:130px;overflow:auto;padding:7px 9px;border-radius:8px;background:#f3f8f7;color:#4c6864;font:600 9px/1.45 inherit}.tooich-lyrics-transcript p{margin:0 0 5px}.tooich-lyrics-error{margin:0;color:#c34e48;font:650 9px/1.35 inherit}.tooich-lyrics-stage{position:fixed;z-index:74;right:clamp(18px,5vw,80px);bottom:clamp(24px,6vh,72px);left:max(280px,clamp(18px,5vw,80px));display:grid;min-height:128px;place-items:end center;pointer-events:none}.tooich-lyrics-stage.position-upper{top:clamp(112px,18vh,190px);bottom:auto;place-items:start center}.tooich-lyrics-stage-scrim{position:absolute;inset:-26px -8vw -22px;background:radial-gradient(ellipse at 50% 80%,rgba(8,42,48,.63) 0%,rgba(8,42,48,.28) 48%,transparent 76%);filter:blur(4px);opacity:.88}.tooich-lyrics-stage-content{position:relative;display:grid;width:min(760px,92%);justify-items:center;gap:5px;color:#fff;text-align:center;text-wrap:balance}.tooich-lyrics-line{margin:0}.tooich-lyrics-line.is-context{max-width:720px;color:#ffffff8f;font:650 clamp(12px,1.2vw,16px)/1.25 inherit;transform:scale(.96)}.tooich-lyrics-line.is-current{--line-progress: 0%;max-width:900px;background:linear-gradient(90deg,#7ff6d5 0 var(--line-progress),#fff var(--line-progress) 100%);background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(1,20,26,.72));animation:tooichLyricsLineIn .22s cubic-bezier(.2,.76,.3,1) both;font:820 var(--lyrics-font-size, 31px)/1.16 inherit;letter-spacing:-.025em;-webkit-background-clip:text}.tooich-lyrics-stage.mode-compact{min-height:72px;bottom:clamp(22px,4vh,48px)}.tooich-lyrics-stage.mode-compact .tooich-lyrics-stage-scrim{inset:-18px -5vw}.tooich-lyrics-stage.mode-compact .tooich-lyrics-line.is-current{font-size:var(--lyrics-compact-font-size, 23px)}.tooich-lyrics-translation{max-width:760px;margin:0;color:#f0fffbd1;font:650 clamp(12px,1.35vw,17px)/1.35 inherit}.tooich-lyrics-word{padding:2px 3px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;pointer-events:auto}.tooich-lyrics-word.is-timed{display:inline;color:#ffffff73;transition:color .12s ease,filter .12s ease}.tooich-lyrics-word.is-timed.is-active{color:#fff;filter:drop-shadow(0 1px 5px rgba(127,246,213,.5))}.tooich-lyrics-word.is-timed.is-sung{color:#7ff6d5}.tooich-lyrics-word:hover,.tooich-lyrics-word:focus-visible{outline:none;background:#7ff6d52e;box-shadow:0 0 0 1px #7ff6d575}.tooich-lyrics-word-card{position:fixed;z-index:76;right:clamp(18px,5vw,80px);bottom:clamp(168px,22vh,240px);display:grid;width:min(270px,calc(100vw - 32px));gap:5px;padding:13px 38px 13px 14px;border:1px solid rgba(14,147,132,.2);border-radius:15px;background:#fffffff5;box-shadow:0 14px 36px #0c2d362e;color:#16323f}.tooich-lyrics-word-card strong{color:#087b6e;font-size:16px}.tooich-lyrics-word-card>span{color:#76908b;font-size:10px}.tooich-lyrics-word-card p{margin:0;font:600 11px/1.4 inherit}.tooich-lyrics-word-card>button:not(.tooich-lyrics-word-close){justify-self:start;padding:7px 10px;border:0;border-radius:8px;background:#0e9384;color:#fff;cursor:pointer;font:750 10px/1 inherit}.tooich-lyrics-word-close{position:absolute;top:7px;right:8px;width:25px;height:25px;border:0;border-radius:50%;background:#eff6f4;color:#607b76;cursor:pointer}@media(max-width:899px){.tooich-lyrics-stage{right:14px;bottom:116px;left:14px;min-height:94px}.tooich-lyrics-stage-scrim{inset:-18px -20px}.tooich-lyrics-line.is-current{font-size:clamp(20px,7vw,29px)}.tooich-lyrics-line.is-context{display:none}.tooich-lyrics-stage.position-upper{top:92px}.tooich-lyrics-word-card{right:14px;bottom:236px}}@media(prefers-reduced-motion:reduce){.tooich-lyrics-line,.tooich-lyrics-skeleton i,.tooich-lyrics-word{transition:none!important}.tooich-lyrics-line,.tooich-lyrics-skeleton i{animation:none!important}}@keyframes tooichLyricsLineIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes tooichLyricsSkeleton{0%,to{background-position:100% 0;opacity:.68}50%{background-position:0 0;opacity:1}}.tooich-mascot[data-face-eyes=wide] .tooich-mascot-eye ellipse{rx:7.5px;ry:9.5px}.tooich-mascot[data-face-eyes=half-closed] .tooich-mascot-eye{transform:scaleY(.48)}.tooich-mascot[data-face-eyes=closed-happy] .tooich-mascot-eye{transform:scaleY(.16)}.tooich-mascot[data-face-eyes=closed-sleepy] .tooich-mascot-eye{transform:scaleY(.12)}.tooich-mascot[data-face-eyes=focused] .tooich-mascot-eye ellipse{ry:6px}.tooich-mascot[data-face-eyes=worried] .tooich-mascot-eye{transform:scaleY(.74)}.tooich-mascot[data-face-eyes=dizzy] .tooich-mascot-eye circle{animation:tooichDizzyEyes .38s linear infinite}.tooich-mascot[data-face-eyes=glance-side] .tooich-mascot-eye circle{transform:translate(2px)}.tooich-mascot[data-face-eyes=glance-up] .tooich-mascot-eye circle{transform:translateY(-2px)}.tooich-mascot[data-face-eyes=wink-left] .tooich-mascot-eye:first-of-type,.tooich-mascot[data-face-eyes=wink-right] .tooich-mascot-eye:last-of-type{transform:scaleY(.12)}.tooich-mascot[data-face-brows=raised] .tooich-mascot-brows{transform:translateY(-2px)}.tooich-mascot[data-face-brows=curious-asymmetric] .tooich-mascot-brows .left{transform:rotate(-9deg) translateY(-2px)}.tooich-mascot[data-face-brows=curious-asymmetric] .tooich-mascot-brows .right{transform:rotate(7deg)}.tooich-mascot[data-face-brows=focused] .tooich-mascot-brows path{opacity:.9}.tooich-mascot[data-face-brows=worried] .tooich-mascot-brows .left{transform:rotate(13deg)}.tooich-mascot[data-face-brows=worried] .tooich-mascot-brows .right{transform:rotate(-13deg)}.tooich-mascot[data-face-brows=sad] .tooich-mascot-brows{opacity:.72;transform:translateY(1px)}.tooich-mascot[data-face-brows=mildly-angry] .tooich-mascot-brows .left{transform:rotate(-15deg)}.tooich-mascot[data-face-brows=mildly-angry] .tooich-mascot-brows .right{transform:rotate(15deg)}.tooich-mascot-mouth-grin,.tooich-mascot-mouth-determined,.tooich-mascot-mouth-pout,.tooich-mascot-mouth-nervous{display:none;fill:none;stroke:#16323f;stroke-width:2.5;stroke-linecap:round}.tooich-mascot[data-face-mouth=grin] .tooich-mascot-smile,.tooich-mascot[data-face-mouth=big-smile] .tooich-mascot-smile{display:none}.tooich-mascot[data-face-mouth=grin] .tooich-mascot-mouth-grin,.tooich-mascot[data-face-mouth=determined] .tooich-mascot-mouth-determined,.tooich-mascot[data-face-mouth=pout] .tooich-mascot-mouth-pout,.tooich-mascot[data-face-mouth=nervous-smile] .tooich-mascot-mouth-nervous,.tooich-mascot[data-face-mouth=open-laugh] .tooich-mascot-mouth-o,.tooich-mascot[data-face-mouth=small-o] .tooich-mascot-mouth-o,.tooich-mascot[data-face-mouth=surprised-o] .tooich-mascot-mouth-o{display:block}.tooich-mascot[data-face-mouth=flat] .tooich-mascot-smile,.tooich-mascot[data-face-mouth=sleepy] .tooich-mascot-smile,.tooich-mascot[data-face-mouth=frown] .tooich-mascot-smile{display:none}.tooich-mascot[data-face-mouth=sleepy] .tooich-mascot-mouth-sleep,.tooich-mascot[data-face-mouth=frown] .tooich-mascot-mouth-frown{display:block}.tooich-mascot[data-face-effects~=blush] .tooich-mascot-cheek,.tooich-mascot[data-face-effects~=sweat] .tooich-mascot-sweat,.tooich-mascot[data-face-effects~=tear] .tooich-mascot-tear{opacity:1}.tooich-mascot-face-effects{opacity:0;pointer-events:none}.tooich-mascot-face-effects path{fill:none;stroke:#0e9384;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tooich-mascot[data-face-effects~=question] .face-effect-question,.tooich-mascot[data-face-effects~=heart] .face-effect-heart,.tooich-mascot[data-face-effects~=sparkle] .face-effect-sparkle{opacity:1}.tooich-mascot[data-face-effects~=heart] .face-effect-heart{stroke:#ef7d6b}.tooich-mascot[data-face-effects~=sparkle] .face-effect-sparkle{stroke:#f0a81c}.tooich-mascot.pose-idle-breathe .tooich-mascot-float{animation:tooichMascotFloat 3.2s ease-in-out infinite}.tooich-mascot.pose-look-around .tooich-mascot-face-rig{animation:tooichMascotLookAround 1s ease-in-out;transform-origin:center}.tooich-mascot.pose-tilt-head .tooich-mascot-face-rig{animation:tooichMascotTilt .9s ease-in-out;transform-origin:center}.tooich-mascot.pose-nod .tooich-mascot-face-rig{animation:tooichMascotNod .65s ease-out;transform-origin:center}.tooich-mascot.pose-listen .tooich-mascot-antenna{animation:tooichAntenna .8s ease-in-out alternate infinite}.tooich-mascot.pose-comfort .tooich-mascot-float{animation:tooichMascotComfort 1.1s ease-in-out}.tooich-mascot.pose-celebrate .tooich-mascot-sparks i{animation:tooichSpark .85s ease-out 2}.tooich-mascot[data-gaze=content] .tooich-mascot-eye circle{transform:translate(-1px) translateY(1px)}.tooich-mascot[data-gaze=progress] .tooich-mascot-eye circle{transform:translateY(-1px)}.tooich-mascot[data-gaze=music-player] .tooich-mascot-eye circle{transform:translate(1.5px) translateY(1px)}.tooich-mini-activity-modes{margin-top:5px}.tooich-mini-background-modes{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr));align-items:center;gap:4px}.tooich-mini-background-modes>span{color:#607b77;font-size:9px;font-weight:800}.tooich-mini-background-modes>button{min-width:0;padding:6px 3px;border:1px solid #d5e2df;border-radius:8px;background:#f7fbfa;color:#6a817e;cursor:pointer;font:750 8.5px/1.1 inherit}.tooich-mini-background-modes>button.active{border-color:#0e9384;background:#e8f7f3;color:#0b7568}@keyframes tooichMascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tooichMascotLookAround{0%,to{transform:translate(0)}45%{transform:translate(3px)}}@keyframes tooichMascotTilt{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes tooichMascotNod{0%,to{transform:translateY(0)}45%{transform:translateY(2px)}}@keyframes tooichMascotComfort{0%,to{transform:translateY(0)}45%{transform:translateY(2px) scale(.99)}}@media(prefers-reduced-motion:reduce){.tooich-mascot.pose-idle-breathe .tooich-mascot-float,.tooich-mascot.pose-look-around .tooich-mascot-face-rig,.tooich-mascot.pose-tilt-head .tooich-mascot-face-rig,.tooich-mascot.pose-nod .tooich-mascot-face-rig,.tooich-mascot.pose-listen .tooich-mascot-antenna,.tooich-mascot.pose-comfort .tooich-mascot-float{animation:none}}body.has-tooich-music-bg .app-main{z-index:auto;isolation:isolate;background:transparent!important}body.has-tooich-music-bg{background:#e9f6f2!important}body.has-tooich-music-bg #root{position:relative;z-index:1}body.has-tooich-music-bg .app-frame{background:transparent!important}body.has-tooich-music-bg .tooich-music-media-layer.is-background{z-index:0}body.has-tooich-music-bg main.content,body.has-tooich-music-bg .page-transition{position:relative;z-index:2}body.has-tooich-music-bg .app-sidebar,body.has-tooich-music-bg .app-header,body.has-tooich-music-bg .sidebar,body.has-tooich-music-bg .mobile-bottom-nav{position:relative;z-index:4}body.has-tooich-music-bg .tooich-music-media-layer.is-background:before{background:linear-gradient(125deg,#0e93841f,#ebfaf629 46%,#f6b83f0f);mix-blend-mode:color}body.has-tooich-music-bg .tooich-music-media-layer.is-background:after{background:linear-gradient(180deg,#e9f6f229,#e9f6f208 45%,#e9f6f233)}body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.64;filter:blur(50px) saturate(.88) brightness(.88) contrast(1.05)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.74;filter:blur(14px) saturate(.96) brightness(.88) contrast(1.06)}.tooich-music-player>.tooich-now-playing-capsule{position:absolute;right:0;bottom:calc(100% + 10px)}@media(max-width:899px){body.has-tooich-music-bg .tooich-music-media-layer.mode-glow .tooich-music-frame.is-background{opacity:.44;filter:blur(38px) saturate(.8) brightness(.86)}body.has-tooich-music-bg .tooich-music-media-layer.mode-video .tooich-music-frame.is-background{opacity:.55;filter:blur(14px) saturate(.88) brightness(.84)}}.tooich-music-disc-button{position:relative}.tooich-disc-duck-indicator{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#0e9384;color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg-surface, #1e293b);animation:tooichDuckPulse 1.6s ease-in-out infinite;pointer-events:none}@keyframes tooichDuckPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}.tooich-now-playing-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tooich-ducking-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;color:#2dd4bf;background:#0e938429;padding:2px 6px;border-radius:4px;border:1px solid rgba(45,212,191,.25);width:fit-content;white-space:nowrap}.tooich-ducking-settings{padding:10px 12px;background:#0f172af2;border:1px solid rgba(148,163,184,.15);border-radius:8px;margin-top:8px;display:flex;flex-direction:column;gap:8px;font-size:.8rem}.tooich-ducking-settings-head{display:flex;justify-content:space-between;align-items:center;color:#e2e8f0}.tooich-ducking-settings-head strong{font-weight:600;color:#f1f5f9}.tooich-ducking-settings-head span{font-size:.72rem;color:#94a3b8}.tooich-ducking-hint{font-size:.72rem;color:#94a3b8;margin:0;line-height:1.35}.tooich-ducking-mode-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.tooich-ducking-mode-grid button{padding:5px 4px;border-radius:6px;border:1px solid rgba(148,163,184,.2);background:#1e293b99;color:#cbd5e1;font-size:.72rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-align:center}.tooich-ducking-mode-grid button:hover{background:#334155cc;color:#f8fafc}.tooich-ducking-mode-grid button.active{background:#0e9384;border-color:#14b8a6;color:#fff;font-weight:600}.tooich-ducking-slider-row{display:flex;flex-direction:column;gap:6px;margin-top:4px}.tooich-ducking-slider-header{display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;font-size:.75rem}.tooich-ducking-slider-header strong{color:#2dd4bf;font-weight:600;font-size:.78rem}.tooich-ducking-slider-row input[type=range]{width:100%;accent-color:#0e9384;height:5px;cursor:pointer;margin:0}.tooich-music-player.is-ducked .tooich-vinyl{animation-duration:3.5s!important;opacity:.85}.tooich-mascot.is-practice-companion .tooich-mascot-button{transform:scale(.92);transform-origin:bottom right}body.has-tooich-music-bg,body.has-tooich-music-bg .app-frame,body.has-tooich-music-bg .app-main,body.has-tooich-music-bg .exam-app-main,body.has-tooich-music-bg .content,body.has-tooich-music-bg .exam-content,body.has-tooich-music-bg .page-transition,body.has-tooich-music-bg .toeic-multipart-session,body.has-tooich-music-bg .toeic-protected-session-wrapper,body.has-tooich-music-bg .toeic-protected-session,body.has-tooich-music-bg .toeic-exam-screen,body.has-tooich-music-bg .p1-screen,body.has-tooich-music-bg .p1-body,body.has-tooich-music-bg .trainer-screen,body.has-tooich-music-bg .dictation-screen,body.has-tooich-music-bg .speaking-screen,body.has-tooich-music-bg .learning-session-shell,body.has-tooich-music-bg .toeic-session-container{background-color:transparent!important;background-image:none!important}body.has-tooich-music-bg .part-session-bar,body.has-tooich-music-bg .p1-header,body.has-tooich-music-bg .trainer-header,body.has-tooich-music-bg .toeic-exam-header{background:#ffffff85!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(14,147,132,.15)!important}body.has-tooich-music-bg .part-session-tabs button{background:#ffffff80!important;border-color:#0e938429!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.has-tooich-music-bg .part-session-tabs button.is-active{background:var(--primary-light)!important;border-color:var(--primary)!important}body.has-tooich-music-bg .p1-q-counter,body.has-tooich-music-bg .p1-back-btn,body.has-tooich-music-bg .p1-mode-pill,body.has-tooich-music-bg .p1-lang-pill{background:#ffffffa6!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#0e938433!important}body.has-tooich-music-bg .p1-left,body.has-tooich-music-bg .toeic-listening-panel{background:#eef7f461!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(14,147,132,.15)!important}body.has-tooich-music-bg .p1-left-scroll{background:transparent!important}body.has-tooich-music-bg .p1-right,body.has-tooich-music-bg .toeic-question-panel{background:#f7fbfa47!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body.has-tooich-music-bg .p1-scroll,body.has-tooich-music-bg .toeic-question-scroll{background:transparent!important}body.has-tooich-music-bg .p1-photo-stage,body.has-tooich-music-bg .toeic-photo-stage,body.has-tooich-music-bg .toeic-media-stage{background:#ffffff61!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(14,147,132,.18)!important;box-shadow:0 10px 30px #0e93840f!important}body.has-tooich-music-bg .p1-photo-stage.is-playing{border-color:var(--primary-border)!important;box-shadow:0 0 0 4px #0e938426,0 10px 30px #0e93841f!important}body.has-tooich-music-bg .p2-orb-core{background:#0e93841f!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#0e93844d!important}body.has-tooich-music-bg .p2-orb-hint{color:var(--text-secondary)!important;font-weight:var(--weight-semibold)!important}body.has-tooich-music-bg .p1-audio-row,body.has-tooich-music-bg .toeic-audio-card{background:#ffffff94!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(14,147,132,.16)!important}body.has-tooich-music-bg .p1-actions,body.has-tooich-music-bg .p1-left-actions,body.has-tooich-music-bg .toeic-question-actions{background:#ffffff85!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(14,147,132,.15)!important}body.has-tooich-music-bg .p1-nav-btn{background:#ffffffa6!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#0e938433!important}body.has-tooich-music-bg .toeic-passage,body.has-tooich-music-bg .part7-passage-panel,body.has-tooich-music-bg .part7-questions-panel,body.has-tooich-music-bg .part7-question-card,body.has-tooich-music-bg .toeic-protected-passage,body.has-tooich-music-bg .toeic-protected-item__content-stage{background:#ffffff6b!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(14,147,132,.16)!important}body.has-tooich-music-bg .p1-explanation,body.has-tooich-music-bg .toeic-explanation,body.has-tooich-music-bg .p1-phrases{background:#ffffffb8!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}[data-theme=dark] body.has-tooich-music-bg .part-session-bar,.dark body.has-tooich-music-bg .part-session-bar,:root[data-tooich-shop-theme=night] body.has-tooich-music-bg .part-session-bar,[data-theme=dark] body.has-tooich-music-bg .p1-header,.dark body.has-tooich-music-bg .p1-header,[data-theme=dark] body.has-tooich-music-bg .trainer-header,.dark body.has-tooich-music-bg .trainer-header,[data-theme=dark] body.has-tooich-music-bg .toeic-exam-header,.dark body.has-tooich-music-bg .toeic-exam-header{background:#0f172aa6!important;border-bottom-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .part-session-tabs button,.dark body.has-tooich-music-bg .part-session-tabs button{background:#1e293b99!important;border-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .p1-q-counter,.dark body.has-tooich-music-bg .p1-q-counter,[data-theme=dark] body.has-tooich-music-bg .p1-back-btn,.dark body.has-tooich-music-bg .p1-back-btn,[data-theme=dark] body.has-tooich-music-bg .p1-mode-pill,.dark body.has-tooich-music-bg .p1-mode-pill,[data-theme=dark] body.has-tooich-music-bg .p1-lang-pill,.dark body.has-tooich-music-bg .p1-lang-pill{background:#1e293ba6!important;border-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .p1-left,.dark body.has-tooich-music-bg .p1-left,[data-theme=dark] body.has-tooich-music-bg .toeic-listening-panel,.dark body.has-tooich-music-bg .toeic-listening-panel{background:#0f172a85!important;border-right-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .p1-right,.dark body.has-tooich-music-bg .p1-right,[data-theme=dark] body.has-tooich-music-bg .toeic-question-panel,.dark body.has-tooich-music-bg .toeic-question-panel{background:#0f172a61!important}[data-theme=dark] body.has-tooich-music-bg .p1-photo-stage,.dark body.has-tooich-music-bg .p1-photo-stage,[data-theme=dark] body.has-tooich-music-bg .toeic-photo-stage,.dark body.has-tooich-music-bg .toeic-photo-stage,[data-theme=dark] body.has-tooich-music-bg .toeic-media-stage,.dark body.has-tooich-music-bg .toeic-media-stage{background:#0f172a73!important;border-color:#0e938440!important;box-shadow:0 10px 30px #00000059!important}[data-theme=dark] body.has-tooich-music-bg .p2-orb-core,.dark body.has-tooich-music-bg .p2-orb-core{background:#0e93842e!important;border-color:#0e938466!important}[data-theme=dark] body.has-tooich-music-bg .p1-audio-row,.dark body.has-tooich-music-bg .p1-audio-row,[data-theme=dark] body.has-tooich-music-bg .toeic-audio-card,.dark body.has-tooich-music-bg .toeic-audio-card{background:#0f172a99!important;border-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .p1-actions,.dark body.has-tooich-music-bg .p1-actions,[data-theme=dark] body.has-tooich-music-bg .p1-left-actions,.dark body.has-tooich-music-bg .p1-left-actions,[data-theme=dark] body.has-tooich-music-bg .toeic-question-actions,.dark body.has-tooich-music-bg .toeic-question-actions{background:#0f172aa6!important;border-top-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .p1-nav-btn,.dark body.has-tooich-music-bg .p1-nav-btn{background:#1e293ba6!important;border-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .toeic-passage,.dark body.has-tooich-music-bg .toeic-passage,[data-theme=dark] body.has-tooich-music-bg .part7-passage-panel,.dark body.has-tooich-music-bg .part7-passage-panel,[data-theme=dark] body.has-tooich-music-bg .part7-questions-panel,.dark body.has-tooich-music-bg .part7-questions-panel,[data-theme=dark] body.has-tooich-music-bg .part7-question-card,.dark body.has-tooich-music-bg .part7-question-card,[data-theme=dark] body.has-tooich-music-bg .toeic-protected-passage,.dark body.has-tooich-music-bg .toeic-protected-passage,[data-theme=dark] body.has-tooich-music-bg .toeic-protected-item__content-stage,.dark body.has-tooich-music-bg .toeic-protected-item__content-stage{background:#0f172a80!important;border-color:#0e938440!important}[data-theme=dark] body.has-tooich-music-bg .p1-explanation,.dark body.has-tooich-music-bg .p1-explanation,[data-theme=dark] body.has-tooich-music-bg .toeic-explanation,.dark body.has-tooich-music-bg .toeic-explanation,[data-theme=dark] body.has-tooich-music-bg .p1-phrases,.dark body.has-tooich-music-bg .p1-phrases{background:#0f172ab8!important}:is(:root[data-shop-mascot=scholar] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=scholar] .tooich-mascot-float):before{content:"";position:absolute;z-index:4;top:10px;left:15px;width:50px;height:12px;background:#263b51;border:2px solid #16323f;transform:rotate(-8deg);border-radius:2px}:is(:root[data-shop-mascot=scholar] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=scholar] .tooich-mascot-float):after{content:"";position:absolute;z-index:5;top:17px;right:12px;width:3px;height:22px;background:#d7ad57;border-radius:2px}:is(:root[data-shop-mascot=night] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=night] .tooich-mascot-float):before{content:"";position:absolute;z-index:4;top:7px;left:22px;width:33px;height:26px;background:#526297;border:2px solid #16323f;border-radius:80% 10% 12% 12%;transform:rotate(15deg)}:is(:root[data-shop-mascot=night] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=night] .tooich-mascot-float):after{content:"";position:absolute;z-index:5;top:4px;right:13px;width:9px;height:9px;background:#e9d6a0;border-radius:50%}:is(:root[data-shop-mascot=crown] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=crown] .tooich-mascot-float):before{content:"";position:absolute;z-index:4;top:5px;left:23px;width:30px;height:20px;transform:rotate(-6deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='M2.5 17.5 3.5 5l6 6 5.5-9 5.5 9 6-6 1 12.5Z' fill='%23f4b63f' stroke='%2316323f' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='15' cy='13' r='2.6' fill='%230e9384' stroke='%2316323f' stroke-width='1.2'/%3E%3C/svg%3E") center / contain no-repeat}:is(:root[data-shop-mascot=headphones] .tooich-mascot-float:not(.shop-item-preview *),.shop-item-preview[data-shop-mascot=headphones] .tooich-mascot-float):before{content:"";position:absolute;z-index:4;top:13px;left:9px;width:58px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 48'%3E%3Cpath d='M7 32C7 4 51 4 51 32' fill='none' stroke='%2316323f' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M7 32C7 4 51 4 51 32' fill='none' stroke='%230e9384' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='1.5' y='25' width='11' height='20' rx='5' fill='%230e9384' stroke='%2316323f' stroke-width='2.5'/%3E%3Crect x='45.5' y='25' width='11' height='20' rx='5' fill='%230e9384' stroke='%2316323f' stroke-width='2.5'/%3E%3C/svg%3E") center / contain no-repeat}.guided-tour{position:fixed;inset:0;z-index:30000;isolation:isolate;touch-action:none}.guided-tour-first-visit{display:grid;place-items:center;padding:16px;box-sizing:border-box}.guided-tour-prompt-shade{position:absolute;inset:0;background:#07141e85;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.guided-tour-prompt{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:24px 24px 20px;color:#edf8f7;text-align:center;background:linear-gradient(155deg,#123b42,#102b32 72%);border:1px solid #6ee7d566;border-radius:28px;box-shadow:0 24px 90px #0009;animation:tourPromptAppear .24s cubic-bezier(.18,.9,.24,1.12)}.guided-tour-prompt-mascot{width:106px;height:132px;margin:-70px auto 6px;filter:drop-shadow(0 10px 16px #0005)}.guided-tour-prompt h2{margin:5px 0 10px;color:#f2fbf9;font-size:24px;line-height:1.2;letter-spacing:-.025em}.guided-tour-prompt p{margin:0 auto;max-width:350px;color:#c1d9d6;font-size:14px;line-height:1.65}.guided-tour-prompt-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.guided-tour-prompt-actions button{min-width:128px}.guided-tour-prompt-later{color:#dbe8eb;background:#29474d}.guided-tour-prompt-accept{color:#082c2a;background:#83e4cc;box-shadow:0 8px 22px #83e4cc33}.guided-tour-prompt-disable-all{display:block;margin:12px auto 0;min-height:auto;padding:4px 6px;background:transparent;color:#8fb6b1;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.guided-tour-prompt-disable-all:hover{color:#c1d9d6}.guided-tour-shade{position:absolute;inset:0;pointer-events:none}@property --tour-hue-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.guided-tour-spotlight{position:fixed;border-radius:14px;pointer-events:none;box-sizing:border-box;filter:drop-shadow(0 0 5px #8b5cf6aa) drop-shadow(0 0 10px #38bdf866)}.guided-tour-spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:conic-gradient(from var(--tour-hue-angle),#ff526e,#ff9e42,#ffe769,#63e69d,#46caff,#6478ff,#c46cff,#ff526e);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:tourRainbow 5s linear infinite}.guided-tour-page-glow{inset:5px;border-radius:22px}.guided-tour-page-glow:before{padding:4px}.guided-tour-controller{position:fixed;display:flex;flex-direction:column;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);outline:none;color:#edf8f7;font-family:var(--font-sans, sans-serif)}.guided-tour-controller.is-narrated{width:min(246px,calc(100vw - 24px));transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1)}.guided-tour-controller.is-narrated.is-expanded{width:min(390px,calc(100vw - 24px));transition:none}.guided-tour-card{display:flex;flex-direction:column;min-height:0;width:100%;max-height:calc(100dvh - 24px);box-sizing:border-box;color:#edf8f7;background:#102b32;border:1px solid #6ee7d54d;border-radius:22px;box-shadow:0 24px 80px #0007;overflow:hidden;touch-action:pan-y;outline:none;animation:tourAppear .18s ease-out}.guided-tour-card[hidden]{display:none}.guided-tour-companion{position:relative;display:flex;align-items:center;gap:10px;min-height:115px;flex-shrink:0;filter:drop-shadow(0 8px 12px #0003)}.guided-tour .guided-tour-mascot{flex-shrink:0;width:88px;height:112px;padding:0 4px 12px;background:transparent;border-radius:38px;position:relative}.guided-tour-mascot-hint{position:absolute;bottom:0;left:8px;right:8px;border-radius:16px;padding:3px;background:#102b32;color:#9cf4df;font-size:10px;border:1px solid #7fdfc955}.guided-tour-caption{border-radius:13px;padding:8px 12px;background:#102b32f5;border:1px solid #9bf9e033;min-width:0;margin-right:14px;box-shadow:0 6px 18px #0002}.guided-tour-caption span{font-size:10px;color:#91dccb}.guided-tour-caption strong{display:block;font-size:12px;line-height:1.4;margin-top:3px}.guided-tour .guided-tour-exit{position:absolute;right:0;top:0;width:34px;min-height:34px;padding:0;border-radius:50%;color:#eafff9;background:#102b32;font-size:20px}.is-narrated .guided-tour-narration{flex-shrink:0;margin-top:6px;padding:7px;border-radius:16px;background:#102b32f5;box-shadow:0 8px 25px #0002}.is-narrated:not(.is-expanded) .guided-tour-listen{width:100%;justify-content:center}.is-narrated:not(.is-expanded) .guided-tour-voice{display:none}.guided-tour-compact-warning{padding:6px 9px;margin-top:5px;border-radius:10px;color:#f2d9a9;background:#102b32f5;font-size:11px}.is-speaking .guided-tour-mascot .tooich-mascot-svg{animation:tourMascotFloat 2s ease-in-out infinite}body:has(.guided-tour[data-narrated=true]) .tooich-mascot{filter:opacity(0);pointer-events:none}.guided-tour[data-focus-companion=true] .guided-tour-controller{transition:none}.guided-tour[data-focus-companion=true] .guided-tour-mascot .tooich-mascot-svg{animation:none}@keyframes tourRainbow{to{--tour-hue-angle: 360deg}}@keyframes tourMascotFloat{50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes tourPromptAppear{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.guided-tour-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #ffffff14;flex-shrink:0}.guided-tour-avatar{width:56px;height:64px;flex-shrink:0}.guided-tour-head strong{display:block;font-size:14px;line-height:1.4}.guided-tour-eyebrow{display:block;color:#81dacf;font-size:10px;letter-spacing:.13em;margin-bottom:4px;font-weight:750}.guided-tour button{font:inherit;cursor:pointer;border:0;min-height:42px;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.guided-tour button:focus-visible,.guided-tour-launch:focus-visible{outline:3px solid #f6cc69;outline-offset:-3px}.guided-tour button:disabled{opacity:.35;cursor:default}.guided-tour .guided-tour-close{margin-left:auto;color:#b1cfcb;background:transparent;font-size:24px;min-width:40px;padding:4px}.guided-tour-copy{padding:18px 22px;overflow-y:auto;overscroll-behavior:contain}.guided-tour-progress{color:#88c9bf;font-size:11px;font-weight:700}.guided-tour-copy h2{color:#f2fbf9;margin:8px 0;font-size:21px;line-height:1.25;letter-spacing:-.02em}.guided-tour-copy p{margin:0;color:#c1d9d6;font-size:14px;line-height:1.65}.guided-tour-narration{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;padding:10px;border:1px solid #83e4cc33;border-radius:12px;background:#071f244d}.guided-tour-narration audio{display:none}.guided-tour .guided-tour-listen{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:#082c2a;background:#83e4cc}.guided-tour-listen>span{display:inline-grid;place-items:center;width:17px;font-size:11px}.guided-tour-voice{color:#a8c9c5;font-size:11px;line-height:1.4}.guided-tour-audio-error{flex-basis:100%;color:#f2c58a;font-size:11px;line-height:1.45}.guided-tour-copy .guided-tour-missing{margin-top:12px;padding:10px;border-radius:8px;background:#ffffff0a;color:#e5ca92;font-size:12px}.guided-tour-actions{display:flex;flex-shrink:0;align-items:center;gap:6px;padding:12px 16px;border-top:1px solid #ffffff14}.guided-tour-skip{margin-right:auto;color:#b5ccca;background:transparent}.guided-tour-back{color:#dbe8eb;background:#29474d}.guided-tour-next{color:#082c2a;background:#83e4cc}.guided-tour-launch{position:fixed;left:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:85;display:flex;align-items:center;gap:7px;border:1px solid #8ce4d255;border-radius:24px;padding:7px 13px 7px 8px;min-height:42px;color:#e9fff9;background:#164039;box-shadow:0 4px 15px #0002;cursor:pointer;font:650 12px var(--font-sans, sans-serif)}.guided-tour-launch{z-index:250}.guided-tour-launch>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#123c32;background:#83e4cc;font-size:16px;font-weight:800}@keyframes tourAppear{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(max-width:720px){.guided-tour-prompt{padding:20px 18px 16px;border-radius:22px}.guided-tour-prompt-mascot{width:88px;height:110px;margin-top:-58px}.guided-tour-prompt h2{font-size:20px}.guided-tour-prompt p{font-size:13px}.guided-tour-prompt-actions button{min-width:0;flex:1}.guided-tour-card{max-height:min(440px,calc(100dvh - 24px));border-radius:17px}.guided-tour-head{padding:9px 12px}.guided-tour-avatar{width:43px;height:49px}.guided-tour-copy{padding:14px 16px}.guided-tour-copy h2{font-size:18px}.guided-tour-copy p{font-size:13px}.guided-tour-actions{padding:10px}}@media(prefers-reduced-motion:reduce){.guided-tour-card,.guided-tour-prompt,.guided-tour-spotlight:before,.is-speaking .guided-tour-mascot .tooich-mascot-svg{animation:none}.guided-tour-controller.is-narrated{transition:none}}.learning-session-shell{--learning-session-max-width: 1320px;--learning-session-gutter: clamp(16px, 3vw, 40px);--learning-session-header-height: 76px;min-height:100dvh;display:flex;flex-direction:column;color:var(--text);background:var(--bg)}.learning-session-shell__header{position:sticky;top:0;z-index:var(--z-sticky);flex:0 0 auto;background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.learning-session-shell__header-inner{width:min(100%,var(--learning-session-max-width));min-height:var(--learning-session-header-height);margin:0 auto;padding:12px var(--learning-session-gutter);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.learning-session-shell__identity,.learning-session-shell__header-meta,.learning-session-shell__back,.learning-session-shell__header-actions{display:flex;align-items:center}.learning-session-shell__identity{min-width:0;gap:var(--space-4)}.learning-session-shell__back{flex:0 0 auto;gap:var(--space-2);min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--surface);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.learning-session-shell__back:hover,.learning-session-shell__back:focus-visible{color:var(--primary-text);border-color:var(--primary);background:var(--primary-light)}.learning-session-shell__back:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent);outline-offset:2px}.learning-session-shell__titles{min-width:0}.learning-session-shell__eyebrow{overflow:hidden;color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.learning-session-shell__title{margin:2px 0 0;overflow:hidden;color:var(--text);font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.learning-session-shell__subtitle{margin:4px 0 0;overflow:hidden;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.learning-session-shell__header-meta{flex:0 0 auto;justify-content:flex-end;gap:var(--space-3)}.learning-session-shell__progress-copy{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-subtle);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.learning-session-shell__header-actions{gap:var(--space-2)}.learning-session-shell__progress{width:100%;height:4px;overflow:hidden;background:var(--bg-subtle)}.learning-session-shell__progress-fill{height:100%;border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--gradient-primary);transition:width var(--transition-base)}.learning-session-shell__body{width:min(100%,var(--learning-session-max-width));flex:1 1 auto;min-height:0;margin:0 auto;padding:clamp(20px,3vw,36px) var(--learning-session-gutter);box-sizing:border-box;display:flex;flex-direction:column}.learning-session-shell__content{min-width:0;flex:1 1 auto}.learning-session-shell__feedback{flex:0 0 auto;margin-top:var(--space-4)}.learning-session-shell__footer{position:sticky;bottom:0;z-index:calc(var(--z-sticky) - 1);flex:0 0 auto;padding:12px max(var(--learning-session-gutter),env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 -8px 24px color-mix(in srgb,var(--text) 6%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.learning-session-shell__footer>*{width:min(100%,var(--learning-session-max-width));margin:0 auto}.learning-session-shell__state{width:min(100%,640px);min-height:240px;margin:auto;padding:var(--space-8);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center}.learning-session-shell__state--loading{color:var(--text-muted)}.learning-session-shell__state--error{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-10, 40px);padding-bottom:var(--space-10, 40px);text-align:center}.learning-session-shell__state--error .learning-session-shell__state-icon{width:44px;height:44px}.learning-session-shell__state--error .learning-session-shell__state-copy{width:min(100%,440px)}.learning-session-shell__state--error .learning-session-shell__state-copy h2{font-size:var(--text-xl)}.learning-session-shell__state--error .learning-session-shell__state-actions{justify-content:center;margin-top:var(--space-5)}.learning-session-shell__state-icon{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--danger-text);background:var(--danger-light);font-weight:var(--weight-bold)}.learning-session-shell__state-copy{min-width:0}.learning-session-shell__state-copy h2{margin:0;color:var(--text);font-size:var(--text-lg)}.learning-session-shell__state-copy p{margin:var(--space-2) 0 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.learning-session-shell__state-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.learning-session-shell__spinner{width:20px;height:20px;flex:0 0 auto;border:2px solid var(--primary-border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:learning-session-shell-spin .8s linear infinite}@keyframes learning-session-shell-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.learning-session-shell__progress-fill,.learning-session-shell__spinner{animation:none;transition:none}}@media(max-width:720px){.learning-session-shell__header-inner{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.learning-session-shell__identity,.learning-session-shell__header-meta{width:100%}.learning-session-shell__identity{gap:10px}.learning-session-shell__back{width:40px;height:40px;min-height:40px;padding:0;justify-content:center}.learning-session-shell__back-label{display:none}.learning-session-shell__header-meta{justify-content:space-between}.learning-session-shell__title,.learning-session-shell__subtitle{white-space:normal}.learning-session-shell__footer{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.learning-session-shell__state{min-height:200px;padding:var(--space-6)}}.hub{display:flex;flex-direction:column;gap:var(--space-6)}.hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.hub-head-main{display:flex;align-items:flex-start;gap:16px;flex:1}.hub-head-text :is(h1,h2){font-size:24px;font-weight:700;letter-spacing:-.015em;color:var(--text);margin-bottom:4px;line-height:1.2}.hub-head-text p{font-size:13.5px;color:var(--text-muted);max-width:62ch;line-height:1.5}.hub-head-side{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.hub-select-group{display:flex;flex-direction:column;gap:2px}.hub-select-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.hub-select{appearance:none;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.hub-select:hover{border-color:var(--border-hover)}.hub-select:focus{outline:2px solid var(--primary-border);outline-offset:1px}.hub-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.chip:hover{border-color:var(--border-hover);background:var(--surface-2)}.chip.active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.chip small{font-size:var(--text-xs);color:var(--text-muted)}.chip.active small{color:var(--primary-text)}.hub-section{display:flex;flex-direction:column;gap:var(--space-3)}.hub-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hub-section-head h3{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.005em}.hub-section-head small{font-size:12px;color:var(--text-muted)}.hub-section-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--primary-text);text-decoration:none}.hub-section-link:hover{color:var(--primary-hover)}.count-badge{display:inline-flex;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;letter-spacing:.01em}.hub-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.hub-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);transition:background .12s ease}.hub-row+.hub-row{border-top:1px solid var(--border-light, #edf2f7)}a.hub-row,button.hub-row{text-decoration:none;color:inherit;border:0;font:inherit;text-align:left;width:100%;cursor:pointer}a.hub-row:hover,button.hub-row:hover{background:var(--surface-2);color:inherit}.hub-row.hub-row-check{cursor:pointer;transition:background var(--transition-fast);font:inherit;text-align:left;text-decoration:none;color:inherit;border:none;padding:var(--space-4);width:100%}.hub-row.hub-row-check:hover{background:var(--surface-2)}.hub-row.hub-row-check .hub-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--surface);color:transparent;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hub-row.hub-row-check.checked .hub-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.hub-row.hub-row-check.checked{background:var(--primary-light)}.hub-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.hub-row-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.hub-row-title strong{font-size:14.5px;font-weight:600;color:var(--text);letter-spacing:-.005em}.hub-row-main small{font-size:12px;color:var(--text-muted);line-height:1.4}.pvp-room-dialog{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.pvp-room-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pvp-room-actions{display:flex;gap:8px}.pvp-room-code-input{text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-xl);font-weight:800;text-align:center}@media(max-width:700px){.pvp-room-fields{grid-template-columns:1fr}.pvp-room-actions .btn{flex:1}}.page-head-side-compact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.hub-empty{margin:0;padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:var(--text-sm);color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-lg, 16px)}:root[data-tooich-shop-theme=night] .hub-empty{border-color:#49cdb833}.hub-empty p{margin:0;font-size:var(--text-base, 1rem);color:var(--primary-text, #49cdb8);font-weight:600;line-height:1.5;word-break:break-word}.hub-empty a:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:10px 22px;font-size:var(--text-sm, .875rem);font-weight:600;color:#fff!important;background:linear-gradient(135deg,#49cdb8,#2bb39e);border-radius:var(--radius-full, 9999px);text-decoration:none;box-shadow:0 4px 14px #49cdb84d;transition:transform .2s ease,box-shadow .2s ease}.hub-empty a:not(.btn):hover{transform:translateY(-2px);box-shadow:0 6px 20px #49cdb873}.hub-empty-icon{width:56px;height:56px;border-radius:50%;background:#49cdb81f;color:var(--primary-text, #49cdb8);display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:1px solid rgba(73,205,184,.25);box-shadow:0 0 16px #49cdb826}.hub-empty-spinner{width:36px;height:36px;border:3px solid rgba(73,205,184,.15);border-top-color:var(--primary-text, #49cdb8);border-radius:50%;animation:hub-empty-spin .8s linear infinite;margin-bottom:4px}@keyframes hub-empty-spin{to{transform:rotate(360deg)}}.hub-empty-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px;width:100%}.part-pill-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.part-pill{padding:1px 7px;font-size:11px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:4px;white-space:nowrap}.hub-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.hub-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.hub-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .12s ease,background .12s ease}.hub-item:hover{border-color:var(--border-hover);background:var(--surface-2);color:var(--text)}.hub-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--surface-2) 60%,transparent);flex-shrink:0}.hub-item-icon svg{width:18px;height:18px}.hub-item-text{flex:1;min-width:0;display:flex;flex-direction:column}.hub-item-text strong{font-size:14px;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-item-text small{font-size:12px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-item-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted)}.hub-item-meta svg{color:var(--text-muted)}.q-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--primary-text);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.hub-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.hub-step-head{display:flex;align-items:center;gap:var(--space-2)}.hub-step-n{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0}.hub-step-head h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);flex:1}.hub-step-head small{font-size:var(--text-xs);color:var(--text-muted)}.hub-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.hub-check{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}a.hub-check{text-decoration:none;color:inherit}.hub-check:hover{border-color:var(--border-hover)}.hub-check:disabled{opacity:.55;cursor:not-allowed}.hub-check:disabled:hover{border-color:var(--border)}.hub-check.checked{background:var(--primary-light);border-color:var(--primary-border)}.hub-check .hub-item-icon{width:30px;height:30px}.hub-check.checked .hub-item-icon{background:var(--surface);border-color:var(--primary-border)}.hub-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--surface);color:transparent;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.hub-check.checked .hub-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.hub-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.hub-summary-text{font-size:var(--text-sm);color:var(--text-secondary)}.hub-summary-text strong{color:var(--text)}.hub-summary.sticky{position:sticky;bottom:var(--space-4);z-index:var(--z-sticky);box-shadow:var(--shadow-md);margin-top:var(--space-2)}@media(max-width:900px){.hub-grid-2,.hub-check-grid{grid-template-columns:minmax(0,1fr)}.hub-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.hub-grid-4{grid-template-columns:minmax(0,1fr)}.hub-row{flex-wrap:wrap}}.flashcard-tools{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.4fr);gap:var(--space-3);align-items:stretch}.flashcard-search{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.flashcard-search-wide{max-width:760px}.flashcard-search span,.flashcard-suggestions small{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.flashcard-suggestions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--primary-light))}.flashcard-suggestion-chip{position:relative}.fc-create-panel{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface)}.fc-create-hint{margin:0;padding:var(--space-4) var(--space-5) 0;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.fc-create-hint strong{color:var(--text-secondary);font-weight:var(--weight-semibold)}.fc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5) var(--space-6)}.fc-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.fc-field-wide{grid-column:1 / -1}.fc-field span:first-child{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.fc-input-row{display:flex;gap:var(--space-3);min-width:0;position:relative}.fc-dict-input{flex:1;min-width:0;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--surface);box-shadow:0 2px 4px #00000005 inset}.fc-dict-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #22c55e1a,0 2px 4px #00000005 inset}.fc-dict-btn{flex-shrink:0;padding:0 var(--space-5);font-size:var(--text-base);font-weight:var(--weight-bold);border-radius:var(--radius-lg);display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px #0e93844d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.fc-dict-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg) translate(-100%);transition:transform .6s ease}.fc-dict-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0e938466}.fc-dict-btn:hover:not(:disabled):after{transform:rotate(30deg) translate(100%)}.fc-dict-btn:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.fc-create-panel.is-looking .fc-dict-btn{background:var(--primary);animation:btn-pulse 1.5s infinite}@keyframes btn-pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.fc-create-panel.is-saved{animation:flashcard-soft-pop .45s ease}.fc-create-panel.is-shaking{animation:flashcard-shake .42s ease}.fc-lookup-error{margin:0 var(--space-6) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.fc-lookup{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.fc-lookup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.fc-lookup-head>div{display:flex;flex-direction:column;gap:3px}.fc-lookup-head strong{color:var(--text);font-size:var(--text-base)}.fc-lookup-head em,.fc-lookup-head small{color:var(--text-muted);font-size:var(--text-xs)}.fc-lookup-head em{flex:0 0 auto;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.fc-meaning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.fc-meaning{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.fc-meaning:hover{border-color:var(--primary-border);background:var(--primary-light);transform:translateY(-1px)}.fc-meaning.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 78%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 13%,transparent)}.fc-meaning-topline{display:flex;align-items:center;justify-content:space-between;min-height:24px}.fc-meaning-selected{color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.fc-meaning-text{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);line-height:1.45}.fc-meaning-text>strong{color:var(--text);font-size:var(--text-base)}.fc-meaning-text>span{color:var(--text-secondary)}.fc-meaning-text small{color:var(--text-muted)}.fc-custom-meaning{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);padding:9px 12px;border:1px dashed var(--primary-border);border-radius:var(--radius-md);background:var(--surface);color:var(--primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.fc-custom-meaning:hover{background:var(--primary-light)}.fc-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.fc-saved{color:var(--success);font-size:var(--text-sm);font-weight:var(--weight-semibold)}@media(max-width:700px){.flashcard-tools,.fc-form-grid{grid-template-columns:1fr}.fc-input-row{flex-direction:column}.fc-meaning-grid{grid-template-columns:1fr}.fc-lookup{padding:var(--space-3)}.fc-lookup-head{align-items:flex-start}}@keyframes flashcard-border-run{0%{filter:hue-rotate(0deg);transform:rotate(0)}to{filter:hue-rotate(40deg);transform:rotate(360deg)}}@keyframes flashcard-soft-pop{0%{transform:scale(.99)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes flashcard-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.seg-toggle{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.seg-toggle-item{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1-5) var(--space-4);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.seg-toggle-item:hover{color:var(--text);background:#00000008}.seg-toggle-item.is-active{background:var(--surface);color:var(--primary-text);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.fc-controls{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.fc-toolbar{display:flex;align-items:center;gap:var(--space-3)}.fc-searchbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.fc-searchbar:focus-within{background:var(--surface);border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light);color:var(--primary-text)}.fc-searchbar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:var(--text-sm);color:var(--text)}.fc-searchbar input::placeholder{color:var(--text-muted)}.fc-searchbar-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.fc-searchbar-clear:hover{background:var(--surface-3);color:var(--text)}.fc-test-select{height:36px;padding:0 var(--space-4);padding-right:var(--space-8, 2rem);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;flex-shrink:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fc-test-select:hover{border-color:var(--border-hover)}.fc-test-select:focus{outline:0;border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light)}.fc-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);flex-wrap:wrap}.fc-part-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.fc-part-chips::-webkit-scrollbar{display:none}.fc-part-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.fc-part-chip:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-hover)}.fc-part-chip.is-active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #0e938440}.fc-filter-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.fc-count-badge{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.fc-count-badge strong{font-weight:var(--weight-bold);color:var(--text)}.fc-remembered-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--primary-text);background:var(--primary-light);border:1px solid var(--primary-border);padding:2px 10px;border-radius:var(--radius-full);white-space:nowrap}.fc-hide-toggle{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.fc-hide-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.fc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12, 3rem) var(--space-6);text-align:center;animation:fadeInUp .3s ease}.fc-empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);margin-bottom:var(--space-2)}.fc-empty-state h3{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text)}.fc-empty-state p{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px}@media(max-width:640px){.fc-toolbar{flex-direction:column}.fc-test-select{width:100%}.fc-filter-bar{flex-direction:column;align-items:flex-start}.fc-filter-meta{flex-wrap:wrap}}.hub.home{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:start}.hub.home .hub-head-text :is(h1,h2){font-size:clamp(1.65rem,3.2vw,2.2rem);font-weight:820;letter-spacing:-.025em;line-height:1.2;color:var(--text)}.hub.home .hub-head-text p{font-size:clamp(.9rem,1.2vw,.98rem);margin-top:6px}.home-main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.home-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4)}.home-side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px}.home-side-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px}.home-side-ring{position:relative;width:80px;height:80px;margin:0 auto 8px}.home-side-ring-svg{width:80px;height:80px}.home-side-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--primary-text)}.home-side-ring-sub{text-align:center;font-size:12px;color:var(--text-muted);margin-bottom:12px}.home-side-link{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px;font-size:13px;font-weight:600;color:var(--primary-text);background:var(--primary-light);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.home-side-link:hover{background:var(--primary-border);color:var(--primary-text)}.home-side-stats{display:flex;flex-direction:column;gap:12px}.home-side-stat{display:flex;align-items:center;gap:12px}.home-side-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.home-side-stat-text{display:flex;flex-direction:column}.home-side-stat-text strong{font-size:16px;font-weight:800;color:var(--text);line-height:1.1}.home-side-stat-text small{font-size:12px;color:var(--text-muted)}.home-side-cta{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-xl);text-decoration:none;color:#fff;transition:filter var(--transition-fast),transform var(--transition-spring)}.home-side-cta:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff}.home-side-cta-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:#fff3;flex-shrink:0;color:#fff}.home-side-cta-icon svg,.home-side-cta-icon img{color:#fff!important}.home-side-cta-text{display:flex;flex-direction:column;flex:1}.home-side-cta-text strong{font-size:14px;font-weight:700}.home-side-cta-text small{font-size:12px;opacity:.85}.home-recent-list{display:flex;flex-direction:column;gap:var(--space-3)}.home-recent-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);cursor:pointer;transition:transform var(--transition-spring),border-color var(--transition-base),box-shadow var(--transition-base)}.home-recent-card:hover{transform:translateY(-2px);border-color:var(--primary-border);border-left-color:var(--primary);box-shadow:var(--shadow-md);color:var(--text)}.home-recent-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-light);flex-shrink:0}.home-recent-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-recent-text strong{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent-text small{font-size:12px;color:var(--text-muted)}.home-recent-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--primary-text);background:var(--primary-light);border-radius:var(--radius-full);flex-shrink:0;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.home-recent-card:hover .home-recent-cta{background:var(--primary);color:#fff}.home-stats-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--primary-light),var(--surface));border:1px solid var(--primary-border);border-radius:var(--radius-xl)}.home-stat-ring{position:relative;width:56px;height:56px;flex-shrink:0}.home-ring-svg{width:56px;height:56px}.home-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--primary-text)}.home-stats-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-stats-info strong{font-size:15px;font-weight:700;color:var(--text)}.home-stats-info small{font-size:12px;color:var(--text-muted)}.home-stats-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--primary-text);text-decoration:none;background:var(--surface);border:1px solid var(--primary-border);transition:background var(--transition-fast)}.home-stats-link:hover{background:var(--primary-light)}.home-skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.home-skill-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);cursor:pointer;transition:transform var(--transition-spring),border-color var(--transition-base),box-shadow var(--transition-base)}.home-skill-card:hover{transform:translateY(-3px);border-color:var(--skill-color, var(--primary-border));box-shadow:0 8px 24px color-mix(in srgb,var(--skill-color, var(--primary)) 8%,transparent);color:var(--text)}.home-skill-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.home-skill-icon svg{color:var(--skill-color, var(--primary))}.home-skill-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-skill-text strong{font-size:15px;font-weight:700;color:var(--text)}.home-skill-text small{font-size:12px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-skill-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.home-skill-card:hover .home-skill-arrow{background:var(--skill-color, var(--primary));color:#fff}.home .hub-list{border-radius:var(--radius-xl)}.home .hub-row:hover{background:var(--primary-light)}.home .hub-section-head h3{font-size:17px;font-weight:700}.home .count-badge{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.home-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.home-progress-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.home-progress-card:hover{border-color:var(--border-hover)}.home-progress-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.home-progress-text{display:flex;flex-direction:column;gap:1px;min-width:0}.home-progress-text strong{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1}.home-progress-text small{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.hub.home{grid-template-columns:1fr}.home-sidebar{display:none}}@media(min-width:1280px){.home-skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.home-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-skill-card{padding:14px}.home-skill-icon{width:44px;height:44px}.home-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-tutor-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ai-tutor-chip{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ai-tutor-chip:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.ai-tutor-chip:disabled{opacity:.5;cursor:not-allowed}.ai-tutor-form{display:flex;flex-direction:column;gap:10px;max-width:640px;margin-bottom:16px}.ai-tutor-input{width:100%;resize:vertical;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);font-family:inherit}.ai-tutor-input:focus{outline:none;border-color:var(--primary)}.ai-tutor-send{align-self:flex-end;padding:8px 18px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;cursor:pointer}.ai-tutor-send:disabled{opacity:.5;cursor:not-allowed}.ai-tutor-error{max-width:640px;padding:10px 14px;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--danger, var(--danger))}.ai-tutor-answer{max-width:640px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.ai-tutor-answer-text{font-size:var(--text-sm);line-height:1.6;color:var(--text);white-space:pre-wrap;margin:0 0 12px}.ai-tutor-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}.practice-part-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px;background:transparent;border-radius:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%)}.practice-part-tabs::-webkit-scrollbar{display:none}.practice-part-tabs .toeic-detail-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:var(--surface-3)}.practice-part-tabs .toeic-detail-tab.active{background:var(--surface)}.practice-tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.practice-workspace{display:flex;flex-direction:column;gap:var(--space-5);min-height:0}.practice-dim-panel,.practice-test-panel{display:flex;flex-direction:column;min-height:0}.practice-dim-panel .grammar-panel-heading{padding:var(--space-4) var(--space-5) var(--space-2);margin:0}.practice-panel-scroll{min-height:0;padding:0 var(--space-5) var(--space-5);overflow-y:auto;overscroll-behavior:contain}.practice-dim-panel .practice-dim-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.practice-test-panel .grammar-test-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));min-height:64px;overflow-y:auto;overscroll-behavior:contain}.practice-test-panel .grammar-year-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.practice-test-panel .grammar-year-tabs::-webkit-scrollbar{height:5px}.practice-test-panel .grammar-year-tabs::-webkit-scrollbar-thumb{border-radius:999px;background:var(--border-hover)}.practice-test-panel .grammar-year-tabs::-webkit-scrollbar-track{background:transparent}.practice-hub .grammar-test-empty{min-height:64px;padding:var(--space-3) var(--space-4)}.practice-test-panel .grammar-start-bar{padding:var(--space-3) var(--space-4)}.practice-test-panel .grammar-test-heading{padding-top:var(--space-4);padding-bottom:var(--space-2)}.practice-test-panel .grammar-year-tabs>button{flex-shrink:0}.practice-test-panel .grammar-test-option input{position:fixed;top:0;left:0}.grammar-test-option.is-locked{opacity:.55;cursor:not-allowed}.grammar-test-option.is-locked .grammar-test-checkbox{border-style:dashed}@media(min-width:900px){.app-frame:not(.is-session) .content>.page-transition:has(.practice-hub){min-height:100%;display:flex;flex-direction:column}.practice-hub{flex:1 1 auto;min-height:0}.practice-workspace{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;flex:1;min-height:240px}.practice-panel-scroll,.practice-test-panel .grammar-test-list{flex:1}}@media(min-width:900px)and (max-height:560px){.practice-hub .grammar-panel-heading p,.practice-test-panel .grammar-start-bar span{display:none}.practice-hub .grammar-panel-heading{padding-top:var(--space-3);padding-bottom:var(--space-2)}.practice-hub .grammar-test-empty{padding:var(--space-2) var(--space-3);gap:3px}.practice-hub .grammar-test-empty svg{display:none}}@media(max-width:899px){.practice-panel-scroll{max-height:38dvh}.practice-test-panel .grammar-test-list{max-height:30dvh}}.streak-card{display:flex;flex-direction:column;gap:10px}.streak-main{display:flex;align-items:center;gap:12px}.streak-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--warning-light, rgba(255, 159, 28, .12));color:var(--warning, #f59f00);flex-shrink:0}.streak-main-text{display:flex;flex-direction:column}.streak-main-text strong{font-size:18px;font-weight:800;color:var(--text);line-height:1.1}.streak-main-text small{font-size:12px;color:var(--text-muted)}.streak-freeze{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);padding:6px 8px;background:var(--surface-2, rgba(0, 0, 0, .03));border-radius:var(--radius-sm)}.streak-hint{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.gamification-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--text-muted);text-align:center;font-size:14px}.gamification-empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--surface-2, rgba(0, 0, 0, .03));color:var(--text-muted)}.gamification-list{gap:var(--space-1)}.gamification-row{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);text-decoration:none}.gamification-row.is-me{border-color:color-mix(in srgb,var(--warning) 40%,var(--border));background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.gamification-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:14px;font-weight:800;color:var(--text-muted);background:var(--surface-2, rgba(0, 0, 0, .04));flex-shrink:0}.gamification-rank.rank-1{color:#fff;background:linear-gradient(140deg,#fbbf24,#f59f00);box-shadow:0 2px 8px #f59f0059}.gamification-rank.rank-2{color:#fff;background:linear-gradient(140deg,#c3cad4,#98a1ae);box-shadow:0 2px 8px #98a1ae4d}.gamification-rank.rank-3{color:#fff;background:linear-gradient(140deg,#e0a06a,#c07a41);box-shadow:0 2px 8px #c07a414d}.gamification-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-2, rgba(0, 0, 0, .04));font-size:14px;font-weight:700;color:var(--text-muted);flex-shrink:0}.gamification-avatar img{width:100%;height:100%;object-fit:cover}.gamification-row .hub-row-main{flex:1;min-width:0}.gamification-row .hub-row-title{display:flex;align-items:center;gap:var(--space-2)}.gamification-row .hub-row-title small{display:inline-flex;align-items:center;gap:4px}.gamification-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-light, rgba(0, 122, 255, .1));color:var(--primary)}.gamification-xp{font-size:16px;font-weight:800;color:var(--primary-text);font-variant-numeric:tabular-nums;flex-shrink:0}.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px}.leaderboard-toolbar>.figma-tabbar{width:auto;margin:0;padding:4px;border:0;border-radius:999px;background:var(--surface-3)}.leaderboard-toolbar>.figma-tabbar button{min-width:112px;padding:9px 20px;border:0;border-radius:999px}.leaderboard-toolbar>.figma-tabbar button.active{background:var(--surface);box-shadow:var(--shadow-sm)}.leaderboard-toolbar .leaderboard-metric-caption{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap}.leaderboard-toolbar .leaderboard-metric-caption svg{color:var(--warning)}.leaderboard-card{overflow:hidden;padding:10px 14px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.leaderboard-row{display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:12px 16px;border-radius:16px;transition:background var(--transition-fast)}.leaderboard-row:hover{background:var(--surface-2)}.leaderboard-row.is-me{background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.leaderboard-row .gamification-rank{width:38px;height:38px;font-size:16px}.leaderboard-row .gamification-avatar{width:46px;height:46px}.leaderboard-person{min-width:0;display:grid;gap:5px}.leaderboard-person>div{display:flex;align-items:center;gap:8px}.leaderboard-person strong{overflow:hidden;color:var(--text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-person small{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:13px}.leaderboard-person small svg{color:var(--warning)}.leaderboard-coins{display:inline-flex;align-items:center;gap:8px;color:var(--primary-text);font-size:20px;font-variant-numeric:tabular-nums}.leaderboard-coins svg{color:var(--warning)}@media(max-width:620px){.leaderboard-toolbar{align-items:stretch;flex-direction:column}.leaderboard-metric-caption{align-self:flex-end}.leaderboard-row{grid-template-columns:34px 40px minmax(0,1fr) auto;gap:9px;min-height:72px;padding:9px 8px}.leaderboard-row .gamification-rank{width:32px;height:32px}.leaderboard-row .gamification-avatar{width:38px;height:38px}.leaderboard-coins{font-size:15px}.leaderboard-coins svg{display:none}}.gamification-head-stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.gamification-head-stat-value{font-size:22px;font-weight:800;color:var(--primary)}.gamification-head-stat small{font-size:12px;color:var(--text-muted)}.gamification-summary-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}.gamification-summary-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-light, rgba(0, 122, 255, .1));color:var(--primary);flex-shrink:0}.gamification-progress{margin-top:8px;flex:1;max-width:280px}.gamification-reward-row{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);opacity:.65}.gamification-reward-row.is-unlocked{opacity:1;border-color:var(--primary-border)}.gamification-reward-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-2, rgba(0, 0, 0, .04));color:var(--text-muted);flex-shrink:0}.gamification-reward-row.is-unlocked .gamification-reward-icon{background:var(--warning-light, rgba(255, 159, 28, .12));color:var(--warning, #f59f00)}.gamification-reward-row .hub-row-main{display:flex;flex-direction:column;gap:4px}.gamification-reward-row .hub-row-title{display:flex;align-items:center;gap:var(--space-2)}.gamification-reward-row small{color:var(--text-muted)}.gamification-required{font-weight:600;color:var(--text-secondary)}.gamification-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--success-light, rgba(34, 197, 94, .12));color:var(--success, #22c55e)}.premium-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--text-muted);text-align:center;font-size:14px}.premium-empty-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.premium-error{color:var(--danger);flex-direction:row;gap:var(--space-2)}.premium-plan-row{align-items:flex-start;gap:var(--space-3)}.premium-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);flex-shrink:0}.premium-plan-features{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.premium-plan-features li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted)}.premium-plan-features li svg{color:var(--success)}.premium-plan-monthly{margin-top:var(--space-2);color:var(--text-muted)}.premium-plan-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.premium-plan-price{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.01em}.premium-plan-cta{white-space:nowrap}.premium-history-backdrop{position:fixed;inset:0;z-index:var(--z-modal, 300);display:grid;place-items:center;padding:20px;background:#0d1d2494}.premium-history-dialog{display:flex;flex-direction:column;width:min(100%,620px);max-height:min(690px,calc(100dvh - 40px));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.premium-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid var(--border)}.premium-history-heading h2{margin:0;color:var(--text);font-size:19px}.premium-history-heading p{margin:3px 0 0;color:var(--text-muted);font-size:12px}.premium-history-heading>button{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}.premium-history-heading>button:hover{background:var(--surface-2)}.premium-history-tools{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;color:var(--text-muted);font-size:12px}.premium-history-tools button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:0;background:transparent;color:var(--primary-text);font:inherit;font-weight:700;cursor:pointer}.premium-history-list{min-height:120px;overflow-y:auto;padding:0 22px 20px}.premium-history-message{margin:0;padding:28px 0;color:var(--text-muted);text-align:center;font-size:13px}.premium-history-message button{border:0;background:transparent;color:var(--primary-text);font:inherit;font-weight:700;cursor:pointer}.premium-history-item{display:grid;gap:9px;padding:14px 0;border-top:1px solid var(--border-light)}.premium-history-item-main,.premium-history-item-meta,.premium-history-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-history-item-main strong{color:var(--text);font-size:14px}.premium-history-item-main>span,.premium-history-item-footer{color:var(--text-muted);font-size:11px}.premium-history-item-meta>b{color:var(--text);font-size:14px}.premium-history-status{padding:4px 8px;border-radius:7px;font-size:11px;font-weight:700;text-align:right}.premium-history-status.is-success{color:var(--success-text);background:var(--success-light)}.premium-history-status.is-warning,.premium-history-status.is-pending{color:var(--warning-text);background:var(--warning-light)}.premium-history-status.is-danger{color:var(--danger-text);background:var(--danger-light)}.premium-history-status.is-muted{color:var(--text-muted);background:var(--surface-2)}.premium-history-item-footer>span{overflow-wrap:anywhere}.premium-history-item-footer a{flex:0 0 auto;color:var(--primary-text);font-weight:700;text-decoration:none}.premium-history-more{width:100%;min-height:40px;margin-top:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.premium-history-dialog button:focus-visible,.premium-history-item-footer a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:640px){.premium-history-backdrop{align-items:end;padding:0}.premium-history-dialog{width:100%;max-height:90dvh;border-radius:16px 16px 0 0}.premium-history-heading{padding:18px 16px 12px}.premium-history-tools{padding-inline:16px}.premium-history-list{padding:0 16px max(18px,env(safe-area-inset-bottom))}.premium-history-item-main,.premium-history-item-meta{align-items:flex-start}.premium-history-item-main>span{flex:0 0 auto;text-align:right}}.premium-checkout-backdrop{position:fixed;inset:0;z-index:var(--z-modal, 300);display:grid;place-items:center;padding:20px;background:#0d1d2494;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.premium-checkout-dialog{position:relative;width:min(100%,460px);max-height:calc(100dvh - 40px);overflow-y:auto;display:grid;justify-items:center;gap:12px;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);text-align:center;box-shadow:var(--shadow-lg, 0 18px 56px rgb(0 0 0 / 20%))}.premium-checkout-heading{position:sticky;top:0;z-index:1;display:grid;place-items:center;width:100%;min-height:36px;background:var(--surface)}.premium-checkout-heading:before{position:absolute;left:-28px;right:-28px;top:-28px;height:28px;background:var(--surface);content:""}.premium-checkout-heading h2{margin:0;padding-inline:38px;font-size:21px}.premium-checkout-dialog>p{margin:0;color:var(--text-secondary)}.premium-checkout-dialog>img{width:min(100%,240px);aspect-ratio:1;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#fff}.premium-checkout-dialog .premium-transfer-details{width:100%;display:grid;gap:0;margin:0;text-align:left}.premium-transfer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.premium-transfer-row dt{grid-column:1;color:var(--text-muted);font-size:12px}.premium-transfer-row dd{grid-column:1;margin:0;overflow-wrap:anywhere;color:var(--text);font-size:15px;font-weight:700;-webkit-user-select:text;user-select:text}.premium-transfer-row button{grid-column:2;grid-row:1 / 3;align-self:center;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.premium-transfer-row button:hover{background:var(--primary-light);border-color:var(--primary-border)}.premium-transfer-row button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.premium-checkout-dialog>small{color:var(--text-muted);line-height:1.45}.premium-checkout-dialog>a{width:100%;justify-content:center}.premium-checkout-dialog>.premium-checkout-timer{color:var(--text-secondary);font-size:13px}.premium-checkout-timer b{color:var(--text);font-variant-numeric:tabular-nums}.premium-checkout-expired{display:grid;justify-items:center;gap:8px;width:100%;padding:18px 16px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2)}.premium-checkout-expired strong{font-size:16px}.premium-checkout-expired span{color:var(--text-secondary);font-size:13px;line-height:1.45}.premium-checkout-expired .btn{width:100%;justify-content:center}.premium-checkout-close{position:absolute;top:1px;right:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);background:var(--surface);cursor:pointer}@media(max-width:520px){.premium-checkout-backdrop{align-items:end;padding:0}.premium-checkout-dialog{width:100%;max-height:92dvh;padding:24px 20px max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.premium-checkout-heading h2{padding-inline:32px;font-size:18px;white-space:nowrap}.premium-checkout-heading:before{left:-20px;right:-20px;top:-24px;height:24px}}.premium-gate{padding:var(--space-4)}.premium-gate-panel{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--border-light, #edf2f7);border-radius:10px;background:var(--surface-2)}.premium-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);flex-shrink:0}.premium-gate-body{display:flex;flex-direction:column;gap:4px}.premium-gate-body strong{font-size:15px;color:var(--text)}.premium-gate-body p{font-size:13.5px;color:var(--text-muted);margin:0}.premium-gate-cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:7px 14px;border-radius:8px;background:var(--primary);color:var(--primary-text, #fff);font-size:13.5px;font-weight:600;text-decoration:none;width:fit-content}.premium-gate-cta:hover{opacity:.92}.payment-return-mobile-title{display:none}.payment-return-page .payment-return-panel{display:flex;flex-direction:column;align-self:center;width:min(100%,760px);max-width:760px;margin:24px auto 0;padding:28px 32px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:none;overflow:hidden}.payment-return-state{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start}.payment-return-icon{display:inline-flex;color:var(--primary);margin-top:2px}.payment-return-copy{min-width:0}.payment-return-copy h2{margin:0;color:var(--text);font-size:22px;font-weight:700;line-height:1.35}.payment-return-copy p{margin:10px 0 0;color:var(--text-muted);font-size:14px;line-height:1.6}.payment-return-summary{margin-top:24px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.payment-return-summary-label{color:var(--text-muted);font-size:12px;font-weight:600}.payment-return-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;margin:12px 0 0}.payment-return-details dt{color:var(--text-muted);font-size:13px;margin-bottom:5px}.payment-return-details dd{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.payment-return-details>div:last-child{text-align:right}.payment-return-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.payment-return-actions .btn{min-height:44px}@media(max-width:640px){.payment-return-mobile-title{display:block;margin:4px 0 0;color:var(--text);font-size:21px;line-height:1.3}.payment-return-page .payment-return-panel{margin-top:12px;padding:20px 18px}.payment-return-state{column-gap:10px}.payment-return-copy h2{font-size:19px}.payment-return-summary{margin-top:20px}.payment-return-actions{flex-direction:column;align-items:stretch}.payment-return-actions .btn{width:100%;justify-content:center}}.premium-checkout-dialog .premium-checkout-zalo{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;width:100%}.affiliate-link-input{width:100%;min-width:0;margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary)}.affiliate-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:transparent;border:0}.affiliate-stat-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.affiliate-stat-row strong{display:block;margin-top:5px;font-size:var(--text-xl)}.affiliate-withdraw-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.affiliate-withdraw-form input{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}.affiliate-withdraw-form-modal{display:flex;flex-direction:column;gap:14px}.affiliate-payment-field{display:flex;flex-direction:column;gap:6px}.affiliate-payment-field span{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.affiliate-payment-field input{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}.affiliate-payment-method{display:grid;grid-template-columns:1fr 1fr;gap:8px}.affiliate-method-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s}.affiliate-method-btn.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.affiliate-method-btn:hover{border-color:var(--border-hover)}.table-wrap{width:100%;overflow-x:auto}.compact-table table{width:100%;min-width:720px}.compact-table th,.compact-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.accuracy-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--surface-2);font-size:var(--text-xs)}.accuracy-pill.good{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.accuracy-pill.mid{background:color-mix(in srgb,var(--warning) 14%,transparent);color:#92400e}.accuracy-pill.low{background:var(--danger-light);color:var(--danger-text)}@media(max-width:900px){.affiliate-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.affiliate-stats,.affiliate-withdraw-form{grid-template-columns:1fr}.affiliate-withdraw-form .btn{width:100%}}.toeic-hub{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-8)}.test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.test-card{display:flex;flex-direction:column;gap:var(--space-4)}.test-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.test-card-header h3{font-size:var(--text-xl);font-weight:var(--weight-bold)}.test-card-parts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.part-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);text-decoration:none;transition:all var(--transition-fast)}.part-chip:hover:not(.locked){background:var(--surface-3);color:var(--text);border-color:var(--border-hover)}.part-chip.completed{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.part-chip.locked{opacity:.4;cursor:not-allowed}.test-progress{display:flex;flex-direction:column;gap:var(--space-2)}.test-progress .progress-info{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.test-overview{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-5)}.part-section{display:flex;flex-direction:column;gap:var(--space-3)}.part-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.part-card .part-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.part-number{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--primary-text);flex-shrink:0}.part-info{display:flex;flex-direction:column;gap:2px;min-width:0}.part-info h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.part-info p{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.part-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:768px){.test-grid{grid-template-columns:1fr}.part-card{flex-direction:column;align-items:stretch;gap:var(--space-4);min-width:0}.part-card .part-left{align-items:flex-start;min-width:0}.part-info{min-width:0}.part-actions{width:100%;justify-content:stretch;flex-wrap:wrap;flex-shrink:1}.part-actions .btn{flex:1 1 180px;white-space:normal;line-height:1.25;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.test-history-section{margin-top:var(--space-6, 24px);padding:20px 24px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}.test-history-head{margin-bottom:16px}.test-history-head h2{margin:0;font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px}.test-history-empty{display:flex;align-items:center;gap:10px;padding:20px 16px;color:var(--text-muted, #6d8a83);font-size:14px;border-radius:14px;background:var(--bg-subtle, #eef7f4)}.test-history-list{display:flex;flex-direction:column;gap:8px}.test-history-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:inherit;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font:inherit}.test-history-row:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.test-history-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.test-history-row-main strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-history-row-main small{color:var(--text-muted, #6d8a83);font-size:12px}.test-history-row-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.test-history-row-score small{color:var(--text-muted, #6d8a83);font-size:12px}.test-history-accuracy{font-weight:800;font-size:16px}.test-history-accuracy.excellent{color:var(--success-text, #16a34a)}.test-history-accuracy.good{color:var(--warning-text, #d97706)}.test-history-accuracy.poor{color:var(--danger-text, #ef4444)}.test-history-accuracy.pending{color:var(--primary-text, #0b7568)}.test-history-row.grade-excellent{border-left:3px solid var(--success-text, #16a34a)}.test-history-row.grade-good{border-left:3px solid var(--warning-text, #d97706)}.test-history-row.grade-poor{border-left:3px solid var(--danger-text, #ef4444)}.test-history-row.grade-pending{border-left:3px solid var(--primary, #0e9384)}.test-history-review{animation:fadeInUp .25s ease both}.test-history-review-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.test-history-review-meta{font-size:14px;font-weight:600;color:var(--text)}.test-history-local-detail__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:8px 0 18px}.test-history-local-detail__copy h3{margin:8px 0 5px;color:var(--text);font-size:20px}.test-history-local-detail__copy p{max-width:620px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.test-history-local-detail__badge{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;color:var(--primary-text);background:var(--primary-light);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.test-history-local-detail__stats{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.test-history-local-detail__stats>span{min-height:78px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:6px}.test-history-local-detail__stats small{color:var(--text-muted);font-size:11px}.test-history-local-detail__stats strong{color:var(--text);font-size:22px;line-height:1}.test-history-local-detail__actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--border)}@media(max-width:600px){.test-history-section{padding:16px}.test-history-row{padding:12px;gap:10px}.test-history-review-header{flex-direction:column;align-items:flex-start}.test-history-local-detail__body{grid-template-columns:1fr}.test-history-local-detail__stats{width:100%}.test-history-local-detail__actions .btn{flex:1;justify-content:center}}.toeic-exam-screen{height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.toeic-exam-header{position:sticky;top:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:56px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);z-index:var(--z-sticky)}.toeic-exam-header .exam-part-label{padding:var(--space-1) var(--space-3);background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.toeic-exam-header .exam-question-counter{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.toeic-exam-body{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:var(--space-5) var(--space-6);align-items:stretch;max-width:1400px;margin:0 auto;width:100%;overflow:hidden}.toeic-exam-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:1200px;margin:0 auto}.toeic-question-image{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);margin-bottom:var(--space-4);max-height:400px;display:flex;align-items:center;justify-content:center}.toeic-question-image img{max-height:400px;object-fit:contain}.toeic-audio-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.toeic-listening-panel{display:flex;flex-direction:column;gap:var(--space-4);height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.toeic-question-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.toeic-question-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.toeic-question-text{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.toeic-option-list,.figma-option-list{display:flex;flex-direction:column;gap:var(--space-3)}.toeic-option,.figma-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:var(--text-sm)}.p1-option .p1-opt-label[data-allow-dictionary]{-webkit-user-select:text;user-select:text;cursor:text}.toeic-option:hover:not(:disabled),.figma-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);transform:translate(4px);box-shadow:var(--shadow-sm)}.toeic-option.selected,.figma-option.selected,.figma-option.--selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.toeic-option.correct,.figma-option.correct,.figma-option.--correct{border-color:var(--success);background:var(--success-light);box-shadow:var(--shadow-sm)}.toeic-option.wrong,.figma-option.wrong,.figma-option.--wrong{border-color:var(--danger);background:var(--danger-light);box-shadow:var(--shadow-sm)}.toeic-option:disabled,.figma-option:disabled{cursor:not-allowed}.option-label,.figma-option-letter{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;transition:all var(--transition-fast)}.figma-option>span:last-child{display:flex;flex-direction:column;gap:2px;flex:1}.figma-option strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.figma-option small{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-normal)}.selected .option-label,.selected .figma-option-letter,.--selected .option-label,.--selected .figma-option-letter{background:var(--primary);color:#fff;font-weight:var(--weight-bold)}.correct .option-label,.correct .figma-option-letter,.--correct .option-label,.--correct .figma-option-letter{background:var(--success);color:#fff;font-weight:var(--weight-bold)}.wrong .option-label,.wrong .figma-option-letter,.--wrong .option-label,.--wrong .figma-option-letter{background:var(--danger);color:#fff;font-weight:var(--weight-bold)}.toeic-question-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border)}.toeic-exam-submit{padding:var(--space-8);text-align:center}.toeic-explanation{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-4);animation:fadeInUp .3s ease}.toeic-explanation.wrong-explanation{border-left-color:var(--danger)}.toeic-transcript{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.transcript-turn{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.transcript-turn:last-child{border-bottom:none}.speaker-label{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);height:fit-content}.transcript-word{display:inline;transition:background var(--transition-fast);padding:1px 2px}.transcript-word.active{background:var(--primary-light);color:var(--primary-text);border-radius:var(--radius-xs)}.toeic-passage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed)}.passage-blank{display:inline-block;min-width:60px;padding:0 var(--space-2);border-bottom:2px dashed var(--border-hover);text-align:center;color:var(--text-secondary)}.passage-blank.filled{border-bottom-color:var(--primary);color:var(--primary-text);font-weight:var(--weight-semibold)}.part7-screen .toeic-exam-body{display:flex;flex-direction:column;gap:var(--space-4);max-width:none;width:100%;padding:var(--space-5) clamp(20px,4vw,64px)}.part7-layout{display:grid;grid-template-columns:minmax(560px,1.12fr) minmax(460px,.88fr);gap:var(--space-5);max-width:1680px;width:100%;margin:0 auto;min-height:0;flex:1}.part7-passage-panel,.part7-question-panel{min-height:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.part7-passage-panel{display:flex;flex-direction:column}.part7-passage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fffffff2,#f8fafce0)}.part7-passage-toolbar h2{margin:var(--space-1) 0 0;font-size:var(--text-xl);color:var(--text)}.part7-document{flex:1;min-height:0;overflow:auto;padding:clamp(24px,3vw,44px);background:linear-gradient(180deg,#fffffffa,#ffffffeb),var(--surface);background-size:24px 24px}.part7-doc-url{display:inline-flex;width:fit-content;max-width:100%;margin-bottom:var(--space-4);padding:7px 12px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:var(--text-sm);font-weight:800;overflow-wrap:anywhere}.part7-doc-url.muted{background:#0f172a0f;color:var(--text-secondary)}.part7-document h3{margin:0 0 var(--space-5);color:var(--text);font-size:clamp(22px,2vw,30px);line-height:1.25;letter-spacing:0}.part7-doc-body{display:flex;flex-direction:column;gap:var(--space-4)}.part7-doc-body p,.part7-translation-box p{margin:0;font-family:var(--font-sans);font-size:clamp(16px,1.05vw,18px);line-height:1.78;color:var(--text)}.part7-translation-box{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--primary-border);background:linear-gradient(180deg,#ecfdf5b8,#ffffffe6)}.part7-translation-box>span{display:block;margin-bottom:var(--space-3);color:var(--primary-text);font-size:var(--text-xs);font-weight:900;text-transform:uppercase}.part7-translation-box h4{margin:0 0 var(--space-3);color:var(--text);font-size:var(--text-lg)}.part7-question-panel{display:flex;flex-direction:column}.part7-score-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2)}.part7-question-list{flex:1;min-height:0;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.part7-question-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-xs)}.part7-question-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:800;color:var(--text-muted);text-transform:uppercase}.part7-question-card h3{margin:0 0 var(--space-3);font-size:var(--text-lg);line-height:1.45;color:var(--text)}.part7-question-card .toeic-option{align-items:flex-start}.part7-option-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left}.part7-option-copy strong{display:block;color:var(--text);font-size:var(--text-base);line-height:1.45}.part7-option-copy small{display:block;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;font-weight:500}.part7-question-vi{margin:-4px 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.part7-result-ok{color:var(--success)}.part7-result-bad{color:var(--danger)}.part7-phrase-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-3)}.part7-phrase-bank span{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:#ffffffa6;color:var(--text-secondary);font-size:var(--text-xs)}.part7-nav{max-width:1680px;width:100%;margin:0 auto;padding:var(--space-3) 0 0;flex-shrink:0}.part7-mini-map{display:flex;gap:5px;max-width:min(70vw,980px);overflow-x:auto;padding:2px}.part7-mini-map button{width:30px;height:30px;flex:0 0 auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:800;cursor:pointer}.part7-mini-map button.active{background:var(--primary);border-color:var(--primary);color:#fff}.part7-submit-summary{max-width:1480px;margin:var(--space-3) auto 0;padding:var(--space-3) var(--space-4);border:1px solid var(--success);border-radius:var(--radius-lg);background:var(--success-light);color:var(--success-text);text-align:center}.p7-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.p7-passage-col{display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:var(--space-1) 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.p7-passage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);flex-shrink:0}.p7-passage-title{margin:var(--space-1) 0 0;font-size:var(--text-xl);color:var(--text)}.p7-passage-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.p7-restart-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.p7-restart-btn:hover{background:var(--surface-2)}.p7-done-count{font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.p7-document{flex:1;min-height:0;overflow-y:auto;padding:clamp(20px,2.5vw,40px)}.p7-doc-url{display:inline-flex;width:fit-content;max-width:100%;margin-bottom:var(--space-4);padding:6px 12px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:var(--text-sm);font-weight:800;overflow-wrap:anywhere}.p7-doc-heading{margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--border);font-size:clamp(18px,1.8vw,26px);font-weight:800;letter-spacing:.01em;line-height:1.3;color:var(--text)}.p7-graphic{margin:0 0 var(--space-5);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.p7-graphic img{display:block;width:100%;max-height:min(520px,58vh);object-fit:contain;border-radius:var(--radius-sm)}.p7-doc-body{display:flex;flex-direction:column;gap:var(--space-3)}.p7-doc-body p{margin:0;font-size:clamp(15px,1vw,17px);line-height:1.78;color:var(--text)}.p6-body{grid-template-columns:1.1fr .9fr}.p6-left{display:flex;flex-direction:column;gap:0;padding:var(--space-4);overflow:hidden}.p6-doc-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.p6-doc-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.p6-skin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold)}.p6-listen-wrap .btn,.p6-listen-wrap .btn.subtle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.p6-paper{flex:1;min-height:0;overflow-y:auto;border-radius:var(--radius-lg);padding:clamp(24px,3vw,44px);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p6-blank{display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:26px;padding:1px 10px;margin:0 3px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-bold);border:none;cursor:pointer;box-shadow:0 2px 6px #0e93844d,inset 0 1px #fff3;transition:transform .14s ease,box-shadow .14s ease;vertical-align:baseline}.p6-blank:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0e938466}.p6-blank.is-filled{animation:p5BlankFill .35s ease both}.p6-blank span{opacity:.85;font-style:italic;font-family:Georgia,serif}.p6-skin-notice .p6-paper{background:#fdfaf3;border:1px solid #d9c99a;border-top:5px solid #7a5f2b;color:#2a2415;font-family:Georgia,Times New Roman,serif}.p6-notice-heading{text-align:center;font-size:clamp(22px,2.4vw,32px);font-weight:900;letter-spacing:.12em;padding-bottom:var(--space-3);border-bottom:2px double #7a5f2b;margin-bottom:var(--space-5)}.p6-notice-body{font-size:clamp(15px,1.05vw,17px);line-height:2;white-space:pre-wrap}.p6-notice-signature{margin-top:var(--space-6);text-align:right;font-style:italic;color:#7a5f2b;font-size:var(--text-sm);font-weight:700}.p6-skin-email .p6-paper{background:#fff;border:1px solid #dbe3ee;padding:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b}.p6-email-headers{background:linear-gradient(180deg,#f4f7fb,#eef2f7);border-bottom:1px solid #dbe3ee;padding:14px 20px;display:grid;gap:6px}.p6-email-row{display:grid;grid-template-columns:68px 1fr;gap:12px;font-size:13px}.p6-email-label{color:#64748b;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;padding-top:2px}.p6-email-value{color:#1e293b;font-weight:500;overflow-wrap:anywhere}.p6-email-body{padding:clamp(20px,2vw,32px);font-size:clamp(14px,1vw,16px);line-height:1.85;white-space:pre-wrap}.p6-skin-letter .p6-paper{background:linear-gradient(180deg,#fdfbf3,#fbf6e8);border:1px solid #eadfc4;background-image:linear-gradient(180deg,#fdfbf3,#fbf6e8),repeating-linear-gradient(to bottom,transparent 0px,transparent 33px,rgba(120,90,30,.08) 33px,rgba(120,90,30,.08) 34px);background-blend-mode:multiply;position:relative;font-family:Georgia,Times New Roman,serif;color:#2d2416}.p6-skin-letter .p6-paper:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,5vw,60px);width:1px;background:#c83c3c2e}.p6-letter-greeting{font-size:clamp(16px,1.15vw,19px);font-weight:600;margin-bottom:var(--space-4)}.p6-letter-body{font-size:clamp(15px,1.05vw,17px);line-height:2;white-space:pre-wrap}.p6-letter-closing{margin-top:var(--space-6);font-style:italic;font-size:clamp(15px,1.05vw,17px)}.p6-letter-signature{margin-top:6px;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(20px,1.6vw,24px);color:#4a3a12;white-space:pre-wrap}.p6-skin-review .p6-paper{background:#fefefe;border:1px solid #e6e6e6;font-family:Georgia,Times New Roman,serif;color:#1f2937;background-image:linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(180deg,#fff,#f9fafb);background-size:100% 100%}.p6-review-body{font-size:clamp(15px,1.05vw,17px);line-height:1.95;column-count:1;white-space:pre-wrap}.p6-review-body:first-letter{font-size:3em;float:left;line-height:.85;padding:4px 8px 0 0;font-weight:800;color:var(--primary);font-family:Georgia,serif}.p6-review-byline{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid #e6e6e6;text-align:right;font-style:italic;font-weight:600;color:var(--text-secondary);font-size:var(--text-sm)}.p6-passage-vi{flex-shrink:0;max-height:38%;overflow-y:auto;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p6-passage-vi p{margin:0;font-size:var(--text-sm);line-height:1.7;color:var(--text);white-space:pre-wrap}.p6-right{display:flex;flex-direction:column;overflow:hidden;padding:0}.p6-right-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface)}.p6-right-head-info{display:flex;flex-direction:column;gap:2px}.p6-right-head-info strong{font-size:var(--text-base);color:var(--text)}.p6-view-toggle{display:inline-flex;flex:0 0 auto;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.p6-view-toggle button{min-height:34px;padding:0 10px;border:0;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer}.p6-view-toggle button:hover{color:var(--primary-text)}.p6-view-toggle button.is-active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-xs)}.p6-questions-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p6-questions-all{scroll-padding-block:var(--space-4)}.p6-question-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.p6-question-card.is-active{border-color:var(--primary-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.p6-question-card .p1-options{gap:var(--space-2)}.p6-question-card .p1-option{min-height:54px}.p6-question-status{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-text);font-size:11px;font-weight:var(--weight-bold)}.p6-question-status.is-right{background:var(--success-light);color:var(--success-text)}.p6-question-status.is-wrong{background:var(--danger-light);color:var(--danger-text)}.p6-q-tabs{flex-shrink:0;display:flex;gap:6px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.p3-q-tab.is-right{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.p3-q-tab.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.p6-question-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border) transparent;animation:fadeInUp .2s ease both}.p6-question-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.p6-actions{flex-shrink:0;display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.p7-left{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow:hidden}.p7-doc-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.p7-doc-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.p7-doc-toolbar-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.p7-doc-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p7-paper{border-radius:var(--radius-lg);padding:clamp(20px,2.5vw,36px)}.p7-skin-email{background:#fff;border:1px solid #dbe3ee;padding:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b}.p7-skin-letter{background:linear-gradient(180deg,#fdfbf3,#fbf6e8);border:1px solid #eadfc4;background-image:linear-gradient(180deg,#fdfbf3,#fbf6e8),repeating-linear-gradient(to bottom,transparent 0px,transparent 33px,rgba(120,90,30,.08) 33px,rgba(120,90,30,.08) 34px);background-blend-mode:multiply;position:relative;font-family:Georgia,Times New Roman,serif;color:#2d2416}.p7-skin-letter:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,5vw,60px);width:1px;background:#c83c3c2e}.p7-skin-notice{background:#fdfaf3;border:1px solid #d9c99a;border-top:5px solid #7a5f2b;color:#2a2415;font-family:Georgia,Times New Roman,serif}.p7-skin-webpage{background:#fff;border:1px solid #e2e8f0;padding:0;overflow:hidden;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.p7-url-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-bottom:1px solid #e2e8f0;color:#334155;font-size:12px}.p7-url-text{font-family:SF Mono,Menlo,Consolas,monospace;color:#0369a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.p7-webpage-heading{margin:0;padding:clamp(18px,2vw,28px) clamp(20px,2.2vw,32px) 4px;font-size:clamp(20px,1.8vw,26px);font-weight:800;color:#0f172a;line-height:1.3}.p7-webpage-body{padding:clamp(12px,1.5vw,20px) clamp(20px,2.2vw,32px) clamp(20px,2.2vw,32px);font-size:clamp(14px,1vw,16px);line-height:1.75;color:#1e293b;white-space:pre-wrap}.p7-structured-document{flex:0 0 auto;min-width:0}.p7-structured-webpage-content{padding-bottom:clamp(16px,2vw,28px)}.p7-structured-webpage-content .p7-webpage-heading{text-align:center}.p7-webpage-subheading{margin:4px clamp(20px,2.2vw,32px) 18px;color:#334155;font-size:clamp(15px,1.25vw,18px);font-weight:800;text-align:center}.p7-web-table-wrap{margin:0 clamp(14px,1.8vw,26px);overflow-x:auto;border:1px solid #cbd5e1;border-radius:12px;scrollbar-width:thin}.p7-web-table{width:100%;min-width:560px;border-collapse:collapse;table-layout:auto;color:#1e293b;font-size:clamp(12px,.92vw,14px);line-height:1.45}.p7-web-table th,.p7-web-table td{padding:10px 12px;border-right:1px solid #dbe3ee;border-bottom:1px solid #dbe3ee;text-align:left;vertical-align:top;white-space:pre-line;overflow-wrap:anywhere}.p7-web-table th:last-child,.p7-web-table td:last-child{border-right:0}.p7-web-table tbody tr:last-child td{border-bottom:0}.p7-web-table th{background:#eef6f4;color:#0f766e;font-size:11px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.p7-web-table tbody tr:nth-child(2n){background:#f8fafc}.p7-web-table td:first-child{font-weight:800}.p7-webpage-notes{padding:12px clamp(20px,2.2vw,32px) 0;color:#475569;font-size:12px}.p7-structured-paragraphs{display:flex;flex-direction:column;gap:12px;white-space:pre-wrap}.p7-structured-paragraphs p{margin:0}.p7-skin-email .p7-structured-paragraphs{padding:clamp(18px,2vw,28px);color:#1e293b;font-size:clamp(14px,1vw,16px);line-height:1.7}@media(max-width:768px){.p7-left .p1-left-scroll,.p7-doc-card{flex:none;overflow:visible;padding:12px}.p7-doc-scroll{overflow:visible;padding-right:0}.p7-web-table-wrap{margin-inline:12px;overflow:visible;border:0;border-radius:0}.p7-web-table,.p7-web-table tbody,.p7-web-table tr,.p7-web-table td{display:block;width:100%;min-width:0}.p7-web-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.p7-web-table tbody{display:grid;gap:10px}.p7-web-table tbody tr{overflow:hidden;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.p7-web-table tbody tr:nth-child(2n){background:#f8fafc}.p7-web-table td{display:grid;grid-template-columns:minmax(82px,34%) minmax(0,1fr);gap:10px;padding:9px 11px;border-right:0;border-bottom:1px solid #e8edf3}.p7-web-table td:before{content:attr(data-label);color:#0f766e;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.p7-web-table tbody tr:last-child td{border-bottom:1px solid #e8edf3}.p7-web-table tbody tr td:last-child{border-bottom:0}.p7-web-table td:first-child{font-weight:700}.p7-webpage-heading{padding-inline:14px;font-size:19px}.p7-webpage-subheading{margin-inline:14px;font-size:15px}.p7-webpage-notes{padding-inline:14px}.p7-skin-email .p6-email-row{grid-template-columns:minmax(72px,28%) minmax(0,1fr)}.p7-skin-email .p6-email-value{overflow-wrap:anywhere}}.p7-skin-article{background:#fefefe;border:1px solid #e6e6e6;font-family:Georgia,Times New Roman,serif;color:#1f2937}.p7-article-heading{margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid #1f2937;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.25;color:#0f172a}.p7-article-body{font-size:clamp(15px,1.05vw,17px);line-height:1.95;white-space:pre-wrap}.p7-article-body:first-letter{font-size:3em;float:left;line-height:.85;padding:4px 8px 0 0;font-weight:800;color:var(--primary);font-family:Georgia,serif}.p7-passage-vi{flex-shrink:0;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.p7-passage-vi p{margin:0 0 8px;font-size:var(--text-sm);line-height:1.7;color:var(--text);white-space:pre-wrap}.p7-passage-vi p:last-child{margin-bottom:0}.p7-right{display:flex;flex-direction:column;overflow:hidden}.p7-translation-box{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--primary-border);background:linear-gradient(180deg,#ecfdf5b8,#ffffffe6)}.p7-translation-label{display:block;margin-bottom:var(--space-3);color:var(--primary-text);font-size:var(--text-xs);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.p7-translation-box .p7-doc-body p,.p7-translation-box>p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.p7-nav{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0;background:var(--surface-2)}.p7-nav-btn{padding:7px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:600;cursor:pointer;flex-shrink:0}.p7-nav-btn:hover:not(:disabled){background:var(--surface-2)}.p7-nav-btn:disabled{opacity:.35;cursor:default}.p7-mini-map{display:flex;gap:5px;flex:1;overflow-x:auto;padding:2px}.p7-mini-btn{width:28px;height:28px;flex:0 0 auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:800;cursor:pointer}.p7-mini-btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.p7-mini-btn.is-done{background:var(--success-light);border-color:var(--success);color:var(--success-text)}.p7-question-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.p7-question-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.p7-check-row{flex-shrink:0;display:flex;justify-content:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.p7-check-row .figma-primary-btn{width:min(100%,320px);justify-content:center}.p7-question-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.p7-question-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:800;color:var(--text-muted);text-transform:uppercase}.p7-result-ok{color:var(--success)}.p7-result-bad{color:var(--danger)}.p7-question-text{margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:600;line-height:1.5;color:var(--text)}.p7-question-vi{margin:-8px 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.p7-option-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}.p7-option-copy strong{display:block;font-size:var(--text-sm);line-height:1.45}.p7-option-copy small{display:block;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.p5-sentence-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-4) var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.p5-reveal-fixed{flex-shrink:0}.p5-reveal-shell{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.p5-reveal-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:6px;padding-bottom:32px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 24px),transparent 100%)}.p5-scroll-hint,.scroll-more-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:700 11px/1 inherit;box-shadow:0 4px 14px #0e938459;cursor:pointer;animation:p5HintBob 1.6s ease-in-out infinite;z-index:3}.p5-scroll-hint{pointer-events:none}.p5-scroll-hint svg,.scroll-more-hint svg{animation:p5HintArrow 1.6s ease-in-out infinite}.p1-right{position:relative}.p1-right>.scroll-more-hint{bottom:82px}@keyframes p5HintBob{0%,to{transform:translate(-50%);opacity:1}50%{transform:translate(-50%,-4px);opacity:.85}}@keyframes p5HintArrow{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.p5-speak-mini{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:999px;border:1px solid var(--primary-border);background:var(--primary-light);color:var(--primary-text);cursor:pointer;flex-shrink:0;transition:all .16s ease;margin-left:auto}.p5-speak-mini:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0e93842e;transform:scale(1.08)}.p5-speak-mini:active{transform:scale(.94)}.p5-speak-mini.is-speaking{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0e938459;animation:p5SpeakPulse 1.1s ease-in-out infinite}@keyframes p5SpeakPulse{0%,to{transform:scale(1.06);box-shadow:0 0 0 2px #0e938440}50%{transform:scale(1.18);box-shadow:0 0 0 6px #0e938473}}.p5-sentence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap}.p5-protected-topic-labels{padding:0 2px}.p5-protected-topic-labels .p5-sentence-tag{white-space:nowrap}.p5-review-topic-tags{display:grid;gap:7px;padding-top:12px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.p5-review-topic-tags>span{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.p5-review-topic-tags>div{display:flex;flex-wrap:wrap;gap:6px}.p5-review-topic-tags em{padding:4px 9px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;font-size:10px;font-style:normal;font-weight:700}.p5-tag-cluster{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.p5-grammar-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.02em}.p5-tag-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.p5-tag-toggle:hover{border-color:var(--border-hover);color:var(--text)}.p5-tag-toggle.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.p5-sentence-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.03em}.p5-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px #0e938426}.p5-listen-wrap .btn,.p5-listen-wrap .btn.subtle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.p5-paper{flex-shrink:0;min-height:200px;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,56px) clamp(24px,3vw,44px);background:linear-gradient(180deg,#fdfbf3,#fbf6e8);border:1px solid #eadfc4;border-radius:var(--radius-lg);box-shadow:inset 0 1px #fff9,0 1px 2px #00000008;background-image:linear-gradient(180deg,#fdfbf3,#fbf6e8),repeating-linear-gradient(to bottom,transparent 0px,transparent 39px,rgba(120,90,30,.08) 39px,rgba(120,90,30,.08) 40px);background-blend-mode:multiply;position:relative}.p5-paper:before{content:"";position:absolute;top:0;bottom:0;left:clamp(40px,5vw,68px);width:1px;background:#c83c3c2e}.p5-sentence-text{margin:0;max-width:640px;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,1.7vw,28px);font-weight:500;line-height:2;color:#2d2416;text-align:center;letter-spacing:.005em}.p5-blank{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:34px;padding:2px 14px;margin:0 4px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-family:var(--font-sans);font-size:clamp(15px,1.1vw,18px);font-weight:var(--weight-bold);box-shadow:0 2px 8px #0e938459,inset 0 1px #ffffff40;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease}.p5-blank.is-filled{animation:p5BlankFill .35s ease both}@keyframes p5BlankFill{0%{transform:scale(.85);box-shadow:0 0 #0e938459}60%{transform:scale(1.05);box-shadow:0 0 0 6px #0e938426}to{transform:scale(1);box-shadow:0 2px 8px #0e938459}}.p5-blank-hint{opacity:.9;font-family:Georgia,serif;font-style:italic}.p5-reveal-panel{display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;animation:fadeInUp .35s ease both}.p5-reveal-block{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.p5-reveal-label{display:block;margin-bottom:6px;font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-text)}.p5-reveal-block p{margin:0;font-size:var(--text-sm);line-height:1.65;color:var(--text)}.p5-phrase-list{display:flex;flex-direction:column;gap:6px}.p5-phrase-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.p5-phrase-item:hover{border-color:var(--primary-border);box-shadow:0 1px 6px #0e938414}.p5-phrase-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p5-phrase-head strong{font-size:var(--text-sm);color:var(--text)}.p5-phrase-role{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.p5-phrase-vi{font-size:var(--text-xs);color:var(--text-secondary)}.p5-phrase-pattern{display:inline-block;align-self:flex-start;padding:3px 10px;background:#f5f7fa;border:1px dashed var(--border-hover);border-radius:var(--radius-sm);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--primary-hover);font-weight:600}.p5-phrase-note{display:inline-flex;align-items:flex-start;gap:4px;color:var(--text-muted);font-size:11px;line-height:1.4;font-style:italic}.p5-phrase-note svg{flex-shrink:0;margin-top:2px}.p5-phrase-collocation{display:inline-flex;align-items:flex-start;gap:4px;color:var(--primary-text);font-size:11px;line-height:1.4;background:var(--primary-light);padding:2px 6px;border-radius:var(--radius-sm)}.p5-phrase-collocation svg{flex-shrink:0;margin-top:2px}.p5-phrase-example{display:flex;flex-direction:column;gap:2px;padding:4px 8px;background:var(--surface-2);border-left:2px solid var(--primary);border-radius:var(--radius-xs);font-size:11px;color:var(--text-secondary);line-height:1.45}.p5-phrase-example em{font-style:italic;color:var(--text)}.p5-phrase-example small{font-size:10px;color:var(--text-muted)}.p5-vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.p5-vocab-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.p5-vocab-head{display:flex;align-items:baseline;gap:6px}.p5-vocab-head strong{font-size:var(--text-sm);color:var(--text)}.p5-vocab-pos{font-size:10px;font-weight:700;color:var(--primary);background:var(--primary-light);padding:1px 6px;border-radius:999px;font-style:normal;text-transform:lowercase}.p5-vocab-item>span{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.exam-result-screen{background:var(--bg)}.exam-result-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-5) var(--space-12)}.exam-result-body .exam-review-panel{max-width:860px;margin:0 auto}.exam-review-panel{display:flex;flex-direction:column;gap:var(--space-5);width:100%;animation:fadeInUp .45s ease both}.exam-score-banner{position:relative;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-7);border-radius:24px;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a,inset 0 1px #ffffff1a}.exam-score-banner:has(.exam-score-circle.excellent){background:linear-gradient(135deg,#ecfdf5,#d1fae5 40%,#a7f3d0);border-color:#10b98133}.exam-score-banner:has(.exam-score-circle.good){background:linear-gradient(135deg,#f0fdfa,#ccfbf1 40%,#99f6e4);border-color:#14b8a633}.exam-score-banner:has(.exam-score-circle.poor){background:linear-gradient(135deg,#fff7ed,#ffedd5 40%,#fed7aa);border-color:#fb923c33}.exam-score-banner:before{content:"";position:absolute;top:-60%;right:-20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,transparent 70%);pointer-events:none}.exam-score-circle{position:relative;width:100px;height:100px;flex-shrink:0;display:grid;place-items:center;border-radius:999px;font-size:26px;font-weight:900;letter-spacing:-.02em;border:4px solid;box-shadow:0 0 0 6px #ffffff80,0 4px 16px #0000001a;animation:scoreRingPop .5s ease both .2s}@keyframes scoreRingPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.exam-score-circle.excellent{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#047857;border-color:#34d399}.exam-score-circle.good{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);color:#0f766e;border-color:#2dd4bf}.exam-score-circle.poor{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:#c2410c;border-color:#fb923c}.exam-score-content{min-width:0;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.exam-score-label{color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.01em}.exam-score-stats{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted)}.exam-score-stat{display:flex;align-items:baseline;gap:6px}.exam-score-stat-value{color:var(--text);font-size:28px;font-weight:800}.exam-score-stat-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.exam-stats-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding:0 var(--space-4)}.exam-stats-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px #00000008}.exam-stats-chip.correct{background:linear-gradient(to right,#f0fdf4,#fff);border-color:#bbf7d0;color:#16a34a}.exam-stats-chip.wrong{background:linear-gradient(to right,#fef2f2,#fff);border-color:#fecaca;color:#dc2626}.exam-stats-chip.neutral{background:var(--surface-2);color:var(--text);border-color:var(--border)}.exam-review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.exam-review-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:all .2s ease;position:relative}.exam-review-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.exam-review-item.correct{border-color:#86efac;background:linear-gradient(135deg,rgba(220,252,231,.6) 0%,var(--surface) 40%);border-left:4px solid #22c55e}.exam-review-item.wrong{border-color:#fca5a5;background:linear-gradient(135deg,rgba(254,226,226,.6) 0%,var(--surface) 40%);border-left:4px solid #ef4444}.exam-review-status{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:var(--text-sm);font-weight:var(--weight-bold)}.exam-review-item.correct .exam-review-status{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;box-shadow:0 2px 6px #22c55e26}.exam-review-item.wrong .exam-review-status{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;box-shadow:0 2px 6px #ef444426}.exam-review-question{min-width:0}.exam-review-question-num{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.exam-review-question-text{margin-top:3px;overflow:hidden;color:var(--text);font-size:13.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.exam-review-drill-btns{display:flex;align-items:center;gap:6px}.exam-review-drill-btn{min-height:30px;padding:5px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.exam-review-drill-btn:hover{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text);transform:translateY(-1px)}.exam-review-detail-btn{min-height:32px;padding:6px 12px;border:1px solid var(--primary-border);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.exam-review-detail-btn:hover{background:var(--primary);color:#fff}.exam-review-footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:var(--space-3)}.exam-review-footer .btn{border-radius:14px;padding:12px 24px;font-weight:700;font-size:14px;transition:all .2s ease}.exam-review-footer .btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.exam-review-footer .exam-review-detail-cta{border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0e938440}@media(max-width:600px){.exam-score-banner{flex-direction:column;text-align:center;padding:var(--space-5);gap:var(--space-4)}.exam-score-banner:before{display:none}.exam-score-stats{justify-content:center}.exam-score-label{font-size:20px}.exam-review-list{grid-template-columns:1fr}.exam-review-footer{flex-direction:column}.exam-review-footer .btn,.exam-review-footer .exam-review-detail-cta{width:100%;justify-content:center}}.score-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-8)}.review-list{display:flex;flex-direction:column;gap:var(--space-3)}.review-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}@media(max-width:768px){.toeic-exam-screen{height:auto;min-height:100dvh;overflow:auto}.toeic-exam-split{grid-template-columns:1fr;gap:var(--space-4)}.toeic-exam-header{padding:0 var(--space-4)}.toeic-exam-body{padding:var(--space-4);grid-template-columns:1fr;gap:16px;overflow:visible;height:auto}.toeic-listening-panel{height:auto;overflow-y:visible}.toeic-question-panel{height:auto;overflow:visible}.toeic-question-scroll{overflow-y:visible;flex:none}.toeic-question-actions{padding-right:0}.exam-header-actions{flex-wrap:wrap;gap:var(--space-2)}.exam-score-banner{align-items:flex-start;flex-direction:column}.exam-review-item{grid-template-columns:28px minmax(0,1fr)}.exam-review-drill-btns{grid-column:2;flex-wrap:wrap}.exam-review-question-text{white-space:normal}.toeic-media-stage{flex:none;min-height:220px;max-height:320px}.part1-photo-frame,.exam-graphic,.part1-exam-image{max-height:300px}.part7-layout{grid-template-columns:1fr}.part7-passage-panel,.part7-question-panel,.part7-document,.part7-question-list{overflow:visible}.part7-mini-map{max-width:100%}.part7-nav{flex-wrap:wrap}}.page-stack{display:flex;flex-direction:column;gap:var(--space-6);max-width:1100px;margin:0 auto;padding-bottom:var(--space-12);animation:fadeInUp .35s ease both}.section-head.warm-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.section-head.warm-hero h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);margin:var(--space-2) 0 var(--space-1)}.section-head.warm-hero p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5;max-width:680px}.topic-pill{display:inline-block;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.hero-progress{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);min-width:240px}@media(max-width:768px){.hero-progress{align-items:flex-start;width:100%}}.tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:fit-content;flex-wrap:wrap}.tab-btn{background:transparent;border:none;padding:8px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text);background:var(--surface-3)}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:var(--weight-bold)}.toeic-media-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden;box-shadow:var(--shadow-sm)}.toeic-photo-stage{padding:var(--space-3)}.part1-photo-frame{flex:1;min-height:0;width:100%;overflow:hidden;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center}.exam-graphic,.part1-exam-image{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);display:block}.exam-question-head{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.exam-question-vi{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);font-style:italic}.exam-title{display:flex;flex-direction:column;gap:4px}.exam-title span{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.exam-title strong{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text)}.exam-header-actions{display:flex;gap:var(--space-3);align-items:center}.exam-pill{display:inline-flex;align-items:center;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.exam-mode-select{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.exam-mode-select select{padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.exam-mode-select select:hover{border-color:var(--border-hover);background:var(--surface-2)}.toeic-audio-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.exam-section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.figma-audio-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.figma-play-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.figma-play-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05);box-shadow:var(--shadow-sm)}.figma-play-btn:disabled{opacity:.5;cursor:not-allowed}.figma-track{flex:1;height:6px;background:var(--surface-3);border:none;border-radius:999px;padding:0;cursor:pointer;overflow:hidden;position:relative}.figma-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:999px;transition:width .1s linear}.figma-time{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);min-width:50px;text-align:center}.figma-volume{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border)}.toeic-question-actions{flex-shrink:0;display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-top:0;padding-top:var(--space-3);padding-bottom:var(--space-1);border-top:1px solid var(--border)}.exam-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.exam-icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover)}.exam-icon-btn:disabled{opacity:.4;cursor:not-allowed}.figma-primary-btn{padding:10px 24px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.figma-primary-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.figma-primary-btn:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--border)}.figma-explanation{padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-size:var(--text-sm);line-height:1.55;animation:fadeInUp .25s ease both}.figma-explanation.correct{background:var(--success-light);border:1px solid var(--success-border);color:var(--success-text)}.figma-explanation.wrong{background:var(--danger-light);border:1px solid var(--danger-border);color:var(--danger-text)}.figma-explanation.neutral{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.p1-screen{height:100dvh;display:flex;flex-direction:column;background:#f0f2f5;color:var(--text);overflow:hidden}.p1-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.p1-header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.p1-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg, #ffffff);color:var(--text);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0;box-shadow:0 1px 3px #0000000d}.p1-back-btn:hover{background:var(--surface-2);border-color:var(--text-muted);color:var(--primary);transform:translate(-1px)}.exam-score-coin-reward{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 12px 4px 8px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:999px;color:#b45309;font-size:12px;font-weight:600}.p1-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0}.p1-bc-parent{font-size:var(--text-xs);color:var(--primary-text);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.p1-bc-sep{font-size:var(--text-xs);color:var(--text-muted)}.p1-bc-current{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);white-space:nowrap}.p1-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.p1-mode-pill{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);transition:border-color var(--transition-fast)}.p1-mode-pill:focus-within{border-color:var(--primary)}.p1-mode-select{background:transparent;border:none;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;outline:none}.p1-q-counter{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);min-height:30px}.p1-q-counter:disabled{opacity:1}.p1-q-counter.is-clickable{cursor:pointer;transition:all var(--transition-fast)}.p1-q-counter.is-clickable:hover,.p1-q-counter.is-clickable[aria-expanded=true]{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.p1-q-counter strong{color:var(--primary-text);font-weight:var(--weight-bold);font-size:var(--text-sm)}.trainer-nav-wrap{position:relative}.trainer-nav-caret{color:var(--text-muted);transition:transform var(--transition-fast)}.p1-q-counter[aria-expanded=true] .trainer-nav-caret{transform:rotate(180deg)}.trainer-nav-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 88px));display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.trainer-nav-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.trainer-nav-head strong{display:block;font-size:var(--text-sm);color:var(--text)}.trainer-nav-head span{display:block;max-width:220px;overflow:hidden;color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.trainer-nav-restart{flex-shrink:0;padding:6px 10px;border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-full);background:var(--danger-light, #fef2f2);color:var(--danger-text, var(--danger-hover));font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.trainer-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;overflow-y:auto;padding-right:2px}.trainer-nav-item{min-height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast)}.trainer-nav-item:hover{border-color:var(--primary-border);color:var(--primary-text)}.trainer-nav-item.is-done{background:var(--success-light);border-color:var(--success-border);color:var(--success-text)}.trainer-nav-item.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--primary-light)}.trainer-nav-item.is-active svg{color:#fff}.resume-progress-overlay{padding:20px;z-index:140}.resume-progress-dialog{width:min(520px,calc(100vw - 32px));max-width:520px;padding:26px;border-radius:18px;border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 24px 80px #0f172a42}.resume-progress-kicker{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;margin-bottom:12px;border:1px solid var(--primary-border);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-bold)}.resume-progress-dialog h2{margin:0;color:var(--text);font-size:var(--text-2xl);line-height:1.2}.resume-progress-dialog p{margin:12px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.resume-progress-dialog p strong{color:var(--primary-text)}.resume-progress-meter{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.resume-progress-meter-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.resume-progress-meter-info strong{color:var(--text);font-size:var(--text-sm)}.resume-progress-track{height:9px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-3)}.resume-progress-fill{height:100%;min-width:10px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .35s ease}.resume-progress-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:22px}.resume-progress-actions .btn{justify-content:center;min-height:44px;white-space:normal}@media(max-width:560px){.resume-progress-dialog{padding:22px}.resume-progress-actions{grid-template-columns:1fr}}.p1-lang-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.p1-lang-pill:hover{background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.ai-assist-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--primary, #2563eb);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.ai-assist-btn:hover{filter:brightness(1.08)}.ai-assist-btn:disabled{opacity:.6;cursor:not-allowed}.ai-assist-panel{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px #00000014;display:flex;flex-direction:column;z-index:1200}.ai-assist-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-assist-title{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.ai-assist-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.ai-assist-close:hover{background:var(--surface-2);color:var(--text)}.ai-assist-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-assist-chip{padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ai-assist-chip:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.ai-assist-chip:disabled{opacity:.5;cursor:not-allowed}.ai-assist-form{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-assist-input{width:100%;resize:vertical;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);font-family:inherit}.ai-assist-input:focus{outline:none;border-color:var(--primary)}.ai-assist-send{align-self:flex-end;padding:6px 14px;background:var(--primary);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;cursor:pointer}.ai-assist-send:disabled{opacity:.5;cursor:not-allowed}.ai-assist-error{margin:12px 14px;padding:8px 10px;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--danger, var(--danger))}.ai-assist-answer{padding:14px;overflow-y:auto;flex:1}.ai-assist-answer-text{font-size:var(--text-sm);line-height:1.6;color:var(--text);white-space:pre-wrap;margin:0 0 10px}.ai-assist-meta{font-size:var(--text-xs);color:var(--text-muted)}.p1-progress-bar{height:3px;background:var(--surface-3);flex-shrink:0}.p1-progress-fill{height:100%;background:var(--fill-accent, var(--primary));transition:width .5s ease}.p1-body{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.p5-exam-layout{grid-template-columns:1fr 320px}.p5-exam-options{margin-top:16px;padding:16px 0 4px;border-top:1px solid var(--border)}.p5-exam-options .p1-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.p5-exam-options .p1-option{margin:0}.p1-left{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#f0f2f5;border-right:1px solid var(--border);overflow:hidden}.p1-left-with-actions{padding:0!important}.p1-left-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto}.p1-left-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface);height:69px;box-sizing:border-box}.p1-audio-row{flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.p1-audio-row.is-playing{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-sm)}.p1-audio-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.p1-audio-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.p1-audio-controls{display:flex;align-items:center;gap:var(--space-3)}.p1-play-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);box-shadow:0 2px 8px #0e93844d}.p1-play-btn>svg{transform:translate(-.7px)}.p1-play-btn.is-playing>svg{transform:none}.p1-play-btn:hover{background:var(--primary-hover);transform:scale(1.06);box-shadow:0 4px 14px #0e938466}.p1-play-btn:active{transform:scale(.96)}.p1-play-btn.is-playing{background:var(--primary);box-shadow:0 2px 8px #0e93844d}.p1-play-btn.is-playing:hover{background:var(--primary-hover)}.p1-play-btn.is-buffering{cursor:progress}.p1-play-btn.is-error{background:var(--danger)}.p1-play-btn:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.p1-play-btn.is-playing:disabled{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0e93844d}.p1-track-area{flex:1;display:flex;align-items:center;min-width:0;height:36px}.p1-waveform{display:flex;align-items:center;gap:2px;width:100%;height:36px;overflow:hidden}.p1-wave-bar{flex:1;border-radius:2px;background:var(--primary);min-width:2px;max-width:5px;animation:p1Wave .7s ease-in-out infinite alternate;opacity:.7}@keyframes p1Wave{0%{height:3px;opacity:.4}to{height:22px;opacity:.85}}.p1-track{flex:1;height:4px;background:var(--surface-3);border-radius:var(--radius-full);position:relative;overflow:visible}.p1-track-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .1s linear}.p1-track-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:var(--shadow-sm);transition:left .1s linear}.p1-track-seek{position:absolute;inset:-10px 0;width:100%;height:24px;margin:0;opacity:0;cursor:pointer;z-index:2}.p1-track-seek:disabled{cursor:not-allowed}.p1-track:focus-within{outline:3px solid var(--primary-light);outline-offset:3px}.p1-time-display{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:90px;text-align:right}.p1-time-display.is-buffering{color:var(--primary-text)}.p1-time-display.is-error{min-width:148px;color:var(--danger);font-weight:700}.p1-photo-stage{flex:1;min-height:0;position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:border-color .4s ease,box-shadow .4s ease}.p1-photo-stage.is-playing{border-color:var(--primary-border);box-shadow:0 0 0 4px var(--primary-light),var(--shadow-md);animation:p1StageGlow 2.5s ease-in-out infinite}@keyframes p1StageGlow{0%,to{box-shadow:0 0 0 3px var(--primary-light),var(--shadow-md)}50%{box-shadow:0 0 0 6px #0e93841f,var(--shadow-lg)}}.p1-photo-ring{position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0%,rgba(14,147,132,.7) 12%,transparent 25%,transparent 75%,rgba(13,148,136,.5) 88%,transparent 100%);animation:p1RingSpin 2.2s linear infinite;mask:radial-gradient(ellipse at center,transparent calc(100% - 2.5px),black 100%);-webkit-mask:radial-gradient(ellipse at center,transparent calc(100% - 2.5px),black 100%);z-index:2;pointer-events:none}@keyframes p1RingSpin{to{transform:rotate(360deg)}}.p1-photo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;position:relative;z-index:1;border-radius:var(--radius-lg);padding:var(--space-4)}.p1-now-playing-badge{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#0e9384e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;animation:fadeInUp .3s ease both;box-shadow:0 2px 12px #0e938459}.p1-pulse-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:p1PulseDot 1.2s ease-in-out infinite}@keyframes p1PulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.65)}}.p1-pre-play-hint{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);z-index:1;pointer-events:none;text-align:center}.p1-pre-play-hint span{font-size:var(--text-xs);font-weight:var(--weight-medium)}.p1-right{display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.p1-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p1-q-header{display:flex;align-items:center;gap:var(--space-2)}.p1-q-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text)}.p1-q-text{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);line-height:1.5;margin:0}.p1-options{display:flex;flex-direction:column;gap:var(--space-2)}.p1-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:11px var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .14s ease}.p1-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.p1-option:disabled{cursor:not-allowed}.p1-option.picked{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #0e938414}.p1-option.correct{border-color:var(--success);background:var(--success-light)}.p1-option.wrong{border-color:var(--danger);background:var(--danger-light)}.p1-opt-circle{width:34px;height:34px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .14s ease}.p1-option:hover:not(:disabled) .p1-opt-circle{border-color:var(--primary);color:var(--primary)}.p1-option.picked .p1-opt-circle{border-color:var(--primary);background:var(--primary);color:#fff}.p1-option.correct .p1-opt-circle{border-color:var(--success);background:var(--success);color:#fff}.p1-option.wrong .p1-opt-circle{border-color:var(--danger);background:var(--danger);color:#fff}.p1-opt-label{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.p1-opt-label strong{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);line-height:1.4}.p1-option.picked .p1-opt-label strong{color:var(--primary-hover);font-weight:var(--weight-semibold)}.p1-option.correct .p1-opt-label strong{color:var(--success-text);font-weight:var(--weight-semibold)}.p1-option.wrong .p1-opt-label strong{color:var(--danger-text)}.p1-opt-label small{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.p1-option.correct .p1-opt-label small{color:var(--success-text);opacity:.8}.p1-opt-icon{flex-shrink:0}.p1-option.correct .p1-opt-icon{color:var(--success)}.p1-option.wrong .p1-opt-icon{color:var(--danger)}.p1-explanation{border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);line-height:1.6;animation:fadeInUp .25s ease both;border-left:3px solid transparent}.p1-expl-badge{display:block;font-weight:700;margin-bottom:var(--space-2);font-size:var(--text-sm)}.p1-explanation p{margin:0;opacity:.85}.p1-explanation.correct{background:var(--success-light);border-color:var(--success);color:var(--success-text)}.p1-explanation.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger-text)}.p1-explanation.neutral{background:var(--surface-2);border-color:var(--border-hover);color:var(--text-secondary)}.p1-expl-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed rgba(0,0,0,.08)}.p1-expl-section:first-of-type{margin-top:var(--space-2);padding-top:var(--space-2);border-top:none}.p1-expl-section-label{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.p1-expl-section p{margin:0 0 6px;font-size:var(--text-sm);line-height:1.65;opacity:.92}.p1-expl-traps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.p1-expl-traps li{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#ffffff8c;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.55}.p1-expl-trap-choice{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#00000014;color:inherit;font-size:12px;font-weight:800}.p1-expl-evidence-text{font-style:italic;font-weight:600;padding:8px 12px;background:#0e938414;border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin-bottom:6px!important;color:inherit;line-height:1.6}.p1-expl-evidence-vi{font-size:var(--text-xs);opacity:.88;color:inherit;padding-left:12px;line-height:1.5}.p1-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.p1-nav-btn{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.p1-nav-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.p1-nav-btn:disabled{opacity:.3;cursor:not-allowed}.p1-cta-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.p1-cta-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.p1-cta-btn:active:not(:disabled){transform:translateY(0)}.p1-cta-btn:disabled{background:var(--surface-3);color:var(--text-muted);border-color:var(--border);box-shadow:none;cursor:not-allowed}.p1-cta-btn.submit{background:var(--primary)}.p1-cta-btn.submit:hover:not(:disabled){background:var(--primary-hover)}@media(max-width:768px){.p1-screen{height:auto;min-height:100dvh;overflow:auto}.p1-body{grid-template-columns:1fr;overflow:visible;height:auto}.p1-left{border-right:none;border-bottom:1px solid var(--border);overflow:visible}.p1-photo-stage{min-height:220px;flex:none;height:280px}.p1-right{overflow:visible}.p1-scroll{overflow-y:visible;flex:none}.p1-bc-parent,.p1-bc-sep{display:none}.p2-stage{min-height:240px;flex:none}.p6-right-head{align-items:flex-start;flex-wrap:wrap;padding:12px}.p6-view-toggle{width:100%}.p6-view-toggle button{flex:1;min-width:0;min-height:42px}.p6-questions-scroll{flex:none;overflow:visible;padding:12px}.p6-question-card{padding:12px}.p6-question-scroll{flex:none;overflow:visible;padding:12px}.p6-q-tabs{flex-wrap:nowrap;overflow-x:auto;padding:10px 12px;scrollbar-width:none}.p6-q-tabs::-webkit-scrollbar{display:none}}.p1-photo-stage.p2-stage-audio{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.p1-photo-stage.p2-stage-audio.showing-sub{justify-content:flex-start;align-items:stretch;padding:var(--space-4)}.p1-photo-stage.p2-stage-audio.showing-sub .p2-sub-scroll{max-height:none}.p2-orb{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);z-index:1}.p2-orb-core{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);background:var(--primary-light);border:1.5px solid var(--primary-border);transition:transform .3s ease}.p1-photo-stage.is-playing .p2-orb-core{animation:p2OrbPulse 1.6s ease-in-out infinite}@keyframes p2OrbPulse{0%,to{transform:scale(1);box-shadow:0 0 #0e938440}50%{transform:scale(1.05);box-shadow:0 0 0 14px #0e938400}}.p2-orb-hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);letter-spacing:.01em;text-align:center;-webkit-user-select:none;user-select:none}.p2-eq{display:flex;align-items:flex-end;gap:4px;height:36px}.p2-eq-bar{width:5px;height:20%;border-radius:999px;background:var(--border-hover);transition:background .3s ease}.p2-eq-bar.on{background:var(--primary);animation:p2EqDance .8s ease-in-out infinite alternate}@keyframes p2EqDance{0%{height:12%}to{height:100%}}.p2-prompt-vi{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin:-4px 0 0}.p3-question-overview{display:flex;flex-direction:column;gap:var(--space-4)}.p3-question-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.p3-question-card.is-active{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light)}.p3-question-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.p3-question-card .p1-q-text,.p3-question-card .p1-options{margin-top:var(--space-3)}.p3-q-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.p3-q-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.p3-q-tab:hover{border-color:var(--primary-border);color:var(--primary-text);background:var(--primary-light)}.p3-q-tab.is-active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 3px #0e938426}.p3-q-tab.is-done:not(.is-active){border-color:var(--success-border);color:var(--success-text);background:var(--success-light)}.p2-opt-listen{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;cursor:pointer;transition:all var(--transition-fast)}.p2-opt-listen:hover{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.p1-option.is-tts{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.p1-option.is-tts .p1-opt-circle{background:var(--primary);border-color:var(--primary);color:#fff}button.p1-audio-hint-tag{cursor:pointer;transition:all var(--transition-fast)}button.p1-audio-hint-tag:hover{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.p2-audio-tools{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.p2-sub-switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.p2-sub-switch input{display:none}.p2-sub-switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:var(--border);border:1.5px solid var(--border);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;flex-shrink:0}.p2-sub-switch input:checked~.p2-sub-switch-track{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #10b9812e}.p2-sub-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .22s cubic-bezier(.34,1.4,.64,1)}.p2-sub-switch input:checked~.p2-sub-switch-track .p2-sub-switch-thumb{transform:translate(16px)}.p2-sub-switch-label{font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:.04em;transition:color .2s}.p2-sub-switch:has(input:checked) .p2-sub-switch-label{color:var(--primary-text)}.p2-opt-audio-mask{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 2px;opacity:.55}.p2-opt-mask-bar{width:3px;border-radius:2px;background:currentColor;animation:p2MaskWave 1.2s ease-in-out infinite alternate}@keyframes p2MaskWave{0%{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}.p2-sub-panel{width:100%;animation:p2SubPanelIn .28s cubic-bezier(.2,.8,.2,1) both}.p2-sub-scroll{display:flex;flex-direction:column;gap:var(--space-3);max-height:260px;overflow-y:auto;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.p2-sub-scroll::-webkit-scrollbar{width:4px}.p2-sub-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.p2-sub-scroll.is-full{max-height:none;overflow-y:visible}.p2-sub-row{display:flex;align-items:flex-start;gap:var(--space-3);max-width:100%;animation:p2SubRowIn .4s cubic-bezier(.34,1.2,.64,1) both}.p2-sub-bubble-body{font-size:var(--text-base);line-height:1.7}.p2-sub-row.is-past{opacity:.52}.p2-sub-avatar-wrap{position:relative;width:34px;height:34px;flex-shrink:0}.p2-sub-avatar{width:34px;height:34px;border-radius:50%;background:var(--surface-3);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;box-shadow:var(--shadow-xs);transition:border-color .2s}.p2-sub-row.is-active .p2-sub-avatar{border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}.p2-sub-avatar-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(14,147,132,.45);animation:p2AvatarPulse 1.6s ease-out infinite;pointer-events:none}@keyframes p2AvatarPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.p2-sub-bubble{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-xs);transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0}.p2-sub-row.is-active .p2-sub-bubble{border-color:var(--primary);box-shadow:0 0 0 3px #0e93841a,var(--shadow-sm);transform:translateY(-1px)}.p2-sub-row.is-past .p2-sub-bubble{background:var(--surface-2)}.p2-sub-bubble-head{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.p2-sub-speaker-name{color:var(--text-secondary)}.p2-sub-row.is-active .p2-sub-speaker-name{color:var(--primary-text)}.p2-sub-label{opacity:.7}.p2-sub-live{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:#ef4444;color:#fff;border-radius:var(--radius-full);font-size:9px;font-weight:900;letter-spacing:.06em;animation:p2LiveFade 1.4s ease-in-out infinite}.p2-sub-live-dot{width:5px;height:5px;background:#fff;border-radius:50%}@keyframes p2LiveFade{0%,to{opacity:1}50%{opacity:.65}}.p2-sub-bubble-body{font-size:var(--text-sm);color:var(--text);line-height:1.55}.p2-sub-bubble-vi{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border);padding-top:5px;margin-top:3px;font-style:italic}.p2-sub-row.is-active .p2-sub-bubble-vi{border-top-color:var(--primary-border);color:var(--primary-text)}.p2-karaoke-flow{display:inline}.p2-karaoke-word{border-radius:3px;transition:background .12s,color .12s}.p2-karaoke-word.past{color:var(--primary-text)}.p2-karaoke-word.active{background:var(--primary-light);color:var(--primary-text);box-shadow:0 0 0 2px var(--primary-border);font-weight:700}@keyframes p2SubPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes p2SubRowIn{to{opacity:1;transform:translateY(0)}}.p3-graphic-stage,.p7-graphic-html,.toeic-protected-graphic-html{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;overflow-x:auto;box-sizing:border-box}.p3-graphic-stage>div,.p7-graphic-html>div,.toeic-protected-graphic-html>div{width:100%!important;box-sizing:border-box!important}.p3-graphic-stage>div[style*="height:240px"],.p7-graphic-html>div[style*="height:240px"],.toeic-protected-graphic-html>div[style*="height:240px"]{min-width:460px}.p3-graphic-stage>div>div[style*="left:50%"],.p7-graphic-html>div>div[style*="left:50%"],.toeic-protected-graphic-html>div>div[style*="left:50%"]{white-space:nowrap!important}.p3-graphic-img{max-width:100%;max-height:380px;width:auto;height:auto;border-radius:6px;box-shadow:0 1px 4px #0000001a;display:block;object-fit:contain}.mode-selector{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4);animation:fadeInUp .4s ease both}.mode-header{text-align:center;margin-bottom:var(--space-8)}.mode-header h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.mode-part-name{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-4)}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.mode-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center}.mode-card:hover{border-color:var(--primary-border);transform:translateY(-4px);box-shadow:var(--shadow-glow-primary)}.mode-card .mode-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:var(--space-5);box-shadow:var(--shadow-md)}.mode-card.practice-card .mode-icon{background:var(--gradient-accent)}.mode-card .mode-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.mode-card .mode-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-normal);flex:1}.mode-card .mode-btn{width:100%}@media(max-width:768px){.mode-cards{grid-template-columns:1fr}}.grammar-home,.grammar-quiz{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-6)}.grammar-library{max-width:920px}.grammar-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.grammar-stat{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.grammar-stat strong{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em}.grammar-stat small{font-size:12px;color:var(--text-muted)}.grammar-mastered{padding:1px 8px;font-size:11px;font-weight:600;color:var(--primary-text);background:var(--primary-light);border-radius:999px}.grammar-score{font-size:12.5px;font-weight:600;white-space:nowrap}.grammar-score.is-ok{color:var(--primary-text)}.grammar-score.is-low{color:var(--text-muted)}.hub-row.is-locked{cursor:default}.hub-row.is-locked .hub-row-title strong,.hub-row.is-locked .hub-row-main small{color:var(--text-muted)}.grammar-quick-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--primary-light);color:var(--primary-text)}@media(max-width:640px){.grammar-stat-row{grid-template-columns:1fr}}.grammar-practice-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}@media(max-width:900px){.grammar-practice-layout{grid-template-columns:1fr}}.study-card.grammar-side{position:sticky;top:80px}.grammar-question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-4)}.grammar-question-nav button{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.grammar-question-nav button:hover{border-color:var(--primary)}.grammar-question-nav button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.grammar-part5-catalog{width:min(1280px,100%);margin-inline:auto;min-height:auto;overflow:visible}.grammar-setup-page{display:flex;flex-direction:column;gap:var(--space-6)}.grammar-header-summary{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;box-shadow:var(--shadow-xs)}.grammar-header-summary strong{font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.grammar-header-summary i{width:4px;height:4px;border-radius:50%;background:var(--text-muted);opacity:.5}.grammar-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--space-4)}.grammar-panel-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.grammar-panel-heading>div>div{min-width:0}.grammar-panel-heading h2{margin:0 0 2px;color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.grammar-panel-heading p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.grammar-panel-heading>strong{flex:0 0 auto;padding:5px 12px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.grammar-step{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:10px;background:var(--primary);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold)}.grammar-practice-error{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--danger) 36%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger-light) 68%,var(--surface));color:var(--danger-text);font-size:var(--text-sm)}.grammar-setup-loading{display:grid;place-items:center;align-content:center;gap:14px;min-height:380px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);color:var(--text-secondary);font-size:var(--text-base)}.grammar-setup-workspace{display:flex;flex-direction:column;gap:var(--space-5);flex:1;min-height:0}.grammar-selector-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.grammar-topic-panel{padding:var(--space-5)}.grammar-setup-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grammar-topic-option{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;min-width:0;min-height:68px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.grammar-topic-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--surface-hover)}.grammar-topic-option.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 50%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.grammar-option-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-hover);border-radius:9px;background:var(--surface);color:var(--text-muted);transition:all var(--transition-fast)}.grammar-topic-option.is-selected .grammar-option-check{border-color:var(--primary);background:var(--primary);color:#fff}.grammar-topic-option>span:last-child{display:grid;min-width:0;gap:3px}.grammar-topic-option strong{overflow:hidden;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.grammar-topic-option small{color:var(--text-muted);font-size:var(--text-xs)}.grammar-test-panel{display:flex;flex-direction:column}.grammar-test-heading{margin:0;padding:var(--space-5) var(--space-5) var(--space-3)}.grammar-year-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 var(--space-5);padding:0;border:0;background:transparent}.grammar-year-tabs button{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.grammar-year-tabs button:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.grammar-year-tabs button.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.grammar-year-tabs button small{display:inline-block;padding:1px 6px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.3}.grammar-year-tabs button.is-active small{background:#ffffff42;color:#fff}.grammar-test-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-3) var(--space-5);color:var(--text-secondary);font-size:var(--text-xs)}.grammar-test-toolbar button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--primary-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}.grammar-test-toolbar button:hover:not(:disabled){text-decoration:underline}.grammar-test-toolbar button:disabled{color:var(--text-muted);cursor:not-allowed}.grammar-mini-check,.grammar-test-checkbox{display:grid;place-items:center;border:1px solid var(--border-hover);background:var(--surface);color:transparent;transition:all var(--transition-fast)}.grammar-mini-check{width:17px;height:17px;border-radius:5px}.grammar-mini-check.is-checked{border-color:var(--primary);background:var(--primary);color:#fff}.grammar-test-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;min-height:140px;max-height:420px;padding:0 var(--space-5) var(--space-4);overflow-y:auto;scrollbar-width:thin}.grammar-test-option{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;min-height:64px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.grammar-test-option:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--surface-hover)}.grammar-test-option.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 42%,var(--surface))}.grammar-test-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.grammar-test-checkbox{width:24px;height:24px;border-radius:8px}.grammar-test-option.is-selected .grammar-test-checkbox{border-color:var(--primary);background:var(--primary);color:#fff}.grammar-test-copy{display:grid;min-width:0;gap:3px}.grammar-test-copy strong{overflow:hidden;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.grammar-test-copy small{overflow:hidden;color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.grammar-test-premium{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:var(--radius-full);background:#fff4d8;color:#956516;font-size:var(--text-xs);font-weight:var(--weight-bold)}.grammar-test-empty{grid-column:1 / -1;display:grid;place-items:center;align-content:center;gap:6px;min-height:120px;color:var(--text-muted);text-align:center;padding:var(--space-4)}.grammar-test-empty strong{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-semibold)}.grammar-test-empty span{font-size:var(--text-sm)}.grammar-start-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--primary-light))}.grammar-start-bar>div{display:grid;gap:2px}.grammar-start-bar>div strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold)}.grammar-start-bar>div span{color:var(--text-muted);font-size:var(--text-xs)}.grammar-start-bar>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:200px;min-height:44px;padding:12px 22px;border:0;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 26%,transparent);transition:all var(--transition-fast)}.grammar-start-bar>button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.grammar-start-bar>button:disabled{background:var(--border-hover);color:var(--text-muted);cursor:not-allowed;box-shadow:none}@media(max-width:1180px){.grammar-setup-topic-grid,.grammar-test-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.grammar-setup-topic-grid,.grammar-test-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-year-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.grammar-start-bar{position:sticky;bottom:0;z-index:3}}@media(max-width:560px){.grammar-selector-panel{border-radius:var(--radius-lg)}.grammar-topic-panel{padding:var(--space-4)}.grammar-panel-heading p{display:none}.grammar-setup-topic-grid{grid-template-columns:1fr;gap:8px}.grammar-topic-option{min-height:60px;padding:10px}.grammar-test-heading{padding:var(--space-4) var(--space-4) var(--space-2)}.grammar-year-tabs{margin-inline:var(--space-4)}.grammar-test-toolbar{padding-inline:var(--space-4)}.grammar-test-list{grid-template-columns:1fr;max-height:320px;padding-inline:var(--space-4)}.grammar-start-bar{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:stretch}.grammar-start-bar>button{min-width:100%}}.grammar-private-entry{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:15px;background:linear-gradient(110deg,color-mix(in srgb,var(--primary-light) 70%,var(--surface)),var(--surface));color:var(--text);text-align:left;cursor:pointer;box-shadow:0 8px 24px #143c350b;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.grammar-private-entry:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 10%,transparent)}.grammar-private-entry-icon,.grammar-private-intro-icon,.grammar-private-result-icon{display:grid;place-items:center;border-radius:12px;background:var(--primary);color:#fff}.grammar-private-entry-icon{width:42px;height:42px}.grammar-private-entry-copy{display:grid;min-width:0;gap:3px}.grammar-private-entry-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.grammar-private-entry-copy small{overflow:hidden;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.grammar-private-entry-badge,.grammar-private-header-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:999px;background:var(--surface);color:var(--primary-text);font-size:10px;font-weight:800;white-space:nowrap}.grammar-private-practice-page{width:min(1180px,100%);min-height:0;margin-inline:auto}.grammar-private-setup,.grammar-private-session,.grammar-private-result-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 12px 34px #143c350e}.grammar-private-intro{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,color-mix(in srgb,var(--primary-light) 70%,var(--surface)),var(--surface))}.grammar-private-intro-icon{width:50px;height:50px}.grammar-private-intro>div:nth-child(2){min-width:0}.grammar-private-intro span{color:var(--primary-text);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.grammar-private-intro h2{margin:2px 0 3px;color:var(--text);font-size:18px}.grammar-private-intro p{margin:0;color:var(--text-secondary);font-size:11px}.grammar-private-intro>strong{padding:8px 11px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px}.grammar-private-setup-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:390px}.grammar-private-setup-grid>section{min-width:0;padding:18px}.grammar-private-setup-grid>section+section{border-left:1px solid var(--border);background:var(--surface-2)}.grammar-private-setup-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.grammar-private-setup-heading>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:9px;background:var(--primary);color:#fff;font-size:11px;font-weight:850}.grammar-private-setup-heading h3{margin:0 0 2px;font-size:14px}.grammar-private-setup-heading p{margin:0;color:var(--text-muted);font-size:10px}.grammar-private-section-grid,.grammar-private-set-grid{display:grid;align-content:start;gap:8px}.grammar-private-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-private-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}.grammar-private-section-grid button,.grammar-private-set-grid button{min-width:0;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.grammar-private-section-grid button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 11px;text-align:left}.grammar-private-section-grid button span{overflow:hidden;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.grammar-private-section-grid button small{grid-column:1;color:var(--text-muted);font-size:9px}.grammar-private-section-grid button svg{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--text-muted)}.grammar-private-set-grid button{display:grid;gap:2px;padding:10px;text-align:left}.grammar-private-set-grid button strong{font-size:11px}.grammar-private-set-grid button small{color:var(--text-muted);font-size:9px}.grammar-private-section-grid button.is-selected,.grammar-private-set-grid button.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 55%,var(--surface));color:var(--primary-text)}.grammar-private-start,.grammar-private-session-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface)}.grammar-private-start>div{display:grid;gap:2px}.grammar-private-start>div strong{font-size:11px}.grammar-private-start>div span{color:var(--text-muted);font-size:9px}.grammar-private-start button,.grammar-private-session-actions button,.grammar-private-result-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 16px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.grammar-private-start button:disabled,.grammar-private-session-actions button:disabled{border-color:var(--border);background:var(--border);color:var(--text-muted);cursor:not-allowed}.grammar-private-session-actions button.is-secondary,.grammar-private-result-card button.is-secondary{border-color:var(--border);background:var(--surface);color:var(--text-secondary)}.grammar-private-session{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 128px);min-height:570px;max-height:860px}.grammar-private-session-progress{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.grammar-private-session-progress>div:first-child{display:flex;align-items:center;gap:9px}.grammar-private-session-progress span{padding:5px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:9px;font-weight:800}.grammar-private-session-progress strong{font-size:12px}.grammar-private-session-progress small{color:var(--text-muted);font-size:10px;font-weight:700}.grammar-private-progress-track{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3, var(--border))}.grammar-private-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s ease}.grammar-private-question-card{min-height:0;padding:22px clamp(18px,4vw,46px) 32px;overflow-y:auto;scrollbar-width:thin}.grammar-private-question-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted)}.grammar-private-question-meta span{color:var(--primary-text);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.grammar-private-question-meta small{font-size:9px}.grammar-private-question-card>h2{margin:22px 0;color:var(--text);font-size:clamp(19px,2.1vw,27px);line-height:1.55}.grammar-private-question-card>h2 span{display:inline-block;min-width:82px;margin-inline:5px;border-bottom:3px solid var(--primary);color:transparent;-webkit-user-select:none;user-select:none}.grammar-private-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grammar-private-answer{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:11px;min-width:0;min-height:60px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.grammar-private-answer b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-hover);border-radius:50%;background:var(--surface-2);font-size:11px}.grammar-private-answer span{overflow-wrap:anywhere;font-size:12px;font-weight:650}.grammar-private-answer:hover:not(:disabled),.grammar-private-answer.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 42%,var(--surface))}.grammar-private-answer.is-correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.grammar-private-answer.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.grammar-private-answer:disabled{cursor:default;opacity:1}.grammar-private-explanation{margin-top:18px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.grammar-private-explanation.is-correct{border-color:var(--success-border);background:color-mix(in srgb,var(--success-light) 58%,var(--surface))}.grammar-private-explanation.is-wrong{border-color:var(--danger-border);background:color-mix(in srgb,var(--danger-light) 52%,var(--surface))}.grammar-private-result-line{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 9px;border-radius:999px;background:var(--surface);font-size:10px}.grammar-private-explanation h3{margin:12px 0 6px;font-size:12px}.grammar-private-explanation>p,.grammar-private-explanation li{color:var(--text-secondary);font-size:11px;line-height:1.65}.grammar-private-explanation ol{display:grid;gap:5px;margin:0;padding-left:20px}.grammar-private-distractors{margin-top:14px;padding-top:4px;border-top:1px dashed var(--border-hover)}.grammar-private-distractors p{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;margin:7px 0;color:var(--text-secondary);font-size:10px;line-height:1.55}.grammar-private-distractors b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--surface);color:var(--danger-text)}.grammar-private-vocab{margin-top:12px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.grammar-private-vocab h3{margin-top:0}.grammar-private-vocab ul{display:grid;gap:4px;margin:0;padding-left:18px;color:var(--text-secondary);font-size:10px}.grammar-private-editorial{padding:9px 11px;border-left:3px solid #d59b2d;background:#fff8e8}.grammar-private-result-card{display:grid;place-items:center;gap:8px;min-height:430px;padding:32px;text-align:center}.grammar-private-result-icon{width:60px;height:60px}.grammar-private-result-card p{margin:8px 0 0;color:var(--text-muted);font-size:11px}.grammar-private-result-card h2{margin:0;font-size:26px}.grammar-private-result-card>strong{color:var(--primary-text);font-size:18px}.grammar-private-result-card>div{display:flex;gap:9px;margin-top:12px}@media(max-width:820px){.grammar-private-header-badge{display:none}.grammar-private-entry{grid-template-columns:40px minmax(0,1fr) 18px;margin-bottom:12px}.grammar-private-entry-badge{display:none}.grammar-private-entry-icon{width:40px;height:40px}.grammar-private-practice-page{padding-bottom:max(16px,env(safe-area-inset-bottom))}.grammar-private-setup-grid{grid-template-columns:1fr;min-height:0}.grammar-private-setup-grid>section+section{border-top:1px solid var(--border);border-left:0}.grammar-private-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.grammar-private-session{height:auto;min-height:0;max-height:none;overflow:visible}.grammar-private-question-card{overflow:visible}.grammar-private-session-actions{position:sticky;bottom:0;z-index:4;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #143c3514}}@media(max-width:560px){.grammar-private-entry{min-height:60px;padding:9px 10px}.grammar-private-entry-copy strong{white-space:normal}.grammar-private-entry-copy small{display:none}.grammar-private-intro{grid-template-columns:42px minmax(0,1fr);padding:13px}.grammar-private-intro-icon{width:42px;height:42px}.grammar-private-intro h2{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.grammar-private-intro p{font-size:9px}.grammar-private-intro>strong{display:none}.grammar-private-setup-grid>section{padding:14px 12px}.grammar-private-section-grid{grid-template-columns:1fr}.grammar-private-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-private-start{position:sticky;bottom:0;z-index:4;padding:10px 12px max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #143c3514}.grammar-private-start>div{display:none}.grammar-private-start button{width:100%}.grammar-private-session-progress{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px 12px}.grammar-private-session-progress>div:first-child{min-width:0}.grammar-private-session-progress span{overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap}.grammar-private-progress-track{grid-column:1 / -1;grid-row:2}.grammar-private-session-progress small{grid-column:2;grid-row:1;white-space:nowrap}.grammar-private-question-card{padding:17px 12px 28px}.grammar-private-question-meta{align-items:flex-start}.grammar-private-question-card>h2{margin:17px 0;font-size:19px;line-height:1.5}.grammar-private-answer-grid{grid-template-columns:1fr;gap:8px}.grammar-private-answer{min-height:56px}.grammar-private-explanation{padding:13px 11px}.grammar-private-session-actions{gap:8px;padding-inline:10px}.grammar-private-session-actions button{flex:1;padding-inline:10px}.grammar-private-result-card{min-height:390px;padding:22px 14px}.grammar-private-result-card>div{width:100%;flex-direction:column}.grammar-private-result-card button{width:100%}}@media(prefers-reduced-motion:reduce){.grammar-private-entry,.grammar-private-progress-track i{transition:none}}.grammar-sentence{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-relaxed);color:var(--text);padding:var(--space-4) var(--space-5);background:var(--surface-2);border-radius:var(--radius-lg);border-left:4px solid var(--primary);margin:var(--space-4) 0}.choice-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.choice{display:flex;align-items:center;width:100%;padding:var(--space-3.5) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left}.choice:hover{border-color:var(--border-hover);background:var(--surface-2)}.choice.correct{background:var(--success-light);border-color:var(--success);color:var(--success-text);font-weight:var(--weight-semibold)}.choice.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger-text)}.choice.word-form-choice{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.choice.word-form-choice:hover{border-color:var(--primary-border);background:var(--surface-2)}.choice.word-form-choice.correct{background:var(--success-light);border-color:var(--success);color:var(--success)}.choice.word-form-choice.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.word-form-choice-main{display:flex;align-items:center;gap:var(--space-3)}.word-form-choice-letter{font-weight:var(--weight-bold);color:var(--primary)}.word-form-choice-word{font-weight:var(--weight-semibold)}.word-form-choice-meta{font-size:var(--text-xs);color:var(--text-secondary)}.explanation-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.word-form-option-table{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.word-form-option-row{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-light);font-size:var(--text-sm)}.word-form-option-row.correct{background:var(--success-light);border-color:var(--success)}.pattern-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.pattern-chip{background:var(--primary-light);color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:4px 10px;border-radius:var(--radius-full)}.source-hint-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.source-hint{padding:var(--space-2) var(--space-3);background:var(--surface);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs)}.word-form-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.mini-card{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.switch-line{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin:var(--space-2) 0 var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.switch-line input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;background:var(--surface-3);color:var(--text-muted)}.pill.ok{background:var(--success-light);color:var(--success-text);border:1px solid var(--success-border)}.eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.grammar-quiz-page .section-head.warm-hero{margin-bottom:0}.grammar-side-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grammar-side-head strong{font-size:var(--text-sm)}.grammar-side-head span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.grammar-question-nav button.done{background:var(--success-light);border-color:var(--success-border);color:var(--success-text)}.grammar-question-nav button.wrong{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}.grammar-question-nav button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.grammar-main{gap:var(--space-4)}.grammar-question-card{padding:var(--space-8);gap:var(--space-5)}.grammar-card-head{align-items:flex-start;margin-bottom:0}.grammar-card-head h2{font-size:var(--text-xl);margin:0}.grammar-sentence-large{margin:0;padding:var(--space-6);border:1px solid var(--border);border-left:4px solid var(--primary);background:linear-gradient(180deg,var(--surface),var(--surface-2));font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:var(--weight-bold);line-height:1.35}.grammar-choice-grid{margin-bottom:0}.grammar-choice{gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.grammar-choice:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0}.choice-copy{flex:1;min-width:0;font-size:var(--text-base);font-weight:var(--weight-semibold)}.choice-state{color:var(--success-text);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.choice.correct .choice-letter{background:var(--success);border-color:var(--success);color:#fff}.choice.wrong .choice-letter{background:var(--danger);border-color:var(--danger);color:#fff}.grammar-feedback{margin-top:0;display:flex;flex-direction:column;gap:var(--space-4)}.grammar-feedback.is-correct{border-color:var(--success-border);background:var(--success-light)}.grammar-feedback.is-wrong{border-color:var(--danger-border);background:var(--danger-light)}.grammar-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grammar-feedback-head h3{font-size:var(--text-lg)}.grammar-flash-grid{margin-top:var(--space-2)}.grammar-nav-row{display:flex;justify-content:space-between;gap:var(--space-3)}.small{color:var(--text-muted);font-size:var(--text-sm)}.note-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}@media(max-width:900px){.study-card.grammar-side{position:static}}@media(max-width:640px){.grammar-question-card{padding:var(--space-5)}.grammar-sentence-large{padding:var(--space-4);font-size:var(--text-xl)}.grammar-choice{align-items:flex-start}.choice-state{display:none}.grammar-nav-row{flex-direction:column}.grammar-nav-row .btn{width:100%}}.gh-page{display:flex;flex-direction:column;gap:var(--space-4);min-height:calc(100dvh - var(--topbar-height) - 64px)}.app-frame:has(.gh-page)>.tooich-mascot{display:none}.gh-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:var(--space-8);align-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 78% 26%,color-mix(in srgb,var(--grammar-accent) 14%,transparent) 0,transparent 28%),linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--surface-2) 86%,var(--grammar-accent)) 100%);padding:clamp(36px,5vw,76px) clamp(32px,5vw,76px) 0;overflow:hidden;flex:1;min-height:620px;grid-template-rows:minmax(0,1fr) auto;box-shadow:var(--shadow-sm)}.gh-hero:before{content:"";position:absolute;width:340px;height:340px;left:-170px;bottom:-210px;border:54px solid color-mix(in srgb,var(--grammar-accent) 8%,transparent);border-radius:50%;pointer-events:none}.gh-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-4)}.gh-hero-copy .gl-kicker{width:fit-content;padding:6px 10px;border:1px solid var(--primary-border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--primary-text);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.1em}.gh-hero-copy h2{margin:0;max-width:720px;font-size:clamp(30px,3vw,48px);font-weight:var(--weight-bold);line-height:1.12;letter-spacing:-.035em}.gh-hero-copy p{margin:0;color:var(--text-secondary);font-size:clamp(15px,1.1vw,18px);line-height:1.7;max-width:59ch}.gh-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.gh-hero-actions .btn{min-height:44px}.gh-hero-progress{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.gh-hero-progress small{color:var(--text-muted);white-space:nowrap}.gh-progressbar{flex:1;height:8px;min-width:80px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.gh-progressbar span{display:block;height:100%;background:var(--grammar-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.gh-progressbar.is-small{height:6px}.gh-hero-visual{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-6);align-items:center;justify-content:center;min-height:360px;padding:var(--space-7) var(--space-5);border:1px solid color-mix(in srgb,var(--primary-border) 76%,transparent);border-radius:calc(var(--radius-lg) + 4px);background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:0 24px 70px color-mix(in srgb,var(--grammar-accent) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gh-mascot{display:flex;align-items:center;gap:var(--space-3)}.gh-mascot-avatar{width:144px;height:164px;flex-shrink:0;animation:ghMascotFloat 3.2s ease-in-out infinite}.gh-mascot-avatar.tooich-mascot{position:relative;inset:auto;z-index:auto;pointer-events:none;transform:none;will-change:transform}.gh-mascot-avatar svg{width:100%;height:100%}.gh-mascot-speech{margin:0;position:relative;background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text);max-width:280px;box-shadow:var(--shadow-xs)}.gh-mascot-speech:before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;background:inherit;border-left:1px solid var(--primary-border);border-bottom:1px solid var(--primary-border);transform:translateY(-50%) rotate(45deg)}.gh-hero-anatomy{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.gh-hero-anatomy span{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-md);border:1px solid var(--border-light);padding:var(--space-2) var(--space-3);background:var(--surface-2)}.gh-hero-anatomy b{font-size:var(--text-base)}.gh-hero-anatomy i{font-style:normal;font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;opacity:.75}.gh-overview{position:relative;z-index:1;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);margin:2px clamp(-76px,-5vw,-32px) 0;padding:var(--space-4) clamp(32px,5vw,76px);border-top:1px solid var(--border-light);background:var(--surface-2)}.gh-overview-progress{width:min(420px,42%)}.gh-overview-progress-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.gh-overview-progress-head span{color:var(--text-muted);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.1em}.gh-overview-progress-head strong{color:var(--primary-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.gh-overview-progress .gh-progressbar{margin-top:7px}.gh-overview-progress small{display:block;margin-top:5px;color:var(--text-muted);font-size:11px}.gh-overview-metrics{display:flex;align-items:center;gap:var(--space-6)}.gh-overview-metrics>span{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.gh-overview-metrics svg{color:var(--grammar-accent)}.gh-overview-metrics b{color:var(--text);font-size:var(--text-base);font-variant-numeric:tabular-nums}@keyframes ghMascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:1023px){.gh-page{min-height:auto}.gh-hero{grid-template-columns:1fr;grid-template-rows:auto;min-height:0;padding:var(--space-6) var(--space-6) 0}.gh-hero-visual{align-items:flex-start}.gh-overview{margin-inline:calc(var(--space-6) * -1)}}@media(max-width:767px){.gh-hero{padding:var(--space-5) var(--space-5) 0;gap:var(--space-5)}.gh-hero-copy h2{font-size:29px}.gh-hero-visual{align-items:center;min-height:0;padding:var(--space-5) var(--space-3)}.gh-mascot{align-items:flex-start}.gh-mascot-avatar{width:92px;height:108px}.gh-overview{margin-inline:calc(var(--space-5) * -1);padding:var(--space-4) var(--space-5);flex-direction:column;align-items:stretch;gap:var(--space-4)}.gh-overview-progress{width:100%}.gh-overview-metrics{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.gh-mascot-avatar{animation:none}}.lc-wrap{margin-top:var(--space-4);border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 4px 24px #143c350a;overflow:hidden}.lc-wrap-empty{padding:32px 24px;text-align:center}.lc-empty-card h3{margin:10px 0 4px;font-size:15px;font-weight:650;color:var(--text)}.lc-empty-card p{color:var(--text-muted);font-size:13px;margin:0}.lc-empty-tag{display:inline-block;font-size:10px;font-weight:750;letter-spacing:.08em;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}.lc-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.lc-pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);padding:3px 8px;border-radius:6px;margin-bottom:6px}.lc-title{margin:0 0 4px;font-size:18px;font-weight:750;color:var(--text);letter-spacing:-.015em}.lc-sub{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.lc-tabs{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:2px}.lc-tab-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.lc-tab-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-hover, var(--primary))}.lc-tab-btn.is-active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;box-shadow:0 2px 6px #0f766e33}.lc-body{padding:24px}.lc-sec-title{margin:0 0 8px;font-size:16px;font-weight:750;color:var(--text);letter-spacing:-.01em}.lc-lead{margin:0 0 20px;font-size:13.5px;color:var(--text-secondary);line-height:1.6}.lc-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.lc-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:18px 20px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}.lc-card:hover{border-color:var(--border-hover, rgba(15, 118, 110, .3));box-shadow:0 4px 14px #00000008}.lc-card-head{display:flex;align-items:center;justify-content:space-between}.lc-tag{font-size:11px;font-weight:750;letter-spacing:.04em;padding:2px 8px;border-radius:6px;background:var(--primary-light);color:var(--primary-text)}.lc-symbol{font-size:11px;font-weight:700;color:var(--text-muted)}.lc-card h4{margin:0;font-size:14.5px;font-weight:700;color:var(--text);line-height:1.4}.lc-desc{margin:0;font-size:12.5px;color:var(--text-secondary);line-height:1.55}.lc-box{margin-top:4px;padding-top:10px;border-top:1px solid var(--border-light, var(--border));font-size:12.5px;line-height:1.6}.lc-box-title{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.lc-box ul{margin:0;padding-left:16px;color:var(--text-secondary)}.lc-box li+li{margin-top:4px}.lc-box strong{color:var(--text)}.lc-box code,.lc-card code,.lc-trap-item code{font-family:inherit;font-size:12px;font-weight:600;padding:1px 6px;border-radius:4px;background:#0f766e14;color:var(--primary)}.lc-box em,.lc-card em,.lc-trap-item em{font-style:italic;color:var(--text)}.lc-table-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.lc-table-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.lc-table-head h4{margin:0;font-size:13.5px;font-weight:700;color:var(--text)}.lc-table-wrap{overflow-x:auto}.lc-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.lc-table th{background:var(--surface-2);padding:9px 14px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.lc-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-secondary);line-height:1.5}.lc-table tr:last-child td{border-bottom:none}.lc-table tr:hover td{background:#0f766e05}.lc-trap-item{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;background:var(--surface);padding:16px 18px;margin-bottom:14px}.lc-trap-badge{display:inline-block;background:var(--primary-light);color:var(--primary-text);font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.lc-trap-item h4{margin:0 0 6px;font-size:14.5px;font-weight:700;color:var(--text)}.lc-trap-item p{margin:0 0 8px;font-size:13px;color:var(--text-secondary);line-height:1.55}.lc-trap-examples{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.lc-trap-examples span{background:var(--surface-2);border:1px solid var(--border);padding:3px 8px;border-radius:6px;font-size:12px;color:var(--text-secondary)}.lc-example-compare{display:flex;flex-direction:column;gap:5px;margin:8px 0;font-size:13px}.lc-ex-wrong{color:var(--danger-text, #dc2626);font-weight:500}.lc-ex-right{color:var(--success-text, #16a34a);font-weight:600}.lc-trap-bullets{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--text-secondary);line-height:1.6}.lc-trap-bullets li+li{margin-top:4px}.lc-rule-box{margin-top:10px;padding:9px 12px;border-radius:8px;background:var(--primary-light);color:var(--primary-text);font-size:12.5px;line-height:1.55}.animate-fade{animation:lcFadeIn .2s ease}@keyframes lcFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.lc-header{padding:14px 16px}.lc-body{padding:16px}.lc-title{font-size:16px}.lc-cards-grid{grid-template-columns:1fr}}.writing-home,.writing-practice{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-6)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:var(--text);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.topic-card:hover{border-color:var(--primary);background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.word-boxes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.word-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--text);font-weight:var(--weight-medium);text-align:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.word-box:hover{border-color:var(--primary);background:var(--surface)}.word-box.correct{background:var(--success-light);border-color:var(--success);color:var(--success)}.word-box.wrong{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.wd-card{position:relative;overflow:hidden;border:1px solid rgba(230,126,34,.22);border-radius:30px;background:radial-gradient(circle at 12% 0%,rgba(243,156,18,.14),transparent 34%),linear-gradient(145deg,#fff8ee,#fffdf8 48%,#fff);color:#2b241d;padding:clamp(22px,3vw,34px);box-shadow:0 28px 70px #5b39151c,0 1px #ffffffe6 inset;isolation:isolate}.wd-card-glow{position:absolute;inset:auto -120px -160px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(230,126,34,.16),transparent 64%);pointer-events:none;z-index:-1}.wd-header,.wd-footer,.wd-quick-actions,.wd-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wd-header{justify-content:space-between;margin-bottom:20px}.wd-eyebrow{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(230,126,34,.25);border-radius:999px;background:#ffffffb8;color:#9a4f08;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 24px #e67e2214}.wd-header h2{margin:12px 0 4px;color:#2b241d;font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:-.02em}.wd-header p{margin:0;color:#7d6d5d;font-weight:700}.wd-progress-ring{--wd-progress: 0%;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at center,#fffdf8 0 58%,transparent 59%),conic-gradient(#e67e22 var(--wd-progress),rgba(230,126,34,.14) 0);box-shadow:0 18px 36px #e67e2224}.wd-progress-ring strong{color:#2b241d;font-size:22px;line-height:1}.wd-progress-ring span{color:#9a4f08;font-size:11px;font-weight:900;text-transform:uppercase}.wd-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 20px}.wd-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(230,126,34,.18);border-radius:18px;background:#ffffffb8;padding:12px 14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wd-toggle:hover{transform:translateY(-1px);border-color:#e67e225c;box-shadow:0 12px 28px #2b241d12}.wd-toggle input{position:absolute;opacity:0;pointer-events:none}.wd-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#ead9c5;transition:background .18s ease}.wd-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #2b241d2e;transition:transform .18s ease}.wd-toggle input:checked+.wd-switch{background:linear-gradient(135deg,#e67e22,#f39c12)}.wd-toggle input:checked+.wd-switch:after{transform:translate(18px)}.wd-toggle strong,.wd-toggle small{display:block}.wd-toggle strong{color:#2b241d;font-size:13px;line-height:1.2}.wd-toggle small{margin-top:2px;color:#8b7764;font-size:11px;font-weight:800}.wd-prompt-box{position:relative;border:1px solid rgba(230,126,34,.32);border-radius:26px;background:linear-gradient(135deg,#fff8eeeb,#fff);padding:clamp(20px,3vw,28px);box-shadow:0 16px 34px #5b391514,0 1px #ffffffe6 inset}.wd-prompt-box:before{content:"“";position:absolute;top:2px;right:22px;color:#e67e222e;font-family:Georgia,serif;font-size:92px;line-height:1}.wd-prompt-box span{display:block;color:#b45f12;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.wd-prompt-box blockquote{position:relative;margin:0;color:#2b241d;font-size:clamp(20px,2.4vw,26px);font-weight:950;line-height:1.42;max-width:980px}.wd-quick-actions{margin:16px 0}.wd-input-zone{display:grid;gap:9px}.wd-input-zone label{color:#654;font-size:13px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.wd-textarea{width:100%;min-height:166px;resize:vertical;border:2px solid #f0bd7f;border-radius:24px;background:#ffffffdb;color:#2b241d;padding:20px 22px;font-size:clamp(18px,2vw,21px);font-weight:750;line-height:1.65;outline:none;box-shadow:0 18px 40px #2b241d12,0 1px #fffffff2 inset;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.wd-textarea::placeholder{color:#b09b84;font-weight:650}.wd-textarea:focus{border-color:#e67e22;background:#fff;box-shadow:0 0 0 5px #f39c122e,0 18px 40px #2b241d14}.wd-textarea.is-wrong{border-color:#e74c3c;background:#fff3f1;animation:wdShake .36s ease both,wdErrorFlash 1.2s ease both}.wd-textarea.is-passed{border-color:#1f9d55;background:#f1fff7}.wd-feedback{display:grid;gap:10px;border-radius:22px;padding:17px 18px;margin-top:16px;animation:wdPanelIn .22s ease both}.wd-feedback strong{display:block;font-size:16px}.wd-feedback p{margin:4px 0 0;line-height:1.55}.wd-feedback-error{border:1px solid rgba(231,76,60,.24);background:#fff3f1;color:#8f2418}.wd-feedback-success{border:1px solid rgba(31,157,85,.24);background:linear-gradient(135deg,#effff6,#fff);color:#116337;box-shadow:0 16px 34px #1f9d5514}.wd-feedback-hint{border:1px solid rgba(40,120,200,.22);background:#eff7ff;color:#1b4d7d}.wd-word-compare,.wd-answer-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.wd-word-compare span,.wd-answer-chips span{border-radius:999px;padding:7px 10px;font-size:13px;font-weight:950}.wd-word-compare .bad{background:#ffe1dd;color:#c0392b;text-decoration:line-through}.wd-word-compare .good,.wd-answer-chips span{background:#ddf8e9;color:#167342}.wd-word-compare .arrow{background:transparent;color:#8b7764}.wd-footer{justify-content:space-between;border-top:1px solid rgba(230,126,34,.14);margin-top:20px;padding-top:18px}.wd-nav-actions,.wd-main-actions{display:flex;flex-wrap:wrap;gap:10px}.wd-btn{min-height:44px;border:0;border-radius:15px;padding:0 17px;color:#2b241d;font-weight:950;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.wd-btn:hover:not(:disabled){transform:translateY(-1px)}.wd-btn:disabled{cursor:not-allowed;opacity:.48}.wd-btn-primary{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;box-shadow:0 15px 28px #e67e2245}.wd-btn-secondary{border:1px solid rgba(230,126,34,.24);background:#ffffffe0;box-shadow:0 10px 22px #2b241d0f}.wd-btn-ghost{background:transparent;color:#9a4f08}.wd-key-pop{position:absolute;z-index:5;border-radius:999px;background:#f39c1221;color:#e67e22;padding:5px 9px;font-size:12px;font-weight:950;pointer-events:none;animation:wdKeyPop .72s ease forwards;box-shadow:0 0 18px #f39c1252}.wd-confetti{pointer-events:none;position:fixed;inset:0;z-index:9999;overflow:hidden}.wd-confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:3px;animation:wdConfettiFall 1.3s ease-in forwards}@keyframes wdShake{0%,to{transform:translate(0)}18%{transform:translate(-8px)}36%{transform:translate(7px)}54%{transform:translate(-5px)}72%{transform:translate(4px)}}@keyframes wdErrorFlash{0%,to{background:#fff3f1}45%{background:#ffe1dd}}@keyframes wdKeyPop{0%{opacity:0;transform:translateY(14px) scale(.88)}18%{opacity:1}to{opacity:0;transform:translateY(-42px) scale(1.16)}}@keyframes wdPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wdConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(105vh) rotate(620deg)}}@media(max-width:860px){.wd-toolbar{grid-template-columns:1fr}.wd-progress-ring{width:86px;height:86px}.wd-footer,.wd-nav-actions,.wd-main-actions{align-items:stretch;width:100%}.wd-btn,.wd-nav-actions,.wd-main-actions{width:100%}}.mode-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border)}.mode-tabs button.tab-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);padding:8px 16px!important;font-size:var(--text-sm)!important;margin:0!important}.mode-tabs button.tab-btn:hover{border-color:var(--primary);color:var(--text);background:var(--surface-3);transform:translateY(-1px)}.mode-tabs button.tab-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;font-weight:var(--weight-bold);box-shadow:var(--shadow-sm)}.card-grid.two{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);align-items:stretch}@media(max-width:768px){.card-grid.two{grid-template-columns:1fr}}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:240px}.flashcard:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.flashcard.flipped{border-color:var(--primary);background:var(--primary-light)}.flash-surface{width:100%;flex:1;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;text-align:center;border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.flash-surface:hover{background:#00000005}.flash-surface .eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);background:#fff;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-xs);margin-bottom:var(--space-2)}.flash-surface strong{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);line-height:var(--leading-snug);margin:var(--space-2) 0;transition:color var(--transition-fast)}.flashcard:hover .flash-surface strong{color:var(--primary)}.flash-surface small{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-2)}.flash-back{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;animation:fadeIn .3s ease;padding-top:var(--space-3);border-top:1px dashed var(--border);width:100%}.flash-back span{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--primary-hover)}.flash-back small{font-size:var(--text-sm);color:var(--text-secondary);font-style:normal;line-height:var(--leading-relaxed)}.flashcard .action-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-3);width:100%;z-index:2}.progress-page{animation:fadeInUp .4s ease both;display:flex;flex-direction:column;gap:var(--space-6)}.progress-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.progress-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm)}.toeic-history-page{width:min(1040px,calc(100% - 64px));margin:0 auto;padding:40px 0 96px;display:flex;flex-direction:column;gap:20px}.toeic-history-page__hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:24px;background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 34%),var(--surface);box-shadow:var(--shadow-sm)}.toeic-history-page__heading{display:flex;align-items:center;gap:18px;min-width:0}.toeic-history-page__icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:17px;color:var(--primary-text);background:var(--primary-light)}.toeic-history-page__eyebrow{display:block;margin-bottom:3px;color:var(--primary-text);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.toeic-history-page h1{margin:0;color:var(--text);font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.025em}.toeic-history-page__heading p{margin:7px 0 0;color:var(--text-muted);font-size:14px}.toeic-history-page__start{flex:0 0 auto;gap:8px;border-radius:12px}.toeic-history-section{margin:0;padding:22px 24px 24px;border-radius:22px;box-shadow:var(--shadow-sm)}.toeic-history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding-bottom:18px;border-bottom:1px solid var(--border)}.toeic-history-head h2{margin:0;font-size:19px;letter-spacing:-.01em}.toeic-history-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.toeic-history-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);background:var(--bg-subtle);border-radius:999px}.toeic-history-tabs button{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:700}.toeic-history-tabs button.is-active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.toeic-history-list{display:flex;flex-direction:column;gap:9px}.toeic-history-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:14px;align-items:center;min-height:76px;padding:13px 16px 13px 14px;border:1px solid var(--border);border-left:3px solid var(--border);border-radius:15px;color:inherit;text-decoration:none;background:var(--surface);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.toeic-history-row.grade-excellent{border-left-color:var(--success-text, #16a34a)}.toeic-history-row.grade-good{border-left-color:var(--warning-text, #d97706)}.toeic-history-row.grade-poor{border-left-color:var(--danger-text, #ef4444)}.toeic-history-row.grade-pending{border-left-color:var(--primary)}.toeic-history-row:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));transform:translateY(-1px);box-shadow:0 5px 16px color-mix(in srgb,var(--text) 7%,transparent)}.toeic-history-status{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--primary-text);background:var(--primary-light)}.toeic-history-status.is-completed{color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-history-mode{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.toeic-history-mode.is-practice{background:var(--primary-light, #e5f6f2);color:var(--primary-text, #0b7568)}.toeic-history-mode.is-exam{background:var(--purple-light, #f2edff);color:var(--purple-text, #6a4fd0)}:root[data-tooich-shop-theme=night] .toeic-history-mode.is-practice{background:#49cdb826;color:var(--primary-text, #49cdb8)}:root[data-tooich-shop-theme=night] .toeic-history-mode.is-exam{background:#a78bfa26;color:var(--purple-text, #a78bfa)}:root[data-tooich-shop-theme=night] .toeic-history-tabs{background:var(--bg-subtle, #12252b);border-color:var(--border)}:root[data-tooich-shop-theme=night] .toeic-history-tabs button{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .toeic-history-tabs button.is-active{background:var(--surface-hover, #20383f);color:var(--primary-text, #49cdb8)}.toeic-history-copy,.toeic-history-score{display:flex;flex-direction:column;gap:4px;min-width:0}.toeic-history-row-title{display:flex;align-items:center;gap:8px;min-width:0}.toeic-history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toeic-history-copy small,.toeic-history-score small{color:var(--text-muted)}.toeic-history-score{text-align:right}.toeic-history-score strong{color:var(--text);font-size:18px;line-height:1}.toeic-history-row.grade-excellent .toeic-history-score strong{color:var(--success-text, #16a34a)}.toeic-history-row.grade-good .toeic-history-score strong{color:var(--warning-text, #d97706)}.toeic-history-row.grade-poor .toeic-history-score strong{color:var(--danger-text, #ef4444)}.toeic-history-state{display:grid;place-items:center;width:100%;min-height:72px;color:var(--text-muted);text-align:center}.toeic-history-more{align-self:center}.toeic-attempt-detail{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:34px 0 96px;display:flex;flex-direction:column;gap:18px}.toeic-attempt-detail__back{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;color:var(--primary-text);font-size:13px;font-weight:750;text-decoration:none}.toeic-attempt-detail__back:hover{text-decoration:underline}.toeic-attempt-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:26px 28px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-attempt-hero__copy{min-width:0}.toeic-attempt-hero__badges{display:flex;align-items:center;gap:8px}.toeic-attempt-status{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;color:var(--text-muted);background:var(--bg-subtle);font-size:10px;font-weight:800}.toeic-attempt-status.is-completed{color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-attempt-hero h1{margin:10px 0 7px;color:var(--text);font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.025em}.toeic-attempt-hero p{display:flex;align-items:center;gap:6px;margin:0;color:var(--text-muted);font-size:13px}.toeic-attempt-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.toeic-attempt-actions .btn{white-space:nowrap;border-radius:11px}.toeic-attempt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toeic-attempt-summary article{min-height:94px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-xs)}.toeic-attempt-summary article>span:last-child{display:flex;flex-direction:column;gap:5px}.toeic-attempt-summary__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px}.toeic-attempt-summary__icon.is-answered{color:var(--primary-text);background:var(--primary-light)}.toeic-attempt-summary__icon.is-correct{color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-attempt-summary__icon.is-accuracy{color:var(--purple-text, #6a4fd0);background:var(--purple-light, #f2edff)}.toeic-attempt-summary small{color:var(--text-muted)}.toeic-attempt-summary strong{color:var(--text);font-size:25px;line-height:1}.toeic-answer-index{padding:0;gap:0;overflow:hidden;border-radius:20px}.toeic-answer-index__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-bottom:1px solid var(--border)}.toeic-answer-index__heading>div:first-child>span{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.toeic-answer-index__heading h2{margin:3px 0 0;color:var(--text);font-size:19px}.toeic-answer-index__heading p{margin:5px 0 0;color:var(--text-muted);font-size:12px}.toeic-answer-index__legend{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;color:var(--text-muted);font-size:11px;font-weight:700}.toeic-answer-index__legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.toeic-answer-index__legend i{width:9px;height:9px;border-radius:50%;background:currentColor}.toeic-answer-index__legend .is-correct{color:var(--success-text, #168447)}.toeic-answer-index__legend .is-incorrect{color:var(--danger-text, #d93f52)}.toeic-answer-index__legend .is-unanswered{color:var(--text-muted)}.toeic-answer-index__tools{display:flex;flex:0 0 auto;align-items:flex-end;flex-direction:column;gap:9px}.toeic-answer-index__filters{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px}.toeic-answer-index__filters button{min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);background:var(--surface);cursor:pointer;font-size:12px;font-weight:750;white-space:nowrap}.toeic-answer-index__filters button strong{margin-left:4px;color:var(--text-muted);font-size:10px}.toeic-answer-index__filters button.is-active{border-color:var(--primary-border);color:var(--primary-text);background:var(--primary-light)}.toeic-answer-index__filters button.is-active strong{color:inherit}.toeic-answer-index__parts{padding:3px 22px 10px}.toeic-answer-index__part{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.toeic-answer-index__part:last-child{border-bottom:0}.toeic-answer-index__part>strong{padding-top:10px;color:var(--text-secondary);font-size:12px}.toeic-answer-index__part>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,42px));gap:8px}.toeic-answer-index__part button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;cursor:pointer;font-size:12px;font-weight:850;transition:transform .12s ease,box-shadow .12s ease}.toeic-answer-index__part button:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.toeic-answer-index__part button:disabled{opacity:.55;cursor:wait;transform:none}.toeic-answer-index__part button.is-correct{border-color:color-mix(in srgb,var(--success-text, #168447) 28%,transparent);color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-answer-index__part button.is-incorrect{border-color:color-mix(in srgb,var(--danger-text, #d93f52) 28%,transparent);color:var(--danger-text, #d93f52);background:color-mix(in srgb,var(--danger-text, #d93f52) 9%,var(--surface))}.toeic-answer-index__part button.is-unanswered{color:var(--text-muted);background:var(--bg-subtle)}.toeic-answer-index__empty{margin:0;padding:24px;color:var(--text-muted);text-align:center;font-size:13px}.toeic-attempt-parts{padding:0;gap:0;overflow:hidden;border-radius:20px}.toeic-attempt-parts__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.toeic-attempt-parts__heading span{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.toeic-attempt-parts__heading h2{margin:3px 0 0;color:var(--text);font-size:19px}.toeic-attempt-parts__heading small{color:var(--text-muted)}.toeic-attempt-parts__list{padding:2px 22px 8px}.toeic-part-result{display:grid;grid-template-columns:38px minmax(130px,.7fr) minmax(120px,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:10px 0;border-bottom:1px solid var(--border)}.toeic-part-result:last-child{border-bottom:0}.toeic-part-result__number{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:var(--primary-text);background:var(--primary-light);font-size:13px;font-weight:800}.toeic-part-result__copy,.toeic-part-result__score{display:flex;flex-direction:column;gap:3px}.toeic-part-result__copy small,.toeic-part-result__score small{color:var(--text-muted);font-size:11px}.toeic-part-result__track{height:7px;overflow:hidden;border-radius:999px;background:var(--bg-subtle)}.toeic-part-result__track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success-text, #22a861))}.toeic-part-result__score{min-width:66px;text-align:right}.toeic-part-result__score strong{color:var(--text);font-size:16px}.toeic-score-card{padding:0;gap:0;overflow:hidden;border-radius:20px}.toeic-score-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.toeic-score-card__head>div>span{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.toeic-score-card__head h2{margin:3px 0 0;color:var(--text);font-size:19px}.toeic-score-card__total{display:flex;align-items:baseline;gap:4px;margin:0;color:var(--primary-text);font-size:30px;font-weight:850;line-height:1}.toeic-score-card__total small{color:var(--text-muted);font-size:13px;font-weight:700}.toeic-score-card__sections{padding:4px 22px 6px}.toeic-score-section{display:grid;grid-template-columns:30px 56px minmax(120px,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--border)}.toeic-score-section:last-child{border-bottom:0}.toeic-score-section__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--primary-text);background:var(--primary-light)}.toeic-score-section__label{color:var(--text-secondary);font-size:13px;font-weight:750}.toeic-score-section__track{height:7px;overflow:hidden;border-radius:999px;background:var(--bg-subtle)}.toeic-score-section__track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success-text, #22a861))}.toeic-score-section strong{color:var(--text);font-size:15px}.toeic-score-card__note{display:flex;align-items:center;gap:6px;margin:0;padding:0 22px 16px;color:var(--text-muted);font-size:11px}.has-toeic-attempt-review{overflow:hidden}.toeic-attempt-review-shell{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;overflow:hidden;background:var(--bg)}.toeic-review-panel{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;gap:0}.toeic-review-nav{position:relative;z-index:12;flex:0 0 var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--topbar-height);padding:0 20px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);box-shadow:none}.toeic-review-nav>div{display:flex;align-items:center;gap:9px}.toeic-review-nav__context{min-width:0}.toeic-review-nav__exit{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);background:var(--surface);cursor:pointer;font-size:12px;font-weight:750}.toeic-review-nav__exit:hover{border-color:var(--primary-border);color:var(--primary-text);background:var(--primary-light)}.toeic-review-nav strong{color:var(--text);font-size:14px}.toeic-review-nav__context>span{padding:4px 10px;border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:10px;font-weight:750}.toeic-review-picker{position:relative;min-width:0}.toeic-review-picker__trigger{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--primary-border);border-radius:10px;color:var(--primary-text);background:var(--primary-light);cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}.toeic-review-picker__trigger[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.toeic-review-picker__trigger svg{transition:transform .14s ease}.toeic-review-picker__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.toeic-review-picker__popover{position:absolute;top:calc(100% + 9px);left:0;z-index:20;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 18px 50px #1332372e}.toeic-review-picker__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.toeic-review-picker__head>div:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}.toeic-review-picker__head strong{font-size:14px}.toeic-review-picker__head>div:first-child span{color:var(--text-muted);font-size:10px}.toeic-review-picker__legend{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;font-size:10px;font-weight:750}.toeic-review-picker__legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.toeic-review-picker__legend i{width:8px;height:8px;border-radius:50%;background:currentColor}.toeic-review-picker__legend .is-correct{color:var(--success-text, #168447)}.toeic-review-picker__legend .is-incorrect{color:var(--danger-text, #d93f52)}.toeic-review-picker__legend .is-unanswered{color:var(--text-muted)}.toeic-review-picker__body{max-height:min(420px,calc(100dvh - 210px));overflow-y:auto;overscroll-behavior:contain;padding:7px 16px 12px;scrollbar-gutter:stable}.toeic-review-picker__body section{padding:10px 0;border-bottom:1px solid var(--border)}.toeic-review-picker__body section:last-child{border-bottom:0}.toeic-review-picker__body section>strong{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:11px}.toeic-review-picker__body section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,40px));gap:8px}.toeic-review-picker__body button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:11px;font-weight:850}.toeic-review-picker__body button.is-correct{border-color:color-mix(in srgb,var(--success-text, #168447) 30%,transparent);color:var(--success-text, #168447);background:var(--success-light, #eaf8ef)}.toeic-review-picker__body button.is-incorrect{border-color:color-mix(in srgb,var(--danger-text, #d93f52) 30%,transparent);color:var(--danger-text, #d93f52);background:color-mix(in srgb,var(--danger-text, #d93f52) 9%,var(--surface))}.toeic-review-picker__body button.is-unanswered{color:var(--text-muted);background:var(--bg-subtle)}.toeic-review-picker__body button.is-active{outline:2px solid currentColor;outline-offset:2px}.toeic-review-nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:10px}.toeic-review-workspace{flex:1;height:auto;min-height:0;overflow:hidden;border:0;border-radius:0;background:var(--surface);box-shadow:none}.toeic-review-workspace>.toeic-protected-item{width:100%;height:100%;min-height:0;gap:0}.toeic-review-workspace .toeic-protected-item__actions{display:none}@media(min-width:721px){.toeic-review-workspace>.toeic-protected-item{align-items:stretch;overflow:hidden}.toeic-review-workspace .p1-left,.toeic-review-workspace .p1-right{height:100%;min-height:0;overflow:hidden}.toeic-review-workspace .p1-left-scroll,.toeic-review-workspace .p1-scroll,.toeic-review-workspace .p6-question-scroll,.toeic-review-workspace .p7-doc-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}.toeic-protected-session{min-height:100%}.toeic-protected-session__content{height:100%}.toeic-protected-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:var(--space-6)}.toeic-protected-item__stimulus{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.toeic-protected-item__audio-card,.toeic-protected-item__content-card,.toeic-protected-options{padding:clamp(18px,2vw,24px);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-protected-item__audio-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.toeic-protected-item__audio-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em}.toeic-protected-item__audio-type{padding:2px 10px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-subtle);font-size:11px;font-weight:var(--weight-bold)}.toeic-protected-item__audio-unavailable{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toeic-protected-item__content-card{display:flex;align-items:center;justify-content:center;min-height:360px}.toeic-protected-item__feedback{align-self:flex-start}.toeic-protected-item-copy img{display:block;max-width:100%;max-height:440px;margin:14px auto;border-radius:14px}.toeic-protected-item-copy audio{width:100%;margin-top:14px}.toeic-protected-options{display:flex;flex-direction:column;gap:var(--space-3);min-height:100%}.toeic-protected-q-header{margin-bottom:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.toeic-protected-q-header .q-subtitle{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em}.toeic-protected-q-header .q-prompt{margin:6px 0 0;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-relaxed)}.toeic-protected-item__answer-status{margin-top:var(--space-3);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle)}.toeic-protected-item__answer-status p{margin:0;font-weight:var(--weight-bold)}.toeic-protected-item__actions{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.toeic-protected-passage{white-space:pre-wrap;line-height:1.65}.toeic-protected-question-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}@media(max-width:720px){.toeic-history-page,.toeic-attempt-detail{width:calc(100% - 32px);padding-top:20px}.toeic-history-page__hero,.toeic-attempt-hero{align-items:stretch;flex-direction:column;padding:20px}.toeic-history-page__heading{align-items:flex-start}.toeic-history-page__start{align-self:stretch;justify-content:center}.toeic-history-head{align-items:stretch;flex-direction:column}.toeic-history-tabs{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr)}.toeic-history-row{grid-template-columns:40px minmax(0,1fr) 16px;padding-right:13px}.toeic-history-score{grid-column:2;text-align:left}.toeic-history-row>svg{grid-column:3;grid-row:1 / span 2}.toeic-attempt-actions{justify-content:flex-start}.toeic-attempt-summary{grid-template-columns:1fr}.toeic-answer-index__heading{align-items:flex-start;flex-direction:column;gap:12px}.toeic-answer-index__tools{width:100%;align-items:flex-start}.toeic-answer-index__legend{justify-content:flex-start}.toeic-answer-index__filters{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.toeic-answer-index__filters::-webkit-scrollbar{display:none}.toeic-answer-index__parts{padding-inline:16px}.toeic-answer-index__part{grid-template-columns:1fr;gap:9px}.toeic-answer-index__part>strong{padding-top:0}.toeic-answer-index__part>div{grid-template-columns:repeat(auto-fill,minmax(44px,44px));gap:8px}.toeic-answer-index__part button{width:44px;height:44px}.toeic-part-result{grid-template-columns:38px minmax(0,1fr) auto}.toeic-part-result__score{grid-column:3;grid-row:1}.toeic-part-result__track{grid-column:2 / span 2;grid-row:2}.toeic-score-card__head{align-items:flex-start;flex-direction:column;gap:10px}.toeic-score-section{grid-template-columns:30px 48px auto}.toeic-score-section strong{grid-column:3;grid-row:1;text-align:right}.toeic-score-section__track{grid-column:1 / -1;grid-row:2}.toeic-protected-item{grid-template-columns:1fr}.toeic-protected-item__content-card{min-height:260px}.toeic-attempt-review-shell{overflow-x:hidden;overflow-y:auto}.toeic-review-panel{height:auto;min-height:100dvh}.toeic-review-nav{position:sticky;top:0;flex:0 0 auto;align-items:stretch;flex-direction:column;padding:8px 10px}.toeic-review-nav__context{display:grid!important;grid-template-columns:auto 1fr auto}.toeic-review-picker{justify-self:center}.toeic-review-picker__popover{left:50%;right:auto;transform:translate(-50%)}.toeic-review-nav__pagination{display:grid!important;grid-template-columns:1fr 1fr}.toeic-review-workspace{height:auto;min-height:0;overflow:visible}.toeic-review-workspace>.toeic-protected-item{height:auto;overflow:visible}}@media(max-width:520px){.toeic-review-nav{padding:8px 10px}.toeic-review-nav__context{grid-template-columns:auto 1fr!important}.toeic-review-nav__context>span{display:none}.toeic-review-picker,.toeic-review-picker__trigger{width:100%}.toeic-review-picker__popover{left:auto;right:0;max-height:calc(100dvh - 154px);transform:none}.toeic-review-picker__head{align-items:flex-start;flex-direction:column;gap:9px;padding:12px 14px 10px}.toeic-review-picker__legend{justify-content:flex-start}.toeic-review-picker__body{max-height:calc(100dvh - 260px);padding-inline:14px}.toeic-review-picker__body section>div{grid-template-columns:repeat(auto-fill,minmax(44px,44px))}.toeic-review-picker__body button{width:44px;height:44px}.toeic-review-nav__exit{padding-inline:9px}}.toeic-protected-session-wrapper{height:100dvh;min-height:0;overflow:hidden;background:var(--surface)}.toeic-protected-session-wrapper .p1-screen{height:calc(100dvh - 58px);min-height:0}.toeic-session-loading__part-tabs span{width:62px;height:32px;flex:0 0 62px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.toeic-session-loading__part-tabs span:first-child{border-color:var(--primary-border);background:var(--primary-light)}.toeic-session-loading__next{border:1px solid var(--border);background:var(--surface-3);color:var(--text-muted)}.toeic-session-loading__header-pill,.toeic-session-loading__finish{width:92px;height:30px;display:block;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2)}.toeic-session-loading__finish{width:112px;border:0;border-radius:9px;background:color-mix(in srgb,var(--primary) 20%,var(--surface-3))}.toeic-session-loading__audio-card{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.toeic-session-loading__audio-card>div:first-child{min-width:160px;display:grid;gap:10px}.toeic-session-loading__wave{height:34px;display:flex;align-items:center;gap:4px;padding:0 6px}.toeic-session-loading__wave span{width:4px;height:10px;border-radius:var(--radius-full);background:var(--primary);opacity:.4;animation:toeicSessionLoadingWave 1s ease-in-out infinite alternate}.toeic-session-loading__stage{min-height:0;display:flex;align-items:center;justify-content:center;gap:22px;padding:var(--space-5);text-align:left}.toeic-session-loading__orb{width:84px;height:84px;display:grid;place-items:center;flex:0 0 84px;border:1px solid var(--primary-border);border-radius:50%;background:var(--surface);color:var(--primary);box-shadow:0 0 0 12px #0e938412;animation:toeicSessionLoadingPulse 1.8s ease-in-out infinite}.toeic-session-loading__stage>div:last-child{max-width:330px;display:grid;gap:6px}.toeic-session-loading__stage strong{color:var(--text);font-size:var(--text-base);line-height:1.35}.toeic-session-loading__stage span{color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.toeic-session-loading__feedback{justify-content:center}.toeic-session-loading__question-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.toeic-session-loading__spinner{width:24px;height:24px;flex:0 0 24px;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:toeicSessionLoadingSpin .8s linear infinite}.toeic-session-loading__options{margin-top:var(--space-6)}.toeic-session-loading__option{min-height:58px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.toeic-session-loading__choice{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:800}.toeic-session-loading__actions{min-height:69px}.toeic-session-loading__action{height:44px;flex:1;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 20%,var(--surface-3))}.toeic-session-loading__action.is-square{max-width:44px;background:var(--surface-3)}.toeic-session-loading__line,.toeic-session-loading__part-tabs span,.toeic-session-loading__header-pill,.toeic-session-loading__finish,.toeic-session-loading__action{position:relative;display:block;overflow:hidden}.toeic-session-loading__line{height:11px;border-radius:var(--radius-full);background:var(--surface-3)}.toeic-session-loading__line.is-eyebrow{width:112px;height:8px}.toeic-session-loading__line.is-audio-title{width:170px}.toeic-session-loading__line.is-feedback{width:min(76%,350px)}.toeic-session-loading__line.is-question-label{width:68px;height:8px}.toeic-session-loading__line.is-question{width:min(88%,510px);height:15px}.toeic-session-loading__line.is-question-short{width:min(62%,350px);height:15px;margin-top:10px}.toeic-session-loading__line:after,.toeic-session-loading__part-tabs span:after,.toeic-session-loading__header-pill:after,.toeic-session-loading__finish:after,.toeic-session-loading__action:after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.76) 44%,transparent 64%);content:"";transform:translate(-100%);animation:toeicSessionLoadingShimmer 1.55s ease-in-out infinite}@keyframes toeicSessionLoadingWave{0%{height:8px;opacity:.28}to{height:30px;opacity:.8}}@keyframes toeicSessionLoadingPulse{0%,to{box-shadow:0 0 0 8px #0e93840d;transform:scale(1)}50%{box-shadow:0 0 0 14px #0e938414;transform:scale(1.025)}}@keyframes toeicSessionLoadingSpin{to{transform:rotate(360deg)}}@keyframes toeicSessionLoadingShimmer{to{transform:translate(100%)}}.toeic-protected-session-wrapper .toeic-protected-item{width:100%;max-width:none;min-height:0;margin:0;flex:1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:0;overflow:hidden}.toeic-protected-session-wrapper .toeic-protected-item__audio-card{flex:0 0 auto;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.toeic-protected-session-wrapper .toeic-protected-item__audio-card>.p1-audio-row{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.toeic-protected-session-wrapper .toeic-protected-item__content-stage{min-height:0;flex:1;display:flex;flex-direction:column}.toeic-protected-session-wrapper .toeic-protected-item__content-stage>.p1-photo-stage{width:100%;min-height:0;flex:1}.toeic-protected-session-wrapper .toeic-protected-item__feedback{width:100%;align-self:stretch}.toeic-protected-session-wrapper .toeic-protected-options{min-height:0;padding:0;gap:0;border:0;border-radius:0;background:var(--surface);box-shadow:none}.toeic-protected-session-wrapper .toeic-protected-item__answer-status{margin-top:0}.toeic-protected-session-wrapper .toeic-protected-item__actions{margin-top:0;padding:var(--space-3) var(--space-4);gap:var(--space-2);border-top:1px solid var(--border)}.toeic-protected-session-wrapper .toeic-protected-item__actions .p1-nav-btn{width:44px;height:44px;flex:0 0 44px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.toeic-protected-session-wrapper .toeic-protected-item__actions .p1-cta-btn{height:44px;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md)}.toeic-protected-session-wrapper .protected-p6-body .p6-doc-card{width:100%}.toeic-protected-session-wrapper .protected-p6-body .p6-question-scroll{padding-bottom:var(--space-5)}.toeic-protected-session-wrapper .protected-p6-body .p6-actions .figma-primary-btn,.toeic-protected-session-wrapper .protected-listening-group .p6-actions .figma-primary-btn,.toeic-protected-session-wrapper .protected-p7-body .p6-actions .figma-primary-btn{flex:1;justify-content:center;min-height:44px}.protected-listening-group__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.protected-listening-group__subtitle-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.protected-listening-group__subtitle-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.protected-listening-group__subtitle-toggle.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.protected-listening-group__subtitle-toggle.is-translation{border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}.protected-listening-group__subtitle-toggle:disabled{border-color:var(--border);background:var(--surface-2);color:var(--text-muted);cursor:not-allowed;opacity:.82}.protected-listening-group__stage{flex:1;min-height:260px;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.protected-listening-group__transcript{flex:1;min-height:0}.protected-listening-group__translation-state{display:flex;align-items:flex-start;gap:10px;margin:2px 2px 12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 92%,var(--surface-2));color:var(--text-secondary)}.protected-listening-group__translation-state.is-missing,.protected-listening-group__translation-state.is-partial{border-color:color-mix(in srgb,var(--warning) 30%,var(--border));background:color-mix(in srgb,#fff7df 72%,var(--surface))}.protected-listening-group__translation-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-xs)}.protected-listening-group__translation-state>span:last-child{display:grid;min-width:0;gap:2px}.protected-listening-group__translation-state strong{color:var(--text);font-size:var(--text-xs);line-height:1.4}.protected-listening-group__translation-state small{color:var(--text-muted);font-size:11px;line-height:1.5}.protected-listening-group__transcript .p2-sub-bubble{flex:1 1 auto;min-width:0}.protected-listening-group__transcript .p2-sub-bubble-body,.protected-listening-group__transcript .p2-sub-bubble-vi{overflow-wrap:anywhere;word-break:break-word}.protected-p7-body .p7-doc-card{width:100%}@media(min-width:769px){:is(.toeic-protected-session-wrapper,.toeic-review-workspace) .protected-p7-body .p7-left{min-height:0;overflow:hidden}:is(.toeic-protected-session-wrapper,.toeic-review-workspace) .protected-p7-body .p7-left>.p1-left-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}:is(.toeic-protected-session-wrapper,.toeic-review-workspace) .protected-p7-body .p7-doc-card{min-height:auto;flex:0 0 auto;overflow:visible}:is(.toeic-protected-session-wrapper,.toeic-review-workspace) .protected-p7-body .p7-doc-scroll{min-height:auto;flex:none;overflow:visible;padding-right:0}}.toeic-protected-session-wrapper .protected-p6-body .p6-blank.is-active{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:2px}.toeic-protected-session-wrapper .protected-p6-body .p6-blank.is-correct{background:var(--success);box-shadow:0 2px 6px color-mix(in srgb,var(--success) 32%,transparent)}.toeic-protected-session-wrapper .protected-p6-body .p6-blank.is-wrong{background:var(--danger);box-shadow:0 2px 6px color-mix(in srgb,var(--danger) 28%,transparent)}.toeic-protected-session__finish{position:relative;z-index:1;min-height:32px;pointer-events:auto}@media(max-width:768px){.app-frame.is-session .tooich-mascot.is-practice-companion{inset:auto 10px 154px auto;transform:scale(.82);transform-origin:bottom right}.toeic-protected-session-wrapper{height:100dvh;min-height:0;overflow:hidden}.toeic-protected-session-wrapper .p1-screen{height:auto;min-height:0;flex:1 1 auto;overflow:hidden}.toeic-protected-session-wrapper .toeic-protected-item{display:block;grid-template-columns:1fr;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.toeic-protected-session-wrapper .protected-p7-body .p7-left,.toeic-protected-session-wrapper .protected-p7-body .p1-left-scroll,.toeic-protected-session-wrapper .protected-p7-body .p7-doc-card,.toeic-protected-session-wrapper .protected-p7-body .p7-doc-scroll{min-height:auto;overflow:visible}.toeic-session-loading__body{grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto}.toeic-session-loading__stage{min-height:260px}.toeic-session-loading__answers{min-height:520px}.protected-listening-group__toolbar{align-items:flex-start;flex-wrap:wrap}.protected-listening-group__subtitle-toggle{max-width:100%;white-space:nowrap}.protected-listening-group__subtitle-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.protected-listening-group__transcript .p2-sub-scroll.is-full{overflow:visible}.protected-listening-group__translation-state{margin-inline:0}}@media(max-width:560px){.toeic-session-loading__header-pill{display:none}.toeic-session-loading__finish{width:88px}.toeic-session-loading__stage{flex-direction:column;text-align:center}.protected-listening-group__translation-state{gap:8px;padding:9px 10px}.protected-listening-group__subtitle-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.protected-listening-group__subtitle-toggle{justify-content:center;min-height:42px;padding-inline:8px}}@media(prefers-reduced-motion:reduce){.toeic-session-loading__wave span,.toeic-session-loading__orb,.toeic-session-loading__spinner,.toeic-session-loading__line:after,.toeic-session-loading__part-tabs span:after,.toeic-session-loading__header-pill:after,.toeic-session-loading__finish:after,.toeic-session-loading__action:after{animation:none}}.progress-analytics{gap:var(--space-5)}.progress-analytics-head h2{margin:0;font-size:19px;letter-spacing:-.01em}.progress-analytics-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.progress-analytics-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0 var(--space-1);color:var(--text-muted);font-size:13px}.progress-analytics-empty p{margin:0}.progress-analytics-empty .btn{display:inline-flex;align-items:center;gap:7px;border-radius:11px}.progress-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.progress-stat{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.progress-stat__icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;color:var(--primary-text);background:var(--primary-light)}.progress-stat__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.progress-stat__copy strong{color:var(--text);font-size:18px;line-height:1}.progress-stat__copy small{color:var(--text-muted);font-size:11px}.progress-weak-hint{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--warning-border, #f9dc9f);border-radius:12px;background:var(--warning-light, #fff7e7);font-size:12.5px}.progress-weak-hint__icon{flex:0 0 auto;display:grid;place-items:center;color:var(--warning-text, #8a5a00)}.progress-weak-hint p{flex:1;margin:0;color:var(--text-secondary)}.progress-weak-hint strong{color:var(--text)}.progress-weak-hint .hub-section-link{flex:0 0 auto;font-size:12px}.progress-analytics-charts{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.progress-chart-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.progress-chart-card>h3,.progress-chart-head h3{margin:0;color:var(--text);font-size:14px;font-weight:700}.progress-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.progress-chart-head small{color:var(--text-muted);font-size:11px;white-space:nowrap}.progress-chart-empty{display:grid;place-items:center;min-height:160px;color:var(--text-muted);font-size:12.5px;text-align:center}.part-accuracy{display:flex;flex-direction:column;gap:2px}.part-accuracy-row{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(90px,1.1fr) 74px;align-items:center;gap:12px;min-height:40px;padding:5px 0}.part-accuracy-row+.part-accuracy-row{border-top:1px solid var(--border-light, #edf2f7)}.part-accuracy-label{display:flex;flex-direction:column;gap:1px;min-width:0}.part-accuracy-label strong{color:var(--text);font-size:12.5px}.part-accuracy-label small{color:var(--text-muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-accuracy-track{height:8px;overflow:hidden;border-radius:999px;background:var(--bg-subtle)}.part-accuracy-track>span{display:block;height:100%;border-radius:inherit;background:var(--border);transition:width .4s ease}.part-accuracy-row.is-excellent .part-accuracy-track>span{background:var(--success-text, #2e8a50)}.part-accuracy-row.is-good .part-accuracy-track>span{background:var(--warning-text, #8a5a00)}.part-accuracy-row.is-poor .part-accuracy-track>span{background:var(--danger-text, #c2402c)}.part-accuracy-row.is-none .part-accuracy-label strong,.part-accuracy-row.is-none .part-accuracy-value{opacity:.55}.part-accuracy-value{display:flex;flex-direction:column;gap:1px;text-align:right}.part-accuracy-value strong{color:var(--text);font-size:13px;line-height:1}.part-accuracy-value small{color:var(--text-muted);font-size:10.5px}.part-accuracy-row.is-excellent .part-accuracy-value strong{color:var(--success-text, #2e8a50)}.part-accuracy-row.is-good .part-accuracy-value strong{color:var(--warning-text, #8a5a00)}.part-accuracy-row.is-poor .part-accuracy-value strong{color:var(--danger-text, #c2402c)}.progress-weekly-chart{margin:0 -6px}.progress-weekly-chart .recharts-cartesian-axis-tick text{font-size:10.5px}.activity-heatmap{overflow-x:auto;padding-bottom:4px}.activity-heatmap-inner{width:max-content;min-width:100%}.activity-heatmap-months{display:grid;grid-auto-columns:11px;column-gap:3px;margin-left:32px;height:14px;margin-bottom:2px}.activity-heatmap-months span{overflow:visible;white-space:nowrap;color:var(--text-muted);font-size:9.5px;line-height:14px}.activity-heatmap-main{display:flex;gap:8px}.activity-heatmap-weekdays{flex:0 0 24px;display:grid;grid-template-rows:repeat(7,11px);row-gap:3px}.activity-heatmap-weekdays span{color:var(--text-muted);font-size:9px;line-height:11px}.activity-heatmap-grid{display:grid;grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;gap:3px}.activity-heatmap-cell{width:11px;height:11px;border-radius:2.5px;background:var(--bg-subtle);outline:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.activity-heatmap-cell.is-lv1{background:color-mix(in srgb,var(--primary) 28%,var(--bg-subtle))}.activity-heatmap-cell.is-lv2{background:color-mix(in srgb,var(--primary) 55%,var(--bg-subtle))}.activity-heatmap-cell.is-lv3{background:color-mix(in srgb,var(--primary) 80%,var(--bg-subtle))}.activity-heatmap-cell.is-lv4{background:var(--primary)}.activity-heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px;color:var(--text-muted);font-size:10px}.activity-heatmap-legend i{display:inline-block}@media(max-width:860px){.progress-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-analytics-charts{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.progress-stat-grid{gap:8px}.progress-stat{padding:10px 12px}.part-accuracy-row{grid-template-columns:minmax(86px,1fr) minmax(70px,1fr) 62px;gap:8px}.part-accuracy-label small{display:none}.progress-weak-hint{flex-wrap:wrap}}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-4);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:500px;height:500px;background:var(--primary-light);filter:blur(120px);border-radius:50%;pointer-events:none}.auth-card{max-width:440px;width:100%;padding:var(--space-8);position:relative;z-index:1;animation:scaleIn .3s ease}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);text-decoration:none;color:var(--text)}.auth-title{text-align:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:grid;gap:var(--space-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.auth-field small{color:var(--text-secondary);font-weight:var(--weight-normal)}.auth-submit{width:100%}.auth-error{padding:var(--space-3);background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger-text);font-size:var(--text-sm);text-align:center}.auth-device-list{display:grid;gap:var(--space-2)}.auth-device-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.auth-device-row span{display:grid;gap:2px}.auth-device-row small{color:var(--text-secondary)}@media(max-width:560px){.auth-device-row{align-items:stretch;flex-direction:column}}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.auth-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin:calc(-1 * var(--space-4)) 0 var(--space-6)}.auth-google-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:60px;justify-content:center}.auth-google-btn{display:flex;justify-content:center}.auth-google-loading{font-size:var(--text-sm);color:var(--text-secondary)}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:300px;height:40px;border-radius:20px;font-size:14px;font-weight:500;font-family:inherit,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}.auth-provider-btn--google{background:#fff;color:#3c4043;border:1px solid #dadce0;box-shadow:0 1px 2px #3c40434d}.auth-provider-btn--google:hover{background:#f8f9fa}.auth-provider-logo{flex-shrink:0}.auth-provider-btn--facebook{background:#1877f2;color:#fff;border:none;box-shadow:0 1px 2px #1877f24d,0 1px 3px 1px #1877f226}.auth-provider-btn--facebook:hover{background:#166fe5;box-shadow:0 1px 3px #1877f24d,0 4px 8px 3px #1877f226}.auth-provider-divider{display:flex;align-items:center;gap:var(--space-3);width:300px;margin:var(--space-3) 0;color:var(--text-muted);font-size:var(--text-sm)}.auth-provider-divider:before,.auth-provider-divider:after{content:"";flex:1;height:1px;background:var(--border)}:root[data-tooich-shop-theme=night] .auth-page{background:var(--bg, #0e1c22)}:root[data-tooich-shop-theme=night] .auth-page:before{background:radial-gradient(circle,rgba(73,205,184,.25) 0%,rgba(14,147,132,.05) 70%,transparent 100%);filter:blur(100px)}:root[data-tooich-shop-theme=night] .auth-card{background:var(--surface, #172a31);border:1.5px solid rgba(73,205,184,.22);border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #49cdb81a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-tooich-shop-theme=night] .auth-title{color:#fff}:root[data-tooich-shop-theme=night] .auth-subtitle{color:var(--text-secondary, #c2d8d4)}:root[data-tooich-shop-theme=night] .auth-field span{color:var(--text, #eef9f7);font-weight:600}:root[data-tooich-shop-theme=night] .auth-field .input-field{background:var(--bg-subtle, #12252b);border:1.5px solid rgba(73,205,184,.25);color:#fff;border-radius:12px;padding:12px 16px;font-size:15px;box-shadow:inset 0 2px 4px #0000004d;transition:border-color .2s,box-shadow .2s,background .2s}:root[data-tooich-shop-theme=night] .auth-field .input-field:focus{border-color:var(--primary-text, #49cdb8);background:#0b1a20;box-shadow:0 0 0 3px #49cdb84d,inset 0 2px 4px #0000004d;outline:none}:root[data-tooich-shop-theme=night] .auth-submit{background:var(--primary-text, #49cdb8);color:#0e1c22;font-weight:700;border-radius:12px;height:44px;font-size:15px;border:none;box-shadow:0 4px 16px #49cdb84d;transition:transform .15s,box-shadow .15s,background .15s}:root[data-tooich-shop-theme=night] .auth-submit:hover:not(:disabled){background:#3ebaa6;box-shadow:0 6px 20px #49cdb873;transform:translateY(-1px)}:root[data-tooich-shop-theme=night] .auth-provider-divider{color:var(--text-muted, #91aaa6)}:root[data-tooich-shop-theme=night] .auth-provider-divider:before,:root[data-tooich-shop-theme=night] .auth-provider-divider:after{background:#49cdb833}:root[data-tooich-shop-theme=night] .auth-provider-btn--google{background:#1e3138;color:#eef9f7;border:1.5px solid rgba(73,205,184,.25);box-shadow:0 4px 12px #0000004d;border-radius:999px}:root[data-tooich-shop-theme=night] .auth-provider-btn--google:hover{background:#273e46;border-color:var(--primary-text, #49cdb8);color:#fff}:root[data-tooich-shop-theme=night] .auth-provider-btn--facebook{background:#1877f2;color:#fff;border-radius:999px;box-shadow:0 4px 12px #1877f259}:root[data-tooich-shop-theme=night] .auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;font-weight:500;border-radius:12px}:root[data-tooich-shop-theme=night] .auth-footer{color:var(--text-muted, #91aaa6)}.profile-page{max-width:960px}.profile-section{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.profile-summary{display:flex;align-items:center;gap:var(--space-4)}.profile-summary>div{display:grid;gap:3px}.profile-summary small{color:var(--text-secondary)}.profile-avatar-preview{width:72px;height:72px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:var(--weight-bold);background:var(--primary-light);color:var(--primary)}.profile-field{display:grid;gap:var(--space-2);font-weight:var(--weight-medium)}.profile-field small{color:var(--text-secondary);font-weight:var(--weight-normal)}.profile-avatar-picker{border:0;padding:0;display:grid;gap:var(--space-3)}.profile-avatar-picker legend{font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.profile-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.profile-avatar-grid button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-3);display:grid;justify-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer}.profile-avatar-grid button:hover,.profile-avatar-grid button.is-selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.profile-avatar-grid img{width:58px;height:58px}.profile-avatar-grid span{font-size:var(--text-xs);text-align:center}.profile-success{padding:var(--space-3);border:1px solid var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);border-radius:var(--radius-md)}.profile-section>.btn{justify-self:start}.profile-session-list{display:grid;gap:var(--space-3)}.profile-session-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.profile-session-row>div{display:grid;gap:4px}.profile-session-row small{color:var(--text-secondary)}.profile-toggle-row{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer}.profile-toggle-row input{margin-top:3px;width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.profile-toggle-row span{display:grid;gap:3px}.profile-toggle-row small{color:var(--text-secondary);font-weight:var(--weight-normal)}@media(max-width:640px){.profile-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-section>.btn{width:100%}}@media(max-width:640px){.profile-session-row{align-items:stretch;flex-direction:column}}.pvp-active-overlay{position:fixed;inset:0;z-index:20;overflow:auto;background:var(--bg)}.pvp-exam-shell{min-height:100dvh;background:var(--bg)}.pvp-submitted-wait{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;background:var(--bg)}.pvp-submitted-wait svg{color:var(--success)}.pvp-submitted-wait p{color:var(--text-secondary)}.pvp-exam-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--text-xs);color:var(--text-secondary)}.pvp-exam-meta span,.pvp-exam-meta strong{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:var(--surface-2)}.pvp-exam-clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.pvp-opponent-live{color:var(--primary-text)}.pvp-opponent-status{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-muted);font-size:12px}.pvp-opponent-status strong{color:var(--text)}.pvp-opponent-status.is-done{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.pvp-opponent-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 15%,transparent)}.pvp-opponent-status.is-done .pvp-opponent-dot{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.pvp-exam-body{flex:1;min-height:0;height:auto}.pvp-exam-left{padding:0}.pvp-exam-title{margin:12px 0;font-size:var(--text-lg)}.pvp-exam-audio{width:100%;margin:12px 0}.pvp-exam-audio--locked{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.pvp-locked-audio-status{display:inline-flex;align-items:center;gap:8px;margin:12px 0;padding:9px 12px;border:1px solid var(--primary-border);border-radius:12px;background:var(--primary-light);color:var(--primary-text);font-size:12px;font-weight:700}.pvp-locked-audio-status.is-blocked{border-color:var(--warning-border);background:var(--warning-light);color:var(--warning-text)}.pvp-locked-audio-status button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.pvp-exam-image{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:14px;margin:16px auto;box-shadow:0 2px 12px #00000014}.pvp-exam-passage{line-height:1.8;white-space:pre-wrap;padding:20px;border-radius:12px;background:var(--surface-2);margin:16px 0;max-height:360px;overflow-y:auto;font-family:Georgia,Times New Roman,serif;font-size:.95rem;border:1px solid var(--border)}.pvp-exam-prompt{font-size:1.05rem;font-weight:600;line-height:1.6;margin:16px 0;color:var(--text)}.pvp-exam-navigation{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.pvp-answer-pair{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:start}.pvp-answer-box{display:flex;flex-direction:column;gap:10px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.pvp-answer-box.is-mine{border-color:var(--primary-border)}.pvp-answer-box.is-rival{background:var(--surface-2)}.pvp-answer-box.is-rival.is-done{border-color:var(--primary-border)}.pvp-answer-box-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pvp-answer-who{font-size:12.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-answer-state{font-size:11.5px;font-weight:600;color:var(--text-muted);white-space:nowrap}.is-rival.is-done .pvp-answer-state{color:var(--primary-text)}.pvp-rival-slots{display:flex;flex-direction:column;gap:8px}.pvp-rival-slot{height:30px;border-radius:var(--radius-md);border:1.5px dashed var(--border);background:repeating-linear-gradient(135deg,transparent,transparent 5px,rgba(22,50,63,.05) 5px,rgba(22,50,63,.05) 10px)}.pvp-rival-slot.is-done{border-style:solid;border-color:var(--primary-border);background:var(--primary-light)}.pvp-rival-note{margin:0;font-size:11px;line-height:1.45;color:var(--text-muted)}.pvp-rival-progress{margin-top:auto;font-size:11.5px;font-weight:600;color:var(--text-secondary)}@media(max-width:1100px){.pvp-answer-pair{grid-template-columns:minmax(0,1fr)}.pvp-answer-box.is-rival{flex-direction:row;align-items:center;flex-wrap:wrap}.pvp-rival-slots{flex-direction:row}.pvp-rival-slot{width:30px}}.pvp-statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.pvp-status-pill,.pvp-conn-pill,.pvp-timer-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.pvp-status-pill--waiting{background:var(--warning-light);color:var(--warning-text);border-color:var(--warning-border)}.pvp-status-pill--active{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary-border)}.pvp-status-pill--completed{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.pvp-status-pill--cancelled,.pvp-status-pill--expired{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger-border)}.pvp-conn-pill.is-online{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.pvp-timer-pill{background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums}.pvp-match{width:100%;max-width:720px;margin:0 auto;padding:28px 20px 56px;gap:16px}.pvp-match .pvp-statusbar{margin-bottom:0}.pvp-players{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.pvp-player-card{display:flex;align-items:center;gap:12px;min-width:0;padding:6px;border-radius:12px;position:relative}.pvp-player-card.is-guest{flex-direction:row-reverse;text-align:right}.pvp-player-card.is-guest .pvp-player-flag{margin-left:0;margin-right:auto}.pvp-player-card.is-me .pvp-player-info strong{color:var(--primary-text)}.pvp-player-avatar{flex-shrink:0}.pvp-player-info{display:grid;gap:2px;min-width:0}.pvp-player-info strong{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-player-info small{font-size:12px;color:var(--text-secondary)}.pvp-player-flag{margin-left:auto;font-size:11px;font-weight:700;color:var(--success-text);background:var(--success-light);border:1px solid var(--success-border);padding:3px 8px;border-radius:999px;white-space:nowrap}.pvp-vs{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--text-muted)}.pvp-invite{gap:0}.pvp-invite-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.pvp-invite-body>.pvp-room-code,.pvp-invite-body>.pvp-invite-link{align-self:stretch}.pvp-invite-body p{margin:0;color:var(--text-secondary)}.pvp-room-code{display:flex;flex-direction:column;gap:4px;align-items:center;padding:14px;border:1.5px dashed var(--primary-border);border-radius:14px;background:var(--primary-light)}.pvp-room-code small{font-size:11px;font-weight:600;color:var(--primary-text);text-transform:uppercase;letter-spacing:.06em}.pvp-room-code strong{font-size:28px;font-weight:800;letter-spacing:.15em;color:var(--primary-text);font-variant-numeric:tabular-nums}.pvp-invite-actions{display:flex;flex-wrap:wrap;gap:10px}.pvp-ended{text-align:center;padding:32px;color:var(--text-secondary)}.pvp-create{gap:12px}.pvp-create-error{margin-bottom:0}.pvp-create-fields{display:grid;gap:10px}.pvp-create-actions,.pvp-room-actions{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(180px,1.15fr);gap:12px;margin-top:8px}.pvp-create-actions .btn,.pvp-room-actions .btn{min-height:48px;border-radius:14px}.social-dialog-panel:has(.pvp-setup){width:min(100%,560px);max-height:min(540px,calc(100dvh - 56px));padding:6px}.pvp-room-dialog,.pvp-create{gap:0;padding:16px 18px 18px}.pvp-dialog-heading h2{margin:0;color:var(--text);font-size:23px;line-height:1.2}.pvp-dialog-heading p{margin:5px 0 0;color:var(--text-muted);font-size:13px;line-height:1.45}.pvp-setup{display:grid;gap:11px;margin-top:12px}.pvp-setup-group{display:grid;gap:7px}.pvp-setup-label{display:flex;align-items:baseline;gap:7px;color:var(--text-secondary)}.pvp-setup-label strong{font-size:14px}.pvp-setup-label span{color:var(--text-muted);font-size:12px}.pvp-test-picker{display:grid;gap:6px;max-height:112px;padding-right:6px;overflow-y:auto;scrollbar-color:var(--primary-border) transparent;scrollbar-width:thin}.pvp-test-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:8px 13px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.pvp-test-choice:hover{border-color:var(--primary-border)}.pvp-test-choice.is-selected{border-color:var(--primary);background:var(--primary-light);box-shadow:inset 0 0 0 1px var(--primary)}.pvp-test-choice>span{display:grid;gap:1px}.pvp-test-choice strong{font-size:14px}.pvp-test-choice small{color:var(--text-muted);font-size:11px}.pvp-test-choice>svg{flex-shrink:0;color:var(--primary)}.pvp-scope-chips,.pvp-duration-presets{display:flex;flex-wrap:wrap;gap:6px}.pvp-scope-chips{flex-wrap:nowrap}.pvp-scope-chips button,.pvp-duration-presets button{min-height:32px;padding:5px 10px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.pvp-scope-chips button{flex:1 1 auto;padding-inline:8px;white-space:nowrap}.pvp-scope-chips button.is-selected,.pvp-duration-presets button.is-selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.pvp-duration-switch{display:inline-flex;justify-self:start;padding:4px;border-radius:14px;background:var(--surface-3)}.pvp-duration-switch button{min-width:96px;padding:7px 14px;border:0;border-radius:11px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pvp-duration-switch button.is-selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.pvp-duration-note{margin:0;color:var(--text-muted);font-size:13px}.pvp-duration-note strong{color:var(--primary-text)}.pvp-room-actions,.pvp-create-actions{margin-top:14px}.pvp-join-field{margin:26px 0 18px}.pvp-room-code-input{min-height:58px;text-align:center;font-size:24px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pvp-result{gap:16px}.pvp-result-hero{display:flex;align-items:center;gap:16px;padding:24px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}.pvp-result-hero.is-win{background:var(--success-light);border-color:var(--success-border)}.pvp-result-hero.is-draw{background:var(--warning-light);border-color:var(--warning-border)}.pvp-result-hero-text h2{margin:0;font-size:20px;font-weight:800;color:var(--text)}.pvp-result-hero-text p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.pvp-result-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--warning);color:#fff;font-size:28px;font-weight:800;flex-shrink:0}.pvp-result-hero.is-win .pvp-result-mark{background:var(--success)}.pvp-result-scores{display:flex;align-items:stretch;gap:12px}.pvp-result-score-card{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.pvp-result-score-card.is-me{border-color:var(--primary-border);background:var(--primary-light)}.pvp-result-score-card.is-loser{opacity:.65}.pvp-result-avatar{display:grid;place-items:center}.pvp-result-player{display:flex;flex-direction:column;gap:2px}.pvp-result-player strong{font-size:14px;color:var(--text)}.pvp-result-player small{font-size:13px;color:var(--text-secondary);font-weight:600}.pvp-result-bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.pvp-result-bar span{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .5s ease}.pvp-result-vs{display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--text-muted);padding:0 4px}.pvp-breakdown{display:grid;gap:8px}.pvp-breakdown-row{display:flex;align-items:center;gap:10px;padding:12px 14px}.pvp-breakdown-label{flex:1;font-size:13px;font-weight:600;color:var(--text)}.pvp-breakdown-host,.pvp-breakdown-guest{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;min-width:24px;text-align:center}.pvp-breakdown-sep{color:var(--text-muted);font-weight:600}.pvp-breakdown-total{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.pvp-result-back{align-self:flex-start;margin-top:4px}@media(max-width:768px){.pvp-exam-main{padding:12px}.pvp-exam-paper{min-height:auto}.pvp-exam-meta{display:none}.pvp-exam-navigation .btn{flex:1}.pvp-match{padding:16px 16px 40px}.pvp-players{gap:8px;padding:12px}.pvp-player-card{padding:0;gap:8px}.pvp-vs{width:28px;height:28px;font-size:10px}.pvp-player-avatar .avatar{width:36px;height:36px;font-size:15px}.pvp-room-code strong{font-size:24px}.pvp-result-scores{flex-direction:column}.pvp-result-vs,.pvp-breakdown-total{display:none}.pvp-room-dialog,.pvp-create{padding:18px}.pvp-dialog-heading h2{font-size:23px}.pvp-create-actions,.pvp-room-actions{grid-template-columns:1fr 1.4fr}}.pvp-countdown-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 20);display:grid;place-content:center;justify-items:center;gap:16px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pvp-countdown-number{font-size:8rem;font-weight:800;color:#fff;line-height:1;animation:pvp-countdown-pulse 1s ease-in-out infinite}.pvp-countdown-referee{position:relative;display:grid;justify-items:center;width:150px;min-height:150px;color:#fff}.pvp-countdown-referee .tooich-mascot{position:relative;inset:auto;width:112px;height:128px;z-index:1;transform:none!important}.pvp-countdown-referee .tooich-mascot-bubble{display:none}.pvp-countdown-referee strong{margin-top:-6px;font-size:14px;letter-spacing:.04em}.pvp-countdown-label{color:#ffffffd1;font-size:1.1rem;font-weight:500}.pvp-countdown-skip{margin-top:12px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3)}.pvp-countdown-skip:hover{background:#fff3}@keyframes pvp-countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.82}}.social-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.social-stat-card{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.social-stat-card strong{font-size:22px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em}.social-stat-card small{font-size:12px;color:var(--text-muted)}.social-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.social-lobby-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;font:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-align:left;text-decoration:none;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.social-lobby-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.social-lobby-card-text{display:flex;flex-direction:column;gap:3px;text-align:left}.social-lobby-card-text strong{font-size:15px;font-weight:700;color:var(--text)}.social-lobby-card-text small{font-size:12px;color:var(--text-muted)}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.friend-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.friend-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.friend-card-avatar{position:relative;display:inline-flex;flex-shrink:0}.friend-card-avatar.is-online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid var(--surface)}.friend-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.friend-card-info strong{font-size:14.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-info small{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.friend-card-ping{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.friend-card-ping:hover:not(:disabled){color:var(--primary-text);border-color:var(--primary-border)}.friend-card-ping:disabled{opacity:.5;cursor:not-allowed}.friend-card-duel{padding:7px 14px;font:inherit;font-size:12.5px;font-weight:700;color:var(--primary-text);background:var(--surface);border:1.5px solid var(--primary-border);border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease}.friend-card-duel:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.social-lobby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.social-create-cta{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:16px 20px;font:inherit;text-align:left;background:color-mix(in srgb,var(--warning) 8%,var(--surface));border:1.5px dashed color-mix(in srgb,var(--warning) 45%,var(--border));border-radius:14px;cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base)}.social-create-cta:hover{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface))}.social-create-cta-plus{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff}.social-create-cta strong{font-size:15px;font-weight:700;color:var(--primary-text)}.social-create-cta small{display:block;margin-top:3px;font-size:12.5px;color:var(--text-muted)}.social-join-icon{background:var(--surface-3);color:var(--primary-text)}.social-lobby-actions .social-lobby-card{margin:0;min-height:72px;border-color:var(--border)}@media(max-width:700px){.social-lobby-actions{grid-template-columns:1fr}.social-search-form{flex-direction:column}.social-search-button{width:100%}.social-dialog-backdrop{padding:12px;align-items:end}.social-dialog-panel{max-height:calc(100dvh - 24px);border-radius:22px 22px 14px 14px}.social-create-cta{flex-wrap:wrap}.social-create-cta small{margin-left:0;text-align:left}}.pvp-invite-link{display:flex;gap:8px;align-items:center;margin-top:10px}.pvp-invite-link .input-field{flex:1;min-width:0;font-size:12.5px;color:var(--text-secondary)}.pvp-invite-link .btn{flex-shrink:0}.pvp-matchup-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 20px;margin-bottom:14px;transition:transform var(--transition-spring),border-color var(--transition-base),box-shadow var(--transition-base)}.pvp-matchup-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.pvp-matchup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:10px;margin-bottom:14px}.pvp-matchup-meta{display:flex;align-items:center;gap:8px;min-width:0}.pvp-matchup-title{font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvp-matchup-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.pvp-matchup-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:12px}.pvp-matchup-player{display:flex;align-items:center;gap:12px;min-width:0}.pvp-matchup-player.is-host{justify-content:flex-start}.pvp-matchup-player.is-guest{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.pvp-matchup-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pvp-matchup-info strong{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvp-matchup-info small{font-size:11px;color:var(--text-muted)}.pvp-matchup-vs-container{display:flex;flex-direction:column;align-items:center;gap:4px}.pvp-matchup-vs{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3);font-size:11px;font-weight:800;color:var(--text-muted);border:1px solid var(--border)}.pvp-matchup-vs.is-active{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.pvp-matchup-vs.is-completed{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.pvp-matchup-vs-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.pvp-matchup-progress-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:6px;border-top:1px dashed var(--border-light);padding-top:10px}.pvp-matchup-bar-wrapper{display:flex;flex-direction:column;gap:4px}.pvp-matchup-bar-header{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-secondary)}.pvp-matchup-bar-header.is-guest{flex-direction:row-reverse}.pvp-matchup-bar-bg{height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden}.pvp-matchup-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .35s ease}.pvp-matchup-bar-fill.is-guest{float:right}.pvp-matchup-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;border-top:1px solid var(--border-light);padding-top:10px}.pvp-matchup-invite-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 0 2px;border-top:1px dashed var(--border-light)}.pvp-matchup-share-hint{margin-right:auto;color:var(--text-muted);font-size:12px;font-weight:700}.pvp-matchup-invite-actions .btn{display:inline-flex;align-items:center;gap:6px;min-height:36px}.pvp-copy-link-button{padding-inline:15px;border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.pvp-copy-link-button:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:#fff;transform:translateY(-1px)}@media(max-width:900px){.social-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.social-stats-grid,.social-lobby-grid{grid-template-columns:1fr}.pvp-matchup-arena{grid-template-columns:1fr;gap:12px}.pvp-matchup-player.is-guest{flex-direction:row;text-align:left}.pvp-matchup-vs-container{display:none}.pvp-matchup-progress-row{grid-template-columns:1fr;gap:12px}.pvp-matchup-bar-header.is-guest{flex-direction:row}.pvp-matchup-bar-fill.is-guest{float:left}}.ti-landing{--bg: #f8f9fa;--bg-subtle: #f1f3f5;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #e9ecef;--surface-hover: #f1f3f5;--border: #e2e8f0;--border-light: #edf2f7;--border-hover: #cbd5e1;--border-active: #059669;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--primary: #059669;--primary-hover: #047857;--primary-active: #065f46;--primary-light: #ecfdf5;--primary-border: #a7f3d0;--primary-text: #065f46;--secondary: #0284c7;--secondary-hover: #0369a1;--secondary-light: #e0f2fe;--secondary-border: #bae6fd;--secondary-text: #0369a1;--ti-ink: #0f172a;--ti-muted: #475569;--ti-green: #10b981;--ti-blue: #0ea5e9;--ti-bg: #f8fafc;min-height:100dvh;background:var(--ti-bg);color:var(--ti-ink);overflow-x:clip;font-family:var(--font-sans, "Inter", system-ui, sans-serif)}.ti-logo{--tl-green: #10b981;--tl-ink: var(--text, #14212e);display:inline-flex;align-items:baseline;gap:.06em;font-weight:800;font-size:1.5rem;letter-spacing:-.035em;line-height:1;color:var(--tl-ink);-webkit-user-select:none;user-select:none}.ti-logo-word{font:inherit}.ti-logo-i{position:relative;display:inline-block}.ti-logo-i:after{content:"";position:absolute;left:50%;top:.03em;width:.17em;height:.17em;border-radius:50%;transform:translate(-50%);background:var(--tl-green)}.ti-logo-inf{height:.78em;width:auto;align-self:baseline;transform:translateY(.05em);overflow:visible;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ti-inf-base,.ti-inf-flow{fill:none;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.ti-inf-base{stroke-dasharray:100;stroke-dashoffset:0;animation:ti-inf-draw 1.2s cubic-bezier(.65,0,.35,1) both}.ti-inf-flow{stroke:#ffffffe6;stroke-width:4.5;stroke-dasharray:10 90;animation:ti-inf-flow 3.4s linear 1.2s infinite;opacity:0;animation-fill-mode:forwards}.ti-logo:hover .ti-logo-inf{transform:translateY(.05em) scale(1.12) rotate(-4deg)}.ti-logo:hover .ti-inf-flow{animation-duration:1.1s}@keyframes ti-inf-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes ti-inf-flow{0%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100;opacity:1}}.ti-logo.compact{font-size:1.15rem}.ti-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,5vw,56px);background:#f8fafccc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.06);animation:ti-drop .6s ease both}@keyframes ti-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.ti-nav-brand{text-decoration:none}.ti-nav-links{display:flex;gap:clamp(14px,3vw,32px)}.ti-nav-links a{color:var(--ti-muted);text-decoration:none;font-weight:600;font-size:.95rem;position:relative}.ti-nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ti-green),var(--ti-blue));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ti-nav-links a:hover:after{transform:scaleX(1)}.ti-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}.ti-btn.primary{background:linear-gradient(120deg,var(--ti-green),var(--ti-blue));background-size:160% 160%;color:#fff;box-shadow:0 8px 24px #10b98159;animation:ti-gradient-shift 5s ease infinite}.ti-btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #10b98173}.ti-btn.ghost{border:2px solid rgba(15,23,42,.14);color:var(--ti-ink);background:#fff}.ti-btn.ghost:hover{transform:translateY(-3px);border-color:var(--ti-green)}.ti-btn.small{padding:9px 18px;font-size:.9rem}.ti-btn.big{padding:15px 30px;font-size:1.05rem}.ti-btn-arrow{transition:transform .25s ease}.ti-btn:hover .ti-btn-arrow{transform:translate(4px)}.ti-btn.pulse{animation:ti-gradient-shift 5s ease infinite,ti-pulse 2.4s ease-in-out infinite}@keyframes ti-pulse{0%,to{box-shadow:0 8px 24px #10b98159,0 0 #10b98166}50%{box-shadow:0 8px 24px #10b98159,0 0 0 14px #10b98100}}@keyframes ti-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ti-hero{position:relative;padding:clamp(48px,8vw,96px) clamp(16px,5vw,56px) clamp(56px,8vw,110px);overflow:hidden}.ti-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;animation:ti-blob-float 14s ease-in-out infinite}.ti-blob.b1{width:480px;height:480px;background:#a7f3d0;top:-140px;left:-100px;transform:translate(calc(var(--mx, 0) * 18px),calc(var(--my, 0) * 18px))}.ti-blob.b2{width:420px;height:420px;background:#bae6fd;top:60px;right:-120px;animation-delay:-5s;transform:translate(calc(var(--mx, 0) * -24px),calc(var(--my, 0) * -24px))}.ti-blob.b3{width:300px;height:300px;background:#fef08a;bottom:-120px;left:38%;opacity:.35;animation-delay:-9s}@keyframes ti-blob-float{0%,to{scale:1}50%{scale:1.15}}.ti-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center;max-width:1180px;margin:0 auto}.ti-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid rgba(16,185,129,.3);color:#047857;font-weight:700;font-size:.85rem;box-shadow:0 4px 14px #10b9811f;animation:ti-rise .7s ease .1s both}.ti-hero h1{margin:20px 0 0;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.14;letter-spacing:-.03em;font-weight:850;animation:ti-rise .7s ease .22s both}.ti-gradient-text{background:linear-gradient(120deg,var(--ti-green),var(--ti-blue),var(--ti-green));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ti-gradient-shift 4s linear infinite}.ti-hero-sub{margin:18px 0 0;max-width:34rem;color:var(--ti-muted);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.65;animation:ti-rise .7s ease .34s both}.ti-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;animation:ti-rise .7s ease .46s both}.ti-hero-trust{display:block;margin-top:16px;font-size:.86rem;color:var(--ti-muted);animation:ti-rise .7s ease .58s both}@keyframes ti-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.ti-hero-visual{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;animation:ti-rise .8s ease .4s both}.ti-demo-card{position:relative;width:min(360px,100%);background:#fff;border-radius:20px;border:1px solid rgba(15,23,42,.07);box-shadow:0 24px 60px #0f172a24;padding:20px;animation:ti-card-float 6s ease-in-out infinite}@keyframes ti-card-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}.ti-demo-head{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--ti-muted)}.ti-demo-tag{background:linear-gradient(120deg,var(--ti-green),var(--ti-blue));color:#fff;font-weight:800;padding:3px 10px;border-radius:999px}.ti-demo-timer{margin-left:auto;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px}.ti-demo-sentence{margin:16px 0 14px;font-size:1rem;line-height:1.55;font-weight:600}.ti-demo-blank{display:inline-block;min-width:74px;border-bottom:2px dashed var(--ti-blue);animation:ti-blink 1.6s ease infinite}@keyframes ti-blink{0%,to{border-color:var(--ti-blue)}50%{border-color:transparent}}.ti-demo-options{display:grid;gap:8px}.ti-demo-opt{padding:9px 14px;border-radius:12px;border:1.5px solid rgba(15,23,42,.08);font-size:.92rem;font-weight:600;background:#fff;display:flex;align-items:center;justify-content:space-between}.ti-demo-opt.picked{animation:ti-opt-pick 7s ease infinite}.ti-demo-check{opacity:0;font-style:normal;animation:ti-check-in 7s ease infinite}@keyframes ti-opt-pick{0%,24%{border-color:#0f172a14;background:#fff;color:inherit}30%,38%{border-color:var(--ti-blue);background:#eff6ff}46%,92%{border-color:var(--ti-green);background:#ecfdf5;color:#047857}to{border-color:#0f172a14;background:#fff}}@keyframes ti-check-in{0%,44%{opacity:0;transform:scale(.4)}50%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.ti-demo-explain{margin-top:12px;padding:10px 14px;border-radius:12px;background:#ecfdf5;border:1px solid rgba(16,185,129,.25);display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:#065f46;opacity:0;animation:ti-explain-in 7s ease infinite}@keyframes ti-explain-in{0%,48%{opacity:0;transform:translateY(8px)}56%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}.ti-demo-toast{position:absolute;top:-14px;right:-10px;background:#fbbf24;color:#78350f;font-weight:800;font-size:.85rem;padding:7px 14px;border-radius:999px;box-shadow:0 8px 20px #fbbf2466;opacity:0;animation:ti-toast-in 7s ease infinite}@keyframes ti-toast-in{0%,50%{opacity:0;transform:translateY(10px) scale(.7)}58%,88%{opacity:1;transform:translateY(0) scale(1)}96%,to{opacity:0;transform:translateY(-8px) scale(.9)}}.ti-float-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;box-shadow:0 10px 26px #0f172a1f;animation:ti-chip-float 5s ease-in-out infinite}.ti-float-chip.c1{top:4%;left:-4%;animation-delay:-1s}.ti-float-chip.c2{top:16%;right:-6%;animation-delay:-2.4s}.ti-float-chip.c3{bottom:12%;left:-8%;animation-delay:-3.2s}.ti-float-chip.c4{bottom:-2%;right:2%;animation-delay:-4.1s}@keyframes ti-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ti-marquee{overflow:hidden;background:var(--ti-ink);padding:13px 0;transform:rotate(-1deg) scale(1.02)}.ti-marquee-track{display:flex;gap:38px;width:max-content;animation:ti-marquee 30s linear infinite}.ti-marquee-track span{color:#e2e8f0;font-weight:700;font-size:.88rem;white-space:nowrap;display:flex;align-items:center;gap:38px}.ti-marquee-track span:after{content:"✦";color:var(--ti-green)}@keyframes ti-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ti-section{max-width:1180px;margin:0 auto;padding:clamp(60px,9vw,110px) clamp(16px,5vw,56px) clamp(50px,7vw,90px);text-align:center}.ti-kicker{display:inline-block;color:#047857;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}.ti-h2{margin:12px auto 0;max-width:40rem;font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.02em;line-height:1.2;font-weight:820}.ti-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.ti-reveal.in-view{opacity:1;transform:translateY(0)}.ti-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;text-align:left}.ti-feature-card{height:100%;background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:26px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.ti-feature-card:hover{transform:translateY(-8px);border-color:#10b98166;box-shadow:0 22px 48px #0f172a1f}.ti-feature-icon{display:inline-grid;place-items:center;width:52px;height:52px;font-size:1.5rem;border-radius:14px;background:linear-gradient(135deg,#ecfdf5,#e0f2fe);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ti-feature-card:hover .ti-feature-icon{transform:scale(1.15) rotate(-6deg)}.ti-feature-card h3{margin:16px 0 8px;font-size:1.08rem;font-weight:800}.ti-feature-card p{margin:0;color:var(--ti-muted);font-size:.93rem;line-height:1.6}.ti-stats{background:linear-gradient(120deg,#064e3b,#0c4a6e);padding:clamp(40px,6vw,64px) clamp(16px,5vw,56px)}.ti-stats-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center}.ti-stat strong{display:block;font-size:clamp(2rem,4.6vw,3.1rem);font-weight:850;background:linear-gradient(120deg,#6ee7b7,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.ti-stat span{color:#cbd5e1;font-size:.9rem;font-weight:600}.ti-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;text-align:left}.ti-step{position:relative;height:100%;background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:28px 26px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.ti-step:hover{transform:translateY(-8px);box-shadow:0 22px 48px #0f172a1f}.ti-step-n{position:absolute;top:-18px;right:6px;font-size:5.4rem;font-weight:900;color:#10b9811a;letter-spacing:-.06em}.ti-step h3{margin:0 0 8px;font-size:1.08rem;font-weight:800}.ti-step p{margin:0;color:var(--ti-muted);font-size:.93rem;line-height:1.6}.ti-final{position:relative;text-align:center;padding:clamp(70px,10vw,130px) clamp(16px,5vw,56px);overflow:hidden}.ti-blob.b4{width:520px;height:520px;background:#a7f3d0;left:50%;top:50%;translate:-50% -50%;opacity:.35}.ti-final-inner{position:relative}.ti-final h2{margin:0;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:850;letter-spacing:-.02em}.ti-final p{margin:14px 0 28px;color:var(--ti-muted);font-size:1.05rem}.ti-footer{background:linear-gradient(180deg,var(--ti-bg) 0%,rgba(241,245,249,.6) 100%);border-top:1px solid rgba(15,23,42,.07);padding:64px clamp(16px,5vw,56px) 32px;color:var(--ti-muted);font-size:.9rem}.ti-footer-inner{max-width:1180px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:48px}.ti-footer-main{display:grid;grid-template-columns:1.2fr 2fr;gap:48px}.ti-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ti-footer-tagline{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.6;text-align:left}.ti-footer-meta{font-size:.82rem;display:flex;align-items:center;gap:6px;color:var(--text-muted)}.ti-footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.ti-footer-col{display:flex;flex-direction:column;gap:16px;text-align:left}.ti-footer-col h4{margin:0;font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ti-ink)}.ti-footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.ti-footer-col a{color:var(--ti-muted);text-decoration:none;font-weight:600;transition:color .2s ease,transform .2s ease;display:inline-block}.ti-footer-col a:hover{color:var(--ti-green);transform:translate(3px)}.ti-status-indicator{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:#047857;font-weight:600}.ti-status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block;position:relative}.ti-status-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#10b981;border-radius:50%;animation:ti-ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ti-ping{75%,to{transform:scale(2.5);opacity:0}}.ti-footer-bottom{border-top:1px solid rgba(15,23,42,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.82rem;color:var(--text-muted)}.ti-footer-bottom p{margin:0}.ti-footer-bottom-links{display:flex;align-items:center;gap:12px}.ti-footer-bottom-links a{color:var(--text-muted);text-decoration:none;font-weight:500}.ti-footer-bottom-links a:hover{color:var(--ti-green)}.ti-divider{color:#0f172a26}@media(max-width:900px){.ti-footer-main{grid-template-columns:1fr;gap:36px}.ti-footer-brand{max-width:100%}}@media(max-width:560px){.ti-footer-links-grid{grid-template-columns:1fr 1fr}.ti-footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.ti-hero-inner{grid-template-columns:1fr}.ti-hero-visual{min-height:340px;margin-top:12px}.ti-feature-grid,.ti-steps,.ti-review-grid,.ti-stats-grid{grid-template-columns:1fr 1fr}.ti-nav-links{display:none}}@media(max-width:560px){.ti-feature-grid,.ti-steps,.ti-review-grid{grid-template-columns:1fr}.ti-float-chip.c1,.ti-float-chip.c3{left:0}.ti-float-chip.c2,.ti-float-chip.c4{right:0}}@media(prefers-reduced-motion:reduce){.ti-landing *,.ti-landing *:before,.ti-landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ti-reveal{opacity:1;transform:none}}.ti-faq-list{display:flex;flex-direction:column;gap:12px;max-width:780px;margin:0 auto;width:100%}.ti-faq-item{background:#ffffffb8;border:1px solid rgba(14,147,132,.14);border-radius:14px;padding:0 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ti-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:15.5px;font-weight:600;color:#16323f;cursor:pointer;list-style:none}.ti-faq-item summary::-webkit-details-marker{display:none}.ti-faq-item summary svg{flex-shrink:0;color:#6d8a83;transition:transform .18s ease}.ti-faq-item[open] summary svg{transform:rotate(180deg)}.ti-faq-item p{margin:0;padding:0 0 18px;font-size:14.5px;line-height:1.7;color:#4d6660}.ti-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;text-align:left}.ti-review-card{position:relative;display:flex;flex-direction:column;gap:16px;height:100%;margin:0;background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:26px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.ti-review-card:hover{transform:translateY(-8px);border-color:#10b98166;box-shadow:0 22px 48px #0f172a1f}.ti-review-card:after{content:"”";position:absolute;top:0;right:18px;font-family:Georgia,serif;font-size:5rem;font-weight:900;line-height:1;color:#10b98117;pointer-events:none}.ti-review-score{align-self:flex-start;padding:5px 12px;border-radius:999px;background:linear-gradient(120deg,#ecfdf5,#e0f2fe);border:1px solid rgba(16,185,129,.28);color:#047857;font-weight:800;font-size:.82rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.ti-review-quote{margin:0;flex:1;font-size:.95rem;line-height:1.65}.ti-review-author{display:flex;align-items:center;gap:12px}.ti-review-avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--ti-green),var(--ti-blue));color:#fff;font-weight:800;font-size:1rem}.ti-review-grid>:nth-child(3n+2) .ti-review-avatar{background:linear-gradient(135deg,var(--ti-blue),#818cf8)}.ti-review-grid>:nth-child(3n) .ti-review-avatar{background:linear-gradient(135deg,#f59e0b,var(--ti-green))}.ti-review-who{display:flex;flex-direction:column;gap:1px;min-width:0}.ti-review-who strong{font-size:.92rem;font-weight:800}.ti-review-who span{color:var(--ti-muted);font-size:.82rem}.ti-review-note{margin:26px auto 0;max-width:36rem;color:var(--ti-muted);font-size:.88rem;line-height:1.6}.public-site{display:flex;flex-direction:column}.public-site-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:clamp(24px,4vw,44px) clamp(16px,4vw,32px) clamp(48px,6vw,80px)}.public-site-footer{border-top:1px solid rgba(15,23,42,.07);padding:22px clamp(16px,4vw,32px)}.public-site-footer-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.public-site-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.public-site-footer-links a{color:var(--ti-muted);font-size:.88rem;font-weight:600;text-decoration:none}.public-site-footer-links a:hover{color:var(--ti-ink)}.public-site-footer-note{margin:0;color:var(--ti-muted);font-size:.82rem}@media(max-width:560px){.public-site-footer-inner{flex-direction:column;align-items:flex-start}}.ti-nav-actions{display:flex;align-items:center;gap:10px}.ti-nav-mail{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(15,23,42,.12);border-radius:50%;background:#fff;color:var(--ti-ink);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease}.ti-nav-mail:hover{color:var(--ti-green);border-color:var(--ti-green);transform:translateY(-1px)}.welcome-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 0%,var(--primary-light) 0%,transparent 65%),radial-gradient(circle at 100% 100%,var(--surface-2) 0%,transparent 40%)}.welcome-card{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:0 20px 40px -15px #00000012,0 0 1px 1px #00000005;padding:var(--space-6) var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);position:relative;overflow:hidden}.welcome-card-header{display:flex;align-items:center;justify-content:space-between;width:100%}.welcome-logo-wrap{display:flex;align-items:center}.welcome-skip-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.welcome-skip-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.welcome-stepper{display:flex;gap:var(--space-2);width:100%;margin-top:2px}.welcome-step-item{flex:1;display:flex;flex-direction:column;gap:6px}.welcome-step-bar{height:4px;border-radius:var(--radius-full);background:var(--border);transition:background var(--transition-fast)}.welcome-step-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;transition:color var(--transition-fast)}.welcome-step-item.is-done .welcome-step-bar,.welcome-step-item.is-current .welcome-step-bar{background:var(--primary)}.welcome-step-item.is-current .welcome-step-title{color:var(--text);font-weight:700}.welcome-step-item.is-done .welcome-step-title{color:var(--primary)}.welcome-slides-wrapper{width:100%;overflow:hidden;margin-top:var(--space-2)}.welcome-slides{display:flex;width:100%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.welcome-slide{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;gap:var(--space-4);min-height:380px}.welcome-header-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.welcome-badge,.welcome-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);font-size:12px;font-weight:700;line-height:1}.welcome-title{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.3;margin:2px 0 0}.welcome-h2{font-size:20px;font-weight:800;letter-spacing:-.015em;color:var(--text);line-height:1.3;margin:2px 0 0}.welcome-sub{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:0}.welcome-highlights{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.welcome-highlight-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:left;transition:border-color var(--transition-fast)}.welcome-highlight-item:hover{border-color:var(--border-hover)}.welcome-highlight-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-highlight-content{display:flex;flex-direction:column;gap:2px}.welcome-highlight-content strong{font-size:14px;font-weight:700;color:var(--text)}.welcome-highlight-content span{font-size:13px;color:var(--text-muted);line-height:1.4}.welcome-goals{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-1)}.welcome-goal-card{display:flex;align-items:center;gap:var(--space-3);padding:14px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;text-align:left;font:inherit;transition:all var(--transition-fast);position:relative}.welcome-goal-card:hover{border-color:var(--border-hover);background:var(--surface-2)}.welcome-goal-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 4px 14px #22c55e14}.welcome-goal-icon-wrap{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.welcome-goal-card.active .welcome-goal-icon-wrap{background:var(--surface);border-color:var(--primary-border);color:var(--primary)}.welcome-goal-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.welcome-goal-top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.welcome-goal-heading{font-size:15px;font-weight:700;color:var(--text)}.welcome-goal-tag{font-size:11px;font-weight:700;color:var(--primary);background:var(--surface);border:1px solid var(--primary-border);padding:2px 8px;border-radius:var(--radius-full)}.welcome-goal-card.active .welcome-goal-tag{background:var(--primary);color:#fff;border-color:var(--primary)}.welcome-goal-desc{font-size:12.5px;color:var(--text-muted);line-height:1.4;margin:0}.welcome-goal-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.welcome-goal-radio.checked{background:var(--primary);border-color:var(--primary);color:#fff}.welcome-skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-1)}.welcome-skill-card{display:flex;gap:var(--space-3);padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:left;transition:border-color var(--transition-fast),transform var(--transition-fast)}.welcome-skill-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.welcome-skill-icon-wrap{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-skill-body{display:flex;flex-direction:column;gap:3px;min-width:0}.welcome-skill-title{font-size:13.5px;font-weight:700;color:var(--text)}.welcome-skill-desc{font-size:12px;color:var(--text-muted);line-height:1.4;margin:0}.welcome-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.welcome-back-spacer{width:80px}.welcome-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.welcome-back-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-hover)}.welcome-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border:none;border-radius:var(--radius-lg);background:var(--primary);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #22c55e33;transition:all var(--transition-fast)}.welcome-primary-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 16px #22c55e47}.welcome-primary-btn:active:not(:disabled){transform:translateY(0)}.welcome-primary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.welcome-primary-btn.is-finish{background:var(--primary)}@media(max-width:600px){.welcome-card{padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-xl)}.welcome-title{font-size:19px}.welcome-h2{font-size:18px}.welcome-slide{min-height:420px}.welcome-skills-grid{grid-template-columns:1fr}.welcome-goal-card{padding:12px}.welcome-goal-icon-wrap{width:38px;height:38px}.welcome-primary-btn{padding:10px 18px;font-size:14px}.welcome-back-btn{padding:8px 12px}}.dictation-hub{animation:fadeInUp .4s ease both;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.dictation-steps{display:flex;flex-direction:column;gap:var(--space-8)}.dictation-step{display:flex;flex-direction:column;gap:var(--space-4)}.step-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.step-number{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.part-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.part-select-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.part-select-card:hover{border-color:var(--border-hover);background:var(--surface-2)}.part-select-card.selected{border-color:var(--primary-border);background:var(--primary-light)}.part-select-icon{font-size:24px}.part-select-info{flex:1}.part-select-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.part-select-desc{font-size:var(--text-xs);color:var(--text-muted)}.test-select-list{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.dictation-session{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);animation:fadeInUp .4s ease both}.learning-session-shell__content.protected-dictation-session-content .toeic-protected-item{max-width:1100px;margin:0 auto}.learning-session-shell__content.protected-dictation-session-content .protected-dictation-session__stimulus{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.protected-dictation-session__layout{align-items:stretch}.protected-dictation-session__audio-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.protected-dictation-session__audio-head .count-badge{font-weight:800;letter-spacing:.055em}.protected-dictation-session__replay{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.protected-dictation-session__image{margin-top:16px}.protected-dictation-session__editor{min-height:100%;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),background var(--transition-fast)}.protected-dictation-session__editor.is-wrong{border-color:var(--danger-border);background:color-mix(in srgb,var(--danger-light) 45%,var(--surface));animation:dictShake .4s ease}.protected-dictation-session__editor.is-correct{border-color:var(--success-border)}.protected-dictation-session__question-head p{margin:10px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.protected-dictation-session__question-head kbd,.protected-dictation-session__keyboard-hint kbd{padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;color:var(--text-secondary);background:var(--bg-subtle);font:700 11px/1.2 var(--font-sans)}.protected-dictation-session__word-boxes{align-content:flex-start;padding:18px 0}.protected-dictation-session__word-boxes .word-cell{max-width:min(100%,220px)}.protected-dictation-session__word-boxes .word-cell.is-checking .word-input{padding-right:28px;border-color:color-mix(in srgb,var(--primary) 62%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.protected-dictation-session__word-boxes .word-check-spinner{position:absolute;top:50%;right:8px;width:13px;height:13px;margin-top:-6.5px;border:2px solid color-mix(in srgb,var(--primary) 24%,transparent);border-top-color:var(--primary);border-radius:50%;pointer-events:none;animation:dictation-word-check-spin .62s linear infinite}@keyframes dictation-word-check-spin{to{transform:rotate(360deg)}}.protected-dictation-session__word-boxes .word-input:disabled{opacity:.8;cursor:default}@media(prefers-reduced-motion:reduce){.protected-dictation-session__word-boxes .word-check-spinner{animation-duration:1.25s}}.protected-dictation-session__keyboard-hint{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px}.protected-dictation-session__keyboard-hint>span{display:inline-flex;align-items:center;gap:6px}.protected-dictation-session__review{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-subtle);color:var(--text)}.protected-dictation-session__review strong{color:var(--primary-text)}.protected-dictation-session__message,.protected-dictation-session__actions+p{margin:0;color:var(--text-secondary);font-weight:650}.protected-dictation-session__actions{display:flex;width:100%;gap:10px}.protected-dictation-session__actions .btn{flex:1;min-height:44px}.protected-dictation-session__actions .protected-dictation-session__previous{flex:0 0 auto}.protected-dictation-classic-shell .p1-mode-pill>span{font-size:11px;font-weight:700}.protected-dictation-classic-shell__left .p1-audio-row{padding:var(--space-3) var(--space-4)}.protected-dictation-classic-shell__left .p1-photo-stage{min-height:260px}.protected-dictation-classic-shell__no-audio{color:var(--text-muted);font-size:var(--text-sm)}.protected-dictation-classic-shell__right .p1-scroll{gap:var(--space-3)}.protected-dictation-classic-shell__instruction{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.protected-dictation-guide-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.protected-dictation-guide-toggle{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 9px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font:inherit;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.protected-dictation-guide-toggle:hover{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.protected-dictation-guide-toggle:focus-visible{outline:2px solid var(--primary-border);outline-offset:2px}.protected-dictation-guide-toggle svg{transition:transform var(--transition-fast)}.protected-dictation-guide-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.protected-dictation-guide-panel{display:grid;gap:var(--space-3)}.protected-dictation-guide-panel .dict-hintbar{margin-bottom:0}.protected-dictation-unikey-notice{display:flex;align-items:center;gap:8px;margin:8px 0 2px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--warning) 48%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--warning-light) 78%,var(--surface));color:var(--text-secondary);font-size:var(--text-xs);line-height:1.45}.protected-dictation-unikey-notice>svg{flex:0 0 auto;margin-top:1px;color:var(--warning-text)}.protected-dictation-unikey-notice>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}.protected-dictation-unikey-notice strong{color:var(--text);font-size:var(--text-sm)}.protected-dictation-unikey-notice kbd{padding:1px 5px;border:1px solid color-mix(in srgb,var(--warning) 40%,var(--border));border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--text);font:700 10px/1.3 var(--font-sans);white-space:nowrap}.protected-dictation-row-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);background:var(--success-light);color:var(--success);font-size:11px;font-weight:800;white-space:nowrap}.protected-dictation-classic-shell__instruction kbd{display:inline-block;padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary);font:700 11px/1.3 var(--font-mono)}.protected-dictation-classic-shell__right .toeic-copy-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:14px;border-radius:14px}.protected-dictation-classic-shell__right .toeic-copy-label{display:flex;align-items:flex-start}.protected-dictation-classic-shell__right .toeic-copy-main{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:8px}.protected-dictation-classic-shell__right .toeic-word-boxes{display:flex;flex-wrap:wrap;gap:7px;min-width:0;margin:0;padding:0}.protected-dictation-classic-shell__right .word-cell{height:42px;max-width:100%;font-size:var(--text-sm)}.protected-dictation-classic-shell__right .word-input{padding:0 8px}.protected-dictation-classic-shell__right .toeic-copy-main>.small,.protected-dictation-classic-shell__right .feedback-line,.protected-dictation-classic-shell__right .typing-reveal,.protected-dictation-classic-shell__right .phrase-review{flex-basis:100%}.protected-dictation-classic-shell__right .dict-hint-bar{margin:0}.protected-dictation-classic-shell__right .phrase-review-text{width:100%;line-height:1.55}.dictation-answer-transition{min-width:0}.dictation-answer-transition.is-dissolving{pointer-events:none;overflow:clip}.dictation-answer-transition.is-dissolving .word-input{animation:dictation-cell-disintegrate .56s ease-in forwards}.dictation-word-dust{position:absolute;inset:0;pointer-events:none;z-index:2}.dictation-word-dust i{position:absolute;width:3px;height:3px;border-radius:1px;background:#c9a45c;box-shadow:3px 4px #decda4,-3px 2px #94a6a0;opacity:0;animation:dictation-dust-drift .52s ease-out var(--dust-delay) forwards}@keyframes dictation-cell-disintegrate{0%{opacity:1;filter:blur(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}40%{opacity:.7;filter:blur(1px);clip-path:polygon(0 0,80% 0,92% 23%,67% 42%,83% 66%,59% 100%,0 100%)}to{opacity:0;filter:blur(3px);clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translate(8px,-3px)}}@keyframes dictation-dust-drift{0%{opacity:0;transform:translate(0) scale(1)}18%{opacity:.9}to{opacity:0;transform:translate(var(--dust-x),var(--dust-y)) rotate(100deg) scale(.25)}}.dictation-answer-review{min-width:0;animation:dictation-script-appear .22s ease-out both}.dictation-answer-script{font-size:15px;font-weight:600;line-height:1.75;color:var(--text);overflow-wrap:anywhere}.dictation-answer-translation{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55}@keyframes dictation-script-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dictation-answer-transition.is-dissolving .word-input,.dictation-answer-review{animation:none}.dictation-word-dust{display:none}}.protected-dictation-classic-shell__right .p1-dict-rows{gap:8px}.protected-dictation-classic-shell__right .p1-dict-row{border-radius:14px}.protected-dictation-classic-shell__right .p1-dict-row.is-active{box-shadow:0 3px 18px color-mix(in srgb,var(--primary) 10%,transparent)}.protected-dictation-classic-shell__right .protected-dictation-row-status{align-self:flex-start}@property --dictation-ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes dictation-ring-orbit{to{--dictation-ring-angle: 360deg}}.protected-dictation-letter,.protected-dictation-guide-toggle{position:relative;isolation:isolate}.protected-dictation-letter:before,.protected-dictation-guide-toggle:before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--dictation-ring-angle),transparent 35%,var(--primary-border) 62%,var(--primary) 78%,transparent 95%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:dictation-ring-orbit 4s linear infinite;opacity:.65}.protected-dictation-letter{width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 4px;border:1px solid var(--primary-border);border-radius:13px;background:var(--surface);color:var(--primary-text);font:800 15px var(--font-sans);cursor:pointer;transition:background .2s,box-shadow .2s}.protected-dictation-letter:hover,.protected-dictation-letter.is-playing{background:var(--primary-light);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 24%,transparent)}.protected-dictation-letter.is-playing:before{animation-duration:1.3s;opacity:1}.protected-dictation-letter:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.protected-dictation-letter:disabled{opacity:.45;cursor:default}.protected-dictation-letter:disabled:before{animation:none}.protected-dictation-welcome,.protected-dictation-skip-notice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--primary-border);border-radius:12px;background:var(--primary-light);color:var(--primary-text);font-size:12px;line-height:1.5}.protected-dictation-welcome>div{flex:1;min-width:0}.protected-dictation-welcome p{margin:3px 0 0}.protected-dictation-welcome>svg{flex-shrink:0}.protected-dictation-welcome button,.protected-dictation-skip-notice button{min-height:36px;padding:6px 9px;border:1px solid var(--primary-border);border-radius:8px;background:var(--surface);color:var(--primary-text);font:inherit;font-weight:700;cursor:pointer}.protected-dictation-skip-notice{justify-content:space-between}.protected-dictation-skip-settings{display:grid;gap:12px;padding:12px;background:var(--surface-2);border-radius:12px}.protected-dictation-skip-settings label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.protected-dictation-skip-settings input{margin-top:3px;accent-color:var(--primary)}.protected-dictation-skip-settings strong{display:block;font-size:12px;color:var(--text)}.protected-dictation-skip-settings small{display:block;margin-top:3px;color:var(--text-secondary);line-height:1.5}.protected-dictation-skip-settings>button{justify-self:start}.protected-dictation-skip-btn{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-secondary);font:700 12px var(--font-sans);cursor:pointer}.protected-dictation-skip-btn:hover{background:var(--surface-2);color:var(--primary-text)}.protected-dictation-skip-btn:disabled{opacity:.45;cursor:default}@media(max-width:600px){.protected-dictation-classic-shell__right .toeic-copy-row{gap:9px;padding:12px 10px}.protected-dictation-classic-shell__right .p1-q-header{flex-wrap:wrap;gap:12px}.protected-dictation-guide-actions,.protected-dictation-welcome{flex-wrap:wrap}.protected-dictation-welcome>div{flex-basis:calc(100% - 32px)}.protected-dictation-classic-shell__right .p1-actions{height:auto;min-height:64px;flex-wrap:wrap;gap:8px}.protected-dictation-classic-shell__right .p1-actions .p1-cta-btn{min-width:130px;white-space:nowrap}.protected-dictation-classic-shell__right .p1-actions .p1-nav-btn:last-child{display:none}.protected-dictation-classic-shell__right .p1-actions .protected-dictation-skip-btn{padding-inline:8px;font-size:12px}.protected-dictation-skip-line{display:none}}@media(prefers-reduced-motion:reduce){.protected-dictation-letter:before,.protected-dictation-guide-toggle:before{animation:none}}.protected-dictation-classic-shell__right .protected-dictation-session__keyboard-hint{margin-top:2px}.protected-dictation-classic-shell__right .protected-dictation-session__review{background:var(--success-light)}.protected-dictation-classic-shell__review-action{min-width:110px;height:44px;padding:0 var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.protected-dictation-classic-shell__review-action:hover:not(:disabled){border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.protected-dictation-classic-shell__review-action:disabled{opacity:.45;cursor:not-allowed}.protected-dictation-loading__header-pill{min-width:86px;padding:6px 12px;border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:700;text-align:center}.protected-dictation-loading__progress{width:34%;animation:protectedDictationLoadingProgress 1.65s ease-in-out infinite}.protected-dictation-loading__audio-card{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--shadow-sm)}.protected-dictation-loading__audio-card>div:first-child{min-width:150px;display:grid;gap:9px}.protected-dictation-loading__wave{height:34px;display:flex;align-items:center;gap:4px;padding:0 6px}.protected-dictation-loading__wave span{width:4px;height:10px;border-radius:var(--radius-full);background:var(--primary);opacity:.4;animation:protectedDictationLoadingWave 1s ease-in-out infinite alternate}.protected-dictation-loading__stage{display:flex;align-items:center;justify-content:center;gap:20px;text-align:left}.protected-dictation-loading__orb{width:84px;height:84px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--primary-border);border-radius:50%;background:var(--surface);color:var(--primary);box-shadow:0 0 0 12px #0e938412;animation:protectedDictationLoadingPulse 1.8s ease-in-out infinite}.protected-dictation-loading__stage-copy{display:grid;gap:5px}.protected-dictation-loading__stage-copy strong{color:var(--text);font-size:16px}.protected-dictation-loading__stage-copy span,.protected-dictation-loading__description{color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.protected-dictation-loading__question-head{justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.protected-dictation-loading__eyebrow{display:block;margin-bottom:5px;color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.protected-dictation-loading__question-head h2{margin:0;color:var(--text);font-size:20px;line-height:1.25}.protected-dictation-loading__spinner{width:25px;height:25px;flex:0 0 auto;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:protectedDictationLoadingSpin .8s linear infinite}.protected-dictation-loading__description{margin:12px 0 18px}.protected-dictation-loading__hintbar{min-height:48px;display:flex;align-items:center;gap:9px;margin-bottom:var(--space-4);padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-2)}.protected-dictation-loading__chip{width:58px;height:28px;border-radius:var(--radius-full);background:var(--surface)}.protected-dictation-loading__chip.is-wide{width:86px}.protected-dictation-loading__rows{display:grid;gap:var(--space-3)}.protected-dictation-loading__row{min-height:96px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface)}.protected-dictation-loading__badge{width:30px;height:30px;border-radius:9px;background:var(--primary-light)}.protected-dictation-loading__row>div{min-width:0;display:grid;align-content:center;gap:13px}.protected-dictation-loading__words{display:flex;gap:8px;overflow:hidden}.protected-dictation-loading__words span{height:32px;flex:0 0 auto;border-radius:8px;background:var(--surface-3)}.protected-dictation-loading__line,.protected-dictation-loading__chip,.protected-dictation-loading__badge,.protected-dictation-loading__words span,.protected-dictation-loading__action{position:relative;display:block;overflow:hidden}.protected-dictation-loading__line:after,.protected-dictation-loading__chip:after,.protected-dictation-loading__badge:after,.protected-dictation-loading__words span:after,.protected-dictation-loading__action:after{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.72) 44%,transparent 64%);transform:translate(-100%);animation:protectedDictationLoadingShimmer 1.55s ease-in-out infinite}.protected-dictation-loading__line{height:10px;border-radius:var(--radius-full);background:var(--surface-3)}.protected-dictation-loading__line.is-label{width:78px;height:8px}.protected-dictation-loading__line.is-title{width:150px;height:12px}.protected-dictation-loading__line.is-short{width:70px}.protected-dictation-loading__line.is-row-title{width:min(128px,55%)}.protected-dictation-loading__actions{justify-content:flex-end}.protected-dictation-loading__action{width:112px;height:42px;border-radius:var(--radius-md);background:var(--surface-3)}.protected-dictation-loading__action.is-square{width:42px}@keyframes protectedDictationLoadingSpin{to{transform:rotate(360deg)}}@keyframes protectedDictationLoadingShimmer{to{transform:translate(100%)}}@keyframes protectedDictationLoadingProgress{0%{width:10%;transform:translate(-100%)}55%{width:42%}to{width:22%;transform:translate(430%)}}@keyframes protectedDictationLoadingWave{0%{height:9px;opacity:.3}to{height:30px;opacity:.82}}@keyframes protectedDictationLoadingPulse{0%,to{box-shadow:0 0 0 10px #0e93840e}50%{box-shadow:0 0 0 18px #0e93841a}}@media(prefers-reduced-motion:reduce){.protected-dictation-loading__progress,.protected-dictation-loading__wave span,.protected-dictation-loading__orb,.protected-dictation-loading__spinner,.protected-dictation-loading__line:after,.protected-dictation-loading__chip:after,.protected-dictation-loading__badge:after,.protected-dictation-loading__words span:after,.protected-dictation-loading__action:after{animation:none}}.dictation-mobile-head{display:none}.dictation-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.dictation-item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:768px){body:has(.protected-dictation-session-content) .tooich-mascot{display:none}.part-select-grid{grid-template-columns:1fr}.dictation-hub,.dictation-step,.dictation-summary{max-width:100%;min-width:0}.dictation-step .flex.gap-2{flex-wrap:wrap}.part-select-card,.part-select-info{min-width:0}.dictation-start-btn{width:100%;min-width:0!important;white-space:normal;line-height:1.25}.dictation-mobile-head{display:block;margin:0 0 18px;padding:0 2px}.dictation-mobile-head>span{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.08em}.dictation-mobile-head h1{margin:4px 0 3px;color:var(--text);font-size:24px;line-height:1.18;letter-spacing:-.02em}.dictation-mobile-head p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.dictation-mobile-head.is-detail{margin-bottom:16px}.protected-dictation-session__actions{flex-direction:row;flex-wrap:wrap}.protected-dictation-session__actions .btn{min-width:0;padding-inline:12px}.protected-dictation-session__actions .protected-dictation-session__previous{flex:0 1 auto}.protected-dictation-session__editor,.learning-session-shell__content.protected-dictation-session-content .protected-dictation-session__stimulus{padding:16px}.protected-dictation-session__keyboard-hint{gap:8px}.protected-dictation-classic-shell .p1-header-right .p1-mode-pill{display:none}.protected-dictation-classic-shell__left .p1-photo-stage{min-height:220px}.protected-dictation-classic-shell__review-action{min-width:0;padding-inline:10px}.protected-dictation-classic-shell__right .p1-q-header{align-items:center;flex-wrap:wrap}.protected-dictation-guide-actions{gap:6px}.protected-dictation-guide-toggle{min-height:40px;padding-inline:10px}.protected-dictation-unikey-notice{margin-top:10px;padding:10px 11px}.p1-dict-progress-pill{margin-left:0;white-space:nowrap}.protected-dictation-loading__header-pill{display:none}.protected-dictation-loading__audio-card{min-height:76px}.protected-dictation-loading__stage{min-height:190px!important;gap:16px}.protected-dictation-loading__orb{width:66px;height:66px}.protected-dictation-loading__stage-copy span{max-width:210px}.protected-dictation-loading__row{min-height:84px;padding:13px}.protected-dictation-loading__rows .protected-dictation-loading__row:nth-child(n+3){display:none}}.toeic-copy-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),background var(--transition-base)}.toeic-copy-row.passed{border-color:var(--success-border);background:var(--success-light)}.toeic-copy-row.wrong{border-color:var(--danger-border);background:var(--danger-light);animation:dictShake .4s ease}@keyframes dictShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.toeic-copy-label{display:flex;align-items:center;gap:var(--space-2)}.toeic-copy-label>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;color:var(--text-secondary);flex-shrink:0}.toeic-copy-row.passed .toeic-copy-label>span:first-child{background:var(--success);border-color:var(--success);color:#fff}.toeic-copy-label>span:first-child:empty{display:none}.toeic-copy-label .btn.subtle{margin-left:auto;padding:4px 12px;font-size:var(--text-xs);gap:5px}.toeic-copy-label .btn.subtle:before{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.toeic-copy-main{display:flex;flex-direction:column;gap:var(--space-3)}.toeic-copy-main>.small{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.5}.toeic-word-boxes{display:flex;flex-wrap:wrap;gap:8px;margin:0}.word-cell{position:relative;display:inline-flex;height:46px;min-width:3.5ch;flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-base)}.word-input{width:100%;height:100%;min-width:0;padding:0 10px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);text-align:center;font-family:var(--font-mono);letter-spacing:.02em;outline:none;transition:all var(--transition-fast)}.word-input::placeholder{color:var(--text-muted)}.word-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-light)}.word-input.correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.word-input.speaking{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.word-cell-ring{position:absolute;inset:-3px;border-radius:10px;padding:2.5px;background:conic-gradient(from var(--ring-angle),transparent 0%,var(--primary) 12%,transparent 32%,transparent 68%,var(--primary) 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:wordRingSpin 1.1s linear infinite;pointer-events:none;z-index:0}@keyframes wordRingSpin{to{--ring-angle: 360deg}}@supports not (background: conic-gradient(from var(--ring-angle),#000,#fff)){.word-cell-ring{background:none;box-shadow:0 0 0 2px var(--primary);animation:none}}.feedback-line{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;min-height:1.2em}.feedback-line.ok-text{color:var(--success-text);font-weight:var(--weight-bold)}.feedback-line.bad-text{color:var(--danger-text);font-weight:var(--weight-semibold)}.typing-reveal{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--success-text);background:var(--surface);border:1px dashed var(--success-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);line-height:1.5;word-break:break-word}.typing-caret{display:inline-block;width:2px;height:1em;background:var(--success);margin-left:2px;vertical-align:text-bottom;animation:dictCaret .8s step-end infinite}@keyframes dictCaret{0%,to{opacity:1}50%{opacity:0}}.phrase-review{display:flex;flex-direction:column;gap:4px;padding-top:var(--space-2);border-top:1px dashed var(--border)}.phrase-review .small.muted{font-size:11px;color:var(--text-muted)}.phrase-review-text{font-size:var(--text-sm);line-height:1.7;color:var(--text)}.p1-dict-progress-pill{margin-left:auto;padding:2px 10px;background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:11px;font-weight:700}.p1-dict-rows{display:flex;flex-direction:column;gap:var(--space-3)}.p1-dict-row{transition:opacity var(--transition-base)}.p1-q-text kbd{display:inline-block;padding:1px 6px;background:var(--surface-3);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-secondary)}.p1-audio-hint-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px}.p1-track.has-segments{height:10px;overflow:visible}.p1-track-seg{position:absolute;top:-2px;height:calc(100% + 4px);padding:0;border:1px solid rgba(14,147,132,.35);border-radius:var(--radius-full);background:#0e938424;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.p1-track-seg:hover{background:#0e938452;border-color:var(--primary)}.p1-track-seg.is-active{background:#0e938473;border-color:var(--primary);box-shadow:0 0 0 2px #0e93842e}.p1-track-seg.is-done{background:#64748b38;border-color:transparent}.p1-audio-full-btn{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-text);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-full);padding:2px 10px;cursor:pointer;transition:background var(--transition-fast)}.p1-audio-full-btn:hover{background:#d1fae5}.p1-seg-hint{margin-top:6px;font-size:var(--text-xs);color:var(--text-muted)}.p1-audio-extras{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.p1-speed-chips{display:inline-flex;gap:4px}.p1-speed-chip{font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 9px;cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.p1-speed-chip:hover{border-color:var(--primary-border);color:var(--primary-text)}.p1-speed-chip.is-active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.p1-ab-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.p1-ab-btn:hover,.p1-ab-btn.is-armed{border-color:var(--primary-border);color:var(--primary-text)}.p1-ab-btn.is-active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}.p1-ab-status{font-size:11px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.p1-dict-row{border-radius:var(--radius-md);transition:opacity var(--transition-base),box-shadow var(--transition-fast)}.p1-dict-row.is-active{box-shadow:0 0 0 2px var(--primary-border)}.p1-dict-row.is-active .toeic-copy-row{border-color:var(--primary-border)}.dict-hintbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;margin:0 0 14px;background:var(--surface-2, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px}.dict-hintbar-row{display:flex;align-items:center;gap:10px;min-width:0}.dict-hintbar-label{flex:0 0 92px;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280)}.dict-hintbar-seg{display:inline-flex;padding:3px;background:var(--surface-1, #f3f4f6);border-radius:999px;gap:2px}.dict-hintbar-opt{border:none;background:transparent;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .15s,color .15s}.dict-hintbar-opt:hover{color:var(--primary, var(--primary))}.dict-hintbar-opt.is-active{background:var(--primary, var(--primary));color:#fff}.dict-hintbar-example{min-width:0;font-size:11.5px;color:var(--text-muted, #9ca3af);font-family:var(--font-mono, monospace)}@media(max-width:720px){.dict-hintbar{padding:10px}.dict-hintbar-row{align-items:flex-start;flex-wrap:wrap;gap:7px}.dict-hintbar-label{flex-basis:100%}.dict-hintbar-seg{display:grid;grid-auto-flow:column;width:100%}.dict-hintbar-opt{padding-inline:8px;white-space:nowrap}.dict-hintbar-example{width:100%}}.dict-hint-bar{display:inline-flex;align-items:center;gap:8px;margin:6px 0 2px;padding:5px 12px;background:var(--primary-light, var(--primary-light));border:1px solid var(--primary-border, var(--primary-border));border-radius:999px;animation:dict-hint-pop .2s ease}.dict-hint-key{font-size:11px;font-weight:600;color:var(--primary-text, var(--primary-text));text-transform:uppercase;letter-spacing:.03em}.dict-hint-text{font-family:var(--font-mono, monospace);font-size:16px;font-weight:700;letter-spacing:.22em;color:var(--primary, var(--primary))}@keyframes dict-hint-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}:root[data-tooich-shop-theme=night] .dictation-session,:root[data-tooich-shop-theme=night] .p1-right,:root[data-tooich-shop-theme=night] .p1-left{color:var(--text, #eef9f7)}:root[data-tooich-shop-theme=night] .p1-card{background:var(--surface, #172a31);border:1px solid var(--border, rgba(202, 235, 230, .14))}:root[data-tooich-shop-theme=night] .p1-right{background:var(--surface, #172a31);border:1.5px solid rgba(73,205,184,.2);border-radius:var(--radius-xl, 18px);box-shadow:0 10px 30px #00000059}:root[data-tooich-shop-theme=night] .p1-photo-stage{background:#091419;border:1.5px solid rgba(73,205,184,.2);box-shadow:inset 0 0 20px #00000080}:root[data-tooich-shop-theme=night] .p1-audio-bar{background:var(--surface-2, #1b3138);border:1px solid rgba(73,205,184,.2)}:root[data-tooich-shop-theme=night] .p1-audio-eyebrow{color:var(--primary-text, #49cdb8);font-weight:700}:root[data-tooich-shop-theme=night] .toeic-copy-row{background:var(--surface-2, #1b3138);border:1.5px solid rgba(73,205,184,.18);box-shadow:0 4px 14px #00000040}:root[data-tooich-shop-theme=night] .p1-dict-row.is-active .toeic-copy-row{border-color:var(--primary-text, #49cdb8);background:#1e373f;box-shadow:0 0 0 3px #49cdb840,0 6px 20px #00000059}:root[data-tooich-shop-theme=night] .toeic-copy-row.passed{border-color:var(--success-border, #285f57);background:#10b98124}:root[data-tooich-shop-theme=night] .toeic-copy-row.wrong{border-color:var(--danger-border, #7f1d1d);background:#ef444424}:root[data-tooich-shop-theme=night] .toeic-copy-label>span:first-child{background:var(--surface-3, #243d44);border:1.5px solid rgba(73,205,184,.3);color:#fff;font-weight:800}:root[data-tooich-shop-theme=night] .toeic-copy-main>.small{color:#cce3df;font-size:14px;font-style:italic;line-height:1.5}:root[data-tooich-shop-theme=night] .word-input{background:var(--bg-subtle, #12252b);border:1.5px solid rgba(73,205,184,.28);color:#fff;font-weight:700;font-size:16px;box-shadow:inset 0 2px 4px #0006}:root[data-tooich-shop-theme=night] .word-input::placeholder{color:var(--text-muted, #91aaa6)}:root[data-tooich-shop-theme=night] .word-input:focus{border-color:var(--primary-text, #49cdb8);background:#0b1a20;box-shadow:0 0 0 3px #49cdb859,inset 0 2px 4px #0006}:root[data-tooich-shop-theme=night] .word-input.correct{border-color:#10b981;background:#10b98133;color:#34d399}:root[data-tooich-shop-theme=night] .word-input.speaking{border-color:var(--primary-text, #49cdb8);background:#49cdb838;color:#fff}:root[data-tooich-shop-theme=night] .feedback-line{color:#a3c2be}:root[data-tooich-shop-theme=night] .dict-hintbar{background:var(--surface-2, #1b3138);border:1px solid rgba(73,205,184,.2)}:root[data-tooich-shop-theme=night] .dict-hintbar-label{color:var(--text-secondary, #c2d8d4)}:root[data-tooich-shop-theme=night] .dict-hintbar-seg{background:var(--bg-subtle, #12252b);border:1px solid rgba(73,205,184,.15)}:root[data-tooich-shop-theme=night] .dict-hintbar-opt{color:var(--text-secondary, #c2d8d4)}:root[data-tooich-shop-theme=night] .dict-hintbar-opt.is-active{background:var(--primary-text, #49cdb8);color:#0e1c22;font-weight:700}:root[data-tooich-shop-theme=night] .p1-q-text{color:var(--text, #eef9f7)}:root[data-tooich-shop-theme=night] .p1-q-text kbd{background:var(--surface-3, #243d44);border:1px solid rgba(73,205,184,.3);border-bottom-width:2px;color:#fff}:root[data-tooich-shop-theme=night] .p1-dict-progress-pill{background:#49cdb82e;color:var(--primary-text, #49cdb8);border:1px solid rgba(73,205,184,.35)}:root[data-tooich-shop-theme=night] .toeic-copy-label .btn.subtle{background:#49cdb81f;border:1px solid rgba(73,205,184,.3);color:var(--primary-text, #49cdb8);font-weight:700}:root[data-tooich-shop-theme=night] .toeic-copy-label .btn.subtle:hover{background:#49cdb840;color:#fff}.skill-page{max-width:var(--content-max);margin-inline:auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.skill-page-hero{display:flex;align-items:center;gap:var(--space-3)}.skill-page-back{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);transition:border-color .14s ease,color .14s ease}.skill-page-back:hover{border-color:var(--border-hover);color:var(--text)}.skill-page-title{display:flex;flex-direction:column;gap:2px;min-width:0}.skill-page-title h1{margin:0;font-size:var(--text-2xl);font-weight:600;line-height:1.2}.skill-page-badge{font-size:var(--text-sm);color:var(--text-muted)}.skill-progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.skill-progress-text{font-size:var(--text-sm);color:var(--text-secondary)}.skill-progress-percent{font-size:var(--text-sm);font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums}.writing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.write-head{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-light)}.toeic-copy-panel{display:flex;flex-direction:column;gap:var(--space-4)}.skill-done-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8);text-align:center}.skill-done-icon{font-size:44px;line-height:1}.skill-done-title{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-2xl);font-weight:600}.skill-done-text{margin:0 0 var(--space-5);color:var(--text-muted)}.skill-done-actions{display:flex;justify-content:center;gap:var(--space-3)}.spk-hub{display:flex;flex-direction:column;gap:var(--space-5);animation:fadeInUp .35s ease both}.spk-hub-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);margin:0;line-height:1.2}.spk-hub-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.4}.spk-hub-test-select{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.spk-select-label{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.spk-select{padding:6px 28px 6px 10px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;min-width:220px;outline:none;transition:border-color var(--transition-fast)}.spk-select:focus{border-color:var(--primary)}.spk-stats-row{display:flex;gap:var(--space-2);align-items:center}.spk-stat-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.spk-stat-num{font-size:var(--text-base);font-weight:800;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.spk-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.spk-section{display:flex;flex-direction:column;gap:var(--space-3)}.spk-section-header{display:flex;align-items:center;gap:10px;padding:0 2px}.spk-section-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spk-section-icon svg{width:14px;height:14px}.spk-icon-blue,.spk-icon-purple{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.spk-section-header>div:nth-child(2){display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.spk-section-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);margin:0;white-space:nowrap}.spk-section-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spk-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;flex-shrink:0}.spk-badge-blue,.spk-badge-purple{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.spk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.spk-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);position:relative;overflow:hidden}.spk-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transform-origin:center;transition:transform var(--transition-fast)}.spk-card-mono:before{background:var(--primary)}.spk-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.spk-card-mono:hover{border-color:var(--primary-border)}.spk-card:hover:before{transform:scaleY(1)}.spk-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.spk-card-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.03em}.spk-card-turns{font-size:11px;color:var(--text-muted);font-weight:var(--weight-semibold)}.spk-card-preview{font-size:var(--text-sm);color:var(--text);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.spk-card-speakers{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px;border-top:1px dashed var(--border)}.spk-card-speakers-inner{display:flex;gap:4px;flex-wrap:wrap;flex:1;min-width:0}.spk-speaker-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:10px;color:var(--text-secondary);font-weight:var(--weight-semibold)}.spk-speaker-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);flex-shrink:0}.spk-speaker-mono{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.spk-card-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.spk-card:hover .spk-card-arrow{background:var(--primary);color:#fff;transform:translate(2px)}.spk-card-mono:hover .spk-card-arrow{background:var(--primary)}.spk-session{display:flex;flex-direction:column;min-height:100dvh;background:#f0f2f5}.spk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;color:var(--text-secondary)}.spk-empty-icon{color:var(--text-muted)}.spk-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0}.spk-sess-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.spk-sess-header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.spk-back-btn{width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.spk-back-btn:hover{background:var(--surface-2);color:var(--text)}.spk-sess-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0}.spk-sess-bc-parent{font-size:var(--text-xs);color:var(--primary);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.spk-sess-bc-sep{font-size:var(--text-xs);color:var(--text-muted)}.spk-sess-bc-current{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);white-space:nowrap}.spk-sess-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.spk-sess-q-badge{padding:4px 10px;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.spk-sess-counter{display:flex;align-items:center;gap:3px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary)}.spk-sess-counter-num{font-weight:700;color:var(--text);font-size:var(--text-sm)}.spk-sess-counter-sep{color:var(--text-muted)}.spk-sess-counter-total{color:var(--text-secondary)}.spk-exit-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.spk-exit-btn:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.spk-sess-progress{height:3px;background:var(--surface-3);flex-shrink:0}.spk-sess-progress-fill{height:100%;background:var(--gradient-primary);transition:width .5s ease}.spk-sess-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);max-width:860px;width:100%;margin:0 auto}.spk-sess-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.spk-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.spk-nav-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text);background:var(--surface-2)}.spk-nav-btn:disabled{opacity:.35;cursor:not-allowed}.spk-nav-next{background:var(--primary);color:#fff;border-color:var(--primary)}.spk-nav-next:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.spk-sess-pos{font-size:var(--text-sm);color:var(--text-secondary)}.spk-sess-pos strong{color:var(--primary)}.speaking-article{display:flex;flex-direction:column;gap:var(--space-5)}.speaking-setup-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.speaking-setup-panel h3{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 var(--space-1)}.setup-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.setup-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);min-width:150px;flex-shrink:0}.role-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.role-chip:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.role-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.role-chip:disabled{opacity:.4;cursor:not-allowed}.role-avatar-sm{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.6);flex-shrink:0}.chat-container{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.chat-turn{display:flex;gap:var(--space-3);align-items:flex-start;max-width:88%;transition:opacity var(--transition-base)}.chat-turn.mine{align-self:flex-end;flex-direction:row-reverse}.chat-turn.done{opacity:.65}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-xs);flex-shrink:0}.chat-turn.active .chat-avatar{border-color:var(--primary);box-shadow:0 0 0 3px #0e938426}.chat-bubble{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs)}.chat-turn.mine .chat-bubble{background:var(--primary-light);border-color:var(--primary-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xs)}.chat-turn.active .chat-bubble{border-color:var(--primary);box-shadow:var(--shadow-sm),0 0 0 2px #0e93841a}.speaker-header{display:flex;align-items:center;gap:var(--space-1);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.chat-turn.mine .speaker-header{justify-content:flex-end;color:var(--primary)}.hidden-line{font-size:var(--text-sm);font-style:italic;color:var(--text-muted);background:var(--surface-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center}.karaoke-flow{line-height:1.8;font-size:var(--text-sm);color:var(--text)}.karaoke-word{display:inline-block;margin-right:.26em;padding:0 2px;border-radius:3px;transition:all .12s ease}.karaoke-word.active{background:var(--primary);color:#fff;font-weight:700;transform:scale(1.08)}.karaoke-word.past{color:var(--text-muted)}.translation-text{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border);padding-top:var(--space-2);margin-top:var(--space-1);font-style:italic}.chat-turn.mine .translation-text{border-top-color:var(--primary-border)}.speaking-action-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;box-shadow:var(--shadow-sm);animation:fadeInUp .25s ease both}.action-buttons-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center}.recording-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--primary-light);border:2px solid var(--primary-border);border-radius:var(--radius-xl);width:100%;transition:all var(--transition-base)}.recording-controls.active{background:var(--danger-light);border-color:var(--danger)}.mic-button{width:72px;height:72px;border-radius:50%;background:var(--primary);border:3px solid white;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px #0e93844d;color:#fff}.mic-button:hover:not(:disabled){transform:scale(1.06);box-shadow:0 6px 24px #0e938466}.recording-controls.active .mic-button{background:var(--danger);box-shadow:0 4px 16px #ef44444d;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 16px #ef444400}}.recording-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.recording-status.active{color:var(--danger)}.recording-status:before{content:"";width:7px;height:7px;background:var(--text-muted);border-radius:50%}.recording-status.active:before{background:var(--danger);animation:blink-dot 1s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.25}}.waveform-container{width:100%;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);overflow:hidden}.waveform-bar{width:3px;height:25%;background:var(--primary);border-radius:999px;opacity:.55;transition:height .1s linear}.waveform-bar.active{opacity:1}.ai-feedback-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);animation:fadeInUp .35s ease both}.feedback-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.feedback-score-badge{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm);flex-shrink:0}.feedback-title h3{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.feedback-title p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.feedback-sections{display:flex;flex-direction:column;gap:var(--space-3)}.feedback-section{background:var(--surface-2);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-4)}.feedback-section.warning{border-color:#f59e0b;background:#fffbeb}.feedback-section.success{border-color:var(--success);background:var(--success-light)}.feedback-section-title{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text);margin-bottom:var(--space-2)}.feedback-section-content{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.feedback-item{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.feedback-item:before{content:"";width:14px;height:14px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;color:var(--success)}.feedback-item.issue:before{content:"";width:14px;height:14px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;color:#f59e0b}.speaking-retry-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.retry-button-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.retry-button{flex:1;min-width:140px;padding:11px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;border:none;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.retry-button.primary{background:var(--primary);color:#fff}.retry-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.retry-button.secondary{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}.retry-button.secondary:hover{background:var(--surface-3);border-color:var(--border-hover)}.spk-screen{height:100dvh;display:flex;flex-direction:column;background:#f0f2f5;overflow:hidden}.spk-session-error{flex:0 0 auto;margin:0;padding:8px var(--space-5);border-bottom:1px solid var(--danger-border);background:var(--danger-light);text-align:center}.learning-session-shell__body.protected-speaking-session-body{overflow:hidden}.learning-session-shell__content.protected-speaking-session-content{display:flex;min-height:0}.learning-session-shell__content.protected-speaking-session-content>.spk-body{flex:1 1 auto;min-height:0}.spk-body{flex:1;min-height:0;display:grid;grid-template-columns:320px 1fr;overflow:hidden}.protected-speaking-loading__counter{min-width:86px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:700;text-align:center}.protected-speaking-loading__progress{width:36%;animation:protectedSpeakingLoadingProgress 1.65s ease-in-out infinite}.protected-speaking-loading__now-card{min-height:90px}.protected-speaking-loading__avatar{width:56px;height:56px;display:grid;place-items:center;flex:0 0 56px;border:1px solid var(--primary-border);border-radius:50%;background:var(--primary-light);color:var(--primary);animation:protectedSpeakingLoadingPulse 1.8s ease-in-out infinite}.protected-speaking-loading__now-copy{min-width:0;display:grid;gap:3px}.protected-speaking-loading__now-copy strong{overflow:hidden;color:var(--text);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap}.protected-speaking-loading__now-copy>span:last-child{color:var(--text-muted);font-size:var(--text-xs)}.protected-speaking-loading__action-card{min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:var(--space-5);border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.protected-speaking-loading__settings{min-height:198px}.protected-speaking-loading__setting{gap:8px}.protected-speaking-loading__chips{display:flex;gap:6px}.protected-speaking-loading__chips span{width:74px;height:28px;border-radius:var(--radius-full);background:var(--surface-3)}.protected-speaking-loading__chips span:nth-child(2){width:92px}.protected-speaking-loading__chips span:nth-child(3){width:58px}.protected-speaking-loading__group-nav span{height:36px;flex:1;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.protected-speaking-loading__chat-progress{min-width:140px;display:grid;justify-items:end;gap:7px}.protected-speaking-loading__progress-track{width:140px;height:5px;display:block;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-3)}.protected-speaking-loading__progress-track:after{width:42%;height:100%;display:block;border-radius:inherit;background:var(--primary);content:"";animation:protectedSpeakingLoadingTrack 1.5s ease-in-out infinite}.protected-speaking-loading__chat-scroll{justify-content:flex-start}.protected-speaking-loading__bubble{width:min(76%,650px);display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-3);align-items:start}.protected-speaking-loading__bubble.is-mine{align-self:flex-end;grid-template-columns:minmax(0,1fr) 42px}.protected-speaking-loading__bubble.is-mine>.protected-speaking-loading__bubble-avatar{grid-column:2;grid-row:1}.protected-speaking-loading__bubble.is-mine>div{grid-column:1;grid-row:1}.protected-speaking-loading__bubble-avatar{width:42px;height:42px;border-radius:50%;background:var(--surface-3)}.protected-speaking-loading__bubble>div{min-height:84px;display:grid;align-content:center;gap:9px;padding:12px 14px;border:1px solid var(--border);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface-2)}.protected-speaking-loading__bubble.is-mine>div{border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg);border-color:var(--primary-border);background:var(--primary-light)}.protected-speaking-loading__line,.protected-speaking-loading__chips span,.protected-speaking-loading__group-nav span,.protected-speaking-loading__bubble-avatar{position:relative;display:block;overflow:hidden}.protected-speaking-loading__line{height:10px;border-radius:var(--radius-full);background:var(--surface-3)}.protected-speaking-loading__line.is-action{width:min(100%,270px);height:44px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 22%,var(--surface-3))}.protected-speaking-loading__line.is-caption{width:min(82%,230px)}.protected-speaking-loading__line.is-caption-short{width:min(56%,160px)}.protected-speaking-loading__line.is-label{width:82px;height:8px}.protected-speaking-loading__line.is-progress-label{width:36px;height:8px}.protected-speaking-loading__line.is-speaker{width:74px;height:8px}.protected-speaking-loading__line.is-dialogue{height:12px}.protected-speaking-loading__line.is-translation{width:68%;height:8px}.protected-speaking-loading__line:after,.protected-speaking-loading__chips span:after,.protected-speaking-loading__group-nav span:after,.protected-speaking-loading__bubble-avatar:after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.75) 44%,transparent 64%);content:"";transform:translate(-100%);animation:protectedSpeakingLoadingShimmer 1.55s ease-in-out infinite}@keyframes protectedSpeakingLoadingProgress{0%{width:18%;transform:translate(-100%)}55%{width:46%}to{width:28%;transform:translate(355%)}}@keyframes protectedSpeakingLoadingPulse{0%,to{box-shadow:0 0 #0e93840f;transform:scale(1)}50%{box-shadow:0 0 0 10px #0e938414;transform:scale(1.025)}}@keyframes protectedSpeakingLoadingTrack{0%{transform:translate(-105%)}to{transform:translate(340%)}}@keyframes protectedSpeakingLoadingShimmer{to{transform:translate(100%)}}.spk-control{display:flex;flex-direction:column;background:#f0f2f5;border-right:1px solid var(--border);overflow:hidden}.spk-control-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto}.spk-control-scroll>*{flex-shrink:0}.spk-control-actions{flex:0 0 69px;display:flex;align-items:center;gap:var(--space-2);height:69px;padding:var(--space-3) var(--space-4);box-sizing:border-box;border-top:1px solid var(--border);background:var(--surface)}.spk-now-card{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.spk-now-card.is-machine{border-color:var(--primary-border);box-shadow:0 0 0 3px #0e938414,var(--shadow-sm)}.spk-now-card.is-mine{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-sm)}.spk-now-card.is-done{background:var(--success-light);border-color:var(--success-border)}.spk-now-ring{position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0%,rgba(14,147,132,.6) 12%,transparent 25%,transparent 75%,rgba(14,147,132,.5) 88%,transparent 100%);animation:spkRingSpin 2.2s linear infinite;mask:radial-gradient(ellipse at center,transparent calc(100% - 2px),black 100%);-webkit-mask:radial-gradient(ellipse at center,transparent calc(100% - 2px),black 100%);pointer-events:none;z-index:0}.spk-now-card.is-mine .spk-now-ring{background:conic-gradient(from 0deg,transparent 0%,rgba(14,147,132,.7) 12%,transparent 25%,transparent 75%,rgba(13,148,136,.5) 88%,transparent 100%)}@keyframes spkRingSpin{to{transform:rotate(360deg)}}.spk-now-avatar-wrap{position:relative;width:56px;height:56px;border-radius:50%;flex-shrink:0;z-index:1}.spk-now-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:var(--shadow-sm);display:block}.spk-now-done-overlay{position:absolute;inset:0;border-radius:50%;background:#0e9384e6;color:#fff;display:flex;align-items:center;justify-content:center;animation:spkPopIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes spkPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.spk-now-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;z-index:1}.spk-now-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.spk-now-card.is-mine .spk-now-eyebrow{color:var(--primary-text)}.spk-now-card.is-machine .spk-now-eyebrow{color:var(--primary)}.spk-now-card.is-done .spk-now-eyebrow{color:var(--success-text)}.spk-now-name{font-size:var(--text-base);font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spk-now-mini-bars{display:flex;align-items:flex-end;gap:2px;height:16px;margin-top:4px}.spk-mini-bar{width:3px;height:30%;background:var(--text-muted);border-radius:999px;opacity:.35}.spk-mini-bar.is-on{background:var(--primary);opacity:.8;animation:spkBarDance .7s ease-in-out infinite alternate}.spk-now-card.is-mine .spk-mini-bar.is-on{background:var(--primary)}@keyframes spkBarDance{0%{height:18%}to{height:95%}}.spk-action-zone{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-xs);min-height:168px;justify-content:center}.spk-action-finish{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.spk-mega-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:13px var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.spk-mega-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-xs)}.spk-mega-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.spk-mega-success{background:var(--success);border-color:var(--success);color:#fff;box-shadow:var(--shadow-xs)}.spk-mega-success:hover:not(:disabled){background:var(--success-hover);border-color:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.spk-mega-warning{background:var(--warning);border-color:var(--warning);color:#fff;box-shadow:var(--shadow-xs)}.spk-mega-warning:hover:not(:disabled){background:var(--warning-hover);border-color:var(--warning-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.spk-mic-mega{position:relative;width:96px;height:96px;flex-shrink:0;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 28px #0e938466;transition:all .2s ease}.spk-mic-mega:hover:not(.is-listening){transform:scale(1.06);box-shadow:0 10px 32px #0e938480}.spk-mic-mega:active{transform:scale(.96)}.spk-mic-mega.is-listening{background:linear-gradient(135deg,#ef4444,var(--danger));box-shadow:0 8px 28px #ef444466;animation:spkMicPulse 1.4s ease-in-out infinite}@keyframes spkMicPulse{0%,to{box-shadow:0 8px 28px #ef444466}50%{box-shadow:0 8px 32px #ef4444b3}}.spk-mic-icon{display:flex;align-items:center;justify-content:center;z-index:2}.spk-mic-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(239,68,68,.6);opacity:0;pointer-events:none}.spk-mic-mega.is-listening .spk-mic-ripple{animation:spkMicRipple 1.8s ease-out infinite}.spk-mic-mega.is-listening .spk-mic-ripple-2{animation:spkMicRipple 1.8s ease-out .6s infinite}@keyframes spkMicRipple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.spk-mic-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.spk-mic-mega.is-listening+.spk-mic-label{color:var(--danger)}.spk-flow-hint{margin:0;max-width:30ch;color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;text-align:center}.spk-sub-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.spk-chip-btn{padding:6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spk-chip-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-hover)}.spk-status-area{width:100%;display:flex;flex-direction:column;gap:4px;padding-top:var(--space-2);border-top:1px dashed var(--border);animation:fadeIn .3s ease both}.spk-heard{font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-2);padding:6px 10px;border-radius:var(--radius-md);margin:0}.spk-heard strong{color:var(--text)}.spk-status{font-size:var(--text-xs);font-weight:600;color:var(--primary-text);margin:0;text-align:center}.spk-ai-feedback{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--border)}.spk-ai-feedback-btn{color:var(--primary);border-color:var(--primary-border);background:var(--primary-light)}.spk-ai-feedback-btn:disabled{opacity:.65;cursor:wait}.spk-ai-feedback small{color:var(--text-muted);font-size:10px;line-height:1.4}.spk-ai-feedback-error{margin:0;color:var(--danger, #c2410c);font-size:11px;line-height:1.4}.spk-ai-feedback-result{width:100%;padding:9px 10px;border:1px solid var(--primary-border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-size:12px;line-height:1.55;white-space:pre-wrap}.spk-pronunciation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.spk-pronunciation-btn{color:#0f766e;border-color:#99f6e4;background:#f0fdfa}.spk-pronunciation-btn:disabled{opacity:.55;cursor:wait}.spk-pronunciation-result{width:100%;padding:10px;border:1px solid #99f6e4;border-radius:var(--radius-md);background:color-mix(in srgb,#f0fdfa 78%,var(--surface));display:flex;flex-direction:column;gap:9px}.spk-pronunciation-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-secondary)}.spk-pronunciation-summary strong{color:#0f766e;font-size:12px}.spk-phoneme-list{width:100%;display:flex;flex-wrap:wrap;gap:6px}.spk-phoneme{min-width:49px;padding:5px 7px;border:1px solid currentColor;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--surface)}.spk-phoneme b{font-size:12px}.spk-phoneme small{color:currentColor;font-size:9px}.spk-phoneme-good{color:#15803d;background:#f0fdf4}.spk-phoneme-review{color:#a16207;background:#fefce8}.spk-phoneme-weak{color:#dc2626;background:#fef2f2}@media(max-width:480px){.spk-pronunciation-actions,.spk-pronunciation-actions .spk-chip-btn,.spk-ai-feedback>.spk-ai-feedback-btn{width:100%}.spk-pronunciation-actions .spk-chip-btn,.spk-ai-feedback>.spk-ai-feedback-btn{justify-content:center}.spk-pronunciation-summary{align-items:flex-start;flex-direction:column}.spk-phoneme{min-width:calc(25% - 5px)}}.spk-settings{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs)}.spk-set-group{display:flex;flex-direction:column;gap:6px}.spk-set-note{color:var(--text-muted);font-size:11px;line-height:1.45}.spk-set-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.spk-set-chips{display:flex;flex-wrap:wrap;gap:4px}.spk-set-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spk-set-chip:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.spk-set-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.spk-set-chip:disabled{opacity:.4;cursor:not-allowed}.spk-shadow-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--text-secondary);font-size:11px;line-height:1.45}.spk-shadow-tip svg{flex:0 0 auto;margin-top:1px;color:var(--primary)}.spk-set-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.5)}.spk-group-nav{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.spk-nav-mini{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.spk-nav-mini:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.spk-nav-mini:disabled{opacity:.4;cursor:not-allowed}.spk-chat-pane{display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.spk-chat-pane-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.spk-chat-eyebrow{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}.spk-chat-title{font-size:var(--text-base);font-weight:700;color:var(--text);margin:0}.spk-chat-progress{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:140px}.spk-chat-progress-text{font-size:var(--text-xs);font-weight:700;color:var(--text-secondary)}.spk-chat-progress-bar{width:140px;height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden}.spk-chat-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .5s ease}.spk-chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.spk-bubble-row{display:flex;gap:var(--space-3);align-items:flex-start;max-width:86%;animation:spkBubbleIn .45s cubic-bezier(.34,1.2,.64,1) both}.spk-bubble-row.mine{align-self:flex-end;flex-direction:row-reverse}.spk-bubble-row.done{opacity:.6}@keyframes spkBubbleIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.spk-bubble-avatar-wrap{position:relative;width:38px;height:38px;flex-shrink:0}.spk-bubble-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-xs)}.spk-bubble-row.active .spk-bubble-avatar,.spk-bubble-row.mine.active .spk-bubble-avatar{border-color:var(--primary)}.spk-bubble-avatar-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(14,147,132,.5);animation:spkAvatarPulse 1.6s ease-out infinite;pointer-events:none}.spk-bubble-row.mine .spk-bubble-avatar-pulse{border-color:#0e938480}@keyframes spkAvatarPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.spk-bubble{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs);transition:all .25s ease}.spk-bubble-row.mine .spk-bubble{background:var(--primary-light);border-color:var(--primary-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xs)}.spk-bubble-row.active .spk-bubble{border-color:var(--primary);box-shadow:0 0 0 3px #0e93841f,var(--shadow-sm);transform:translateY(-1px)}.spk-bubble-row.mine.active .spk-bubble{background:var(--primary-light);border-color:var(--primary);box-shadow:0 0 0 3px #0e93841f,var(--shadow-sm)}.spk-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.spk-bubble-title-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spk-bubble-row.mine .spk-bubble-head{justify-content:space-between;color:var(--primary-text)}.spk-bubble-row.mine .spk-bubble-title-group{flex-direction:row-reverse}.spk-bubble-name{white-space:nowrap}.spk-bubble-mine-tag{padding:1px 7px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:9px;font-weight:800;letter-spacing:.04em}.spk-bubble-listen-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:none;letter-spacing:normal;cursor:pointer;transition:all .12s ease;line-height:1}.spk-bubble-listen-btn svg{width:13px;height:13px}.spk-bubble-listen-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-text);transform:translateY(-1px)}.spk-bubble-row.mine .spk-bubble-listen-btn{background:#ffffffb3;border-color:var(--primary-border);color:var(--primary-text)}.spk-bubble-row.mine .spk-bubble-listen-btn:hover{background:#fff}.spk-bubble-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;padding-top:9px;border-top:1px dashed rgba(14,147,132,.3)}.spk-bubble-act-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .12s ease;box-shadow:0 1px 3px #0000000a}.spk-bubble-act-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.spk-bubble-act-btn.spk-act-mic{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.spk-bubble-act-btn.spk-act-mic:hover{background:#d1fae5}.spk-bubble-act-btn.spk-act-assess{background:#faf5ff;color:#7e22ce;border-color:#e9d5ff}.spk-bubble-act-btn.spk-act-assess:hover{background:#f3e8ff}.spk-bubble-act-btn.spk-act-next{background:var(--primary);color:#fff;border-color:var(--primary)}.spk-bubble-act-btn.spk-act-next:hover{filter:brightness(1.08)}.spk-bubble-act-loading{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#7e22ce;background:#faf5ff;border:1px dashed #d8b4fe}.spk-bubble-act-loading .spk-live-dot{background:#9333ea;animation:spkLiveFade 1s ease-in-out infinite}.spk-bubble-live{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;background:#ef4444;color:#fff;border-radius:var(--radius-full);font-size:9px;font-weight:800;letter-spacing:.06em;animation:spkLiveFade 1.4s ease-in-out infinite}.spk-live-dot{width:5px;height:5px;background:#fff;border-radius:50%}@keyframes spkLiveFade{0%,to{opacity:1}50%{opacity:.6}}.spk-bubble-body{font-size:var(--text-sm);color:var(--text);line-height:1.5}.spk-word-markup{display:flex;flex-direction:column;gap:var(--space-2)}.spk-word-result{display:inline-block;margin-right:.26em;padding:0 2px;border:0;border-radius:4px;background:transparent;color:var(--text);font:inherit;line-height:inherit;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.spk-word-result.is-correct{background:#22c55e2e;color:#15803d}.spk-word-result.is-incorrect{background:#ef444429;color:#dc2626;text-decoration:underline wavy currentColor 1px}.spk-word-result.is-unheard{color:var(--text-muted)}.spk-word-result.is-selected{outline:2px solid var(--primary);box-shadow:0 0 0 2px #0e938433;font-weight:700}.spk-word-result:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:600px){.spk-word-result{min-height:44px}.spk-word-detail-head button{min-width:44px;min-height:44px}.spk-word-detail-replay{min-height:44px}}.spk-word-detail{margin-top:8px;padding:14px;border:1.5px solid var(--primary-border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0000000f;animation:spkBubbleIn .2s ease both}.spk-word-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border-light, #edf2f7)}.spk-word-detail-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.spk-word-detail-speak-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-light);color:var(--primary-text);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:transform .12s ease,background .12s ease}.spk-word-detail-speak-btn:hover{transform:translateY(-1px);background:#ccfbf1}.spk-word-detail-speak-btn svg{width:14px;height:14px}.spk-word-detail-heard{font-size:12px;color:var(--text-secondary);font-style:italic}.spk-word-detail-close{border:0;background:transparent;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}.spk-word-detail-close:hover{background:var(--surface-2);color:var(--text)}.spk-word-detail-unassessed{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--surface-2);border-radius:10px;font-size:12.5px;color:var(--text-secondary)}.spk-word-detail-unassessed p{margin:0}.spk-word-detail-unassessed-actions{display:flex;flex-wrap:wrap;gap:8px}.spk-word-detail-body{display:flex;flex-direction:column;gap:10px}.spk-word-detail .vs-pronunciation-phone-strip{display:flex;flex-wrap:wrap;gap:6px}.spk-word-detail .vs-pronunciation-focus{display:grid;grid-template-columns:1fr 1fr;min-height:unset;border-radius:12px}.spk-word-detail-empty{margin:0;font-size:12px;color:var(--text-secondary)}.spk-word-detail-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;border-top:1px dashed var(--border-light, #edf2f7)}.spk-word-detail-replay,.spk-word-detail-retry{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 12px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;transition:all .12s ease}.spk-word-detail-replay:hover,.spk-word-detail-retry:hover{border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}.spk-word-detail-audio-pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.spk-word-detail-user-word-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .12s ease}.spk-word-detail-user-word-btn:hover{background:#ffedd5;border-color:#f97316;transform:translateY(-1px)}.spk-word-detail-user-word-btn.is-playing{background:#ea580c;color:#fff;border-color:#ea580c}.vs-pronunciation-msg{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.spk-settings-accordion{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.spk-settings-accordion:hover{border-color:var(--border-hover)}.spk-settings-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12.5px;font-weight:700;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);list-style:none}.spk-settings-summary::-webkit-details-marker{display:none}.spk-settings-summary-title{display:flex;align-items:center;gap:7px;color:var(--text)}.spk-settings-accordion[open] .spk-settings-summary{border-bottom:1px solid var(--border-light, #edf2f7)}.spk-settings-accordion[open] .spk-settings-summary svg:last-child{transform:rotate(180deg)}.spk-settings-accordion .spk-settings{padding:12px;border:none;box-shadow:none;gap:12px}.spk-mic-substatus{font-size:11.5px;color:var(--text-secondary);text-align:center;max-width:260px;line-height:1.35;margin-top:2px}.spk-mic-select{width:100%;max-width:280px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;outline:none;transition:border-color .12s ease}.spk-mic-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0e938426}.spk-bubble-hidden{display:inline-flex;align-items:center;gap:6px;font-style:italic;color:var(--text-muted);background:#0000000a;padding:4px 10px;border-radius:var(--radius-md);font-size:var(--text-xs)}.spk-bubble-vi{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border);padding-top:6px;margin-top:4px;font-style:italic}.spk-bubble-row.mine .spk-bubble-vi{border-top-color:var(--primary-border)}.spk-bubble-duck{font-size:var(--text-xs);font-weight:700;color:var(--warning);margin-top:4px}@media(max-width:1024px){.spk-body{grid-template-columns:300px 1fr}}@media(max-width:768px){.spk-hub-test-select{margin-left:0;width:100%}.spk-select{min-width:unset;width:100%}.spk-stats-row{flex-wrap:wrap}.spk-grid{grid-template-columns:1fr}.spk-screen{height:auto;min-height:100dvh;overflow:auto}.learning-session-shell__body.protected-speaking-session-body{overflow:visible}.learning-session-shell__content.protected-speaking-session-content{display:block}.spk-body{grid-template-columns:1fr;overflow:visible}.spk-control{border-right:none;border-bottom:1px solid var(--border);overflow:visible}.spk-control-scroll{overflow:visible;padding:10px 12px;gap:8px}.spk-now-card{padding:8px 12px;border-radius:12px;gap:10px}.spk-now-avatar-wrap{width:42px;height:42px}.spk-now-name{font-size:var(--text-sm)}.spk-now-mini-bars{display:none}.spk-action-zone{padding:6px 0;gap:8px}.spk-mic-mega{width:76px;height:76px}.spk-mic-icon svg{width:24px;height:24px}.spk-mic-label{font-size:12.5px}.spk-flow-hint{display:none}.spk-settings-accordion{border-radius:10px}.spk-settings-summary{padding:8px 12px;font-size:12px}.spk-chat-pane{overflow:visible}.spk-chat-scroll{overflow-y:visible;flex:none;padding:10px;gap:12px}.spk-bubble-row{max-width:98%;gap:8px}.spk-bubble-row.mine{max-width:100%}.spk-bubble-avatar-wrap{width:32px;height:32px}.spk-bubble{padding:10px 12px;width:100%}.spk-bubble-actions{gap:6px}.spk-bubble-act-btn{padding:5px 10px;font-size:11.5px}.spk-word-detail{padding:10px;border-radius:12px;margin-top:8px}.spk-word-detail .vs-pronunciation-phone-strip{gap:4px;overflow-x:auto;padding-bottom:2px}.spk-word-detail .vs-pronunciation-phone-chip{padding:4px 8px;min-width:48px}.spk-word-detail .vs-pronunciation-focus{grid-template-columns:1fr;gap:10px}.spk-word-detail-audio-pair{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.spk-word-detail-speak-btn,.spk-word-detail-user-word-btn{font-size:12px;padding:4px 9px}.protected-speaking-loading__bubble{width:min(92%,650px)}.protected-speaking-loading__settings{min-height:0}.p1-bc-parent,.p1-bc-sep{display:none}}@media(prefers-reduced-motion:reduce){.protected-speaking-loading__progress,.protected-speaking-loading__avatar,.protected-speaking-loading__progress-track:after,.protected-speaking-loading__line:after,.protected-speaking-loading__chips span:after,.protected-speaking-loading__group-nav span:after,.protected-speaking-loading__bubble-avatar:after{animation:none}}.speaking-ai-entry{border:1px solid var(--primary-border)!important;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--primary-light) 45%,var(--surface))}.speaking-ai-entry:hover{border-color:var(--primary)!important}.ai-speaking-page{max-width:1180px}.ai-speaking-setup{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:var(--space-4)}.ai-speaking-intro{display:flex;flex-direction:column;overflow:hidden}.ai-speaking-intro img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border)}.ai-speaking-intro>div{display:grid;gap:var(--space-2);padding:var(--space-5)}.ai-speaking-intro h2,.ai-speaking-result h2{margin:0;font-size:var(--text-xl);color:var(--text)}.ai-speaking-intro p,.ai-speaking-result p{margin:0;color:var(--text-secondary);line-height:1.55}.ai-speaking-settings{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.ai-speaking-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ai-speaking-field>strong{font-size:var(--text-sm);color:var(--text)}.ai-speaking-field select{min-height:42px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}.ai-speaking-settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:var(--space-4);align-items:end}.ai-speaking-handsfree{min-height:42px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.ai-speaking-handsfree input{width:18px;height:18px;accent-color:var(--primary)}.ai-speaking-handsfree span{display:grid;gap:1px}.ai-speaking-handsfree strong{font-size:var(--text-sm);color:var(--text)}.ai-speaking-handsfree small{font-size:var(--text-xs);color:var(--text-muted)}.ai-speaking-start{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.ai-speaking-start>span{font-size:var(--text-sm);color:var(--text-secondary)}.ai-speaking-connecting{min-height:360px}.ai-speaking-live{min-height:min(680px,calc(100vh - 160px));display:grid;grid-template-rows:auto minmax(260px,1fr) auto;overflow:hidden}.ai-speaking-live-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.ai-speaking-live-head>div{display:flex;align-items:center;gap:var(--space-2)}.ai-speaking-live-head strong{color:var(--text);font-size:var(--text-sm)}.ai-speaking-live-head small{color:var(--text-muted);font-size:var(--text-xs)}.ai-speaking-live-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}.ai-speaking-transcript{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);overflow-y:auto;background:var(--surface-2)}.ai-speaking-transcript-empty{margin:auto;display:grid;place-items:center;gap:var(--space-2);color:var(--text-muted);text-align:center}.ai-speaking-transcript-empty p{margin:0}.ai-speaking-message{max-width:min(75%,620px);display:grid;gap:4px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface)}.ai-speaking-message.is-user{align-self:flex-end;border-color:var(--primary-border);border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg);background:var(--primary-light)}.ai-speaking-message strong{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ai-speaking-message p{margin:0;color:var(--text);line-height:1.5}.ai-speaking-message.is-partial{opacity:.72}.ai-speaking-controls{display:grid;grid-template-columns:auto minmax(110px,auto) minmax(260px,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.ai-speaking-controls>span{font-size:var(--text-xs);color:var(--text-secondary)}.ai-speaking-mic{width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm)}.ai-speaking-mic.is-listening{background:var(--danger);animation:spkMicPulse 1.4s ease-in-out infinite}.ai-speaking-mic:disabled{opacity:.45;cursor:default}.ai-speaking-controls form{display:flex;gap:var(--space-2)}.ai-speaking-controls input{flex:1;min-width:0;min-height:42px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font:inherit}.ai-speaking-result{display:grid;gap:var(--space-4);padding:var(--space-5)}.ai-speaking-result-head{display:flex;align-items:center;gap:var(--space-3)}.ai-speaking-result-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--success-light);color:var(--success)}.ai-speaking-result-list{max-height:360px;display:grid;gap:var(--space-2);padding:var(--space-3);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.ai-speaking-result-list p{font-size:var(--text-sm)}@media(max-width:800px){.ai-speaking-setup{grid-template-columns:1fr}.ai-speaking-intro{display:grid;grid-template-columns:150px minmax(0,1fr)}.ai-speaking-intro img{height:100%;aspect-ratio:auto;border:0;border-right:1px solid var(--border)}.ai-speaking-live{min-height:calc(100dvh - 150px)}.ai-speaking-controls{grid-template-columns:auto 1fr}.ai-speaking-controls form{grid-column:1 / -1}}@media(max-width:560px){.ai-speaking-intro{grid-template-columns:1fr}.ai-speaking-intro img{height:150px;border-right:0;border-bottom:1px solid var(--border)}.ai-speaking-settings-row{grid-template-columns:1fr}.ai-speaking-start{align-items:stretch;flex-direction:column}.ai-speaking-live-head{align-items:flex-start}.ai-speaking-live-head>div:first-child{display:grid;grid-template-columns:auto 1fr}.ai-speaking-live-head>div:first-child small{grid-column:2}.ai-speaking-message{max-width:92%}}.feedback-fab{position:fixed;left:calc(var(--sidebar-width, 256px) + 18px);right:auto;bottom:22px;z-index:900}.feedback-fab,.feedback-inline-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.feedback-fab:hover,.feedback-inline-btn:hover{background:#fff;border-color:var(--danger-border);color:var(--danger);box-shadow:0 2px 8px #dc262614}.feedback-fab:active{transform:scale(.97)}.p1-header .feedback-inline-btn,.app-header .feedback-inline-btn{height:36px;flex:0 0 auto;padding:0 12px;border-radius:10px;white-space:nowrap;background:var(--surface)}.app-header .feedback-inline-btn{border-color:var(--border-light)}@media(max-width:1100px){.p1-header .feedback-inline-btn{width:36px;padding:0;justify-content:center}.p1-header .feedback-inline-btn span{display:none}}@media(max-width:768px){.feedback-fab{left:12px;bottom:calc(var(--mobile-nav-height, 72px) + 10px)}.p1-header .feedback-inline-btn,.app-header .feedback-inline-btn{width:36px;padding:0;justify-content:center}.p1-header .feedback-inline-btn span,.app-header .feedback-inline-btn span{display:none}}.feedback-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;animation:feedbackFade .15s ease}@keyframes feedbackFade{0%{opacity:0}to{opacity:1}}.feedback-modal{width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;overscroll-behavior:contain;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:16px;box-shadow:var(--shadow-xl, 0 20px 50px rgba(0,0,0,.25));padding:18px 20px 20px;animation:feedbackPop .18s cubic-bezier(.2,.8,.2,1)}@keyframes feedbackPop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.feedback-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.feedback-modal-head strong{display:block;font-size:16px;color:var(--text, #111)}.feedback-page-chip{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;background:var(--primary-light, var(--primary-light));color:var(--primary-text, var(--primary-text));border-radius:999px;font-size:12px;font-weight:600}.feedback-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;padding:4px;border-radius:8px}.feedback-close:hover{background:var(--surface-2, #f3f4f6);color:var(--text, #111)}.feedback-field{display:block;margin-bottom:12px}.feedback-field>span{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary, #555);margin-bottom:5px}.feedback-field input,.feedback-field textarea{width:100%;padding:9px 12px;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--surface, #fff);color:var(--text, #111);font-size:14px;font-family:inherit;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}.feedback-field input:focus,.feedback-field textarea:focus{border-color:var(--primary, var(--primary));box-shadow:0 0 0 3px var(--primary-light, var(--primary-light))}.feedback-attachment{margin:-2px 0 12px;padding:10px 12px;border:1px dashed var(--border, #d9e2e2);border-radius:var(--radius-md, 8px);background:var(--surface-2, #f8fbfb)}.feedback-attachment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary, #556);font-size:12.5px;font-weight:600}.feedback-attachment-head em{color:var(--text-muted, #8a9999);font-style:normal;font-weight:500}.feedback-attach-btn{flex:0 0 auto;border:1px solid var(--border, #d9e2e2);border-radius:7px;padding:5px 9px;background:var(--surface, #fff);color:var(--primary-text, #087f73);font:inherit;cursor:pointer}.feedback-attach-btn:hover{border-color:var(--primary, #129c8e);background:var(--primary-light, #e8f8f5)}.feedback-attachment-hint{margin:5px 0 0;color:var(--text-muted, #8a9999);font-size:11.5px;line-height:1.45}.feedback-attachment-preview{position:relative;margin-top:9px;overflow:hidden;border-radius:8px;border:1px solid var(--border, #d9e2e2);background:#fff}.feedback-attachment-preview img{display:block;width:100%;max-height:180px;object-fit:contain;background:#f4f7f7}.feedback-attachment-preview button{display:block;width:100%;border:0;border-top:1px solid var(--border, #d9e2e2);padding:5px;background:#fff;color:var(--danger, #e05245);font-size:12px;font-weight:600;cursor:pointer}.feedback-attachment-error{margin-top:6px;color:var(--danger-text, #991b1b);font-size:12px}.feedback-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.feedback-btn{padding:8px 16px;border-radius:var(--radius-md, 8px);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,opacity .15s}.feedback-btn.subtle{background:var(--surface-2, #f3f4f6);color:var(--text-secondary, #555);border-color:var(--border, #e5e7eb)}.feedback-btn.subtle:hover{background:var(--surface-3, #e5e7eb)}.feedback-btn.primary{background:var(--primary, var(--primary));color:#fff}.feedback-btn.primary:hover{background:var(--primary-hover, var(--primary-hover))}.feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-error{margin:4px 0 10px;padding:8px 12px;background:var(--danger-light, #fef2f2);color:var(--danger-text, #991b1b);border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-md, 8px);font-size:13px}.feedback-note{padding:10px 4px 4px;color:var(--text-secondary, #555);font-size:14px}.feedback-note a{color:var(--primary, var(--primary));font-weight:600}.feedback-done{text-align:center;padding:12px 4px 4px;color:var(--primary, var(--primary))}.feedback-done p{margin:8px 0 16px;color:var(--text, #111);font-weight:600}.feedback-screenshot{margin:0 0 18px}.feedback-screenshot>span{display:block;margin-bottom:7px;color:var(--text-secondary, #667);font-size:12px;font-weight:700}.feedback-screenshot a{display:block;max-width:100%}.feedback-screenshot img{display:block;max-width:100%;max-height:360px;object-fit:contain;border:1px solid var(--border, #d9e2e2);border-radius:10px;background:#f6f8f8}.feedback-notification-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb)}.feedback-notification-box label{display:block;margin-bottom:7px;color:var(--text-secondary, #556);font-size:12.5px;font-weight:700}.feedback-notification-box label span{color:var(--text-muted, #8a9999);font-weight:500}.feedback-notification-box textarea{display:block;width:100%;min-height:76px;box-sizing:border-box;resize:vertical;border:1px solid var(--border, #d9e2e2);border-radius:8px;padding:9px 11px;background:var(--surface, #fff);color:var(--text, #111);font:inherit;font-size:13px}.feedback-notification-box textarea:focus{outline:none;border-color:var(--primary, #129c8e);box-shadow:0 0 0 3px var(--primary-light, #e8f8f5)}.feedback-notification-box .btn{margin-top:8px}@media(max-width:480px){.feedback-modal{padding:16px}.feedback-attachment-head{align-items:flex-start;flex-direction:column}.feedback-attach-btn{width:100%}}:root[data-tooich-shop-theme=night] .feedback-fab,:root[data-tooich-shop-theme=night] .feedback-inline-btn{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .feedback-fab:hover,:root[data-tooich-shop-theme=night] .feedback-inline-btn:hover{background:var(--surface-2);border-color:var(--danger-border);color:var(--danger-text);box-shadow:0 2px 8px #00000059}:root[data-tooich-shop-theme=night] .feedback-overlay{background:#0000008c}:root[data-tooich-shop-theme=night] .feedback-modal{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 24px 56px #00000080}:root[data-tooich-shop-theme=night] .feedback-modal-head strong{color:var(--text)}:root[data-tooich-shop-theme=night] .feedback-page-chip{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border)}:root[data-tooich-shop-theme=night] .feedback-close{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .feedback-close:hover{background:var(--surface-2);color:var(--text)}:root[data-tooich-shop-theme=night] .feedback-field>span{color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .feedback-field input,:root[data-tooich-shop-theme=night] .feedback-field textarea{background:var(--surface-2);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .feedback-field input::placeholder,:root[data-tooich-shop-theme=night] .feedback-field textarea::placeholder{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .feedback-field input:focus,:root[data-tooich-shop-theme=night] .feedback-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}:root[data-tooich-shop-theme=night] .feedback-attachment{background:var(--surface-2);border-color:var(--border)}:root[data-tooich-shop-theme=night] .feedback-attachment-head{color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .feedback-attachment-head em{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .feedback-attach-btn{background:var(--surface);border-color:var(--border);color:var(--primary-text)}:root[data-tooich-shop-theme=night] .feedback-attach-btn:hover{background:var(--primary-light);border-color:var(--primary-border)}:root[data-tooich-shop-theme=night] .feedback-attachment-hint{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .feedback-attachment-preview{background:var(--surface);border-color:var(--border)}:root[data-tooich-shop-theme=night] .feedback-attachment-preview img{background:var(--bg)}:root[data-tooich-shop-theme=night] .feedback-attachment-preview button{background:var(--surface);border-top-color:var(--border);color:var(--danger-text)}:root[data-tooich-shop-theme=night] .feedback-attachment-error{color:var(--danger-text)}:root[data-tooich-shop-theme=night] .feedback-btn.subtle{background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .feedback-btn.subtle:hover{background:var(--surface-3);color:var(--text)}:root[data-tooich-shop-theme=night] .feedback-btn.primary{background:var(--primary);color:var(--text-inverse, #fff)}:root[data-tooich-shop-theme=night] .feedback-btn.primary:hover{background:var(--primary-hover)}:root[data-tooich-shop-theme=night] .feedback-error{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}:root[data-tooich-shop-theme=night] .feedback-note{color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .feedback-note a{color:var(--primary-text)}:root[data-tooich-shop-theme=night] .feedback-done{color:var(--primary-text)}:root[data-tooich-shop-theme=night] .feedback-done p{color:var(--text)}:root[data-tooich-shop-theme=night] .feedback-screenshot>span,:root[data-tooich-shop-theme=night] .feedback-notification-box label{color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .feedback-screenshot img{background:var(--surface-2);border-color:var(--border)}:root[data-tooich-shop-theme=night] .feedback-notification-box{border-top-color:var(--border)}:root[data-tooich-shop-theme=night] .feedback-notification-box label span{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .feedback-notification-box textarea{background:var(--surface-2);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .feedback-notification-box textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.vs-sentence-practice-container{display:flex;flex-direction:column;gap:14px;width:100%}.vs-sentence-prompt-card{padding:16px 18px;border:1px solid var(--border, #dbe7e3);border-radius:16px;background:var(--surface-2, #f4faf8)}.vs-sentence-prompt-card p{margin:6px 0;font-size:18px;line-height:1.6;color:var(--text, #16323f)}.vs-sentence-prompt-card small{color:var(--text-muted, #6d8a83)}.vs-sentence-eyebrow{color:var(--primary, #0e9384);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vs-sentence-success{margin:0;color:#047857;font-weight:700}.vs-translation-textarea{width:100%;min-height:110px;resize:vertical;padding:14px 16px;border:1px solid var(--border, #dbe7e3);border-radius:14px;background:#fff;color:var(--text, #16323f);font:inherit;line-height:1.6;box-sizing:border-box}.vs-translation-textarea:focus{outline:2px solid rgba(14,147,132,.2);border-color:var(--primary, #0e9384)}.vs-translation-feedback{padding:16px 18px;border:1px solid var(--border, #dbe7e3);border-radius:16px;background:#fff;line-height:1.55}.vs-translation-feedback.is-pass{border-color:#86efac;background:#f0fdf4}.vs-translation-feedback.is-close{border-color:#fcd34d;background:#fffbeb}.vs-translation-feedback.is-needs_practice{border-color:#fecaca;background:#fef2f2}.vs-translation-feedback.is-uncertain{border-color:#c4b5fd;background:#faf5ff}.vs-translation-score{display:flex;align-items:baseline;gap:4px;color:var(--primary, #0e9384)}.vs-translation-score strong{font-size:34px}.vs-translation-score span{color:var(--text-muted, #6d8a83)}.vs-translation-feedback p{margin:8px 0 0}.vs-feedback-label,.vs-reference-answer{font-weight:700}.vs-translation-issues{margin:10px 0 0;padding-left:20px}.vs-translation-issues li+li{margin-top:5px}.vs-translation-error{margin:0;color:#b91c1c;font-weight:600}@media(max-width:640px){.vs-sentence-prompt-card p{font-size:16px}.vs-arrange-word{min-height:38px;padding:8px 11px}}.vs-pronunciation-recording-audio{display:none}.vs-pronunciation-practice{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;width:100%}.vs-pronunciation-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vs-pronunciation-status-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-secondary)}.vs-status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.vs-status-dot.is-recording{background:#ef4444;box-shadow:0 0 0 4px #ef444433;animation:vsPronunciationPulse 1.1s ease-in-out infinite}.vs-status-dot.is-analysing{background:#9333ea;box-shadow:0 0 0 4px #9333ea33;animation:vsPronunciationPulse 1.1s ease-in-out infinite}.vs-status-dot.is-good{background:#10b981}.vs-status-dot.is-needs-work{background:#f59e0b}.vs-pronunciation-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vs-pronunciation-sample,.vs-pronunciation-mine,.vs-pronunciation-record{min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;transition:all .15s ease}.vs-pronunciation-record{background:#0f766e;color:#fff;border-color:#0f766e}.vs-pronunciation-record:hover{background:#0d9488;border-color:#0d9488;transform:translateY(-1px)}.vs-pronunciation-record.is-recording{background:#dc2626;border-color:#dc2626;animation:vsPronunciationPulse 1.1s ease-in-out infinite}.vs-pronunciation-sample{background:var(--surface);color:var(--text-secondary)}.vs-pronunciation-sample:hover{background:var(--surface-2, #f1f5f9);color:var(--text);border-color:var(--border-hover, #cbd5e1);transform:translateY(-1px)}.vs-pronunciation-mine{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.vs-pronunciation-mine:hover{background:#ffedd5;border-color:#f97316;transform:translateY(-1px)}.vs-pronunciation-record:disabled,.vs-pronunciation-sample:disabled{opacity:.62;cursor:wait}@keyframes vsPronunciationPulse{50%{box-shadow:0 0 0 8px #dc26261f}}.vs-pronunciation-error{margin:0;color:#dc2626;font-size:12px;font-weight:650;text-align:center}.vs-pronunciation-report{width:100%;padding-top:10px;border-top:1px dashed var(--border, #e2e8f0);display:flex;flex-direction:column;gap:10px}.vs-pronunciation-phone-strip{width:100%;display:flex;flex-wrap:wrap;gap:6px}.vs-pronunciation-phone-chip{min-width:58px;min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font:inherit;transition:all .15s ease}.vs-pronunciation-phone-chip strong{font-size:15px;line-height:1.1}.vs-pronunciation-phone-chip small{font-size:9.5px;font-weight:800;line-height:1.1}.vs-pronunciation-phone-chip:hover{transform:translateY(-1px);border-color:currentColor}.vs-pronunciation-phone-chip.is-active{border-color:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 20%,transparent)}.vs-pronunciation-phone-chip.is-exact{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.vs-pronunciation-phone-chip.is-equivalent{color:#047857;background:#f0fdfa;border-color:#99f6e4}.vs-pronunciation-phone-chip.is-different{color:#dc2626;background:#fff7ed;border-color:#fed7aa}.vs-pronunciation-phone-chip.is-uncertain{color:#a16207;background:#fefce8;border-color:#fef08a}.vs-pronunciation-focus{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 1px 4px #0000000a}.vs-pronunciation-focus>section{padding:12px 14px;display:flex;flex-direction:column;gap:6px;justify-content:flex-start}.vs-pronunciation-focus>section+section{border-left:1px solid var(--border)}.vs-focus-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vs-pronunciation-focus-label{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.vs-focus-phone-tag{font-size:13px;font-weight:800;color:#0f766e;background:#f0fdfa;padding:1px 7px;border-radius:6px;border:1px solid #99f6e4}.vs-verdict-badge{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center}.vs-verdict-badge.is-exact{background:#dcfce7;color:#15803d}.vs-verdict-badge.is-equivalent{background:#ccfbf1;color:#0f766e}.vs-verdict-badge.is-different{background:#ffedd5;color:#c2410c}.vs-verdict-badge.is-uncertain{background:#fef9c3;color:#a16207}.vs-focus-example{font-size:12px;color:var(--text)}.vs-focus-example strong{color:#0f766e}.vs-focus-tip{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.vs-pronunciation-comparison{display:flex;align-items:center;min-height:28px}.vs-comparison-exact{display:flex;align-items:center;gap:8px}.vs-comparison-sound{font-size:18px;font-weight:800;color:#15803d}.vs-comparison-desc{font-size:12px;color:#16a34a;font-weight:650}.vs-comparison-diff{display:flex;align-items:center;gap:8px}.vs-sound-expected{font-size:17px;font-weight:750;color:var(--text-muted)}.vs-sound-arrow{font-size:13px;color:#f97316}.vs-sound-observed{font-size:19px;font-weight:850;color:#dc2626}.vs-pronunciation-msg{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.vs-mic-select-wrap{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:11.5px;max-width:175px}.vs-mic-select-wrap:hover{border-color:var(--border-hover, #cbd5e1);color:var(--text)}.vs-mic-select{border:none;background:transparent;color:inherit;font:inherit;font-size:11.5px;font-weight:600;outline:none;cursor:pointer;max-width:135px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vs-pronunciation-score{display:flex;align-items:center;justify-content:center;gap:12px}.vs-pronunciation-score-ring{width:62px;height:62px;border-radius:50%;border:5px solid #5eead4;background:var(--surface);color:#0f766e;display:inline-flex;align-items:baseline;justify-content:center;padding-top:16px;box-sizing:border-box}.vs-pronunciation-score-ring strong{font-size:20px;line-height:1}.vs-pronunciation-score-ring small{font-size:9px}.vs-pronunciation-score>div{display:flex;flex-direction:column;gap:3px}.vs-pronunciation-score>div strong{color:var(--text);font-size:13px}.vs-pronunciation-score>div span{color:var(--text-muted);font-size:11px}.vs-pronunciation-phonemes{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.vs-pronunciation-phone{min-width:72px;padding:8px;border:1px solid currentColor;border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:2px 7px;background:var(--surface)}.vs-pronunciation-phone strong{font-size:15px}.vs-pronunciation-phone span{font-size:11px;font-weight:750;align-self:center}.vs-pronunciation-phone small{grid-column:1 / -1;font-size:9px;color:currentColor}.vs-pronunciation-phone.is-good{color:#15803d;background:#f0fdf4}.vs-pronunciation-phone.is-review{color:#a16207;background:#fefce8}.vs-pronunciation-phone.is-weak{color:#dc2626;background:#fef2f2}@media(max-width:600px){.vs-pronunciation-practice{padding:10px;border-radius:14px;gap:8px}.vs-pronunciation-topline{flex-direction:column;align-items:stretch;gap:8px}.vs-pronunciation-controls{width:100%;display:flex;flex-wrap:wrap;gap:6px}.vs-pronunciation-sample,.vs-pronunciation-mine,.vs-pronunciation-record{flex:1 1 auto;min-height:38px;font-size:12px;padding:6px 10px}.vs-pronunciation-report{gap:8px}.vs-pronunciation-phone-strip{display:flex;flex-wrap:wrap;gap:4px}.vs-pronunciation-phone-chip{min-width:48px;min-height:36px;padding:4px 6px}.vs-pronunciation-focus{grid-template-columns:1fr}.vs-pronunciation-focus>section+section{border-left:0;border-top:1px solid var(--border)}}@keyframes vocabPageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vocabFabEnter{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vc-bar{height:6px;border-radius:999px;background:var(--surface-3, #e5e7eb);overflow:hidden}.vc-bar>div{height:100%;background:var(--primary, var(--primary));border-radius:inherit;transition:width .35s ease}.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.vc-btn svg{width:16px;height:16px}.vc-btn.primary{background:var(--primary, var(--primary));color:#fff;box-shadow:0 2px 6px #0e938433}.vc-btn.primary:hover{background:var(--primary-hover, var(--primary-hover));box-shadow:0 4px 10px #0e93844d}.vc-btn.warn{background:#fffbeb;color:var(--warning-text);border-color:var(--warning-border)}.vc-btn.warn:hover{background:var(--warning-light)}.vc-btn.subtle{background:var(--surface, #fff);color:var(--text-secondary, #475569);border-color:var(--border, #e2e8f0)}.vc-btn.subtle:hover{background:var(--surface-2, #f8f9fa);border-color:var(--border-hover, #cbd5e1);color:var(--text, #1e293b)}.vc-btn.block{width:100%}.vc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vw-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.vw-status.is-known{background:var(--primary-light, var(--primary-light));color:var(--primary-text, var(--primary-text))}.vw-status.is-weak{background:#fef2f2;color:var(--danger-hover)}.vw-status.is-learning{background:#eff6ff;color:#1d4ed8}.vw-pos{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--surface-2, #f1f5f9);color:var(--text-secondary, #475569);font-size:12px;font-weight:600}.vr-body{position:relative;flex:1;padding:16px var(--space-5, 20px) 80px}.vr-body:before{content:"";position:absolute;inset:0 0 auto;height:520px;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(226,232,240,.55) 1px,transparent 1px),linear-gradient(180deg,rgba(226,232,240,.55) 1px,transparent 1px),radial-gradient(circle at 22% 12%,rgba(14,147,132,.08),transparent 34%),radial-gradient(circle at 82% 20%,rgba(2,132,199,.06),transparent 30%);background-size:44px 44px,44px 44px,auto,auto;border-radius:28px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 48%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 48%,transparent 100%)}.vr-back-chip{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:7px 12px;border:1px solid var(--border, #e2e8f0);border-radius:999px;background:#ffffffd6;color:var(--text-secondary, #475569);font-size:13px;font-weight:650;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04))}.vr-back-chip svg{transform:rotate(180deg)}.vr-back-chip:hover{background:var(--surface, #fff);border-color:var(--border-hover, #cbd5e1)}.vr-scorecard{border:1px solid var(--border, #e2e8f0);border-radius:18px;background:linear-gradient(180deg,#fffffff5,#f8fafcf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));padding:16px}.vr-scorecard-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.vr-scorecard-top span,.vr-section-kicker,.vr-chapter-step,.vw-side-kicker{color:var(--text-muted, #64748b);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.vr-scorecard-top strong{font-size:34px;line-height:1;letter-spacing:-.04em}.vr-scoregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.vr-scoregrid span{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid var(--border-light, #edf2f7);border-radius:10px;background:var(--surface, #fff);color:var(--text-muted, #64748b);font-size:12px}.vr-scoregrid strong{color:var(--text, #1e293b);font-size:15px}.vr-loading-card{padding:40px 0}.vr-loading-card h1{font-size:22px;margin:4px 0 6px}.vr-continue{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary) 54%,var(--primary-hover) 100%);color:#fff;margin:0 0 16px;text-decoration:none;box-shadow:0 10px 24px #0e93841f}.vr-continue:hover{background:var(--primary-hover, var(--primary-hover))}.vr-continue.is-done{background:var(--surface, #fff);color:var(--text, #1e293b);border:1px solid var(--border, #e2e8f0)}.vr-continue-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff2e;flex-shrink:0}.vr-continue.is-done .vr-continue-icon{background:var(--primary-light, var(--primary-light));color:var(--primary, var(--primary))}.vr-continue-icon svg{width:16px;height:16px}.vr-continue-body{min-width:0;flex:1}.vr-continue-body small{font-size:11px;opacity:.85}.vr-continue-body strong{display:block;font-size:15px;margin-top:1px;letter-spacing:-.01em}.vr-continue-go{flex-shrink:0;font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:6px}.vr-continue-go svg{width:14px;height:14px}.vr-map-panel{position:relative;overflow:hidden;border:1px solid var(--border, #e2e8f0);border-radius:22px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));padding:22px 24px 10px}.vr-map-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,147,132,.06),transparent 38%),radial-gradient(circle at 88% 4%,rgba(14,147,132,.09),transparent 24%);opacity:.9}.vr-map-panel>*{position:relative}.vr-timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.vr-timeline-head h2{font-size:24px;font-weight:750;margin:3px 0 0}.vr-legend{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.vr-legend span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border-light, #edf2f7);border-radius:999px;background:#ffffffc2;font-size:12px;color:var(--text-muted, #64748b)}.vr-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.vr-legend i.is-current{background:var(--primary, var(--primary))}.vr-legend i.is-completed{background:var(--success-border)}.vr-legend i.is-review{background:#f59e0b}.vr-legend i.is-locked{background:var(--border-hover, #cbd5e1)}.vr-map-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.vr-map-summary span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-light, #edf2f7);border-radius:12px;background:#ffffffb8;color:var(--text-muted, #64748b);font-size:13px}.vr-map-summary strong{color:var(--text, #1e293b);font-size:17px}.vr-timeline{list-style:none;margin:0;padding:0 0 8px;position:relative}.vr-chapter{position:relative;animation:vocabPageEnter .34s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--ch-i, 0) * 60ms);display:grid;grid-template-columns:48px 1fr;gap:18px;padding-bottom:18px}.vr-chapter:before{content:"";position:absolute;left:23px;top:48px;bottom:-2px;width:2px;background:var(--border, #e2e8f0)}.vr-chapter:last-child:before{display:none}.vr-chapter-dot{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border, #e2e8f0);background:var(--surface, #fff);color:var(--text-muted, #94a3b8);z-index:1}.vr-chapter-dot svg{width:19px;height:19px}.vr-chapter.is-completed .vr-chapter-dot{background:var(--primary, var(--primary));border-color:var(--primary, var(--primary));color:#fff}.vr-chapter.is-current .vr-chapter-dot{border-color:var(--primary, var(--primary));color:var(--primary, var(--primary));box-shadow:0 0 0 4px var(--primary-light, var(--primary-light))}.vr-chapter.is-review .vr-chapter-dot{border-color:#f59e0b;color:var(--warning-text);background:#fffbeb}.vr-chapter-body{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:8px 16px;border:1px solid var(--border, #e2e8f0);border-radius:14px;background:#ffffffeb;box-shadow:0 1px #0f172a05;padding:12px}.vr-chapter.is-current .vr-chapter-body{border-color:var(--primary-border, var(--primary-border));background:linear-gradient(180deg,#fffffffa,#ecfdf580)}.vr-chapter-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;padding-right:12px;border-right:1px solid var(--border-light, #edf2f7);grid-row:1 / span 2}.vr-chapter-head strong{font-size:16px;font-weight:750;letter-spacing:-.02em}.vr-chapter-head .vr-chapter-count{font-size:12px;color:var(--text-muted, #64748b);font-variant-numeric:tabular-nums}.vr-chapter-body .vc-bar{height:5px;margin:4px 0 0;align-self:center}.vr-chapter-secs{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.vr-sec{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);font-size:13px;font-weight:700;color:var(--text-secondary, #475569);cursor:pointer;transition:background .12s,border-color .12s}.vr-sec svg{width:13px;height:13px}.vr-sec:hover{border-color:var(--border-hover, #cbd5e1);background:#fff}.vr-sec.is-completed{background:var(--primary-light, var(--primary-light));border-color:var(--primary-border, var(--primary-border));color:var(--primary-text, var(--primary-text))}.vr-sec.is-current{background:var(--primary, var(--primary));border-color:var(--primary, var(--primary));color:#fff}.vr-sec.is-review{background:#fffbeb;border-color:var(--warning-border);color:var(--warning-text)}.vr-sec.is-locked{color:var(--text-muted, #94a3b8);background:var(--surface-2, #f8fafc)}.vr-sec.is-locked svg{opacity:.7}.vr-locked-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:10px;max-width:340px;padding:11px 14px;border-radius:var(--radius-lg, 12px);background:var(--text, #1e293b);color:#fff;box-shadow:var(--shadow-lg, 0 10px 30px rgba(0, 0, 0, .25));animation:vcToastUp .2s ease}.vr-locked-toast svg{width:16px;height:16px;flex-shrink:0}.vr-locked-toast strong{font-size:13.5px;display:block}.vr-locked-toast p{font-size:12.5px;opacity:.8;margin:1px 0 0}.vr-locked-toast>button{margin-left:auto;background:none;border:0;color:#fff;opacity:.7;cursor:pointer;padding:2px}@keyframes vcToastUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.vw-dol-page{width:100%;min-height:100dvh;background:#fff;color:#1e293b;padding-bottom:80px}.vw-dol-shell{max-width:1120px;margin:0 auto;padding:24px 20px 0}.vw-dol-header{margin-bottom:24px}.vw-dol-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.vw-dol-back-btn{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px #0000000a}.vw-dol-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translate(-2px)}.vw-dol-title{font-size:clamp(24px,3.5vw,32px);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.03em}.vw-dol-quality-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fef9c3;color:#854d0e;font-size:13px;font-weight:700;border:1px solid #fde047}.vw-dol-quality-badge svg{color:#eab308;fill:#eab308}.vw-dol-subtitle{color:#64748b;font-size:15px;margin:6px 0 0 54px;line-height:1.5}.vw-dol-meta-row{display:flex;align-items:center;gap:16px;margin:16px 0 0 54px;flex-wrap:wrap}.vw-dol-avatars{display:flex;align-items:center;margin-right:4px}.vw-dol-avatar{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-left:-6px;box-shadow:0 1px 2px #0000001a}.vw-dol-learn-banner{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:20px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 4px 16px -2px #0f172a0a}.vw-dol-learn-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vw-dol-study-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:all .2s cubic-bezier(.16,1,.3,1)}.vw-dol-study-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px -4px #0e938426}.vw-dol-study-btn svg{color:#f43f5e;width:20px;height:20px;transition:transform .2s ease}.vw-dol-study-btn:hover svg{transform:scale(1.15)}.vw-dol-mode-select{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;gap:4px}.vw-dol-mode-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:650;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .15s ease}.vw-dol-mode-chip:hover{color:#1e293b}.vw-dol-mode-chip.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #00000014}.vw-dol-mode-chip svg{width:16px;height:16px}.vw-dol-learn-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw-dol-status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:650;transition:transform .15s ease}.vw-dol-status-tag:hover{transform:scale(1.03)}.vw-dol-status-tag.success{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border)}.vw-dol-status-tag.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.vw-dol-status-tag.warning{background:var(--warning-light);color:#92400e;border:1px solid var(--warning-border)}.vw-dol-status-tag.empty{background:#f8fafc;color:#94a3b8;border:1px dashed #cbd5e1}.vw-dol-quick-start{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.vw-dol-tab-pill{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:14px;gap:4px}.vw-dol-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;font-size:14px;font-weight:700;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .15s ease}.vw-dol-tab:hover{color:#1e293b}.vw-dol-tab.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.vw-dol-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 14px;min-width:280px;transition:border-color .15s,box-shadow .15s}.vw-dol-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0e93841a}.vw-dol-search svg{color:#94a3b8}.vw-dol-search input{border:none;outline:none;font-size:14px;color:#1e293b;width:100%;background:transparent}.vw-dol-search input::placeholder{color:#94a3b8}.vw-dol-flashcard-wrap{width:100%;max-width:680px;margin:0 auto 36px;perspective:1400px}.vw-dol-flip-card{position:relative;width:100%;min-height:400px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.vw-dol-flip-inner{position:relative;width:100%;height:100%;display:grid;grid-template-areas:"card";transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.vw-dol-flip-card.is-flipped .vw-dol-flip-inner{transform:rotateY(180deg)}.vw-dol-face{grid-area:card;backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;min-height:400px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 36px -6px #0f172a14;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:border-color .2s,box-shadow .2s}.vw-dol-face:hover{border-color:var(--primary-border);box-shadow:0 16px 44px -6px #0e93841f}.vw-dol-back{transform:rotateY(180deg)}.vw-dol-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid transparent}.vw-dol-card-header>div{display:flex;align-items:center;gap:10px}.vw-dol-card-label{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.vw-dol-icon-btn{width:34px;height:34px;border-radius:10px;background:#f1f5f9;color:#475569;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.vw-dol-icon-btn:hover{background:var(--primary-light);color:var(--primary)}.vw-screen{background:var(--bg, #f8f9fa);color:var(--text, #1e293b)}.vw-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}.vw-left{display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-3, 12px) var(--space-4, 16px)}.vw-right{display:flex;flex-direction:column;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--surface, #ffffff);border-left:1px solid var(--border, #e2e8f0);overflow-y:auto}.vw-toolbar{display:flex;flex-direction:column;gap:10px;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:10px;padding:10px 12px;margin-bottom:12px;flex-shrink:0}.vw-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw-seg{display:inline-flex;background:var(--surface-2, #f1f5f9);border:1px solid var(--border, #e2e8f0);border-radius:8px;padding:2px}.vw-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-muted, #64748b);font-size:12.5px;font-weight:600;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.vw-seg-btn:hover{color:var(--text, #0f172a)}.vw-seg-btn.is-active{background:var(--surface, #ffffff);color:var(--primary, var(--primary));box-shadow:0 1px 2px #0f172a0f}.vw-search{position:relative;display:flex;align-items:center;width:220px;max-width:100%}.vw-search svg{position:absolute;left:10px;color:var(--text-muted, #94a3b8);pointer-events:none}.vw-search input{width:100%;padding:7px 10px 7px 30px;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--bg, #f8fafc);font-size:13px;color:var(--text, #0f172a);outline:none;transition:border-color .15s,background .15s}.vw-search input:focus{border-color:var(--primary, var(--primary));background:var(--surface, #ffffff);box-shadow:0 0 0 3px #0e938414}.vw-star-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--surface, #ffffff);color:var(--text-muted, #94a3b8);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.vw-star-toggle:hover{color:#f59e0b;border-color:var(--warning-border);background:#fffbeb}.vw-star-toggle.is-active{color:var(--warning-text);background:#fffbeb;border-color:#fcd34d}.vw-star-toggle .vw-star-count{font-family:var(--font-mono, monospace);font-size:11px;opacity:.85}.vw-toolbar-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);font-family:var(--font-mono, monospace);white-space:nowrap}.vw-toolbar-filters{padding-top:8px;border-top:1px dashed var(--border, #e2e8f0);row-gap:8px}.vw-filter-group{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.vw-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b);white-space:nowrap}.vw-chip-row{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.vw-chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);font-size:12px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .15s;white-space:nowrap}.vw-chip:hover{border-color:var(--border-hover, #cbd5e1);color:var(--text, #0f172a)}.vw-chip.is-active{background:var(--primary-light, var(--primary-light));border-color:var(--primary, var(--primary));color:var(--primary-text, var(--primary-hover))}.vw-word-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.vw-word-item{display:flex;align-items:center;gap:var(--space-3, 12px);background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:10px 12px;margin-bottom:6px;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.vw-word-item:hover{border-color:var(--border-hover, #cbd5e1);box-shadow:0 2px 8px #0f172a0a}.vw-word-image{width:56px;height:56px;border-radius:var(--radius-md, 8px);overflow:hidden;border:1px solid var(--surface-2, #f1f5f9);background:var(--bg, #f8fafc);flex-shrink:0}.vw-word-image img{width:100%;height:100%;object-fit:cover}.vw-word-main{flex:1;min-width:0}.vw-word-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}.vw-word-term{font-size:var(--text-base, 15px);font-weight:var(--weight-bold, 700);color:var(--text, #1e293b)}.vw-word-pron{font-size:var(--text-xs, 11px);color:var(--text-muted, #64748b);font-family:var(--font-mono, monospace)}.vw-word-meaning{font-size:var(--text-sm, 13px);font-weight:var(--weight-semibold, 600);color:var(--primary, var(--primary));margin:0 0 2px}.vw-word-example{font-size:var(--text-xs, 11px);color:var(--text-secondary, #475569);font-style:italic;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-synonyms{box-sizing:border-box;width:100%;min-width:0;padding:13px 15px;border:1px solid var(--primary-border);border-radius:14px;background:color-mix(in srgb,var(--primary-light) 55%,var(--surface));text-align:left}.vocab-synonyms-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:9px}.vocab-synonyms-label{display:inline-flex;align-items:center;gap:6px;color:var(--primary-text);font-size:12px;font-weight:750}.vocab-synonyms-label svg{width:17px;height:17px;flex-shrink:0}.vocab-synonyms-heading small{color:var(--text-secondary);font-size:11px;font-weight:400}.vocab-synonyms-words{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.vocab-synonyms-words li{display:flex;align-items:baseline;gap:6px;min-width:0;max-width:100%;padding:5px 10px;border:1px solid var(--primary-border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:550;line-height:1.45;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.vocab-synonyms-words li>span{min-width:0}.vocab-synonyms-pos{flex-shrink:0;color:var(--text-secondary);font-size:10px;font-weight:500}.vocab-synonyms-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}.vocab-synonyms-empty p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.vocab-synonyms-lookup{min-height:44px;padding:0 10px;border:1px solid var(--primary-border);border-radius:8px;background:var(--surface);color:var(--primary-text);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.vocab-synonyms-lookup:hover{background:var(--primary-light)}.vocab-synonyms-lookup:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.vocab-synonyms-more{display:block;min-height:44px;margin:2px 0 -6px;padding:0 2px;border:0;background:transparent;color:var(--primary-text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.vocab-synonyms-more:hover{text-decoration:underline;text-underline-offset:3px}.vocab-synonyms-more:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.vocab-synonyms.is-compact{width:auto;padding:0;margin:7px 0;border:0;border-radius:0;background:transparent}.vocab-synonyms.is-compact .vocab-synonyms-heading{margin-bottom:5px}.vocab-synonyms.is-compact .vocab-synonyms-label{font-size:11px}.vocab-synonyms.is-compact .vocab-synonyms-label svg{width:14px;height:14px}.vocab-synonyms.is-compact .vocab-synonyms-words li{padding:3px 8px;font-size:12px;background:var(--primary-light);color:var(--primary-text)}.vw-flash-body>.vocab-synonyms{max-width:460px;flex-shrink:0}.vs-answer-zone>.vocab-synonyms{flex-shrink:0}.vs-answer-zone.is-pronunciation>.vocab-synonyms{max-height:180px;overflow-y:auto}.vr-answer>.vocab-synonyms{margin:14px 0}@media(max-width:600px){.vocab-synonyms{padding:11px 12px;border-radius:12px}.vocab-synonyms-words{gap:5px}.p1-screen.vs-page .vs-answer-zone.is-pronunciation>.vocab-synonyms{max-height:none;overflow:visible}}.vw-word-colloc{display:flex;flex-direction:column;gap:3px;margin-top:5px;line-height:1.35}.vw-word-colloc .vw-colloc-block{display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-width:0}.vw-word-colloc .vw-colloc-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0d9488;background:#ccfbf1;padding:1px 6px;border-radius:4px;flex-shrink:0;margin-right:2px}.vw-word-colloc .vw-colloc-chip{font-size:11px;color:#334155;background:#f1f5f9;padding:1px 7px;border-radius:5px;border:1px solid #e2e8f0;white-space:nowrap}.vw-word-colloc .vw-colloc-example{display:block;font-size:11px;font-style:italic;color:#64748b;margin-top:2px;line-height:1.35}.vw-colloc-example-vi{display:block;font-style:normal;opacity:.85}.vw-word-colloc .vw-colloc-dict-links{display:flex;gap:6px;margin-top:2px}.vw-word-colloc .vw-dict-link{font-size:10px;font-weight:600;color:#6366f1;text-decoration:none;padding:1px 6px;border-radius:4px;border:1px solid #c7d2fe;background:#eef2ff;transition:all .15s}.vw-word-colloc .vw-dict-link:hover{background:#c7d2fe;color:#4338ca}.vw-word-colloc.is-flash{margin-top:10px}.vw-word-colloc.is-flash .vw-colloc-chip{font-size:12.5px;padding:2px 8px}.vw-word-colloc.is-flash .vw-colloc-heading{font-size:11px}.vw-word-colloc.is-compact{margin-top:3px;gap:2px}.vw-word-colloc.is-compact .vw-colloc-chip{font-size:10px;padding:0 5px}.vw-word-colloc.is-compact .vw-colloc-heading{font-size:9px}.vs-trophy-colloc{text-align:left;margin:0 0 14px;padding:10px 14px;background:var(--primary-light);border-radius:10px;max-width:420px;display:flex;flex-direction:column;gap:4px}.vs-trophy-colloc .vw-colloc-block{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.vs-trophy-colloc .vw-colloc-heading{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--primary-hover);background:var(--primary-border);padding:1px 7px;border-radius:4px}.vs-trophy-colloc .vw-colloc-chip{font-size:13px;color:var(--primary-text);background:#d1fae5;padding:2px 9px;border-radius:6px;border:1px solid var(--primary-border)}.vs-trophy-colloc .vw-colloc-example{display:block;font-size:12.5px;font-style:italic;color:#475569;margin-top:3px;line-height:1.4}.vs-trophy-colloc .vw-colloc-dict-links{margin-top:4px}.vs-trophy-colloc .vw-dict-link{font-size:11px;color:#6366f1;text-decoration:none;padding:2px 8px;border-radius:5px;border:1px solid #c7d2fe;background:#eef2ff}.vw-word-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.vw-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-md, 8px);font-size:var(--text-xs, 11px);font-weight:var(--weight-bold, 700);cursor:pointer;transition:all var(--transition-fast, .15s ease);border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);white-space:nowrap}.vw-action-btn.audio{width:30px;height:30px;padding:0;justify-content:center}.vw-action-btn.star{width:30px;height:30px;padding:0;justify-content:center;background:var(--surface, #ffffff);color:var(--text-muted, #94a3b8);border-color:var(--border, #e2e8f0)}.vw-action-btn svg{width:13px;height:13px}.vw-sidebar-section{padding:0}.vw-sidebar-title{font-size:var(--text-xs, 11px);font-weight:var(--weight-bold, 700);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b);margin:0 0 var(--space-2, 8px)}.vw-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.vw-progress-row span{font-size:var(--text-xs, 11px);font-weight:var(--weight-semibold, 600);color:var(--text-secondary, #475569)}.vw-progress-row strong{font-size:var(--text-sm, 13px);font-weight:800;font-family:var(--font-mono, monospace);color:var(--primary, var(--primary))}.vw-progress-bar{height:6px;border-radius:var(--radius-full, 999px);background:var(--border, #e2e8f0);overflow:hidden;display:flex;margin-bottom:var(--space-2, 8px)}.vw-progress-known{background:var(--primary, var(--primary));height:100%;transition:width .35s ease}.vw-progress-learning{background:#3b82f6;height:100%;transition:width .35s ease}.vw-progress-weak{background:#ef4444;height:100%;transition:width .35s ease}.vw-stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vw-stat-tile{background:var(--bg, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);padding:8px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}.vw-stat-tile.is-known{border-color:var(--primary-border);background:var(--primary-light)}.vw-stat-tile.is-learning{border-color:#bfdbfe;background:#eff6ff}.vw-stat-tile.is-weak{border-color:#fecaca;background:#fef2f2}.vw-stat-tile strong{font-size:var(--text-lg, 17px);font-weight:800;font-family:var(--font-mono, monospace);line-height:1}.vw-stat-tile.is-known strong{color:var(--primary-text)}.vw-stat-tile.is-learning strong{color:#1e40af}.vw-stat-tile.is-weak strong{color:#991b1b}.vw-stat-tile span{font-size:10px;font-weight:var(--weight-semibold, 600);color:var(--text-muted, #64748b)}.vw-stat-tile.is-known span{color:var(--primary-text)}.vw-stat-tile.is-learning span{color:#1e40af}.vw-stat-tile.is-weak span{color:#991b1b}.vw-mode-list{display:flex;flex-direction:column;gap:6px}.vw-mode-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg, 12px);border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text, #1e293b);cursor:pointer;text-align:left;transition:all var(--transition-fast, .15s ease)}.vw-mode-btn:hover{border-color:#6ee7b7;background:var(--primary-light)}.vw-mode-btn.is-disabled,.vw-mode-btn:disabled{cursor:not-allowed;opacity:.56;border-color:var(--border, #e2e8f0);background:var(--surface-2, #f8fafc)}.vw-mode-btn.is-disabled:hover,.vw-mode-btn:disabled:hover{border-color:var(--border, #e2e8f0);background:var(--surface-2, #f8fafc)}.vw-mode-btn.is-active{border-color:var(--primary, var(--primary));background:var(--primary-light, var(--primary-light))}.vw-mode-icon{width:32px;height:32px;border-radius:var(--radius-md, 8px);background:var(--surface-2, #f1f5f9);color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast, .15s ease)}.vw-mode-btn.is-active .vw-mode-icon{background:var(--primary, var(--primary));color:#fff}.vw-mode-info{flex:1;min-width:0}.vw-mode-info strong{display:block;font-size:var(--text-sm, 13px);font-weight:var(--weight-bold, 700);color:var(--text, #0f172a);line-height:1.2}.vw-mode-btn.is-active .vw-mode-info strong{color:var(--primary, var(--primary))}.vw-mode-info span{display:block;font-size:10px;color:var(--text-muted, #64748b);margin-top:1px}.vw-mode-check{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 999px);background:var(--primary, var(--primary));color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.vw-start-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--primary, var(--primary));color:#fff;border-radius:var(--radius-lg, 12px);font-size:var(--text-sm, 13px);font-weight:var(--weight-bold, 700);text-decoration:none;box-shadow:0 4px 14px #0e938440;transition:all var(--transition-fast, .15s ease)}.vw-start-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0e938459}.vw-start-btn.is-disabled,.vw-mobile-start-btn.is-disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.vw-mode-unavailable-note{margin:-8px 6px 0;color:var(--text-muted, #64748b);font-size:10px;line-height:1.4;text-align:center}.personal-vocab-example-guide{margin:-2px 0 10px;color:var(--text-muted, #64748b);font-size:12px;line-height:1.45}.personal-vocab-example-guide strong{color:var(--text, #1e293b)}.personal-vocab-import-notice{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid var(--primary-border, #b7e7dc);border-radius:12px;background:var(--primary-light, #e8f8f4);color:var(--primary-text, #0f766e);font-size:12px;line-height:1.4}.personal-vocab-import-notice span{flex:1}.personal-vocab-import-notice button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:18px;line-height:1}.vocab-learning-set-row.is-focused{border-color:var(--primary, #0e9384)!important;box-shadow:0 0 0 3px #0e938421}.my-vocabulary-manager{display:flex;flex-direction:column;gap:18px}.my-vocabulary-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border, #e2e8f0);border-radius:16px;background:var(--surface, #fff)}.my-vocabulary-manager-actions,.my-vocabulary-manager-filters,.my-vocabulary-row-actions{display:flex;align-items:center;gap:8px}.my-vocabulary-manager-actions .btn{text-decoration:none;white-space:nowrap}.my-vocabulary-manager-filters .input-field:first-child{width:240px}.my-vocabulary-manager-filters .input-field:last-child{width:180px}.my-vocabulary-manager-notice,.my-vocabulary-manager-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;font-size:13px}.my-vocabulary-manager-notice{border:1px solid var(--primary-border, #b7e7dc);background:var(--primary-light, #e8f8f4);color:var(--primary-text, #0f766e)}.my-vocabulary-manager-notice button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:18px}.my-vocabulary-manager-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.my-vocabulary-manager-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.my-vocabulary-manager-summary>div{display:flex;flex-direction:column;gap:4px;padding:15px 18px;border:1px solid var(--border, #e2e8f0);border-radius:14px;background:var(--surface, #fff)}.my-vocabulary-manager-summary strong{font-size:22px;color:var(--text, #16323f)}.my-vocabulary-manager-summary span{font-size:12px;color:var(--text-muted, #64748b)}.my-vocabulary-manager-list{overflow:hidden;border:1px solid var(--border, #e2e8f0);border-radius:16px;background:var(--surface, #fff)}.my-vocabulary-manager-list-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border, #e2e8f0)}.my-vocabulary-manager-list-head h3{margin:0;font-size:16px}.my-vocabulary-manager-list-head span{color:var(--text-muted, #64748b);font-size:12px}.my-vocabulary-table-wrap{overflow-x:auto}.my-vocabulary-table{width:100%;border-collapse:collapse;min-width:920px}.my-vocabulary-table th{padding:10px 12px;background:var(--surface-2, #f8fafc);color:var(--text-muted, #64748b);font-size:11px;text-align:left}.my-vocabulary-table td{padding:12px;border-top:1px solid var(--border, #e2e8f0);color:var(--text, #1e293b);font-size:12px;vertical-align:top}.my-vocabulary-table td strong,.my-vocabulary-table td small{display:block}.my-vocabulary-table td small{margin-top:4px;color:var(--text-muted, #64748b);line-height:1.45}.my-vocabulary-form-grid textarea.input-field{min-height:78px;resize:vertical}.my-vocabulary-set-link{border:0;background:transparent;color:var(--primary-text, #0f766e);cursor:pointer;font:inherit;font-weight:700;text-align:left}.my-vocabulary-row-actions button{border:0;background:transparent;color:var(--primary-text, #0f766e);cursor:pointer;font:inherit;font-weight:700}.my-vocabulary-row-actions button.is-danger{color:var(--danger, #dc2626)}.my-vocabulary-modal-backdrop{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:20px;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.my-vocabulary-modal{display:flex;flex-direction:column;min-height:0;width:min(620px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;border-radius:18px;background:var(--surface, #fff);box-shadow:0 24px 64px #0f172a3d}.my-vocabulary-modal>header,.my-vocabulary-modal>footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px}.my-vocabulary-modal>header{border-bottom:1px solid var(--border, #e2e8f0)}.my-vocabulary-modal>footer{justify-content:flex-end;border-top:1px solid var(--border, #e2e8f0)}.my-vocabulary-modal>header h3{margin:0;font-size:17px}.my-vocabulary-modal>header>button{border:0;background:transparent;cursor:pointer;font-size:22px}.my-vocabulary-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.my-vocabulary-form-grid label,.my-vocabulary-import-review label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.my-vocabulary-form-grid .is-wide{grid-column:1 / -1}.my-vocabulary-modal>.my-vocabulary-form-grid,.my-vocabulary-modal>.my-vocabulary-import-review{min-height:0;overflow-y:auto;overscroll-behavior:contain}.my-vocabulary-lookup{padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--primary-light) 28%,var(--surface))}.my-vocabulary-lookup-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.my-vocabulary-lookup p{margin:0;font-size:13px;color:var(--text-muted)}.my-vocabulary-lookup-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}.my-vocabulary-lookup-result-head>div{display:grid;gap:4px}.my-vocabulary-lookup-result-head small{color:var(--text-muted)}.my-vocabulary-lookup-result-head em{white-space:nowrap;color:var(--primary);font-style:normal}.my-vocabulary-meaning-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.my-vocabulary-meaning-options>button{display:grid;gap:5px;padding:12px;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.my-vocabulary-meaning-options>button:hover{border-color:var(--primary);background:var(--primary-light)}.my-vocabulary-meaning-options>button.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 14%,transparent);background:var(--primary-light)}.my-vocabulary-meaning-options small{color:var(--text-muted)}.my-vocabulary-meaning-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.my-vocabulary-meaning-top b{color:var(--primary);font-size:12px}.my-vocabulary-dictionary-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.my-vocabulary-dictionary-sections>div{display:grid;align-content:start;gap:7px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.my-vocabulary-dictionary-chips{display:flex;flex-wrap:wrap;gap:6px}.my-vocabulary-dictionary-chips button{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:999px;background:var(--primary-light);color:var(--primary);cursor:pointer}.my-vocabulary-dictionary-chips button:hover{border-color:var(--primary)}.my-vocabulary-dictionary-chips button.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 14%,transparent)}.my-vocabulary-dictionary-chips button b{font-size:11px;white-space:nowrap}.my-vocabulary-dictionary-meta{display:grid;gap:5px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border)}@media(max-width:720px){.my-vocabulary-meaning-options,.my-vocabulary-dictionary-sections{grid-template-columns:1fr}.my-vocabulary-lookup-result-head{display:grid}}.my-vocabulary-import-review{display:flex;flex-direction:column;gap:12px;padding:18px}.my-vocabulary-import-review p{margin:0;color:var(--text-muted, #64748b)}.my-vocabulary-import-review p.is-warning{color:#b45309}.my-vocabulary-import-preview{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:10px;background:var(--surface-2, #f8fafc);font-size:12px}.my-vocabulary-import-preview small{color:var(--text-muted, #64748b)}@media(max-width:900px){.my-vocabulary-manager-toolbar{align-items:stretch;flex-direction:column}.my-vocabulary-manager-actions,.my-vocabulary-manager-filters{flex-wrap:wrap}.my-vocabulary-manager-filters .input-field{flex:1;width:auto!important;min-width:160px}}@media(max-width:600px){.my-vocabulary-manager-actions .btn{flex:1 1 calc(50% - 8px)}.my-vocabulary-manager-summary,.my-vocabulary-form-grid{grid-template-columns:1fr}.my-vocabulary-form-grid label.is-wide{grid-column:auto}.my-vocabulary-modal-backdrop{align-items:end;padding:0}.my-vocabulary-modal{width:100%;max-height:90dvh;border-radius:18px 18px 0 0}}.vw-reminder{margin:0;text-align:center;color:var(--text-muted, #64748b);font-size:var(--text-xs, 11px)}.vw-reminder strong{color:var(--danger);font-weight:var(--weight-bold, 700)}.vw-reminder.is-link{display:block;text-decoration:none;padding:8px 10px;border-radius:10px;transition:background .15s ease}.vw-reminder.is-link:hover{background:var(--surface-2, #f1f5f9);color:var(--text, #1e293b)}.vw-reminder .vw-reminder-cta{color:var(--primary);font-weight:700;margin-left:4px;white-space:nowrap}.vw-game-picker{margin-top:8px;padding:10px;border:1px solid var(--border-light, #edf2f7);border-radius:var(--radius-lg, 14px);background:var(--surface-soft, #f8fafc)}.vw-game-picker-title{margin:0 0 8px;color:var(--text-muted, #64748b);font-size:11px;font-weight:700}.vw-game-list{display:flex;flex-direction:column;gap:6px}.vw-game-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:var(--radius-md, 10px);border:1px solid var(--border-light, #edf2f7);background:var(--surface, #ffffff);cursor:pointer;text-align:left;transition:all var(--transition-fast, .15s ease)}.vw-game-btn:hover:not(:disabled){border-color:var(--primary-border, #a7f3d0);background:var(--primary-light, #ecfdf5);transform:translate(2px)}.vw-game-btn:disabled{opacity:.5;cursor:not-allowed}.vw-game-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:15px;flex-shrink:0;font-weight:700}.vw-game-mint{background:#ecfdf5;color:#059669}.vw-game-blue{background:#e0f2fe;color:#0284c7}.vw-game-peach{background:#ffedd5;color:#ea580c}.vw-game-pink{background:#fce7f3;color:#db2777}.vw-game-violet{background:#ede9fe;color:#7c3aed}.vw-game-info strong{display:block;font-size:var(--text-sm, 13px);font-weight:var(--weight-semibold, 600);color:var(--text, #0f172a);line-height:1.2}.vw-game-info span{display:block;font-size:10px;color:var(--text-muted, #64748b);margin-top:1px}.vw-flash{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 20px}.vw-flash-top{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:8px}.vw-flash-progress{font-size:12.5px;font-weight:600;color:var(--text-muted, #64748b)}.vw-flash-progress strong{font-family:var(--font-mono, monospace);color:var(--text, #0f172a);font-weight:700}.vw-flash-card{width:100%;max-width:520px;height:260px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1400px;outline:none}.vw-flash-card:focus-visible .vw-flash-face{border-color:var(--primary, var(--primary))}.vw-flash-card-inner{position:absolute;inset:0;transition:transform .6s cubic-bezier(.66,0,.28,1);transform-style:preserve-3d}.vw-flash-card.is-flipped .vw-flash-card-inner{transform:rotateY(180deg)}.vw-flash-card:active .vw-flash-card-inner{transform:scale(.985)}.vw-flash-card.is-flipped:active .vw-flash-card-inner{transform:rotateY(180deg) scale(.985)}@keyframes vwFlashEnter{0%{opacity:0;transform:translate(26px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.vw-flash-card{animation:vwFlashEnter .28s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.vw-flash-card{animation:none}.vw-flash-card-inner{transition-duration:.01ms}}.vw-flash-face{position:absolute;inset:0;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);padding:16px 20px;display:flex;flex-direction:column;overflow:hidden}.vw-flash-face.is-back{transform:rotateY(180deg);background:#fbfefc;border-color:var(--primary-border);border-left:3px solid var(--primary, var(--primary))}.vw-flash-face.is-back .vw-flash-body{align-items:stretch;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:4px 6px 8px 0;scrollbar-width:thin}.vw-flash-face.is-back .vw-flash-body>*{max-width:none;overflow-wrap:anywhere}.vw-flash-face-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border, #eef2f5);flex-shrink:0}.vw-flash-source{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b)}.vw-flash-star{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-muted, #94a3b8);border-radius:6px;font-size:15px;cursor:pointer;transition:all .15s}.vw-flash-star:hover{color:#f59e0b;border-color:var(--warning-border);background:#fffbeb}.vw-flash-star.is-starred{color:#f59e0b;background:#fffbeb;border-color:var(--warning-border)}.vw-flash-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:0}.vw-flash-term{font-size:clamp(26px,3.4vw,34px);font-weight:800;letter-spacing:-.01em;color:var(--text, #0f172a);margin:0;line-height:1.15}.vw-flash-sub{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.vw-flash-pron{font-family:var(--font-mono, monospace);font-size:13px;color:var(--text-muted, #64748b)}.vw-flash-audio{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 12px;border:1px solid var(--border, #e2e8f0);border-radius:999px;background:var(--surface, #fff);color:#64748b;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.vw-flash-speech-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.vw-flash-pronunciation-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 12px;border:1px solid var(--primary-border, #b7e7dc);border-radius:999px;background:var(--primary-light, #e8f8f4);color:var(--primary-text, #0f766e);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.vw-flash-pronunciation-toggle:hover,.vw-flash-pronunciation-toggle.is-active{background:#d5f5ed;border-color:var(--primary, #0e9384)}.vw-flash-pronunciation-panel{width:min(100%,520px);box-sizing:border-box;animation:vwFlashPanelIn .2s ease-out;scroll-margin-block:16px}.vw-flash-pronunciation-panel .vs-pronunciation-practice{box-sizing:border-box}@keyframes vwFlashPanelIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.vw-mobile-quick-start{display:none}.vw-flash-audio:hover{border-color:var(--primary, var(--primary));color:var(--primary, var(--primary));background:var(--primary-light, var(--primary-light))}.vw-flash-meaning{font-size:clamp(20px,2.6vw,24px);font-weight:700;color:var(--primary-text, var(--primary-hover));margin:0;line-height:1.3}.vw-flash-example{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, #475569);max-width:460px}.vw-flash-example-en{font-style:italic}.vw-flash-example-vi{display:block;margin-top:2px;font-style:normal;color:var(--text-muted, #64748b);font-size:12.5px}.vw-flash-note{margin:0;width:100%;max-width:480px}.vw-flash-note-box{display:flex;flex-direction:column;gap:8px;width:100%;background:var(--surface-2, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;color:var(--text, #1e293b);box-sizing:border-box}[data-tooich-shop-theme=night] .vw-flash-note-box{background:#ffffff0a;border-color:#ffffff1a}.vw-flash-note-main-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.vw-flash-note-label{display:inline-flex;align-items:center;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b);background:var(--surface, #ffffff);border:1px solid var(--border, #cbd5e1);padding:1px 6px;border-radius:4px;flex-shrink:0}[data-tooich-shop-theme=night] .vw-flash-note-label{background:#ffffff14;border-color:#ffffff26;color:var(--text-muted)}.vw-flash-note-label.is-example{color:var(--primary-text, #0f766e);background:var(--primary-light, #f0fdfa);border-color:var(--primary-border, #99f6e4)}[data-tooich-shop-theme=night] .vw-flash-note-label.is-example{background:#0d948826;border-color:#0d94884d;color:var(--primary)}.vw-flash-note-main-text{flex:1;min-width:0;color:var(--text, #1e293b);font-size:12.5px}.vw-flash-note-line{display:block}.vw-flash-note-line:first-letter{text-transform:uppercase}.vw-flash-note-examples-block{display:flex;flex-direction:column;gap:6px;margin-top:2px;padding-top:6px;border-top:1px dashed var(--border, #e2e8f0)}[data-tooich-shop-theme=night] .vw-flash-note-examples-block{border-top-color:#ffffff1a}.vw-flash-note-examples-header{display:flex;align-items:center;gap:6px}.vw-flash-note-examples-sub{font-size:11px;color:var(--text-muted, #64748b);font-weight:500}.vw-flash-note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.vw-flash-note-item{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.45}.vw-flash-note-bullet{color:var(--primary, #0d9488);font-weight:700;flex-shrink:0}.vw-flash-note-item-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;color:var(--text-secondary, #334155)}.vw-flash-note-term{color:var(--primary-text, #0f766e);font-weight:650;background:var(--primary-light, #f0fdfa);padding:0 5px;border-radius:4px}[data-tooich-shop-theme=night] .vw-flash-note-term{background:#0d948833;color:var(--primary)}.vw-flash-note-en{color:var(--text, #0f172a);font-style:italic}.vw-flash-note-vi{color:var(--text-muted, #64748b);font-size:11.5px}.vw-flash-note-raw{color:var(--text-secondary, #334155)}.vw-flash-hint{flex-shrink:0;padding-top:8px;font-size:11px;color:var(--text-muted, #94a3b8);text-align:center;letter-spacing:.02em}.vw-flash-hint kbd{display:inline-block;padding:1px 5px;margin:0 1px;border:1px solid var(--border, #e2e8f0);border-bottom-width:2px;border-radius:4px;background:var(--surface, #ffffff);font-family:var(--font-mono, monospace);font-size:10.5px;color:var(--text-secondary, #475569)}.vw-flash-controls{display:flex;align-items:center;gap:8px;margin-top:4px}.vw-flash-action-dock{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:820px}.vw-flash-nav{width:34px;height:34px;border-radius:8px;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);color:var(--text-secondary, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.vw-flash-nav:hover:not(:disabled){border-color:var(--primary, var(--primary));color:var(--primary, var(--primary));background:var(--primary-light, var(--primary-light))}.vw-flash-nav:disabled{opacity:.4;cursor:not-allowed}.vw-flash-flip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--text, #0f172a);border:1px solid var(--text, #0f172a);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.vw-flash-flip:hover{background:#1f2937;border-color:#1f2937}.vw-flash-study{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:520px;margin-top:4px}.vw-flash-study-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.vw-flash-study-btn.is-wrong{color:var(--danger-hover)}.vw-flash-study-btn.is-wrong:hover{background:#fef2f2;border-color:#fecaca}.vw-flash-study-btn.is-later{color:var(--warning-text)}.vw-flash-study-btn.is-later:hover{background:#fffbeb;border-color:var(--warning-border)}.vw-flash-study-btn.is-known{color:var(--primary-text, var(--primary-hover))}.vw-flash-study-btn.is-known:hover{background:var(--primary-light, var(--primary-light));border-color:var(--primary-border)}.vw-dol-empty,.vw-dol-loading,.vw-dol-error{text-align:center;padding:40px 20px;color:var(--text-muted, #64748b);font-size:var(--text-base, 15px);background:var(--bg, #f8fafc);border-radius:10px;border:1px dashed var(--border-hover, #cbd5e1)}@media(max-width:900px){.vw-body{grid-template-columns:1fr;overflow:visible;height:auto}.vw-right{border-left:none;border-top:1px solid var(--border, #e2e8f0)}.vw-screen{height:auto;min-height:100dvh;overflow:auto}}.vw-screen{background:#eef7f4}.vw-body{background:radial-gradient(circle at 12% 16%,rgba(14,147,132,.16),transparent 34%),radial-gradient(circle at 88% 84%,rgba(22,50,63,.08),transparent 40%),#dfeeea}.vw-left{padding:16px 24px 28px}.vw-toolbar{border-radius:16px;padding:12px 14px;border-color:#16323f1a;box-shadow:0 6px 22px #16323f0a}.vw-flash{width:min(100%,860px);gap:16px;margin:6px auto 0;padding:8px 0 28px}.vw-flash-top,.vw-flash-card,.vw-flash-study{max-width:820px}.vw-flash-card{height:clamp(380px,calc(100dvh - 330px),540px);min-height:380px}.vw-flash-face{padding:20px 26px;border-radius:24px;border:1px solid rgba(22,50,63,.14);box-shadow:0 24px 50px -12px #16323f42,0 6px 14px -6px #16323f24}.vw-flash-top-right{display:flex;align-items:center;gap:8px}.vw-flash-autospeak{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font:inherit;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:999px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.vw-flash-autospeak:hover{border-color:var(--primary-border)}.vw-flash-autospeak.is-on{color:var(--primary-text);background:var(--primary-light);border-color:var(--primary-border)}.vw-flash-face.is-front{background:linear-gradient(180deg,#fff,#fbfefd)}.vw-flash-face.is-back{background:linear-gradient(145deg,#f4fcf9,#fff 72%)}.vw-flash-visual{position:relative;flex:0 0 122px;display:grid;place-items:center;overflow:hidden;margin:0 -22px;background:linear-gradient(135deg,#d7f3ec,#e8f5ff)}.vw-flash-visual:after{content:"";position:absolute;width:190px;height:26px;bottom:12px;border-radius:50%;background:#16323f1f;filter:blur(2px)}.vw-flash-visual .vocab-illustration{position:relative;z-index:2;width:116px;height:96px;margin:0}.vw-flash-visual .vocab-illustration svg,.vw-flash-visual .vocab-illustration img{width:100%;height:100%;object-fit:contain}.vw-flash-visual-orb{position:absolute;z-index:1;width:12px;height:12px;border-radius:50%;background:#f6b83f}.vw-flash-visual-orb.orb-one{top:24px;right:24%}.vw-flash-visual-orb.orb-two{top:42px;right:20%;width:7px;height:7px;background:#0e9384}.vw-flash-body{gap:12px}.vw-flash-term{font-size:clamp(32px,4vw,44px);letter-spacing:-.03em}.vw-flash-controls{gap:10px}.vw-flash-nav,.vw-flash-flip{min-height:40px;border-radius:12px}.vw-flash-flip{padding-inline:20px;background:#16323f}.vw-right{width:300px;padding:18px 16px 28px;gap:0;background:#ffffffe0;border-left-color:#16323f1a}.vw-sidebar-content{display:flex;flex-direction:column;gap:18px}.vw-mobile-sidebar-toggle,.vw-mobile-sidebar-scrim{display:none}.vw-sidebar-section{padding:14px;border:1px solid rgba(22,50,63,.09);border-radius:18px;background:#ffffffd6;box-shadow:0 6px 18px #16323f0a}.vw-start-btn{min-height:48px;border-radius:14px;background:linear-gradient(135deg,#0e9384,#0b7568)}.vw-custom-share-actions{display:flex;align-items:center;gap:8px}.vw-custom-share-btn,.vw-community-link{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid var(--primary-border, #b7e7dc);border-radius:10px;background:var(--primary-light, #e8f8f4);color:var(--primary-text, #0f766e);font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}.vw-custom-share-btn.is-public{border-color:var(--border, #e2e8f0);background:var(--surface, #fff);color:var(--text-secondary, #475569)}.vw-custom-share-btn:disabled{cursor:not-allowed;opacity:.55}.vw-community-link:hover,.vw-custom-share-btn:hover:not(:disabled){border-color:var(--primary, #0e9384)}.personal-vocab-share-btn{display:inline-flex;align-items:center;gap:5px;border-color:var(--primary-border, #b7e7dc);color:var(--primary-text, #0f766e)}.personal-vocab-share-btn.is-public{border-color:var(--border, #e2e8f0);color:var(--text-secondary, #475569)}@media(max-width:900px){.vw-left{padding:12px 14px 20px}.vw-mobile-quick-start{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:13px 14px;border:1px solid rgba(14,147,132,.2);border-radius:18px;background:linear-gradient(135deg,#effbf8,#fff);box-shadow:0 8px 22px #16323f12}.vw-mobile-quick-start>div{min-width:0;display:flex;flex-direction:column;gap:2px}.vw-mobile-quick-start-eyebrow{color:var(--primary, #0e9384);font-size:9px;font-weight:850;letter-spacing:.1em}.vw-mobile-quick-start strong{color:var(--text, #16323f);font-size:14px;line-height:1.2}.vw-mobile-quick-start>div>span:last-child{color:var(--text-muted, #64748b);font-size:11px}.vw-mobile-start-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:0 14px;gap:7px;border-radius:13px;background:linear-gradient(135deg,#0e9384,#0b7568);color:#fff;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 6px 16px #0e938438}.vw-flash{width:min(100%,640px)}.vw-flash-card{height:410px;min-height:0}.vw-screen .p1-header{height:auto;min-height:56px;flex-wrap:wrap;padding-block:8px}.vw-screen .p1-header-right{flex-wrap:wrap}.vw-custom-share-actions{order:2;justify-content:flex-end}.vw-custom-share-btn,.vw-community-link{min-height:42px}.vw-right{position:fixed;z-index:calc(var(--z-sticky, 200) + 6);right:8px;bottom:calc(var(--mobile-nav-height, 60px) + 8px);left:8px;width:auto;padding:0;border:0;background:#fffffff0;touch-action:pan-y}.vw-right.is-mobile-collapsed{overflow:visible;background:transparent}.vw-right.is-mobile-expanded{right:0;bottom:var(--mobile-nav-height, 60px);left:0;max-height:min(72dvh,620px);padding:8px 14px max(14px,env(safe-area-inset-bottom));overflow:hidden;border:1px solid rgba(22,50,63,.1);border-bottom:0;border-radius:24px 24px 0 0;background:#fffffffa;box-shadow:0 -18px 48px #16323f2e;animation:vw-mobile-sheet-up .22s cubic-bezier(.22,1,.36,1)}.vw-mobile-sidebar-scrim{position:fixed;z-index:calc(var(--z-sticky, 200) + 5);inset:0 0 var(--mobile-nav-height, 60px);display:block;width:100%;padding:0;border:0;background:#0f172a61;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:vw-mobile-scrim-in .16s ease}.vw-mobile-sidebar-toggle{display:grid;grid-template-columns:4px minmax(0,1fr) 32px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px;border:1px solid rgba(14,147,132,.2);border-radius:16px;background:linear-gradient(135deg,#f2fbf8,#fff);color:var(--text, #16323f);box-shadow:0 8px 24px #16323f14;font:inherit;text-align:left;cursor:pointer}.vw-mobile-sidebar-toggle:focus-visible{outline:3px solid rgba(14,147,132,.22);outline-offset:2px}.vw-mobile-sidebar-handle{width:4px;height:32px;border-radius:999px;background:var(--primary, #0e9384)}.vw-mobile-sidebar-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.vw-mobile-sidebar-copy strong{overflow:hidden;color:#16323f;font-size:13px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.vw-mobile-sidebar-copy span{overflow:hidden;color:var(--text-muted, #64748b);font-size:11px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.vw-mobile-sidebar-chevron{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#dff5ef;color:var(--primary, #0e9384);transform:rotate(-90deg);transition:transform .18s ease}.vw-right.is-mobile-expanded .vw-mobile-sidebar-chevron{transform:rotate(90deg)}.vw-right.is-mobile-collapsed .vw-sidebar-content{display:none}.vw-right.is-mobile-expanded .vw-sidebar-content{display:flex;gap:12px;margin-top:12px;padding-bottom:4px;overflow-y:auto;overscroll-behavior:contain}@keyframes vw-mobile-sheet-up{0%{transform:translateY(28px);opacity:.75}to{transform:translateY(0);opacity:1}}@keyframes vw-mobile-scrim-in{0%{opacity:0}to{opacity:1}}}@media(max-width:560px){.vw-screen .p1-header{flex-wrap:nowrap;padding-block:0}.vw-screen .p1-header-right{width:auto;flex-wrap:nowrap}.vw-screen .p1-mode-pill{display:none}.vw-flash-card{height:clamp(340px,50dvh,430px)}.vw-flash-face{padding-inline:16px}.vw-flash-visual{margin-inline:-16px}.vw-flash-term{font-size:32px}.vw-right{padding-inline:10px}.vw-sidebar-section{padding:12px;border-radius:16px}.vw-seg-btn,.vw-star-toggle,.vw-flash-nav,.vw-flash-flip,.vw-chip,.vw-action-btn{min-height:44px}.vw-flash-nav,.vw-action-btn.audio,.vw-action-btn.star{width:44px;height:44px}.vw-mobile-quick-start{align-items:stretch;flex-direction:column}.vw-mobile-start-btn{width:100%}.vw-community-link{display:none}.vw-flash-speech-actions{width:100%}.vw-flash-speech-actions>button{flex:1;min-width:0}.vw-word-item{align-items:flex-start;flex-wrap:wrap;padding:14px}.vw-word-image{width:72px;height:72px}.vw-word-main{flex:1 1 calc(100% - 88px)}.vw-word-example{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.vw-word-actions{width:100%;margin-left:0;justify-content:flex-end}}.vw-dol-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px;flex-wrap:wrap;gap:16px}.vw-dol-title-row{display:flex;align-items:center;gap:16px;min-width:0}.vw-dol-back-btn{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:#475569;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 6px #00000008;transition:all .15s ease;flex-shrink:0}.vw-dol-back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.vw-dol-back-btn svg{width:20px;height:20px;transform:rotate(180deg)}.vw-dol-title-content{min-width:0}.vw-dol-title-flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vw-dol-title-flex h1{font-size:clamp(20px,3vw,24px);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.vw-dol-quality-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#fffbeb;border:1px solid var(--warning-border);color:var(--warning-text);font-size:11px;font-weight:750;text-transform:uppercase}.vw-dol-quality-badge svg{width:14px;height:14px;color:#f59e0b}.vw-dol-subtitle{color:#64748b;font-size:13.5px;margin:4px 0 0}.vw-dol-meta-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:12px;box-shadow:0 1px 3px #00000005}.vw-dol-avatars{display:flex;align-items:center}.vw-dol-avatar{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-left:-6px}.vw-dol-avatar:first-child{margin-left:0}.vw-dol-stat-highlight{font-size:13px;color:#475569}.vw-dol-stat-highlight strong{color:#0f172a;font-weight:750;font-family:var(--font-mono, monospace)}.vw-dol-stat-sep{color:#cbd5e1}.vw-dol-layout-2col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.vw-dol-sidebar-panel{position:sticky;top:12px;order:2;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px #0f172a08}.vw-dol-sidebar-title{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 12px}.vw-dol-progress-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.vw-dol-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vw-dol-progress-head span{font-size:12px;font-weight:700;color:#475569}.vw-dol-progress-head strong{font-size:16px;font-weight:800;font-family:var(--font-mono, monospace);color:var(--primary)}.vw-dol-progress-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;display:flex;margin-bottom:14px}.vw-dol-progress-known{background:var(--primary);height:100%;transition:width .35s ease}.vw-dol-progress-learning{background:#3b82f6;height:100%;transition:width .35s ease}.vw-dol-progress-weak{background:#ef4444;height:100%;transition:width .35s ease}.vw-dol-stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vw-dol-stat-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.vw-dol-stat-tile.is-known{border-color:var(--primary-border);background:var(--primary-light)}.vw-dol-stat-tile.is-learning{border-color:#bfdbfe;background:#eff6ff}.vw-dol-stat-tile.is-weak{border-color:#fecaca;background:#fef2f2}.vw-dol-stat-tile strong{font-size:18px;font-weight:800;font-family:var(--font-mono, monospace);line-height:1}.vw-dol-stat-tile.is-known strong{color:var(--primary-text)}.vw-dol-stat-tile.is-learning strong{color:#1e40af}.vw-dol-stat-tile.is-weak strong{color:#991b1b}.vw-dol-stat-tile span{font-size:11px;font-weight:650;color:#64748b}.vw-dol-stat-tile.is-known span{color:var(--primary-text)}.vw-dol-stat-tile.is-learning span{color:#1e40af}.vw-dol-stat-tile.is-weak span{color:#991b1b}.vw-dol-mode-list{display:flex;flex-direction:column;gap:8px}.vw-dol-mode-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;cursor:pointer;text-align:left;transition:all .15s ease}.vw-dol-mode-btn:hover{border-color:#6ee7b7;background:var(--primary-light)}.vw-dol-mode-btn.is-active{border-color:var(--primary);background:var(--primary-light)}.vw-dol-mode-icon{width:36px;height:36px;border-radius:12px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.vw-dol-mode-btn.is-active .vw-dol-mode-icon{background:var(--primary);color:#fff}.vw-dol-mode-info{flex:1;min-width:0}.vw-dol-mode-info strong{display:block;font-size:13.5px;font-weight:750;color:#0f172a;line-height:1.2}.vw-dol-mode-btn.is-active .vw-dol-mode-info strong{color:var(--primary)}.vw-dol-mode-info span{display:block;font-size:11.5px;color:#64748b;margin-top:2px}.vw-dol-start-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--primary);color:#fff;border-radius:16px;font-size:15px;font-weight:750;text-decoration:none;box-shadow:0 4px 14px #0e938440;transition:all .15s ease}.vw-dol-start-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0e938459}.vw-dol-start-btn svg{width:18px;height:18px}.vw-dol-reminder{margin:0;text-align:center;color:#64748b;font-size:13px}.vw-dol-reminder strong{color:var(--danger);font-weight:700}.vw-dol-preview-box{border-top:1px solid #e2e8f0;padding-top:20px}.vw-dol-flashcard-mini{width:100%;height:180px;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1000px}.vw-dol-flashcard-inner{position:absolute;inset:0;transition:transform .4s ease;transform-style:preserve-3d}.vw-dol-flashcard-mini.is-flipped .vw-dol-flashcard-inner{transform:rotateY(180deg)}.vw-dol-face-mini{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000005}.vw-dol-face-mini.back{background:linear-gradient(135deg,var(--primary-light),#d1fae5);border-color:var(--primary);transform:rotateY(180deg)}.vw-dol-face-mini strong{font-size:20px;font-weight:800;color:#0f172a}.vw-dol-face-mini.back strong{color:var(--primary-text);font-size:18px}.vw-dol-face-mini span{font-size:12px;color:#64748b;font-family:var(--font-mono, monospace);margin-top:4px}.vw-dol-face-mini p{font-size:12px;color:var(--primary);font-style:italic;margin:8px 0 0;line-height:1.4}.vw-dol-content-panel{display:flex;flex-direction:column;gap:16px;min-width:0;order:1}.vw-dol-toolbar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px 16px;flex-wrap:wrap;box-shadow:0 2px 8px #00000005}.vw-dol-view-toggle{display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;gap:2px}.vw-dol-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.vw-dol-view-btn.is-active{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0e938433}.vw-dol-view-btn svg{width:14px;height:14px}.vw-dol-search{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.vw-dol-search svg{position:absolute;left:12px;width:16px;height:16px;color:#94a3b8}.vw-dol-search input{width:100%;padding:8px 12px 8px 36px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13.5px;color:#0f172a;outline:none;transition:all .15s ease}.vw-dol-search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0e93841a}.vw-dol-filter-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vw-dol-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid transparent;background:#f8fafc;color:#64748b;font-size:12px;font-weight:650;cursor:pointer;transition:all .15s ease}.vw-dol-filter-tab:hover{background:#f1f5f9;color:#0f172a}.vw-dol-filter-tab.is-active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #0e938433}.vw-dol-filter-tab span{font-family:var(--font-mono, monospace);font-size:11px;opacity:.8}.vw-dol-word-list{display:flex;flex-direction:column;gap:8px}.vw-dol-word-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #00000005}.vw-dol-word-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.vw-dol-word-image{width:60px;height:60px;border-radius:10px;overflow:hidden;border:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.vw-dol-word-image img{width:100%;height:100%;object-fit:cover}.vw-dol-word-main{flex:1;min-width:0}.vw-dol-word-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.vw-dol-word-term{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.vw-dol-word-pron{font-size:13.5px;color:#64748b;font-family:var(--font-mono, monospace)}.vw-dol-word-meaning{font-size:15px;font-weight:700;color:var(--primary);margin:0 0 4px}.vw-dol-word-example{font-size:13px;color:#475569;font-style:italic;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vw-dol-word-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.vw-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #475569);white-space:nowrap}.vw-action-btn:hover{background:var(--surface-2, #f8fafc);color:var(--text, #1e293b);border-color:#cbd5e1}.vw-action-btn.audio{width:34px;height:34px;padding:0;justify-content:center}.vw-action-btn.star{width:34px;height:34px;padding:0;justify-content:center;background:var(--surface, #ffffff);color:#94a3b8;border-color:#e2e8f0}.vw-action-btn.star:hover{color:#f59e0b;background:#fffbeb;border-color:var(--warning-border)}.vw-action-btn.star.is-starred{background:#fffbeb;color:#f59e0b;border-color:var(--warning-border)}.vw-action-btn svg{width:14px;height:14px}.vw-dol-flashcard-full-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.vw-dol-flash-counter{font-size:14px;font-weight:700;color:#64748b}.vw-dol-flash-counter strong{font-family:var(--font-mono, monospace);color:#0f172a}.vw-dol-flashcard-full{width:100%;max-width:640px;height:360px;border-radius:28px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1400px}.vw-dol-flashcard-full-inner{position:absolute;inset:0;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.vw-dol-flashcard-full.is-flipped .vw-dol-flashcard-full-inner{transform:rotateY(180deg)}.vw-dol-face-full{position:absolute;inset:0;backface-visibility:hidden;border-radius:28px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:2px solid #e2e8f0;box-shadow:0 10px 30px #0000000d}.vw-dol-face-full.back{background:linear-gradient(135deg,var(--primary-light),#d1fae5);border-color:var(--primary);transform:rotateY(180deg)}.vw-dol-face-full h2{font-size:clamp(36px,5vw,48px);font-weight:800;color:#0f172a;margin:0 0 8px}.vw-dol-face-full.back h2{color:var(--primary-text);font-size:clamp(30px,4vw,40px)}.vw-dol-face-full span{font-size:18px;color:#64748b;font-family:var(--font-mono, monospace)}.vw-dol-face-full p{font-size:16px;color:var(--primary);font-style:italic;margin:16px 0 0;max-width:480px;line-height:1.5}.vw-dol-face-full img{width:80px;height:80px;border-radius:16px;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 12px #0000001a;margin-top:16px}.vw-dol-flash-controls{display:flex;align-items:center;gap:16px}.vw-dol-nav-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .15s ease}.vw-dol-nav-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.vw-dol-flip-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;color:#1e293b;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .15s ease}.vw-dol-flip-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.vw-dol-empty,.vw-dol-loading,.vw-dol-error{text-align:center;padding:60px 20px;color:#64748b;font-size:16px;background:#f8fafc;border-radius:20px;border:1px dashed #cbd5e1}.content:has(>.vr-roadmap-layout),.content:has(>.vs-page){max-width:100%;padding:0}.vs-page{height:100dvh;display:flex;flex-direction:column;background:#f0f2f5;color:var(--text, #1e293b);overflow:hidden}.vs-studio-body{display:flex;gap:12px;align-items:stretch;flex:1;min-height:0;overflow:hidden;padding:12px;background:#f0f2f5}.vs-center-stage{flex:1;min-width:0;min-height:0;display:flex;gap:12px;align-items:stretch}.vs-question-stack{width:min(420px,34vw);flex-shrink:0;position:relative;perspective:1400px;display:flex;flex-direction:column;min-height:0}.vs-stack-container{position:relative;flex:1;min-height:0}.vs-ghost-card{position:absolute;inset:0;border-radius:28px;border:1px solid #e2e8f0;background:#fff;pointer-events:none}.vs-ghost-card.layer-3{transform:translate(12px,12px);z-index:10;opacity:.25}.vs-ghost-card.layer-2{transform:translate(6px,6px);z-index:20;opacity:.6;overflow:hidden}.vs-ghost-card.layer-2 img{width:100%;height:100%;object-fit:cover;opacity:.25}.vs-top-card{position:absolute;inset:0;border-radius:28px;border:1px solid #e2e8f0;background:#fff;z-index:30;overflow:hidden;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;transform-origin:50% 0%}.vs-top-card.is-tearing{animation:tearOff .18s ease-out forwards}.vs-top-card.is-rising{animation:riseUp .18s ease-out}.vs-card-media{height:52%;position:relative;overflow:hidden;background:#f8fafc}.vs-card-media img{width:100%;height:100%;object-fit:cover}.vs-card-media-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.vs-card-media-badges{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;gap:8px}.vs-card-kicker-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:.05em}.vs-card-kicker-badge.quiz{background:var(--purple)}.vs-card-kicker-badge.typing{background:var(--secondary)}.vs-card-content{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px}.vs-card-title{font-size:clamp(26px,3.5vw,32px);font-weight:800;color:#0f172a;line-height:1.15;margin:0}.vs-card-ipa{font-family:var(--font-mono, monospace);font-size:15px;color:#64748b;margin:0}.vs-card-bilingual-meaning{display:flex;flex-direction:column;gap:5px;width:100%}.vs-card-meaning-line{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:baseline;margin:0;font-size:13px;line-height:1.4;color:#64748b}.vs-card-meaning-line span{font-size:10px;font-weight:850;letter-spacing:.05em;color:var(--primary, #0e9384)}.vs-card-meaning-line.is-vietnamese{color:#475569}.vs-card-study-details{display:flex;flex-direction:column;gap:8px;margin-top:6px;width:100%}.vs-card-meaning{margin:0;font-size:15px;font-weight:750;color:var(--text)}.vs-card-meaning-badge{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;color:#0f766e;background:#ccfbf1;padding:1px 6px;border-radius:4px;margin-right:6px}.vs-card-example-box{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--text) 4%,transparent);border-left:3px solid var(--primary);text-align:left}.vs-card-example-en{margin:0;font-size:12.5px;font-style:italic;font-weight:600;color:var(--text)}.vs-card-example-vi{margin:0;font-size:11.5px;color:var(--text-secondary)}.vs-listen-circle-wrap{position:relative;display:flex;align-items:center;justify-content:center}.vs-listen-circle-btn{width:88px;height:88px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0e938459;position:relative;z-index:10;transition:all .2s ease}.vs-listen-circle-btn:hover{background:var(--primary-hover);transform:scale(1.06)}.vs-listen-circle-btn svg{width:40px;height:40px}.vs-wave-ring{position:absolute;border-radius:50%;border:2px solid var(--primary);opacity:0;pointer-events:none}.vs-wave-ring.ring-1{width:120px;height:120px;animation:wavePing 1.2s ease-out infinite;animation-delay:0s}.vs-wave-ring.ring-2{width:156px;height:156px;animation:wavePing 1.2s ease-out infinite;animation-delay:.3s}.vs-wave-ring.ring-3{width:192px;height:192px;animation:wavePing 1.2s ease-out infinite;animation-delay:.6s}.vs-stack-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:10px;flex:0 0 auto}.vs-stack-dot{height:6px;border-radius:999px;transition:all .3s ease}.vs-stack-dot.active{width:20px;background:var(--primary)}.vs-stack-dot.passed{width:8px;background:#0e938459}.vs-stack-dot.future{width:8px;background:#e2e8f0}.vs-answer-zone{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 4px 20px #00000008;position:relative;justify-content:flex-start;overflow:hidden}.vs-answer-zone.is-pronunciation{overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain}.vs-answer-zone.is-pronunciation>.vs-answer-header{position:sticky;top:-20px;z-index:5;margin:-20px -20px 0;padding:20px 20px 12px;background:#fff;border-bottom:1px solid #f1f5f9}.vs-pronunciation-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;overscroll-behavior:contain;scrollbar-gutter:stable}.vs-answer-zone.is-pronunciation>.vs-center-actions{flex:0 0 auto;margin-top:0}.vs-answer-zone.is-pronunciation>.vs-next-btn{flex:0 0 auto}.vs-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:750;border:1px solid transparent}.vs-mode-badge.quiz{background:#f5f3ff;color:var(--purple-text);border-color:#ddd6fe}.vs-mode-badge.typing{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.vs-mode-badge.listening{background:#fffbeb;color:var(--warning-text);border-color:var(--warning-border)}.vs-mode-badge.pronunciation{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.vs-mode-badge svg{width:15px;height:15px}.vs-answer-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vs-answer-header span{font-size:14px;color:#64748b;font-weight:600}.vs-quiz-prompt-switch{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:3px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;white-space:nowrap}.vs-quiz-prompt-switch .vs-quiz-prompt-label{padding:0 5px;font-size:11px;color:#64748b;font-weight:700}.vs-quiz-prompt-switch button{border:0;border-radius:7px;padding:5px 9px;background:transparent;color:#64748b;font-size:11px;font-weight:750;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.vs-quiz-prompt-switch button:hover:not(:disabled){color:#0f766e}.vs-quiz-prompt-switch button.is-active{background:#fff;color:#0f766e;box-shadow:0 1px 3px #0f766e26}.vs-quiz-prompt-switch button:disabled{cursor:not-allowed;opacity:.5}.vs-center-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;width:100%;flex-wrap:wrap}.vs-action-btn-flat{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease;flex:1;max-width:160px}.vs-action-btn-flat:hover{background:#f1f5f9;color:#0f172a}.vs-action-btn-flat.audio{border-color:var(--primary-border);background:var(--primary-light);color:var(--success-text)}.vs-action-btn-flat.audio:hover{background:var(--primary-light)}.vs-action-btn-flat.youglish{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.vs-action-btn-flat.youglish:hover{background:#ffedd5}.vs-action-btn-flat.star{border-color:var(--warning-border);background:#fffbeb;color:var(--warning-text)}.vs-action-btn-flat.star:hover{background:var(--warning-light)}.vs-action-btn-flat.star.is-active{background:#f59e0b;border-color:#f59e0b;color:#fff}.vs-action-btn-flat svg{width:16px;height:16px}.vs-unicode-star{display:inline-flex;align-items:center;line-height:1}.vs-options-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,80px);gap:12px;margin-top:16px;margin-bottom:auto}.vs-option-btn-big{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease;width:100%;height:100%}.vs-option-btn-big:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.vs-option-btn-big.is-correct{border-color:var(--primary);background:var(--primary-light);cursor:default}.vs-option-btn-big.is-wrong{border-color:var(--danger);background:#fef2f2;cursor:default}.vs-option-btn-big:disabled{cursor:default}.vs-opt-shortcut{width:30px;height:30px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-family:var(--font-mono, monospace);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vs-option-btn-big.is-correct .vs-opt-shortcut{background:var(--primary);color:#fff;border-color:var(--primary)}.vs-option-btn-big.is-wrong .vs-opt-shortcut{background:var(--danger);color:#fff;border-color:var(--danger)}.vs-opt-text{flex:1;min-width:0}.vs-opt-text strong{display:block;font-size:15px;font-weight:700;color:#0f172a;line-height:1.3}.vs-option-btn-big.is-correct .vs-opt-text strong{color:var(--primary-text)}.vs-option-btn-big.is-wrong .vs-opt-text strong{color:#991b1b}.vs-opt-meta{display:block;font-size:12px;color:#64748b;margin-top:4px;font-family:var(--font-mono, monospace)}.vs-typing-container{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(14,147,132,.32) transparent}.vs-typing-container.is-input{justify-content:center}.vs-typing-input-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 26px #0f172a0a}.vs-input-row{display:flex;gap:12px}.vs-input-wrap{flex:1;position:relative;display:flex;align-items:center}.vs-input-wrap input{width:100%;padding:16px 48px 16px 20px;border-radius:16px;border:2px solid #e2e8f0;background:#fff;font-size:16px;font-weight:650;color:#0f172a;outline:none;transition:all .15s ease}.vs-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0e93841a}.vs-input-wrap.is-error input{border-color:var(--danger);background:#fef2f2;color:#991b1b}.vs-mic-btn{position:absolute;right:12px;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.vs-mic-btn:hover{background:var(--primary-light);color:var(--primary)}.vs-mic-btn.is-active{background:#ef4444;color:#fff;animation:pulseAnim 1s infinite}.vs-mic-btn svg{width:16px;height:16px}.vs-check-btn{padding:0 24px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.vs-check-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.vs-check-btn:disabled{opacity:.4;cursor:not-allowed}.vs-amber-hint{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid var(--warning-border);border-radius:14px;padding:12px 16px;color:var(--warning-text);font-size:13.5px;animation:slideUp .25s ease-out}.vs-amber-hint svg{width:18px;height:18px;flex-shrink:0;color:#f59e0b}.vs-amber-hint code{font-family:var(--font-mono, monospace);font-weight:800;color:#92400e;letter-spacing:.1em}.vs-arrange-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:16px;animation:slideUp .25s ease-out}.vs-arrange-badge img{width:36px;height:36px;border-radius:10px;object-fit:cover}.vs-arrange-badge strong{font-size:15px;color:var(--primary-text);font-weight:800}.vs-arrange-badge span{font-family:var(--font-mono, monospace);font-size:13px;color:var(--primary);margin-left:8px}.vs-arrange-box{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;border:2px dashed rgba(14,147,132,.4);background:#f0fdf499;animation:slideUp .3s ease-out}.vs-arrange-title{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--primary-text);letter-spacing:.05em;display:flex;align-items:center;gap:6px;margin:0}.vs-arrange-slot{min-height:52px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:14px;background:#fff;border:2px solid rgba(14,147,132,.25);box-shadow:inset 0 2px 4px #00000005}.vs-arrange-slot-empty{font-size:13px;color:#94a3b8;font-style:italic;align-self:center;padding:0 4px}.vs-word-bank{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.vs-sentence-arrange-practice{flex:1;min-height:0}.vs-sentence-arrange-practice .vs-word-bank{min-height:72px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(14,147,132,.32) transparent}.vs-sentence-arrange-practice .vs-check-btn{flex:0 0 auto;min-height:48px;justify-content:center}.vs-arrange-word{padding:6px 12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;line-height:1.2;border:1px solid transparent}.vs-arrange-word.in-slot{background:var(--primary);color:#fff}.vs-arrange-word.in-slot:hover{background:var(--danger)}.vs-arrange-word.in-bank{background:#fff;border-color:#e2e8f0;color:#1e293b;box-shadow:0 2px 4px #00000008}.vs-arrange-word.in-bank:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.vs-sentence-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.vs-sentence-actions-row .vs-check-btn{flex:1}.vs-reveal-answer-btn{white-space:nowrap;padding:8px 12px}.vs-sentence-feedback-box{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--border, #dbe7e3);background:var(--surface-2, #f4faf8);animation:fadeIn .2s ease}.vs-sentence-feedback-box.is-correct{border-color:#86efac;background:#f0fdf4}[data-theme=dark] .vs-sentence-feedback-box.is-correct,.dark .vs-sentence-feedback-box.is-correct{background:#10b9811f;border-color:#10b9814d}.vs-sentence-feedback-box.is-incorrect{border-color:#fecaca;background:#fef2f2}.vs-sentence-feedback-box.is-revealed{border-color:#bae6fd;background:#f0f9ff}[data-theme=dark] .vs-sentence-feedback-box.is-revealed,.dark .vs-sentence-feedback-box.is-revealed{border-color:#38bdf852;background:#0ea5e91a}[data-theme=dark] .vs-sentence-feedback-box.is-incorrect,.dark .vs-sentence-feedback-box.is-incorrect{background:#ef44441f;border-color:#ef44444d}.vs-sentence-incorrect-title{display:flex;align-items:center;gap:6px;margin:0;color:#dc2626;font-weight:700;font-size:14px}[data-theme=dark] .vs-sentence-incorrect-title,.dark .vs-sentence-incorrect-title{color:#f87171}.vs-sentence-correct-answer{display:flex;flex-direction:column;gap:4px}.vs-sentence-correct-answer .vs-feedback-label{font-size:11px;color:var(--text-muted, #6d8a83);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.vs-sentence-target-text{font-size:16px;line-height:1.5;color:var(--text, #16323f);font-weight:700}.vs-sentence-feedback-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.vs-inline-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer;border:1px solid var(--border, #dbe7e3);background:#fff;color:var(--text, #16323f);transition:all .15s ease}[data-theme=dark] .vs-inline-action-btn,.dark .vs-inline-action-btn{background:var(--surface, #1e293b);border-color:var(--border, #334155);color:var(--text, #f1f5f9)}.vs-inline-action-btn:hover{border-color:var(--primary, #0e9384);color:var(--primary, #0e9384)}.vs-arrange-word.in-slot.is-incorrect{background:#ef4444;border-color:#dc2626}.vs-arrange-word.in-slot.is-correct{background:#10b981;border-color:#059669}.vs-trophy-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;border-radius:24px;background:linear-gradient(135deg,var(--primary-light),#d1fae5);border:2px solid var(--primary);text-align:center;animation:slideUp .3s ease-out}.vs-trophy-icon{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0e93844d}.vs-trophy-icon svg{width:28px;height:28px}.vs-trophy-card h3{font-size:22px;font-weight:850;color:var(--primary-text);margin:0}.vs-trophy-card p{font-size:15px;color:var(--primary);font-style:italic;margin:0;max-width:400px;line-height:1.5}.vs-word-reveal-compact{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--primary-light);border:1px solid var(--primary);border-radius:18px;animation:slideUp .25s ease-out}.vs-word-reveal-compact img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0}.vs-word-reveal-compact strong{font-size:16px;color:var(--primary-text);font-weight:800}.vs-word-reveal-compact span{font-family:var(--font-mono, monospace);font-size:13px;color:var(--primary);margin-left:8px}.vs-word-reveal-compact p{font-size:13.5px;color:var(--primary);font-weight:650;margin:2px 0 0}.vs-next-btn{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:18px;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0e938440;transition:all .15s ease;animation:slideUp .2s ease-out}.vs-next-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0e938459}.vs-next-btn svg{width:18px;height:18px}.vs-grade-wrap{display:flex;flex-direction:column;gap:6px;animation:slideUp .2s ease-out;flex:0 0 auto}.vs-grade-wrap .vs-next-btn{min-height:48px;border-radius:14px}.vs-next-btn:disabled{opacity:.6;cursor:default;transform:none}.vs-grade-wrap kbd{font:600 11px var(--font-mono, monospace);border:1px solid currentColor;border-radius:4px;padding:2px 5px;opacity:.75}.vs-review-hint{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;color:var(--text-muted);font-size:12px}.vs-review-sync{flex:0 0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:8px 16px;font-size:12px;color:var(--text-muted);background:var(--surface)}.vs-review-sync.is-error{color:var(--warning-text, var(--primary-text))}.vs-review-sync button{min-height:44px;border:0;background:transparent;color:var(--primary-text);font:inherit;font-weight:700;cursor:pointer}@media(prefers-reduced-motion:reduce){.vs-top-card.is-tearing,.vs-top-card.is-rising,.vs-grade-wrap{animation:none}.vs-grade-wrap .vs-next-btn{transition:none}}.vs-grade-wrap .vs-grade-bar{display:flex;gap:10px;width:100%}.vs-grade-wrap .vs-grade-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.vs-grade-wrap .vs-grade-btn strong{font-size:14.5px;font-weight:800}.vs-grade-wrap .vs-grade-days{font-size:11.5px;font-weight:600;opacity:.72;white-space:nowrap}.vs-grade-wrap .vs-grade-btn.forgot{border-color:#fecaca;background:#fef2f2;color:#dc2626}.vs-grade-wrap .vs-grade-btn.forgot:hover{background:#fee2e2}.vs-grade-wrap .vs-grade-btn.normal{border-color:var(--primary-border);background:var(--primary-light);color:var(--success-text)}.vs-grade-wrap .vs-grade-btn.normal:hover{background:#d8f3ee}.vs-grade-wrap .vs-grade-btn.easy{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.vs-grade-wrap .vs-grade-btn.easy:hover{background:#dcfce7}.vs-grade-wrap .vs-grade-btn:disabled{opacity:.6;cursor:default;transform:none}.vs-grade-wrap .vs-grade-btn.forgot{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}.vs-grade-wrap .vs-grade-btn.easy{background:var(--success-light);border-color:var(--success-border);color:var(--success-text)}.vs-grade-wrap .vs-grade-btn:hover{filter:brightness(.97)}.vs-grade-wrap .vs-grade-btn.normal:hover{background:var(--primary-light)}@media(max-width:600px){.vs-grade-wrap .vs-grade-bar{gap:6px}.vs-grade-wrap .vs-grade-btn strong{font-size:12.5px}.vs-grade-wrap .vs-grade-btn kbd{display:none}}.vs-side-dock{width:min(280px,20vw);flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl, 16px);padding:16px;display:flex;flex-direction:column;gap:16px;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;box-shadow:0 4px 20px #00000008}.vs-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface, #ffffff);border-top:1px solid var(--border, #e2e8f0);margin-top:auto;flex-shrink:0}.vs-card-counter{font-size:13px;font-weight:850;font-family:var(--font-mono, monospace);color:var(--primary, var(--primary))}.vs-listen-eyebrow{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;width:fit-content}.vs-listen-btn-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--primary-light, var(--primary-light));color:var(--primary, var(--primary));border:1px solid var(--primary-border);font-size:12px;font-weight:700;cursor:pointer;width:fit-content;margin-top:10px;transition:all .15s ease}.vs-listen-btn-mini:hover{background:var(--primary-light);border-color:var(--success-border)}.vs-listen-btn-mini svg{width:14px;height:14px}.vs-typing-hint-row{display:flex;flex-direction:column;gap:6px;margin-top:8px}.vs-typing-hint-row span{font-size:12px;color:var(--text-muted, #64748b);font-weight:600}.vs-typing-dots{font-family:var(--font-mono, monospace);font-size:20px;font-weight:900;color:var(--primary, var(--primary));letter-spacing:.15em;word-break:break-all;background:var(--bg, #f8fafc);padding:6px 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e2e8f0)}.vs-card-index{position:absolute;top:12px;right:16px;font-size:11px;font-weight:800;color:#ffffffe6;font-family:var(--font-mono, monospace);z-index:5;background:#0f172a73;padding:3px 8px;border-radius:var(--radius-sm, 6px)}.vs-dock-section{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.vs-dock-section:last-child{border-bottom:none;padding-bottom:0}.vs-dock-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:0;display:flex;align-items:center;gap:6px}.vs-dock-title svg{width:14px;height:14px}.vs-quick-actions{display:flex;flex-direction:column;gap:8px}.vs-quick-btn{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;text-align:left;transition:all .15s ease}.vs-quick-btn:hover{border-color:var(--primary);background:var(--primary-light)}.vs-quick-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent}.vs-quick-icon.audio{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.vs-quick-icon.youglish{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.vs-quick-icon.star{background:#fffbeb;color:#f59e0b;border-color:var(--warning-border)}.vs-quick-btn strong{display:block;font-size:13px;font-weight:750;color:#0f172a;line-height:1.2}.vs-quick-btn span{display:block;font-size:11px;color:#64748b;margin-top:2px}.vs-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.vs-stat-tile{padding:12px 8px;border-radius:14px;border:1px solid #e2e8f0;text-align:center;display:flex;flex-direction:column;gap:2px}.vs-stat-tile.correct{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.vs-stat-tile.wrong{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.vs-stat-tile.acc{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.vs-stat-tile.streak{background:#fffbeb;border-color:var(--warning-border);color:var(--warning)}.vs-stat-tile strong{font-size:20px;font-weight:850;font-family:var(--font-mono, monospace);line-height:1}.vs-stat-tile span{font-size:11px;font-weight:700;opacity:.8}.vs-shortcuts-list{display:flex;flex-direction:column;gap:8px}.vs-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vs-shortcut-row span{font-size:12px;color:#64748b}.vs-shortcut-kbd{display:inline-flex;align-items:center;gap:4px}.vs-shortcut-kbd kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:#f1f5f9;border:1px solid #cbd5e1;font-family:var(--font-mono, monospace);font-size:11px;font-weight:800;color:#334155}.vs-current-word-card{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#f8fafc}.vs-current-word-card img{width:100%;height:80px;object-fit:cover}.vs-current-word-body{padding:12px}.vs-current-word-body strong{font-size:15px;font-weight:800;color:#0f172a;display:block}.vs-current-word-body span{font-size:13px;font-weight:700;color:var(--primary);display:block;margin-top:2px}.vs-current-word-body p{font-size:11.5px;color:#64748b;font-style:italic;margin:4px 0 0;line-height:1.4}.vs-empty-state{min-height:420px;max-width:560px;margin:48px auto;padding:32px;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 8px 30px #0f172a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#334155}.vs-spinner{width:34px;height:34px;border:3px solid var(--primary-border);border-top-color:var(--primary);border-radius:999px;animation:ygSpin .85s linear infinite}.vs-card-content.is-centered{align-items:center;text-align:center}.vs-inline-link{border:0;background:transparent;color:var(--primary-hover);font:inherit;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none}.vs-inline-link:hover{color:var(--primary-text);text-decoration:underline}.vs-quick-youglish{width:100%;justify-content:flex-start;color:#c2410c}.vs-quick-youglish svg{width:34px;height:34px;padding:9px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#c2410c}.vs-quick-youglish span{display:block;font-size:13px;font-weight:750;color:#0f172a}.vs-done{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:48px 32px;text-align:center;box-shadow:0 8px 30px #0f172a0d;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:40px auto 0}.vs-done-icon{width:76px;height:76px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}.vs-done-icon.success{background:var(--primary-light);color:var(--primary);border:2px solid var(--primary-border)}.vs-done-icon.target{background:#eff6ff;color:#3b82f6;border:2px solid #bfdbfe}.vs-done-icon svg{width:38px;height:38px}.vs-done h2{font-size:28px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.vs-done p{color:#475569;font-size:16px;margin:0;line-height:1.5;max-width:440px}.vs-done p strong{color:#0f172a}.vs-done-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:12px 0 8px}.vs-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}.vs-stat-box span{font-size:13.5px;color:#64748b;font-weight:600}.vs-stat-box strong{font-size:28px;font-weight:800;color:#0f172a}.vs-stat-box.correct strong{color:var(--primary)}.vs-done-actions{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap;margin-top:8px}.vs-done-actions .vc-btn{flex:1;min-width:180px;height:52px;font-size:15px}@keyframes tearOff{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-80px,-120px) rotate(-12deg);opacity:0}}@keyframes riseUp{0%{transform:translateY(40px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes wavePing{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes waveAnim{0%,to{height:10px;opacity:.4}50%{height:24px;opacity:1}}@keyframes pulseAnim{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shakeAnim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake-anim{animation:shakeAnim .35s ease-in-out}.slide-up-anim{animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@media(max-width:1320px)and (min-width:1081px){.vs-studio-shell{padding:16px}.vs-top-bar{grid-template-columns:minmax(0,1fr) auto minmax(180px,300px);gap:12px}.vs-center-stage{gap:16px}.vs-question-stack{width:40%}.vs-answer-zone{padding:16px}.vs-side-dock{width:240px;padding:14px 14px 76px}}@media(max-width:1080px){.vw-dol-layout-2col{grid-template-columns:1fr}.vw-dol-sidebar-panel{position:static}.vs-page{height:auto;min-height:calc(100dvh - var(--topbar-height, 70px));overflow:visible}.vs-studio-shell{height:auto;padding:16px}.vs-top-bar{grid-template-columns:1fr;align-items:stretch}.vs-mode-controls{justify-self:start}.vs-studio-body{flex-direction:column;overflow:visible}.vs-side-dock{width:100%;max-height:none}.vs-center-stage{flex-direction:column}.vs-question-stack{width:100%;min-height:420px}.vs-stack-container{min-height:420px}}@media(max-width:720px){.vw-dol-header,.vw-dol-toolbar{flex-direction:column;align-items:stretch}.vw-dol-search{width:100%}.vw-dol-word-item{flex-direction:column}.vw-dol-word-image{width:100%;height:180px}.vw-dol-word-actions{align-self:flex-start;width:100%;justify-content:flex-end;margin-top:10px}.p1-screen.vs-page{height:100dvh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.p1-screen.vs-page>.p1-header{position:sticky;top:0;z-index:50;flex:0 0 56px}.p1-screen.vs-page>.p1-progress-bar{position:sticky;top:56px;z-index:49;flex:0 0 auto}.p1-screen.vs-page .vs-studio-body{flex:0 0 auto;min-height:0;overflow:visible;padding:10px 10px max(24px,env(safe-area-inset-bottom))}.p1-screen.vs-page .vs-center-stage{gap:10px}.p1-screen.vs-page .vs-question-stack,.p1-screen.vs-page .vs-stack-container{min-height:clamp(340px,55dvh,420px)}.p1-screen.vs-page .vs-answer-zone{gap:12px;padding:14px;overflow:visible}.p1-screen.vs-page .vs-quiz-prompt-switch{margin-left:0;flex:0 0 auto}.p1-screen.vs-page .vs-answer-zone.is-pronunciation>.vs-answer-header{position:static;margin:0;padding:0;border-bottom:0}.p1-screen.vs-page .vs-pronunciation-scroll{flex:0 0 auto;min-height:0;overflow:visible;padding-right:0}.p1-screen.vs-page .vs-typing-container{flex:0 0 auto;min-height:0;overflow:visible}.p1-screen.vs-page .vs-options-grid-2x2{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(64px,auto);gap:10px;margin-top:8px}.p1-screen.vs-page .vs-option-btn-big,.p1-screen.vs-page .vs-action-btn-flat,.p1-screen.vs-page .vs-next-btn,.p1-screen.vs-page .vs-check-btn,.p1-screen.vs-page .vs-card-nav-btn,.p1-screen.vs-page .vs-toggle-image-btn{min-height:44px}.p1-screen.vs-page .vs-center-actions{flex-wrap:wrap;gap:8px;margin-top:10px}.p1-screen.vs-page .vs-action-btn-flat{min-width:0;padding-inline:10px}.p1-screen.vs-page .vs-side-dock{width:100%;padding:14px;overflow:visible}.p1-screen.vs-page .vs-side-dock .vs-dock-section:nth-child(2){display:none}.vs-input-row{flex-direction:column}.vs-check-btn{width:100%;padding:16px}.vs-done-stats{grid-template-columns:1fr}.vs-done-actions{flex-direction:column}}@media(max-width:640px){.vr-body:before{left:0;right:0}.vr-map-panel{padding:18px 14px 6px;border-radius:18px}.vr-timeline-head{flex-direction:column}.vr-legend{margin-left:0;justify-content:flex-start}.vr-map-summary{grid-template-columns:1fr}.vr-chapter{grid-template-columns:38px 1fr;gap:12px}.vr-chapter-dot{width:38px;height:38px}.vr-chapter:before{left:18px;top:38px}.vr-continue{padding:16px}.vr-continue-go{display:none}}.yg-context-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;border:1px solid var(--primary-border, var(--primary-border));border-radius:var(--radius-md, 8px);background:var(--primary-light, var(--primary-light));color:var(--primary-text, var(--primary-text));font:inherit;font-size:13px;font-weight:650;line-height:1;cursor:pointer;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.yg-context-btn:hover{border-color:var(--primary, var(--primary));background:#dff8ec;color:var(--primary-text, var(--primary-text))}.yg-context-btn svg{width:15px;height:15px;flex:0 0 auto}.vocab-illustration{position:relative;margin:0;overflow:hidden;width:min(180px,46%);aspect-ratio:16 / 9;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);background:var(--surface, #fff)}.vocab-illustration img{display:block;width:100%;height:100%;object-fit:cover}.vocab-illustration.is-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecfdf5e6,#f8fafce6);color:var(--primary, var(--primary))}.vocab-illustration.is-placeholder svg{width:28px;height:28px;opacity:.72}.vocab-illustration.is-loading{background:linear-gradient(110deg,#ecfdf5 25%,#f8fafc 42%,#ecfdf5 58%);background-size:220% 100%;animation:vocabImageShimmer 1.4s ease-in-out infinite}.vocab-illustration .vocab-image-loader{animation:vocabImageSpin .8s linear infinite}.vocab-image-feedback{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 5px 4px 10px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffeb;color:#334155;box-shadow:0 6px 20px #0f172a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:750;white-space:nowrap}.vocab-image-feedback button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer}.vocab-image-feedback button:hover,.vocab-image-feedback button:focus-visible{color:var(--primary, #0f9d8a);background:#dff8ec}.vocab-image-feedback button.is-positive{color:#047857;background:#d1fae5}.vocab-image-feedback button.is-negative{color:#dc2626;background:#fee2e2}.vocab-image-feedback button:disabled{cursor:wait;opacity:.65}.vocab-image-feedback svg{width:14px;height:14px;opacity:1}.vocab-illustration.is-list-dol .vocab-image-feedback,.vw-flash-visual .vocab-image-feedback{right:3px;bottom:3px;gap:2px;padding:2px}.vocab-illustration.is-list-dol .vocab-image-feedback span,.vw-flash-visual .vocab-image-feedback span{display:none}.vocab-illustration.is-list-dol .vocab-image-feedback button{width:20px;height:20px}.vocab-illustration.is-list-dol .vocab-image-feedback svg{width:11px;height:11px}.vw-flash-visual .vocab-image-feedback button{width:24px;height:24px}@keyframes vocabImageSpin{to{transform:rotate(360deg)}}@keyframes vocabImageShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.vocab-illustration.is-loading,.vocab-illustration .vocab-image-loader{animation:none}}.vocab-illustration.is-card{margin-bottom:2px}.vocab-illustration.is-study{width:min(240px,60%);margin-bottom:8px;border-radius:16px}.vocab-illustration.is-row{width:58px;border-radius:var(--radius-md, 8px);box-shadow:none}.vocab-illustration.is-row svg{width:20px;height:20px}.vocab-illustration.is-card-row{width:100%;height:100%;aspect-ratio:4 / 3;border-radius:14px}.vocab-illustration.is-list-dol,.vocab-illustration.is-study-card,.vocab-illustration.is-stack-preview{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;transition:filter .2s ease,opacity .2s ease}.vocab-illustration.is-blurred{filter:blur(28px) grayscale(60%);opacity:.85}.vs-toggle-image-btn{position:absolute;top:12px;left:12px;z-index:10;width:32px;height:32px;border-radius:50%;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.vs-toggle-image-btn:hover{background:#0f172acc;transform:scale(1.05)}.vocab-illustration.is-flash-thumb{width:82px!important;height:82px!important;aspect-ratio:1 / 1!important;margin-top:16px;border:2px solid #fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;display:block}.vw-flash-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.vw-flash-example{font-size:13px;color:var(--text-secondary, #475569);font-style:italic;margin:8px 0 0;max-width:440px;line-height:1.5}.vocab-illustration.is-arrange-badge,.vocab-illustration.is-reveal-thumb{width:44px;height:44px;aspect-ratio:1;border-radius:12px;flex:0 0 auto}.vocab-illustration.is-arrange-badge{width:36px;height:36px;border-radius:10px}.vocab-illustration.is-current-word{width:100%;height:80px;aspect-ratio:auto;border:0;border-radius:0}.vs-question-actions .vs-speak,.vs-context-btn{min-height:36px}.yg-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.yg-modal{width:min(980px,100%);max-height:min(760px,calc(100dvh - 48px));display:flex;flex-direction:column;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-xl, 20px);background:var(--surface, #fff);box-shadow:0 25px 70px #0f172a40;overflow:hidden}.yg-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border, #e2e8f0)}.yg-kicker{display:block;margin-bottom:3px;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #64748b)}.yg-modal-head h2{margin:0;font-size:22px;font-weight:700;color:var(--text, #1e293b)}.yg-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--surface, #fff);color:var(--text-secondary, #475569);cursor:pointer}.yg-close:hover{background:var(--surface-2, #f8fafc);color:var(--text, #1e293b)}.yg-widget-shell{position:relative;flex:1;min-height:420px;overflow:auto;padding:16px;background:var(--surface-2, #f8fafc)}.yg-widget-host{width:100%;min-height:420px;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);background:#fff;overflow:hidden;display:block}.yg-widget-host.is-hidden{display:none}.yg-widget-mount{min-height:420px}.yg-loading,.yg-fallback{position:absolute;inset:16px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);background:#fffffff5;text-align:center}.yg-loading strong,.yg-fallback strong{font-size:16px;color:var(--text, #1e293b)}.yg-loading small,.yg-fallback p{max-width:440px;margin:0;font-size:13.5px;color:var(--text-muted, #64748b);line-height:1.5}.yg-spinner{width:32px;height:32px;border:3px solid var(--primary-border, var(--primary-border));border-top-color:var(--primary, var(--primary));border-radius:999px;animation:ygSpin .85s linear infinite}@keyframes ygSpin{to{transform:rotate(360deg)}}.yg-fallback-links,.yg-modal-foot div{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.yg-fallback-links a,.yg-modal-foot a{color:var(--primary-text, var(--primary-text));font-size:13px;font-weight:650;text-decoration:none}.yg-fallback-links a{padding:8px 14px;border:1px solid var(--primary-border, var(--primary-border));border-radius:var(--radius-md, 8px);background:var(--primary-light, var(--primary-light))}.yg-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--border, #e2e8f0);color:var(--text-muted, #64748b);font-size:13px}.vs-header-nav-wrap{display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:2px;border-radius:10px;border:1px solid #cbd5e1}.vs-header-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:0;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.vs-header-nav-btn:hover:not(:disabled){background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.vs-header-nav-btn:disabled{opacity:.35;cursor:not-allowed}.vs-header-nav-btn svg{width:14px;height:14px}.vs-card-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .15s ease;flex-shrink:0}.vs-card-nav-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.vs-card-nav-btn:disabled{opacity:.3;cursor:not-allowed}.vs-listen-peel-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;background:linear-gradient(135deg,var(--warning-light) 0%,#ffffff 100%);transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .7s ease;transform-origin:bottom left;clip-path:polygon(0 0,calc(100% - 46px) 0,100% 46px,100% 100%,0 100%)}.vs-listen-peel-overlay:after{content:"";position:absolute;top:0;right:0;width:46px;height:46px;background:linear-gradient(225deg,transparent 50%,var(--warning-border) 50%);border-bottom-left-radius:10px;box-shadow:-4px 4px 8px #0f172a26;pointer-events:none}.vs-listen-peel-overlay.is-peeled{transform:translate(-10%,-105%) rotate(-12deg);opacity:0;pointer-events:none}.vs-listen-peel-content{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.vr-roadmap-layout{display:flex;flex-direction:column;min-height:100%;height:100%}.vr-header-sticky{position:sticky;top:0;z-index:50}.vr-fab-continue{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;background:var(--primary, var(--primary));color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 8px 28px #0e93844d,0 2px 8px #00000014;transition:background .15s,box-shadow .15s;animation:vocabFabEnter .3s cubic-bezier(.22,1,.36,1) .1s both}.vr-fab-continue:hover{background:var(--primary-hover, var(--primary-hover));box-shadow:0 12px 36px #0e938459,0 4px 12px #0000001a}.vr-fab-continue svg{width:16px;height:16px;flex-shrink:0}.vr-fab-continue small{font-size:11px;opacity:.85;font-weight:500}.personal-vocab-layout{animation:vocabPageEnter .35s cubic-bezier(.16,1,.3,1) both}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-field{background:var(--bg, #f8fafc);border:1px solid var(--border, #e2e8f0);color:var(--text, #0f172a);border-radius:var(--radius-md, 8px);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{border-color:var(--primary, var(--primary));box-shadow:0 0 0 3px #0e938426}.btn-danger-link{transition:transform .15s ease,color .15s ease}.btn-danger-link:hover{transform:scale(1.1);color:#ef4444!important}.hub-row{transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .15s ease,box-shadow .15s ease!important}.hub-row:hover{transform:translateY(-2px);border-color:var(--primary, var(--primary))!important;box-shadow:0 4px 12px #0f172a0d}@keyframes studyFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.vc-bar{height:6px;background:var(--surface-3, #e2e8f0);border-radius:999px;overflow:hidden}.vc-bar>div{height:100%;background:var(--primary, var(--primary));border-radius:inherit;transition:width .3s cubic-bezier(.16,1,.3,1)}.study-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.hub-card::-webkit-scrollbar{width:6px}.hub-card::-webkit-scrollbar-thumb{background:var(--border-hover, #cbd5e1);border-radius:99px}.hub-card::-webkit-scrollbar-track{background:transparent}@media(max-width:900px){.p1-screen.vw-screen{height:100dvh;min-height:100dvh;overflow:hidden}.p1-screen.vw-screen .vw-body{flex:1;height:auto;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.p1-screen.vw-screen .vw-left{min-height:0;padding-bottom:88px;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.p1-screen.vw-screen .vw-toolbar{position:sticky;z-index:24;top:0;margin-bottom:8px;background:#fffffff7;box-shadow:0 8px 22px #16323f14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.p1-screen.vw-screen .vw-flash-card-inner,.p1-screen.vw-screen .vw-flash-card.is-flipped .vw-flash-card-inner,.p1-screen.vw-screen .vw-flash-card:active .vw-flash-card-inner,.p1-screen.vw-screen .vw-flash-card.is-flipped:active .vw-flash-card-inner{transform:none;-webkit-transform:none}.p1-screen.vw-screen .vw-flash-face{transform:none;-webkit-transform:none;backface-visibility:visible;-webkit-backface-visibility:visible;contain:paint}.p1-screen.vw-screen .vw-flash-card:not(.is-flipped) .vw-flash-face.is-back,.p1-screen.vw-screen .vw-flash-card.is-flipped .vw-flash-face.is-front{display:none}.p1-screen.vw-screen .vw-flash-face.is-back .vw-flash-body{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.p1-screen.vw-screen .vw-flash-action-dock{flex-shrink:0}.p1-screen.vw-screen .vw-right{max-height:none}.p1-screen.vw-screen .vw-right.is-mobile-expanded{max-height:min(72dvh,620px)}}@media(max-width:900px)and (prefers-reduced-motion:reduce){.vw-right.is-mobile-expanded,.vw-mobile-sidebar-scrim{animation:none}}@media(max-width:560px){.p1-screen.vw-screen .vw-left{padding:8px 10px 88px}.p1-screen.vw-screen .vw-toolbar{gap:6px;padding:7px 8px;border-radius:12px}.p1-screen.vw-screen .vw-toolbar.is-flashcard .vw-search{display:none}.p1-screen.vw-screen .vw-toolbar.is-flashcard .vw-toolbar-row:first-child{flex-wrap:nowrap;gap:7px}.p1-screen.vw-screen .vw-toolbar.is-flashcard .vw-seg{min-width:0;flex:1}.p1-screen.vw-screen .vw-toolbar.is-flashcard .vw-seg-btn{flex:1;justify-content:center;min-width:0;padding-inline:8px}.p1-screen.vw-screen .vw-toolbar.is-flashcard .vw-toolbar-count{font-size:11px}.p1-screen.vw-screen .vw-flash{gap:8px;margin-top:0;padding:2px 0 12px}.p1-screen.vw-screen .vw-flash-top{min-height:32px}.p1-screen.vw-screen .vw-flash-card{height:clamp(340px,50dvh,430px)}.p1-screen.vw-screen .vw-flash-face{padding:14px 16px 12px;border-radius:20px}.p1-screen.vw-screen .vw-flash-visual{flex-basis:clamp(104px,17dvh,132px)}.p1-screen.vw-screen .vw-flash-face.is-back .vw-flash-body{padding:10px 4px 12px 0}.p1-screen.vw-screen .vw-flash-hint{padding-top:6px}.p1-screen.vw-screen .vw-flash-action-dock{gap:6px}.p1-screen.vw-screen .vw-flash-controls{margin-top:0}.p1-screen.vw-screen .vw-flash-study{gap:6px;margin-top:0}.p1-screen.vw-screen .vw-flash-study-btn{min-height:44px;padding:7px 6px;font-size:12px}.p1-screen.vw-screen .vw-seg-btn,.p1-screen.vw-screen .vw-star-toggle,.p1-screen.vw-screen .vw-flash-nav,.p1-screen.vw-screen .vw-flash-flip,.p1-screen.vw-screen .vw-chip,.p1-screen.vw-screen .vw-action-btn{min-height:44px}.p1-screen.vw-screen .vw-flash-nav,.p1-screen.vw-screen .vw-action-btn.audio,.p1-screen.vw-screen .vw-action-btn.star,.p1-screen.vs-page .vs-card-nav-btn,.p1-screen.vs-page .vs-toggle-image-btn{width:44px;height:44px}.p1-screen.vw-screen .p1-back-btn,.p1-screen.vs-page .p1-back-btn,.p1-screen.vw-screen .feedback-inline-btn,.p1-screen.vs-page .feedback-inline-btn{width:44px;height:44px;min-width:44px;min-height:44px}.personal-vocab-header{align-items:stretch!important;flex-direction:column}.personal-vocab-header-actions{width:100%}.personal-vocab-header-actions .btn{flex:1;min-height:44px;justify-content:center}.personal-vocab-word-form-row{position:relative;padding-top:36px!important}.personal-vocab-word-form-row>span{position:absolute;top:12px;left:12px}.personal-vocab-word-form-grid,.personal-vocab-word-form-meta{min-width:0;grid-column:auto!important;grid-template-columns:minmax(0,1fr)!important}.personal-vocab-word-form-grid>.input-field,.personal-vocab-word-form-meta>.input-field{min-width:0;min-height:44px}.personal-vocab-form-actions{align-items:stretch;flex-direction:column-reverse}.personal-vocab-form-actions .btn{width:100%;min-height:44px}}.community-vocab-stats{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;color:var(--text-secondary);font-size:12px}.community-vocab-rating{display:flex;align-items:center;gap:3px;min-height:32px;color:var(--text-secondary);font-size:12px}.community-vocab-rating button{width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#e6a817;cursor:pointer;font-size:20px}.community-vocab-rating button:not(.is-selected){color:#cbd5e1}.community-vocab-rating button:hover,.community-vocab-rating button:focus-visible{background:#fff7d6;transform:translateY(-1px)}.community-vocab-rating button:disabled{cursor:not-allowed;opacity:.55;transform:none}.personal-vocab-set-actions{flex-wrap:wrap;justify-content:flex-end}.community-vocab-comment-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:700}.community-vocab-comment-toggle:hover{border-color:var(--primary-border);color:var(--primary-text)}.community-vocab-comments{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.community-vocab-comments>p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.community-vocab-comments>p.is-error{color:var(--danger, #dc2626)}.community-vocab-comment-list{display:grid;gap:8px;max-height:260px;overflow-y:auto}.community-vocab-comment-list article{display:grid;gap:4px;padding:9px 10px;border-radius:9px;background:var(--surface)}.community-vocab-comment-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-vocab-comment-list strong{color:var(--text);font-size:12px}.community-vocab-comment-list time{color:var(--text-muted);font-size:10px}.community-vocab-comment-list p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.community-vocab-comments form{display:grid;gap:7px}.community-vocab-comments textarea{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:9px;outline:none;resize:vertical;background:var(--surface);color:var(--text);font:inherit;font-size:12px}.community-vocab-comments textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 13%,transparent)}.community-vocab-comments form>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-vocab-comments form small{color:var(--text-muted);font-size:10px}.personal-vocab-empty-notebook{display:grid;justify-items:center;gap:6px;padding:24px 16px;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.personal-vocab-empty-notebook strong{color:var(--text);font-size:14px}.personal-vocab-empty-notebook span{max-width:460px;font-size:12px;line-height:1.5}@media(max-width:600px){.community-vocab-card{padding:16px!important}.community-vocab-rating{justify-content:space-between}.community-vocab-rating button{width:38px;height:38px}.personal-vocab-set-actions{width:100%}.personal-vocab-set-actions .btn{flex:1 1 calc(50% - 4px);min-height:40px;justify-content:center}}.p1-screen.vw-screen{height:100dvh;min-height:0;overflow:hidden}.p1-screen.vw-screen .vw-body{min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.p1-screen.vw-screen .vw-left{min-height:0}.p1-screen.vw-screen .vw-left:has(.vw-flash){overflow:hidden;gap:12px}.p1-screen.vw-screen .vw-toolbar{flex-shrink:0;margin:0}.p1-screen.vw-screen .vw-flash{flex:1;min-height:0;width:min(100%,820px);margin:0 auto;padding:0;gap:10px}.p1-screen.vw-screen .vw-flash-top{flex-shrink:0}.p1-screen.vw-screen .vw-flash-card{flex:1;height:auto;min-height:0;width:100%}.p1-screen.vw-screen .vw-flash-face{padding:16px 20px;border-radius:20px;box-shadow:0 8px 24px #16323f1a;overflow:hidden}.p1-screen.vw-screen .vw-flash-visual{flex:0 1 100px;min-height:0;margin:8px 0;border-radius:12px}.p1-screen.vw-screen .vw-flash-visual .vocab-illustration{max-height:100%}.p1-screen.vw-screen .vw-flash-body{overflow-y:auto;gap:8px}.p1-screen.vw-screen .vw-flash-term{font-size:clamp(26px,3vw,40px);overflow-wrap:anywhere}.p1-screen.vw-screen .vw-flash-action-dock{flex-shrink:0;width:100%;display:flex;flex-direction:column;gap:8px}.p1-screen.vw-screen .vw-flash-controls,.p1-screen.vw-screen .vw-flash-study{margin:0}@media(min-width:901px){.p1-screen.vw-screen .vw-body{grid-template-columns:minmax(0,1fr) 300px}.p1-screen.vw-screen .vw-left{padding:16px 24px}.p1-screen.vw-screen .vw-right{width:auto;min-height:0;padding:14px;overflow:hidden}.p1-screen.vw-screen .vw-sidebar-content{flex:1;min-height:0;gap:10px}.p1-screen.vw-screen .vw-sidebar-section{padding:12px;flex-shrink:0}.p1-screen.vw-screen .vw-sidebar-section:nth-child(2){flex:1;min-height:0;overflow-y:auto}.p1-screen.vw-screen .vw-mode-list{gap:6px}.p1-screen.vw-screen .vw-mode-btn{padding:8px 10px;min-height:48px}.p1-screen.vw-screen .vw-start-btn{flex-shrink:0;margin:0}.p1-screen.vw-screen .vw-reminder{margin:0;flex-shrink:0}}@media(max-width:900px){.p1-screen.vw-screen .vw-left:has(.vw-flash){padding:8px 12px 80px;gap:8px}.p1-screen.vw-screen .vw-left:has(.vw-flash) .vw-mobile-quick-start{display:none}.p1-screen.vw-screen .vw-flash{gap:6px}.p1-screen.vw-screen .vw-flash-face{padding:12px}.p1-screen.vw-screen .vw-flash-visual{flex-basis:70px}.p1-screen.vw-screen .vw-flash-hint{display:none}.p1-screen.vw-screen .vw-flash-speech-actions{flex-wrap:wrap}}@media(max-width:900px){.p1-screen.vw-screen .vw-right{bottom:max(8px,env(safe-area-inset-bottom))}.p1-screen.vw-screen .vw-right.is-mobile-expanded{bottom:0}}.p1-screen.vw-screen .vw-flash-visual:has(.is-placeholder:not(.is-loading)){display:none}body:has(.vw-screen) .tooich-mascot:not(.is-open):not(.has-music){visibility:hidden;pointer-events:none}.vs-page.vs-empty-page{min-height:100dvh;height:auto;overflow:auto;padding:0 20px 32px}.vs-empty-header{display:flex;align-items:center;gap:16px;width:100%;padding:16px 0;border-bottom:1px solid #dce8e5}.vs-empty-page .vs-empty-state{min-height:0;width:min(100%,560px);box-sizing:border-box;margin:clamp(24px,8vh,80px) auto;padding:32px 24px}.vs-empty-page .vs-empty-state>svg{color:#0e9384}.vs-empty-page .vs-empty-state>strong{font-size:20px}.vs-empty-page .vs-empty-state p{margin:0;color:#617a77;line-height:1.65}.p1-screen.vs-page>.vs-study-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;min-height:56px;flex:0 0 56px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.vs-study-header .p1-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:1}.vs-study-header .p1-back-btn{flex-shrink:0}.vs-study-header .p1-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden}.vs-study-header .p1-bc-parent{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.vs-study-header .p1-bc-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text)}.vs-study-header .p1-bc-current.text-muted,.vs-study-header .p1-bc-current+.p1-bc-sep{display:none}.vs-memory-header{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;z-index:10}.vs-memory-capsule{display:inline-flex;align-items:center;height:32px;padding:2px 4px 2px 10px;border-radius:9999px;background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}.vs-memory-header.is-disabled .vs-memory-capsule{border-color:var(--border-light)}.vs-memory-header.is-ready .vs-memory-capsule{border-color:var(--primary-border);box-shadow:0 0 0 2px var(--primary-light)}.vs-memory-prefix{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:11.5px;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;padding-right:2px}.vs-memory-prefix svg{width:13px;height:13px}.vs-memory-caption{font-size:11.5px;line-height:1}.vs-memory-sep{width:1px;height:14px;background:var(--border);margin:0 4px;flex-shrink:0}.vs-memory-header .vs-grade-bar{display:inline-flex;align-items:center;gap:2px}.vs-memory-header .vs-grade-btn{height:24px;padding:0 7px 0 9px;border:1px solid transparent;border-radius:9999px;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.vs-memory-header .vs-grade-btn strong{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:1}.vs-memory-header .vs-grade-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border);font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;color:var(--text-muted);line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease}.vs-memory-header .vs-grade-btn kbd svg{width:10px;height:10px}.vs-memory-header .vs-grade-enter-tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;color:var(--primary);line-height:1}.vs-memory-header .vs-grade-btn:disabled{cursor:default}.vs-memory-header .vs-grade-btn:disabled:not(.is-confirmed){color:var(--text-muted)}.vs-memory-header .vs-grade-btn:disabled:not(.is-confirmed) kbd{opacity:.6}.vs-memory-header .vs-grade-btn.forgot:hover:not(:disabled){color:var(--danger-text);background:var(--danger-light);border-color:var(--danger-border)}.vs-memory-header .vs-grade-btn.forgot:hover:not(:disabled) kbd{color:var(--danger-text);border-color:var(--danger-border)}.vs-memory-header .vs-grade-btn.normal:hover:not(:disabled){color:var(--primary-text);background:var(--primary-light);border-color:var(--primary-border)}.vs-memory-header .vs-grade-btn.normal:hover:not(:disabled) kbd{color:var(--primary-text);border-color:var(--primary-border)}.vs-memory-header .vs-grade-btn.easy:hover:not(:disabled){color:var(--secondary-text);background:var(--secondary-light);border-color:var(--secondary-border)}.vs-memory-header .vs-grade-btn.easy:hover:not(:disabled) kbd{color:var(--secondary-text);border-color:var(--secondary-border)}.vs-memory-header .vs-grade-btn.forgot.is-confirmed{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger-border)}.vs-memory-header .vs-grade-btn.normal.is-confirmed{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary-border)}.vs-memory-header .vs-grade-btn.easy.is-confirmed{background:var(--secondary-light);color:var(--secondary-text);border-color:var(--secondary-border)}.vs-memory-header .vs-grade-btn.is-confirmed kbd{color:inherit;border-color:currentColor;background:transparent}.vs-memory-info{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .12s ease}.vs-memory-info svg{width:13px;height:13px}.vs-memory-info:hover{color:var(--text);background:var(--surface-hover)}.vs-memory-info[aria-expanded=true]{color:var(--primary-text);background:var(--primary-light)}.vs-memory-info:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.vs-memory-status{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:20;pointer-events:none;font-size:11px;font-weight:600;white-space:nowrap;color:var(--primary-text);opacity:0;transition:opacity .15s ease}.vs-memory-status.has-feedback{opacity:1;padding:4px 12px;background:var(--surface);border:1px solid var(--primary-border);border-radius:9999px;box-shadow:0 4px 12px #00000014}.vs-memory-help{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:60;width:min(320px,calc(100vw - 24px));padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014;outline:none;animation:vsFadeSlideDown .15s ease-out}@keyframes vsFadeSlideDown{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.vs-memory-help-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vs-memory-help-title{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}.vs-memory-help-title svg{width:14px;height:14px;color:var(--primary-text)}.vs-memory-help-close{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;transition:all .12s}.vs-memory-help-close svg{width:14px;height:14px}.vs-memory-help-close:hover{background:var(--surface-hover, rgba(0, 0, 0, .05));color:var(--text)}.vs-memory-help-desc{margin:0 0 10px;font-size:11.5px;line-height:1.55;color:var(--text-secondary)}.vs-memory-help-list{margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.vs-memory-help-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;background:var(--bg-subtle, rgba(0, 0, 0, .02));font-size:11.5px}.vs-memory-help-item dt{display:flex;align-items:center;gap:6px;font-weight:600}.vs-memory-help-badge{font-size:11px}.vs-memory-help-item.is-forgot .vs-memory-help-badge{color:var(--danger-text)}.vs-memory-help-item.is-normal .vs-memory-help-badge{color:var(--primary-text)}.vs-memory-help-item.is-easy .vs-memory-help-badge{color:var(--secondary-text)}.vs-memory-help-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border);font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;color:var(--text-secondary)}.vs-memory-help-item dd{margin:0;color:var(--text-secondary);font-size:11px}.vs-memory-help-footer{padding-top:8px;border-top:1px solid var(--border-light);font-size:10.5px;line-height:1.5;color:var(--text-muted)}@media(max-width:1140px){.vs-memory-header{position:static;transform:none}}@media(max-width:880px){.vs-memory-prefix .vs-memory-caption,.vs-study-header .p1-bc-parent{display:none}}@media(max-width:720px){.p1-screen.vs-page>.p1-header.vs-study-header{position:sticky;padding:0 12px}.vs-study-header .p1-header-right{gap:6px}.vs-study-header .p1-header-right .p1-mode-pill,.vs-study-header .p1-header-right .p1-lang-pill{display:none}.vs-memory-prefix,.vs-memory-prefix+.vs-memory-sep{display:none}.vs-memory-capsule{padding:2px 3px}.vs-memory-header .vs-grade-btn{padding:0 7px}.vs-memory-header .vs-grade-btn strong{font-size:11.5px}.vs-memory-header .vs-grade-btn kbd,.vs-memory-header .vs-grade-enter-tag{display:none}}@media(prefers-reduced-motion:reduce){.vs-memory-header .vs-grade-btn,.vs-memory-capsule,.vs-memory-help{transition:none;animation:none}}.vw-flash-back-head{width:100%;text-align:center;padding:2px 0 10px;border-bottom:1px solid var(--border, #e2e8f0)}.vw-flash-back-term{margin:3px 0 0;font-size:13px;color:var(--text-secondary, #475569)}.vw-flash-rows{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;padding-top:2px}.vw-flash-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start}.vw-flash-row-label{padding-top:3px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #475569)}.vw-flash-row-body{min-width:0;font-size:13.5px;line-height:1.5;color:var(--text, #1e293b)}.vw-flash-row-en{margin:0}.vw-flash-row-vi{margin:1px 0 0;font-size:12.5px;color:var(--text-muted, #64748b)}.vw-colloc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.vw-flash-row .vw-colloc-chip{font-size:12.5px;color:var(--primary-text, #0f766e);background:var(--primary-soft, #e6f6f1);border:1px solid var(--primary-border, #b7e4d6);border-radius:5px;padding:1px 8px;white-space:nowrap}.vocab-synonym-rows{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.vocab-synonym-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.vocab-synonym-word{font-weight:650;color:var(--text, #1e293b)}.vocab-synonym-pos{font-size:10.5px;line-height:1.5;color:var(--text-secondary, #475569);border:1px solid var(--border, #e2e8f0);border-radius:4px;padding:0 5px}.vocab-synonym-meaning{font-size:13px;color:var(--text-secondary, #475569)}.vocab-synonym-en{margin:2px 0 0;font-size:12.5px;color:var(--text-secondary, #475569)}.vocab-synonym-vi{margin:1px 0 0;font-size:12px;color:var(--text-muted, #64748b)}.vocab-synonyms-empty.is-inline p{margin:0;color:var(--text-muted, #64748b);font-size:12.5px}.vw-flash-note-bare{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-secondary, #475569)}.vw-flash-note-bare .is-example em{font-style:normal;color:var(--text-muted, #64748b)}@media(max-width:520px){.vw-flash-row{grid-template-columns:minmax(0,1fr);gap:2px}}.vw-flash-lookup{margin-left:10px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;color:var(--primary-text, #0f766e);cursor:pointer}.vw-flash-lookup:hover{text-decoration:underline}.vw-flash-controls .vw-flash-flip.is-secondary{background:var(--surface, #ffffff);border-color:var(--border, #e2e8f0);color:var(--text, #1e293b)}.vw-flash-controls .vw-flash-flip.is-secondary:hover{background:var(--surface-2, #f8fafc);border-color:var(--border-strong, #cbd5e1)}.vw-flash-study .vw-flash-study-btn.is-wrong{background:#fef2f2;border-color:#fecaca}.vw-flash-study .vw-flash-study-btn.is-wrong:hover{background:#fee2e2;border-color:#fca5a5}.vw-flash-study .vw-flash-study-btn.is-later{background:#fffbeb;border-color:var(--warning-border, #fde68a)}.vw-flash-study .vw-flash-study-btn.is-later:hover{background:#fef3c7}.vw-flash-study .vw-flash-study-btn.is-known{background:var(--primary-light, #e6f6f1);border-color:var(--primary-border, #b7e4d6)}.vw-flash-study .vw-flash-study-btn.is-known:hover{background:#d4efe6}[data-tooich-shop-theme=night] .vw-flash-study .vw-flash-study-btn.is-wrong{background:#ef44441f;border-color:#ef444459}[data-tooich-shop-theme=night] .vw-flash-study .vw-flash-study-btn.is-later{background:#f59e0b1f;border-color:#f59e0b59}[data-tooich-shop-theme=night] .vw-flash-study .vw-flash-study-btn.is-known{background:#14b8a61f;border-color:#14b8a659}.vw-flash-face-top.is-bare{border-bottom-color:transparent;padding-bottom:0}.vw-flash-face.is-front .vw-flash-face-top.is-bare{position:absolute;top:16px;right:18px;z-index:2}.vw-flash-card .vw-flash-face.is-front .vw-flash-visual{margin-top:auto}.vw-flash-card .vw-flash-face.is-front .vw-flash-body{flex:0 0 auto;margin-bottom:auto;padding-top:14px}@media(min-width:769px){.vw-flash-card{max-height:580px}.vw-flash-card .vw-flash-face.is-front .vw-flash-visual{flex:0 0 168px}}@media(hover:hover){.vw-flash-visual .vocab-image-feedback{opacity:0;transition:opacity .15s ease}.vw-flash-visual:hover .vocab-image-feedback,.vw-flash-visual .vocab-image-feedback:focus-within{opacity:1}}.vw-flash-speech-actions .notebook-save-trigger,.vw-flash-speech-actions .vw-flash-audio,.vw-flash-speech-actions .vw-flash-pronunciation-toggle{min-height:38px;padding:7px 14px;border:1px solid rgba(22,50,63,.14);border-radius:999px;background:var(--surface, #fff);color:var(--text, #1e293b);font-size:12.5px;font-weight:650;transform:none}.vw-flash-speech-actions .notebook-save-trigger:hover,.vw-flash-speech-actions .vw-flash-audio:hover,.vw-flash-speech-actions .vw-flash-pronunciation-toggle:hover{border-color:var(--primary-border, #b7e4d6);background:var(--primary-light, #e6f6f1);color:var(--primary-text, #0f766e)}.vw-flash-speech-actions .vw-flash-pronunciation-toggle.is-active{border-color:var(--primary, #0e9384);background:var(--primary-light, #e6f6f1);color:var(--primary-text, #0f766e)}.vw-flash-speech-actions .notebook-save-trigger svg{width:15px;height:15px}.vw-star-toggle{gap:6px}.vw-star-label{font-size:12.5px;font-weight:600;white-space:nowrap}@media(max-width:520px){.vw-star-label{display:none}}.vw-sidebar-content>.vw-sidebar-section+.vw-sidebar-section,.p1-screen.vw-screen .vw-sidebar-section:nth-child(2){flex:0 1 auto}.vw-screen,.vw-body{background:#e9efed}.vw-flash-face.is-front,.vw-flash-face.is-back{background:#fff}.vw-flash-face{border-color:#16323f1f;box-shadow:0 1px 2px #16323f0d,0 8px 24px #16323f0f}.vw-toolbar{background:#fff;box-shadow:none}.vw-right{background:transparent;border-left:0}.vw-sidebar-section{background:#fff;box-shadow:0 1px 2px #16323f0a}.vw-flash-deck-layer{position:absolute;inset:0;z-index:-1;border-radius:24px;background:#fff;border:1px solid rgba(22,50,63,.1);box-shadow:0 1px 2px #16323f0a;transform-origin:50% 100%;pointer-events:none}.vw-flash-deck-layer.is-1{transform:translateY(9px) scale(.968);background:#f7f9f8;border-color:#16323f1f}.vw-flash-deck-layer.is-2{transform:translateY(18px) scale(.936);background:#eef3f1;border-color:#16323f1c}.vw-flash-card.has-stack-1{margin-bottom:9px}.vw-flash-card.has-stack-2{margin-bottom:18px}:root[data-tooich-shop-theme=night] .vw-flash-deck-layer{background:var(--surface);border-color:var(--border)}.vw-flash-card{animation:none}.vw-flash-card.is-enter-next .vw-flash-card-inner{animation:vwDeckRise .34s cubic-bezier(.2,.9,.3,1)}.vw-flash-card.is-enter-prev .vw-flash-card-inner{animation:vwDeckReturn .3s cubic-bezier(.2,.9,.3,1)}.vw-flash-card.is-enter-none .vw-flash-card-inner{animation:vwDeckFade .2s ease-out}@keyframes vwDeckRise{0%{transform:translateY(9px) scale(.968);opacity:.55}to{transform:none;opacity:1}}@keyframes vwDeckReturn{0%{transform:translate(-28px) rotate(-1.5deg);opacity:0}to{transform:none;opacity:1}}@keyframes vwDeckFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.vw-flash-card .vw-flash-card-inner{animation:none!important}}@media(max-width:768px){.vw-flash-deck-layer{border-radius:20px}}.hub.shop-store-page{width:100%;max-width:1400px;margin-inline:auto;gap:14px}.shop-store-page .store-tabs{margin-bottom:0}.store-stats{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-bottom:0;padding:12px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.store-stats-balance{display:flex;align-items:center;gap:10px}.store-stats-balance>svg{color:var(--warning-text)}.store-stats-balance>div,.store-stats-earned{display:grid;gap:2px}.store-stats small{color:var(--text-muted);font-size:11px}.store-stats strong{color:var(--text);font-size:18px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.store-stats-earned{padding-left:22px;border-left:1px solid var(--border)}.store-stats-earned strong{font-size:13px}.store-stats a{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--primary-text);font-size:12.5px;font-weight:650;text-decoration:none}.store-stats a:hover{text-decoration:underline;text-underline-offset:3px}.shop-workspace{min-width:0}.shop-workspace.has-history{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.hub.store-page .shop-catalog-section{margin-top:0;padding:0;border:0;background:transparent;box-shadow:none}.shop-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.shop-category-tabs{display:flex;flex-wrap:wrap;gap:6px}.shop-category-tabs button{min-height:36px;padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.shop-category-tabs button:hover{border-color:var(--primary-border);color:var(--primary-text)}.shop-category-tabs button.is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.shop-category-tabs button:focus-visible,.shop-history-section summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shop-item-count{color:var(--text-muted);font-size:12px;white-space:nowrap}.hub.store-page .shop-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.hub.store-page .shop-workspace.has-history .shop-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub.store-page .shop-item-card{display:flex;min-width:0;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:none;transition:border-color .15s ease,transform .15s ease}.hub.store-page .shop-item-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:none}.hub.store-page .shop-item-card.is-owned{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.shop-item-preview{position:relative;display:grid;height:116px;place-items:center;overflow:hidden;background:var(--surface-2);border-bottom:1px solid var(--border-light)}.shop-item-preview.is-style{background:color-mix(in srgb,var(--primary-light) 48%,var(--surface))}.shop-item-preview.is-mascot{background:color-mix(in srgb,var(--primary-light) 65%,var(--surface))}.shop-item-preview.is-utility{background:color-mix(in srgb,var(--surface-3) 70%,var(--surface))}.shop-item-preview.is-too_supporter{background:color-mix(in srgb,var(--warning-light) 55%,var(--surface))}.shop-preview-avatar{display:grid;width:76px;height:76px;place-items:center;border:4px solid #62d9c5;border-radius:50%;box-shadow:0 0 0 6px #62d9c52b,0 0 0 7px #0e938429;background:var(--surface)}.shop-preview-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.shop-preview-name{color:transparent;background:linear-gradient(90deg,#0e9384,#7c65d9,#f2a93b,#0e9384);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;font-size:25px;font-weight:800;letter-spacing:-.03em;animation:shopAuroraName 5s linear infinite}.shop-item-preview.is-avatar_frame_gold .shop-preview-avatar{border-color:#e2ac3f;box-shadow:0 0 0 6px #e2ac3f33,0 0 0 7px #c7861a2e}.shop-item-preview.is-name_gold .shop-preview-name{background-image:linear-gradient(90deg,#a86a0e,#e0a127,#f6cf6a,#c7861a,#a86a0e)}.shop-preview-mascot{position:relative;display:block;width:76px;height:88px}.shop-preview-mascot .tooich-mascot-float{animation:none;filter:none}.shop-preview-speech{position:absolute;top:4px;left:69px;width:max-content;max-width:88px;padding:5px 7px;border:1px solid var(--primary-border);border-radius:7px;background:var(--surface);color:var(--text);font-size:10px;font-weight:700;transform:rotate(4deg)}.shop-preview-tool{display:grid;min-width:86px;min-height:86px;align-content:center;justify-items:center;gap:2px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary-text)}.shop-preview-tool span{font-size:13px;font-weight:800;letter-spacing:.01em}.shop-item-head{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:26px;margin:11px 13px 0}.shop-item-kind{color:var(--text-muted);font-size:10px;font-weight:650}.shop-item-status{color:var(--text-muted);font-size:10px;line-height:1.3;text-align:right}.shop-item-status.is-owned{color:var(--success-text);font-weight:700}.shop-item-info{flex:1;margin:8px 13px 12px}.shop-item-info h4{margin:0 0 5px;color:var(--text);font-size:14px;line-height:1.3;font-weight:750}.shop-item-info p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-item-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;margin:0 13px;padding:11px 0 13px;border-top:1px solid var(--border-light)}.shop-item-price{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;color:var(--text);font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}.shop-item-price svg{color:var(--warning-text)}.shop-item-price.is-premium-gift{color:var(--warning-text);font-size:11px}.hub.store-page .shop-item-actions .btn{min-width:0;min-height:32px;padding:6px 9px;border-radius:6px;font-size:11px;white-space:nowrap}.shop-item-button-stack{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.shop-item-button-stack .btn{text-decoration:none}.shop-history-section{min-width:0;margin-top:0;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.shop-history-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;list-style:none}.shop-history-section summary::-webkit-details-marker{display:none}.shop-history-section summary>span:last-child{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px;font-weight:500}.shop-history-section[open] summary svg{transform:rotate(180deg)}.shop-history-list{max-height:min(540px,calc(100dvh - 310px));overflow-y:auto;border-top:1px solid var(--border)}.shop-history-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 145px;gap:12px;align-items:center;padding:11px 18px;color:var(--text-secondary);font-size:11px}.shop-workspace.has-history .shop-history-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.shop-workspace.has-history .shop-history-row time{grid-column:1 / -1;text-align:left;color:var(--text-muted)}.shop-history-row+.shop-history-row{border-top:1px solid var(--border-light)}.shop-history-row strong{min-width:0;color:var(--text);font-size:12px;font-weight:650}.shop-history-row time{text-align:right}.lifetime-reward-card{position:relative;margin-top:18px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lifetime-reward-glow{display:none}.lifetime-reward-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.lifetime-reward-title-row{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.lifetime-reward-gift{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:var(--warning-light);color:var(--warning)}.lifetime-reward-kicker{color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.lifetime-reward-head h2{margin:4px 0;color:var(--text);font-size:16px;font-weight:600}.lifetime-reward-head p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.lifetime-reward-value{flex:0 0 auto;padding:7px 12px;border-radius:8px;background:var(--warning-light);color:var(--warning-text);font-size:15px;font-weight:700}.lifetime-reward-conditions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.lifetime-reward-conditions>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:12px;border:1px solid var(--border-light);border-radius:10px;background:var(--surface-2)}.lifetime-reward-conditions>div>span{grid-row:1 / 3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--surface-3);color:var(--text-muted)}.lifetime-reward-conditions>div.is-done>span{background:var(--success-light);color:var(--success-text)}.lifetime-reward-conditions strong{color:var(--text);font-size:11.5px}.lifetime-reward-conditions small{color:var(--text-muted);font-size:10.5px}.lifetime-reward-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.lifetime-reward-progress>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.lifetime-reward-progress span{color:var(--text-secondary)}.lifetime-reward-progress strong{color:var(--text);font-size:12px}.lifetime-reward-track{display:block;height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.lifetime-reward-track i{display:block;height:100%;border-radius:inherit;background:var(--warning);transition:width .4s ease}.lifetime-reward-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface-2);color:var(--text-secondary);font-size:12.5px;line-height:1.5}.lifetime-reward-claim-form{display:grid;grid-template-columns:150px 1fr auto;gap:10px;margin-top:18px}.lifetime-reward-claim-form select,.lifetime-reward-claim-form input{min-width:0;min-height:44px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.lifetime-reward-claim-form select:focus,.lifetime-reward-claim-form input:focus{outline:2px solid color-mix(in srgb,var(--primary) 22%,transparent);border-color:var(--primary)}.lifetime-reward-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:18px;padding:13px 15px;border-radius:12px;background:var(--surface-2);color:var(--text-secondary);font-size:13px}.lifetime-reward-status strong{color:var(--primary-text)}.lifetime-reward-status small{flex-basis:100%}.lifetime-reward-status.is-fulfilled{background:color-mix(in srgb,var(--success) 10%,var(--surface))}.reward-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.reward-channel-grid article{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.reward-channel-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:10px}.reward-channel-icon.is-milestone{background:var(--primary-light);color:var(--primary-text)}.reward-channel-icon.is-streak{background:var(--warning-light);color:var(--warning-text)}.reward-channel-icon.is-lifetime{background:color-mix(in srgb,var(--purple) 10%,var(--surface));color:var(--purple)}.reward-channel-grid strong{color:var(--text);font-size:13px}.reward-channel-grid p{margin:4px 0 0;color:var(--text-muted);font-size:11.5px;line-height:1.45}.rewards-milestone-section{padding:22px}.rewards-section-head>div p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.rewards-section-head>span{padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-secondary);font-size:11.5px;font-weight:600}.reward-milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reward-milestone-card{display:flex;min-height:200px;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.reward-milestone-card.is-unlocked{border-color:var(--primary-border)}.reward-milestone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.reward-milestone-top>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-3);color:var(--text-muted)}.reward-milestone-card.is-unlocked .reward-milestone-top>span{background:var(--warning-light);color:var(--warning)}.reward-milestone-top small{color:var(--text-muted);font-size:11px;font-weight:var(--weight-medium)}.reward-milestone-card>strong{color:var(--text);font-size:14.5px}.reward-milestone-card>p{flex:1;margin:6px 0 14px;color:var(--text-muted);font-size:11.5px;line-height:1.5}.reward-milestone-progress{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.reward-milestone-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.reward-milestone-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--text-muted);font-size:10.5px;font-weight:750}.reward-milestone-card footer b{display:inline-flex;align-items:center;gap:4px;color:var(--success-text)}@media(max-width:680px){.store-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.store-stats-earned{min-width:0;padding-left:14px}.store-stats a{grid-column:1 / -1;margin:0;padding-top:12px;border-top:1px solid var(--border)}.shop-category-tabs{flex-wrap:wrap;overflow:visible}.shop-category-tabs button{flex:0 0 auto}.shop-item-count{display:none}.shop-history-list{max-height:300px}.shop-history-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.shop-history-row time{grid-column:1 / -1;text-align:left;color:var(--text-muted)}.shop-hero,.rewards-hero{grid-template-columns:1fr;padding:22px}.shop-wallet-card{min-height:150px}.reward-channel-grid,.reward-milestone-grid,.lifetime-reward-conditions{grid-template-columns:1fr}.lifetime-reward-card{padding:22px}.lifetime-reward-title-row{flex-direction:column}.lifetime-reward-value{display:none}.lifetime-reward-progress-grid,.lifetime-reward-claim-form{grid-template-columns:1fr}}@media(min-width:681px)and (max-width:980px){.reward-milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1249px){.shop-workspace.has-history{grid-template-columns:minmax(0,1fr)}.shop-workspace.has-history .shop-history-list{max-height:300px}}@media(min-width:520px)and (max-width:680px){.hub.store-page .shop-items-grid,.hub.store-page .shop-workspace.has-history .shop-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-item-actions,.shop-item-button-stack{flex-wrap:wrap}}@media(max-width:519px){.hub.store-page .shop-items-grid,.hub.store-page .shop-workspace.has-history .shop-items-grid{grid-template-columns:1fr}}.user-profile-head{display:flex;align-items:center;gap:14px;padding:4px 0 16px}.avatar-lg{width:56px;height:56px;font-size:22px}.user-profile-info{display:flex;flex-direction:column;gap:2px}.user-profile-info strong{font-size:1.2rem;font-weight:800}.user-profile-level{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.user-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0}.user-profile-stat{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.user-profile-stat small{display:block;font-size:var(--text-xs);color:var(--text-secondary)}.user-profile-stat strong{display:block;font-size:1.1rem;font-weight:700;margin-top:2px}.user-profile-actions{display:flex;gap:8px;padding-top:12px}.user-profile-actions .btn{flex:1}.chat-container{display:flex;flex-direction:column;height:calc(100dvh - 140px);max-height:700px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-load-more{align-self:center;padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.chat-load-more:hover{background:var(--surface)}.chat-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.chat-msg{display:flex;gap:10px;max-width:80%}.chat-msg.is-own{flex-direction:row-reverse;margin-left:auto}.chat-msg-avatar{flex-shrink:0}.chat-msg-body{display:flex;flex-direction:column;gap:2px}.chat-msg-head{display:flex;align-items:baseline;gap:6px}.chat-msg-head strong{font-size:var(--text-sm);font-weight:700}.chat-msg-head small{font-size:10px;color:var(--text-muted)}.chat-msg-text{padding:8px 14px;border-radius:14px 14px 14px 4px;background:var(--surface-2);font-size:var(--text-sm);line-height:1.5;word-break:break-word}.chat-msg.is-own .chat-msg-text{border-radius:14px 14px 4px;background:var(--primary);color:#fff}.chat-input-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--surface)}.chat-input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--text-sm)}.chat-input:focus{outline:none;border-color:var(--primary)}.avatar-xs{width:28px;height:28px;font-size:12px}.chat-container.community-chat-container{gap:0;padding:0;min-height:0}.live-chat-panel .community-chat-container{flex:1;height:auto;max-height:none;border:0;border-radius:0}.community-chat-container .chat-messages{min-height:0;overflow-anchor:none}.community-chat-container .chat-msg-body{min-width:0}.community-chat-container .chat-msg-head{flex-wrap:wrap;overflow-wrap:anywhere}.community-chat-container .chat-msg-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-composer{flex-shrink:0;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px)}.chat-composer .chat-input-form{border-top:0}.chat-reply-action{align-self:flex-start;min-height:32px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer}.chat-reply-action:hover{background:var(--surface-2);color:var(--primary-text)}.chat-reply-action:focus-visible,.chat-reply-cancel:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chat-reply-quote,.chat-reply-preview{margin:0;padding:8px 10px;border-left:3px solid var(--primary);border-radius:6px;background:var(--surface-2);font-size:12px;color:var(--text-secondary)}.chat-reply-quote strong,.chat-reply-preview strong{display:block;color:var(--primary-text);overflow-wrap:anywhere}.chat-reply-quote span,.chat-reply-preview span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.chat-reply-preview{display:flex;align-items:center;gap:8px;margin:10px 12px 0}.chat-reply-preview>div{flex:1;min-width:0}.chat-reply-cancel{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;color:var(--text-secondary);background:transparent;cursor:pointer}.chat-send-error,.chat-status{padding:8px 12px;font-size:12px;overflow-wrap:anywhere}.chat-send-error{color:var(--danger-text)}.chat-status{flex-shrink:0;color:var(--text-secondary)}@media(max-width:560px){.community-chat-container .chat-reply-action,.chat-reply-cancel{min-height:44px;min-width:44px}}.shop-item-button-stack{display:flex;align-items:center;gap:8px}.shop-item-button-stack .btn{white-space:nowrap;text-decoration:none}@media(max-width:560px){.chat-container{height:calc(100dvh - 120px);border-radius:var(--radius-md)}.chat-msg{max-width:90%}}.share-reward-card{display:grid;gap:16px;margin-top:18px;padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.share-reward-head{display:flex;align-items:flex-start;gap:14px}.share-reward-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:10px;background:var(--warning-light);color:var(--warning-text)}.share-reward-head h2{margin:0;color:var(--text);font-size:18px}.share-reward-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px;line-height:1.5}.share-reward-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:share-step}.share-reward-steps li{position:relative;padding:12px 12px 12px 40px;border:1px solid var(--border-light);border-radius:10px;background:var(--surface-2);color:var(--text-secondary);font-size:12.5px;line-height:1.5;counter-increment:share-step}.share-reward-steps li:before{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--primary-light);color:var(--primary-text);font-size:11px;font-weight:800;content:counter(share-step)}.share-reward-steps strong{color:var(--text)}.share-reward-suggest{display:grid;gap:6px;padding:12px 14px;border:1px dashed var(--border);border-radius:10px}.share-reward-suggest span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.share-reward-suggest p{margin:0;color:var(--text);font-size:13px;line-height:1.55;-webkit-user-select:text;user-select:text}.share-reward-suggest .btn{justify-self:start}.share-reward-form{display:flex;gap:10px}.share-reward-input{display:flex;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted)}.share-reward-input:focus-within{border-color:var(--primary)}.share-reward-input input{flex:1;min-width:0;height:42px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;outline:none}.share-reward-status{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:var(--surface-2);color:var(--text-secondary)}.share-reward-status.is-approved{background:var(--success-light);color:var(--success-text)}.share-reward-status.is-rejected{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.share-reward-status div{display:grid;gap:3px}.share-reward-status strong{color:var(--text);font-size:13.5px}.share-reward-status a{display:inline-flex;align-items:center;gap:4px;width:fit-content;color:var(--primary-text);font-size:12.5px;font-weight:600}.share-reward-status small{color:var(--text-muted);font-size:12px}@media(max-width:760px){.share-reward-steps{grid-template-columns:1fr}.share-reward-form{flex-direction:column}.share-reward-form .btn{width:100%;justify-content:center}.share-reward-card{padding:18px}}.test-comments{margin-top:24px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.test-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.test-comments-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.test-comments-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:12px;font-weight:600}.test-comments-sort{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-3)}.test-comments-sort button{padding:5px 14px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.test-comments-sort button.is-active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.test-comments-compose{display:flex;gap:12px;margin-bottom:18px}.test-comments-avatar{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:700;overflow:hidden}.test-comments-avatar img{width:100%;height:100%;object-fit:cover}.test-comments-compose-body{flex:1;min-width:0}.test-comments-compose textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.test-comments-compose textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0e938424;background:var(--surface)}.test-comments-compose-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.test-comments-error{margin-right:auto;color:var(--danger-text);font-size:13px}.test-comments-login{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:18px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-secondary);font-size:14px}.test-comments-login .btn{margin-left:auto}.test-comments-empty{padding:20px 4px;color:var(--text-muted);font-size:14px;text-align:center}.test-comments-list{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.test-comment{display:flex;gap:12px}.test-comment-body{flex:1;min-width:0}.test-comment-meta{display:flex;align-items:baseline;gap:8px}.test-comment-meta strong{font-size:14px;font-weight:700;color:var(--text)}.test-comment-time{color:var(--text-muted);font-size:12px}.test-comment-content{margin:3px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.test-comment-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.test-comment-vote{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.test-comment-vote:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary-text)}.test-comment-vote.is-voted{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.test-comment-vote:disabled{cursor:default;opacity:.7}.test-comment-delete{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s ease}.test-comment-delete:hover{background:var(--danger-light)}.video-lesson-workspace-page{gap:var(--space-5)}.video-draft-form label,.video-admin-form label{display:grid;gap:6px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.video-draft-form input,.video-draft-form select,.video-draft-form textarea,.video-admin-form input,.video-admin-form select,.video-admin-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}.video-draft-form input:focus,.video-draft-form select:focus,.video-draft-form textarea:focus,.video-admin-form input:focus,.video-admin-form select:focus,.video-admin-form textarea:focus{outline:3px solid var(--primary-border);border-color:var(--primary)}.video-folder-section{margin:2px 0 22px}.video-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.video-section-heading h2{margin:0;color:var(--text);font-size:var(--text-xl)}.video-section-heading p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.video-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.video-folder-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;border:1px solid var(--border-light);border-radius:15px;background:var(--surface);color:var(--text);padding:14px;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.video-folder-card:hover{transform:translateY(-1px);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.video-folder-card:focus-visible{outline:3px solid var(--primary-border);outline-offset:2px}.video-folder-card.child{margin-left:14px;border-style:dashed}.video-folder-card.muted{color:var(--text-secondary)}.video-folder-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:var(--primary-light);color:var(--primary-text)}.video-folder-copy{display:grid;min-width:0;gap:3px}.video-folder-copy strong,.video-folder-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-folder-copy small{color:var(--text-muted);font-size:var(--text-xs)}.video-folder-current{display:flex;align-items:center;gap:16px;margin:2px 0 18px;padding:14px 16px;border:1px solid var(--primary-border);border-radius:15px;background:var(--primary-light)}.video-folder-current .btn{display:inline-flex;align-items:center;gap:7px}.video-folder-current>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.video-folder-current span,.video-folder-current small{color:var(--text-muted);font-size:var(--text-xs)}.video-folder-current strong{color:var(--text)}.video-load-more{display:flex;justify-content:center;padding:22px 0 4px}.video-load-more-error{margin:14px 0 0;color:var(--danger-text);text-align:center}.video-lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-lesson-card{overflow:hidden;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.video-lesson-card:hover{transform:translateY(-2px);border-color:var(--primary-border);box-shadow:var(--shadow-md)}.video-lesson-card-link{display:block;color:inherit;text-decoration:none}.video-lesson-card-link:hover{color:inherit;text-decoration:none}.video-lesson-thumbnail{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:var(--surface-3);color:var(--text-muted)}.video-lesson-thumbnail img{width:100%;height:100%;object-fit:cover}.video-lesson-duration{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:4px;background:#0f172ad1;color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.video-lesson-card-body{padding:16px 18px 18px}.video-lesson-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:12px}.video-lesson-card-meta .count-badge,.video-lesson-card-meta .chip,.video-lesson-tags .chip{min-height:0;padding:3px 10px;font-size:11px}.video-workspace-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:var(--text-xs)}.video-lesson-card-body h2{margin:0 0 10px;color:var(--text);font-size:14px;font-weight:var(--weight-bold);line-height:var(--leading-snug)}.video-lesson-tags{display:flex;flex-wrap:wrap;gap:7px}.video-lesson-progress{height:4px;margin-top:14px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.video-lesson-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.video-learning-state{display:grid;place-items:center;min-height:180px;padding:24px;color:var(--text-muted);text-align:center}.video-learning-state.error,.video-form-error{color:var(--danger-text)}.video-draft-form{display:grid;gap:18px;max-width:760px;margin:20px auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.video-draft-step{display:flex;align-items:flex-start;gap:12px;padding-top:6px;border-top:1px solid var(--border-light)}.video-draft-step>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary-text);font-weight:var(--weight-bold)}.video-draft-step h2{margin:0;color:var(--text);font-size:var(--text-lg)}.video-draft-step p{margin:4px 0 0;color:var(--text-muted)}.video-rights-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}.video-rights-check input{width:auto;margin-top:3px}.video-form-actions,.video-workspace-meta,.video-admin-file{display:flex;align-items:center;justify-content:flex-end;gap:10px}.video-workspace{display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(380px,.85fr);gap:24px;align-items:start}.video-player-column,.video-workspace>div{min-width:0}.video-player-frame{min-width:200px;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);background:#0f172a;box-shadow:var(--shadow-md)}.video-player-frame iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.video-player-mount,.video-player-mount iframe{width:100%;height:100%;min-height:200px}.video-player-controls{display:grid;grid-template-columns:auto auto minmax(160px,1fr) minmax(105px,auto);gap:10px;align-items:end;margin-top:12px}.video-player-controls label{display:grid;gap:4px;color:var(--text-muted);font-size:var(--text-xs)}.video-player-controls input,.video-player-controls select{width:100%}.video-workspace-meta{justify-content:flex-start;margin-top:10px}.video-workspace-meta a{color:var(--primary-text);font-weight:var(--weight-semibold)}.video-download-link{border:0;padding:0;background:transparent;color:var(--primary-text);font:inherit;font-weight:var(--weight-semibold);cursor:pointer}.video-practice-shell{min-height:320px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.video-mode-tabs{display:flex;border-bottom:1px solid var(--border)}.video-mode-tabs button{flex:1;border:0;border-bottom:2px solid transparent;padding:12px 8px;background:transparent;color:var(--text-muted);font-weight:var(--weight-semibold);cursor:pointer}.video-mode-tabs button.active{border-bottom-color:var(--primary);color:var(--primary-text)}.video-mode-tabs button:focus-visible,.video-transcript-list button:focus-visible{outline:3px solid var(--primary-border);outline-offset:-3px}.video-practice-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px 0;color:var(--text)}.video-practice-heading span{color:var(--text-muted);font-size:var(--text-xs)}.video-practice-panel{display:grid;gap:14px;padding:18px;color:var(--text-secondary)}.video-practice-instruction{margin:0}.video-segment-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.video-segment-controls .btn{display:inline-flex;align-items:center;gap:7px}.video-transcript-toggle{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:var(--text-sm)}.video-dictation-answer{gap:var(--space-3)}.video-dictation-answer .toeic-copy-main{gap:0}.video-dictation-answer textarea,.video-rate-control select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:10px 12px;font:inherit;line-height:var(--leading-relaxed);resize:vertical}.video-dictation-answer textarea:focus,.video-rate-control select:focus{outline:3px solid var(--primary-border);border-color:var(--primary)}.video-dictation-answer textarea:disabled{cursor:not-allowed;opacity:.7}.video-dictation-hint-toggle{justify-self:start;border:0;padding:0;background:transparent;color:var(--primary-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.video-dictation-hint-toggle:hover{text-decoration:underline}.video-dictation-hint-toggle:focus-visible{outline:3px solid var(--primary-border);outline-offset:3px;border-radius:4px}.video-dictation-hint{display:flex;flex-wrap:wrap;gap:8px 12px;margin:-4px 0 0;padding:10px 12px;border:1px dashed var(--primary-border);border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-lg);letter-spacing:.08em}.video-dictation-hint>span{white-space:nowrap}.video-dictation-hint>span.correct{color:var(--success-text);font-weight:var(--weight-bold);letter-spacing:0}.video-practice-result{min-height:24px;color:var(--text-muted)}.video-practice-result.success,.video-practice-reward{color:var(--success-text)}.video-practice-result.error{color:var(--danger-text)}.video-inline-check{display:inline-flex;align-items:center;gap:8px}.video-rate-control{display:grid;gap:6px;max-width:180px;font-size:var(--text-sm)}.video-shadowing-cue{margin:0;padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);line-height:var(--leading-relaxed)}.video-transcript-panel{padding-top:12px}.video-transcript-toolbar{display:grid;gap:8px}.video-transcript-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:7px 9px;color:var(--text-muted)}.video-transcript-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.video-transcript-search button{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:18px}.video-transcript-display-modes,.video-transcript-review-filters{display:flex;flex-wrap:wrap;gap:5px}.video-transcript-display-modes button,.video-transcript-review-filters button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);padding:5px 9px;font:inherit;font-size:var(--text-xs);cursor:pointer}.video-transcript-display-modes button.active,.video-transcript-review-filters button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.video-transcript-toolbar>small{color:var(--text-muted)}.video-transcript-translation-status{margin:8px 2px;color:var(--primary-text);font-size:var(--text-sm)}.video-transcript-list{display:grid;max-height:410px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm)}.video-transcript-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:start;border-bottom:1px solid var(--border-light);padding:9px;color:var(--text-secondary)}.video-transcript-row:last-child{border-bottom:0}.video-transcript-row.active{background:var(--primary-light);color:var(--text)}.video-transcript-cue-number{border:0;border-radius:6px;background:transparent;color:var(--text-muted);padding:3px;font:inherit;font-size:var(--text-xs);cursor:pointer}.video-transcript-copy{min-width:0;line-height:var(--leading-relaxed);-webkit-user-select:text;user-select:text}.video-transcript-row-actions{display:flex;gap:4px}.video-transcript-row-actions button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-muted);cursor:pointer}.video-transcript-row-actions button.active{border-color:#d49b12;color:#a56b00;background:#fff7d9}.video-transcript-row-actions button:disabled{cursor:not-allowed;opacity:.55}.video-transcript-empty{margin:0;padding:28px 14px;color:var(--text-muted);text-align:center}.video-translation-fallback{color:var(--text-muted);font-style:italic}.video-transcript-list small{display:block;margin-top:5px;color:var(--text-muted);line-height:var(--leading-normal)}.video-transcript-list small.is-translating{color:var(--primary-text);font-style:italic}.video-practice-reward{margin:0 18px 18px;font-weight:var(--weight-semibold)}.video-progress-status{margin:8px 2px 0;color:var(--text-muted);font-size:var(--text-xs)}.video-admin-form{display:grid;gap:14px;margin-bottom:18px;padding:18px}.video-admin-file{justify-content:flex-start}.video-admin-file input{max-width:260px;border:0;padding:0}@media(max-width:1180px){.video-workspace{grid-template-columns:1fr}.video-practice-shell{min-height:0}}@media(max-width:800px){.video-folder-grid{grid-template-columns:1fr}.video-folder-card.child{margin-left:8px}.video-folder-current{align-items:flex-start;flex-direction:column}.video-transcript-row{grid-template-columns:30px minmax(0,1fr)}.video-transcript-row-actions{grid-column:2}.video-learning-page .toeic-library-search{order:0}.video-learning-page .toeic-library-count{order:1;margin-left:auto}.video-learning-page .hub-select{flex:1 1 140px}.video-lesson-grid{grid-template-columns:1fr}.video-player-controls{grid-template-columns:1fr 1fr}.video-player-frame{min-height:200px}}.blog-page{gap:var(--space-5)}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.blog-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xs);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .2s ease}.blog-card:hover{border-color:var(--accent, #0e9384);transform:translateY(-3px);box-shadow:var(--shadow-md)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted)}.blog-card h2{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.35;color:var(--text)}.blog-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent, #0e9384)}.hub.blog-post-page{gap:var(--space-4);width:100%;max-width:860px;margin-inline:auto}.blog-breadcrumb a{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--accent, #0e9384)}.blog-article{max-width:none;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);padding:clamp(24px,4vw,48px) clamp(20px,5vw,52px)}.blog-article-head{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.blog-article-head h1{font-size:clamp(24px,3.4vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.blog-article-sub{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.blog-article-body{padding:var(--space-5) 0;font-size:16.5px;line-height:1.8;color:var(--text)}.blog-article-body h2{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:2em 0 var(--space-3);color:var(--text)}.blog-article-body h3{font-size:16.5px;font-weight:700;margin:var(--space-5) 0 var(--space-2);color:var(--text)}.blog-article-body p{margin:0 0 var(--space-4)}.blog-article-body ul,.blog-article-body ol{margin:0 0 var(--space-4);padding-left:var(--space-6);display:flex;flex-direction:column;gap:6px}.blog-article-body li::marker{color:var(--accent, #0e9384)}.blog-article-body strong{font-weight:700}.blog-article-body blockquote{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent, #0e9384);background:var(--surface-alt, rgba(14, 147, 132, .06));border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted)}.blog-article-body table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4);font-size:var(--text-sm)}.blog-article-body th,.blog-article-body td{text-align:left;padding:var(--space-2) var(--space-3);border:1px solid var(--border)}.blog-article-body th{background:var(--surface-alt, rgba(14, 147, 132, .06));font-weight:700}.blog-article-body code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--surface-alt, rgba(14, 147, 132, .08));padding:1px 5px;border-radius:4px}.blog-article-body a{color:var(--accent, #0e9384)}.blog-article-foot{display:flex;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-5);border-top:1px solid var(--border)}@media(max-width:640px){.blog-list{grid-template-columns:1fr}.blog-article{padding:var(--space-4)}.blog-article-head h1{font-size:22px}}.luyen-toeic-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:.85rem;color:var(--ti-muted)}.luyen-toeic-breadcrumb a{color:var(--ti-green);font-weight:700;text-decoration:none}.luyen-toeic-breadcrumb a:hover{text-decoration:underline}.lt-section{margin-top:clamp(26px,4vw,40px)}.lt-section-title{margin:0 0 14px;font-size:1.06rem;font-weight:800;color:var(--ti-ink);letter-spacing:-.01em}.lt-text{margin:0;max-width:44rem;color:var(--ti-muted);font-size:.95rem;line-height:1.7}.lt-text a{color:var(--ti-green);font-weight:600}.lt-list{display:flex;flex-direction:column;border:1px solid rgba(15,23,42,.09);border-radius:14px;background:#fff;overflow:hidden}.lt-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px}.lt-item+.lt-item{border-top:1px solid rgba(15,23,42,.07)}.lt-item>div{min-width:0}.lt-item strong{display:block;font-size:.95rem;font-weight:700;color:var(--ti-ink)}.lt-item small{display:block;margin-top:2px;font-size:.85rem;line-height:1.55;color:var(--ti-muted)}.lt-item-grow{flex:1}.lt-item-icon{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#0d948814;color:var(--ti-green)}.lt-item-num{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0d94881a;color:var(--ti-green);font-size:.8rem;font-weight:800}.lt-item-link{flex-shrink:0;align-self:center;font-size:.82rem;font-weight:700;color:var(--ti-green);text-decoration:none;white-space:nowrap}.lt-item-link:hover{text-decoration:underline}.lt-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border:1px solid rgba(15,23,42,.09);border-radius:14px;background:#fff;overflow:hidden;counter-reset:lt-step}.lt-steps li{position:relative;padding:14px 16px 14px 52px;font-size:.9rem;line-height:1.6;color:var(--ti-muted)}.lt-steps li+li{border-top:1px solid rgba(15,23,42,.07)}.lt-steps li:before{counter-increment:lt-step;content:counter(lt-step);position:absolute;left:16px;top:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0d94881a;color:var(--ti-green);font-size:.78rem;font-weight:800}.lt-steps strong{color:var(--ti-ink)}.lt-link-list{display:flex;flex-direction:column;gap:8px}.lt-link{display:inline-flex;align-items:center;gap:7px;font-size:.92rem;font-weight:600;color:var(--ti-ink);text-decoration:none}.lt-link svg{color:var(--ti-green);transition:transform .15s ease}.lt-link:hover{color:var(--ti-green)}.lt-link:hover svg{transform:translate(2px)}.lt-cta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:clamp(30px,5vw,48px);padding-top:24px;border-top:1px solid rgba(15,23,42,.08)}.luyen-toeic-cta{gap:7px}@media(max-width:560px){.lt-cta-row{flex-direction:column;align-items:stretch}.lt-cta-row .btn{justify-content:center;text-align:center}}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary-text)}.text-success{color:var(--success-text)}.text-danger{color:var(--danger-text)}.text-warning{color:var(--warning-text)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.h-full{height:100%}.min-h-0{min-height:0}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1024px){:root{--content-padding: 24px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:1250px){.header-nav-collapsible{display:none!important}.header-nav-more-trigger{display:flex!important}}@media(max-width:768px){:root{--content-padding: 16px;--topbar-height: 52px}.app-frame{grid-template-columns:1fr}.header-nav{display:none!important}.app-main{grid-column:1;padding-bottom:var(--mobile-nav-height)}.mobile-bottom-nav{display:flex}.content{padding:var(--content-padding);padding-bottom:calc(var(--mobile-nav-height) + var(--space-4));overflow-x:clip}.figma-page,.page-stack,.toeic-hub,.test-overview,.dictation-hub,.speaking-hub,.study-center-container,.quizlet-card-scene{max-width:100%;width:100%;min-width:0}.figma-page-head,.section-head,.workspace-head,.page-title,.glass-card,.card,.figma-tab-card,.figma-test-card,.figma-quick-card,.test-card,.part-card,.dictation-step,.conversation-card{max-width:100%;min-width:0}.figma-page-head,.section-head,.workspace-head{align-items:stretch}.section-head>.flex,.workspace-head>.flex,.section-head .flex.gap-2,.workspace-head .flex.gap-2{flex-direction:column;align-items:stretch;width:100%;min-width:0}.figma-page-head .figma-blue-btn,.section-head .btn,.workspace-head .btn{width:100%;white-space:normal;line-height:1.25}.figma-stat-grid,.figma-test-grid,.figma-quick-grid,.conversation-grid{grid-template-columns:1fr!important}.figma-tabbar,.mode-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.figma-tabbar::-webkit-scrollbar,.mode-tabs::-webkit-scrollbar{display:none}.mode-tabs button.tab-btn{max-width:min(320px,78vw);overflow:hidden;text-overflow:ellipsis}.figma-progress-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.figma-progress-row>div,.figma-progress-track{width:100%;min-width:0}.quizlet-nav-bar{gap:var(--space-2)}.quizlet-nav-bar .btn-outline{flex:1;white-space:normal}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title h1{font-size:var(--text-2xl)}.pill-tabs{border-radius:var(--radius-md)}.hide-mobile{display:none!important}}@media(min-width:1440px){:root{--content-max: 1240px;--content-padding: 32px}}@media(min-width:769px){.show-mobile-only{display:none!important}}@media(hover:none){.hover-lift:hover,.glass-card.interactive:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.mobile-topbar,.mobile-bottom-nav,.sidebar-scrim{display:none!important}.app-frame{grid-template-columns:1fr}.app-main{grid-column:1}body{background:#fff;color:#000}}@media(max-width:768px){.sidebar,.sidebar.is-open,.sidebar-scrim,.mobile-topbar-menu{display:none!important}.app-header{padding:8px 12px}.app-header-brand{display:inline-flex;align-items:center}.app-header-brand .ti-logo{font-size:1.15rem}.header-account-copy,.header-account-button>svg{display:none}.header-account-button{min-width:42px;padding:4px;justify-content:center;border-radius:999px}.hub-progress{display:flex;flex-direction:column;gap:6px}.hub-progress--sticky{position:sticky;top:0;z-index:var(--z-sticky);padding:10px 16px 8px;background:var(--bg)}.hub-progress-meta{display:flex;align-items:center;justify-content:space-between}.hub-progress-label{font-size:12px;font-weight:700;color:var(--text)}.hub-progress-value{font-size:12px;font-weight:800;color:var(--primary-text);font-variant-numeric:tabular-nums}.hub-progress-track{height:12px;background:var(--surface-3);border-radius:999px;overflow:hidden}.hub-progress-fill{height:100%;border-radius:999px;transition:width .45s cubic-bezier(.34,1.56,.64,1)}.hub-progress-fill--primary{background:linear-gradient(90deg,var(--primary),var(--primary-hover))}.hub-progress-fill--success{background:linear-gradient(90deg,var(--success),var(--success-hover))}.hub-progress-fill--warning{background:linear-gradient(90deg,var(--warning),var(--warning-text))}.hub-progress-fill--danger{background:linear-gradient(90deg,var(--danger),var(--danger-hover))}.bottom-sheet-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-scrim{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:bs-scrim-in .2s ease}.bottom-sheet{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 20px 24px;box-shadow:0 -4px 24px #0000001f;animation:bs-slide-up .35s cubic-bezier(.22,1,.36,1);outline:none}.bottom-sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border-hover);margin:0 auto 12px}.bottom-sheet-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.bottom-sheet-body{display:flex;flex-direction:column;gap:12px}@keyframes bs-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes bs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-nav{border-top:none;box-shadow:0 -2px 12px #0000000f;padding:6px 4px;gap:2px}.mobile-bottom-nav :is(a,button){position:relative;padding:8px 6px;border-radius:12px;gap:3px;font-weight:700;transition:transform .1s ease,background .15s ease,color .15s ease}.mobile-bottom-nav :is(a,button):active{transform:scale(.88)}.mobile-bottom-nav :is(a,button).active{background:var(--primary-light);color:var(--primary-text)}.mobile-bottom-nav :is(a,button).active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--primary)}.mobile-bottom-nav :is(a,button) svg{width:22px;height:22px}.mobile-bottom-nav :is(a,button).active svg{transform:scale(1.1)}.mobile-nav-badge{position:absolute;top:2px;right:5px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--surface);border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:800;line-height:1}.mobile-more-menu{display:flex;flex-direction:column;gap:17px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.mobile-more-close{position:absolute;top:14px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text-muted);cursor:pointer}.mobile-more-close:active{transform:scale(.92)}.mobile-more-group h3{margin:0 0 8px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-more-link{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:9px 11px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .1s ease}button.mobile-more-link{width:100%;font:inherit;text-align:left;cursor:pointer}.mobile-more-link:active{transform:scale(.97)}.mobile-more-link.active{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary-text)}.mobile-more-icon{display:inline-flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--surface);color:var(--primary-text);box-shadow:inset 0 0 0 1px var(--border)}.mobile-more-link.active .mobile-more-icon{background:var(--primary);color:#fff;box-shadow:none}.mobile-more-copy{min-width:0;font-size:12.5px;font-weight:750;line-height:1.25}.mobile-more-badge{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:800}.hub-row,.hub-panel{border-radius:14px!important}.home-recent-card{border-radius:16px;padding:14px}.home-recent-cta{font-size:12px;padding:6px 12px}.home-skill-card{border-radius:16px!important;padding:14px;flex-direction:column;text-align:center;gap:8px}.home-skill-icon{width:48px;height:48px;border-radius:14px}.home-skill-text strong{font-size:13px}.home-skill-text small,.home-skill-arrow{display:none}.home-progress-card{border-radius:14px;padding:16px;flex-direction:column;text-align:center;gap:8px}.home-progress-text strong{font-size:20px}.hub-head-text :is(h1,h2){font-weight:800;letter-spacing:-.02em}.hub-section-head h3{font-weight:800;font-size:16px}.hub-item-text strong{font-weight:700}.btn{border-radius:12px}.btn-primary{box-shadow:0 3px 0 var(--primary-active)}.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--primary-active)}.btn-danger{box-shadow:0 3px #991b1b}.btn-danger:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #991b1b}.btn-success{box-shadow:0 3px #166534}.btn-success:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #166534}}@media(min-width:769px){.bottom-sheet-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.bottom-sheet-scrim{position:absolute;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bs-scrim-in .2s ease}.bottom-sheet{position:relative;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;background:var(--surface);border-radius:20px;padding:24px;box-shadow:var(--shadow-xl);animation:bs-scale-in .3s cubic-bezier(.22,1,.36,1);outline:none}.bottom-sheet-handle{display:none}@keyframes bs-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}}@media(min-width:769px){.hub-progress--sticky{display:none}}:root{--bg: #f3faf8;--bg-subtle: #eef8f5;--surface: #ffffff;--surface-2: #f7fbfa;--surface-3: #e3efeb;--surface-hover: #eef8f5;--surface-muted: #eef8f5;--background: #f3faf8;--primary-rgb: 14, 147, 132;--border: rgba(22, 50, 63, .1);--border-light: rgba(22, 50, 63, .07);--border-hover: rgba(14, 147, 132, .35);--border-active: #0e9384;--text: #16323f;--text-secondary: #49665f;--text-muted: #6d8a83;--primary: #0e9384;--primary-hover: #0b7568;--primary-active: #095f55;--primary-light: #e5f6f2;--primary-border: #bce9df;--primary-text: #0b7568;--secondary: #12b5b0;--secondary-hover: #0e9384;--secondary-light: #e4f8f7;--secondary-border: #bdecea;--secondary-text: #0b7568;--warning: #f6b83f;--warning-hover: #d99a24;--warning-light: #fff7e7;--warning-border: #f9dc9f;--warning-text: #8a5a00;--success: #46b26a;--success-hover: #2e8a50;--success-light: rgba(70, 178, 106, .1);--success-border: #a9dcba;--success-text: #2e8a50;--danger: #e0533d;--danger-hover: #c2402c;--danger-light: rgba(224, 83, 61, .08);--danger-border: #f0b6a9;--danger-text: #c2402c;--purple: #6d72d8;--purple-light: #eeeffc;--purple-text: #5257b5;--gradient-primary: linear-gradient(135deg, #0ea5a4, #22c55e);--gradient-success: linear-gradient(135deg, #0e9384, #22c55e);--gradient-hero: #f3faf8;--font-family: "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace;--sidebar-width: 256px;--topbar-height: 64px;--content-max: 1104px;--content-padding: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--shadow-xs: 0 1px 2px rgba(22, 50, 63, .04);--shadow-sm: 0 2px 8px rgba(22, 50, 63, .05);--shadow-md: 0 10px 26px rgba(22, 50, 63, .08);--shadow-lg: 0 14px 36px rgba(22, 50, 63, .12);--shadow-xl: 0 24px 56px rgba(22, 50, 63, .16)}:root[data-tooich-shop-theme=night]{color-scheme:dark;--bg: #0e1c22;--bg-subtle: #12252b;--surface: #172a31;--surface-2: #1b3138;--surface-3: #243d44;--surface-hover: #20383f;--surface-muted: #12252b;--background: #0e1c22;--primary-rgb: 73, 205, 184;--border: rgba(202, 235, 230, .14);--border-light: rgba(202, 235, 230, .09);--border-hover: rgba(73, 205, 184, .48);--text: #eef9f7;--text-secondary: #c2d8d4;--text-muted: #91aaa6;--primary-light: #173c38;--primary-border: #285f57;--primary-text: #49cdb8;--secondary-light: #15383a;--secondary-border: #255d5b;--secondary-text: #49cdb8;--warning-light: #392f1d;--warning-border: #6d5728;--warning-text: #f6b83f;--success-light: rgba(70, 178, 106, .15);--success-border: #2e8a50;--success-text: #46b26a;--danger-light: rgba(224, 83, 61, .15);--danger-border: #c2402c;--danger-text: #f87171;--purple-light: #26274d;--purple-border: #444791;--purple-text: #a78bfa;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 10px 26px rgba(0, 0, 0, .28);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .34);--glass-bg: rgba(23, 42, 49, .92);--glass-bg-light: rgba(23, 42, 49, .86);--glass-border: rgba(202, 235, 230, .14);--gradient-hero: var(--bg);--grammar-bg: var(--bg);--grammar-stage: var(--surface);--grammar-stage-text: var(--text);--grammar-surface: var(--surface);--grammar-surface-soft: var(--surface-2);--grammar-highlight: var(--warning-light);--grammar-mascot-surface: var(--primary-light);--grammar-tone-subject: #6cc9f0;--grammar-tone-subject-bg: rgba(108, 201, 240, .13);--grammar-tone-verb: #5fd6a7;--grammar-tone-verb-bg: rgba(95, 214, 167, .13);--grammar-tone-object: #b6a5f5;--grammar-tone-object-bg: rgba(182, 165, 245, .14);--grammar-tone-modifier: #f2c14e;--grammar-tone-modifier-bg: rgba(242, 193, 78, .13);--grammar-tone-connector: #9fb3ae;--grammar-tone-connector-bg: rgba(159, 179, 174, .14)}[data-shop-avatar-frame] .header-avatar-button .avatar,[data-shop-avatar-frame] .profile-avatar-preview,[data-shop-avatar-frame] .um-avatar,[data-shop-avatar-frame] .user-panel .avatar{border-radius:50%!important;box-shadow:0 0 0 2.5px #62d9c5,0 0 0 5.5px #62d9c54d,0 0 14px #2dc7b573!important}[data-shop-name-highlight] .user-panel strong,[data-shop-name-highlight] .user-menu-profile strong,[data-shop-name-highlight] .um-name-wrapper strong,[data-shop-name-highlight] .profile-summary strong{color:transparent!important;background:linear-gradient(90deg,#0e9384,#7c65d9,#f2a93b,#0e9384)!important;background-size:240% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;animation:shopAuroraName 5s linear infinite!important}@keyframes shopAuroraName{to{background-position:240% 0}}[data-shop-avatar-frame=gold] .header-avatar-button .avatar,[data-shop-avatar-frame=gold] .profile-avatar-preview,[data-shop-avatar-frame=gold] .um-avatar,[data-shop-avatar-frame=gold] .user-panel .avatar{box-shadow:0 0 0 2.5px #e2ac3f,0 0 0 5.5px #e2ac3f4d,0 0 14px #d6962873!important}[data-shop-name-highlight=gold] .user-panel strong,[data-shop-name-highlight=gold] .user-menu-profile strong,[data-shop-name-highlight=gold] .um-name-wrapper strong,[data-shop-name-highlight=gold] .profile-summary strong{background:linear-gradient(90deg,#a86a0e,#e0a127,#f6cf6a,#c7861a,#a86a0e)!important;background-size:240% 100%!important;background-clip:text!important;-webkit-background-clip:text!important}.practice-powerups{position:fixed;right:20px;bottom:124px;z-index:23;display:flex;flex-direction:column;gap:8px}.practice-powerups button{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--primary-border);border-radius:999px;background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-md);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.practice-powerups button b{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--primary-light)}.p1-option.is-powerup-hidden{opacity:.34;filter:grayscale(1);text-decoration:line-through;transform:scale(.985)}html{font-size:16px}body{letter-spacing:-.006em}.page-transition,.hub,.hub-page{min-width:0}.app-frame:not(.is-session){grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-frame:not(.is-session) .app-main{grid-column:2;min-height:0;height:100dvh;overflow:hidden}.app-sidebar{grid-column:1;grid-row:1;width:var(--sidebar-width);height:100dvh;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 97%,var(--bg-subtle));border-right:1px solid var(--border-light);z-index:var(--z-sticky)}.app-sidebar-brand{height:var(--topbar-height);flex:0 0 var(--topbar-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-light);text-decoration:none}.app-sidebar-brand .ti-logo{font-size:1.3rem}.app-sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:20px 14px 24px;display:flex;flex-direction:column;gap:24px}.app-sidebar-group{display:grid;gap:8px}.app-sidebar-label{margin:0;padding:0 10px;color:color-mix(in srgb,var(--text-muted) 82%,var(--text));font-size:10.5px;font-weight:700;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}.app-sidebar-links{display:grid;gap:3px}.app-sidebar-link{position:relative;min-height:40px;display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:color-mix(in srgb,var(--text) 68%,var(--text-muted));font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.app-sidebar-link:before{content:"";position:absolute;inset:6px auto 6px 0;width:3px;border-radius:999px;background:var(--primary);transform:scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1)}.app-sidebar-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--border) 55%,transparent);background:color-mix(in srgb,var(--bg-subtle) 72%,transparent);text-decoration:none}.app-sidebar-link:active{transform:scale(.985)}.app-sidebar-link.active{color:color-mix(in srgb,var(--primary-text) 82%,var(--text));border-color:color-mix(in srgb,var(--primary-border) 45%,transparent);background:color-mix(in srgb,var(--primary-light) 44%,var(--surface));box-shadow:none;font-weight:650}.app-sidebar-link.active:before{transform:scaleY(1)}.app-sidebar-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:7px}.app-sidebar-link .app-sidebar-icon svg{color:currentColor!important;stroke-width:1.75}.app-sidebar-link.active .app-sidebar-icon{background:color-mix(in srgb,var(--primary-light) 72%,var(--surface))}.app-sidebar-badge{min-width:20px;height:20px;padding:0 6px;margin-left:auto;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700}.app-sidebar-contact{flex:0 0 auto;display:grid;gap:2px;padding:10px 14px 14px;border-top:1px solid var(--border-light)}.app-sidebar-contact-link{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:5px 10px;border:0;border-radius:8px;background:none;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:color .15s ease,background .15s ease}.app-sidebar-contact-link svg{color:currentColor;flex-shrink:0}.app-sidebar-contact-link:hover{color:var(--primary-text);background:color-mix(in srgb,var(--primary-light) 50%,transparent);text-decoration:none}.app-header{min-height:var(--topbar-height);height:var(--topbar-height);justify-content:flex-end;padding:0 24px;background:color-mix(in srgb,var(--surface) 84%,transparent);border-bottom-color:var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header-brand{display:none}.app-header-back{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;color:var(--text-muted);text-decoration:none;transition:color .15s ease,background .15s ease}.app-header-back:hover{color:var(--primary-text);background:var(--primary-light);text-decoration:none}.app-header-page-title{min-width:0;display:grid;gap:1px;margin-right:auto}.app-header-page-title :is(h1,h2){margin:0;overflow:hidden;color:var(--text);font-size:19px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.app-header-page-title small{overflow:hidden;color:var(--text-muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.app-header-pill{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 13px;border:0;border-radius:999px;font-size:14px;line-height:1;text-decoration:none}.app-header-pill:hover{text-decoration:none}.app-header-pill svg{color:currentColor!important}.app-header-streak{color:#8a5a00;background:#f6b83f29}.app-header-coins{color:#0b7568;background:#e5f6f2}.app-header-premium-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid #e6bc60;border-radius:999px;color:#684308;background:linear-gradient(110deg,#fff9df,#f6d887 55%,#fff4cc);box-shadow:0 0 0 1px #ffe69573,0 0 16px #e0a93061;font-size:12px;font-weight:800;line-height:1;text-decoration:none;animation:premium-badge-glow 3s ease-in-out infinite}.app-header-premium-badge:hover{color:#684308;text-decoration:none;box-shadow:0 0 20px #e0a93099}.app-header-premium-badge svg{flex:0 0 auto;color:currentColor!important}@keyframes premium-badge-glow{50%{box-shadow:0 0 0 1px #ffe69599,0 0 23px #e0a93094}}@media(prefers-reduced-motion:reduce){.app-header-premium-badge{animation:none}}.app-header-pill strong{font-size:14px;font-weight:600}.header-icon-button{width:36px;height:36px;border-radius:50%;border-color:var(--border-light)}.header-avatar-button{width:38px;height:38px;display:grid;place-items:center;padding:0;overflow:visible;border:0;border-radius:50%;background:transparent;cursor:pointer;margin-inline:4px}.header-avatar-button .avatar{width:38px;height:38px;margin:0;border:0;border-radius:50%}.app-frame:not(.is-session) .content{max-width:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;margin:0}.app-frame:not(.is-session) .content>.notification-permission-banner{width:min(calc(100% - 64px),var(--content-max));margin:18px auto 0}.app-frame:not(.is-session) .content>.page-transition{width:min(100%,calc(var(--content-max) + 64px));margin:0 auto;padding:var(--content-padding)}.app-frame:not(.is-session) .content.ai-tutor-content-shell>.page-transition{width:100%;max-width:none;padding:0}.app-frame:not(.is-session) .content>.page-transition:has(.video-lesson-workspace-page){width:100%;max-width:none}.hub,.hub-page{width:100%;max-width:none}.hub-head{margin-bottom:22px}.hub-head-text :is(h1,h2){font-size:26px;font-weight:800;letter-spacing:-.02em}.hub-head-text p{margin-top:5px;color:var(--text-muted);font-size:14px}.hub-section{margin-top:22px}.hub-section-head{margin-bottom:12px}.hub-section-head h3{font-size:17px;font-weight:800}.hub-list,.hub-panel,.glass-card,.card,.home-side-card,.premium-card,.shop-item-card{border-color:var(--border-light);box-shadow:var(--shadow-xs)}.hub-list{overflow:hidden;border-radius:18px;background:var(--surface)}.hub-row{min-height:76px;padding:16px 18px}.hub-row:hover{background:var(--surface-2)}.hub-row-title strong{font-weight:700}.toeic-library{width:100%;max-width:1080px;margin:0 auto}.toeic-library:not(.dictation-library){margin-top:-12px}.toeic-library-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toeic-library-toolbar .hub-chips{display:flex;flex-wrap:nowrap!important;align-items:center;gap:2px;margin:0;padding:3px 4px;border-radius:999px;background:var(--surface-3);max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toeic-library-toolbar .hub-chips::-webkit-scrollbar{display:none}.toeic-library-toolbar .chip{flex:0 0 auto;min-height:32px;padding:6px 16px;border:0;border-radius:999px;background:transparent;white-space:nowrap;box-shadow:none;cursor:pointer}.toeic-library-toolbar .chip.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-library-search{width:min(280px,100%);min-height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted)}.toeic-library-search input{width:100%;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--text);font-size:13px}.toeic-library-count{margin-left:auto;color:var(--text-muted);font-size:12px}.toeic-library-section{margin-top:0}.toeic-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.toeic-test-card{position:relative;min-height:128px;display:block;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.toeic-test-card:hover{color:var(--text);border-color:var(--primary-border);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.toeic-test-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.toeic-test-tags .count-badge,.toeic-test-tags .chip{min-height:0;padding:3px 10px;font-size:11px}.toeic-test-card>strong{display:block;padding-right:24px;font-size:14px;font-weight:700}.toeic-test-card>small{display:block;margin-top:4px;color:var(--text-muted);font-size:12px}.toeic-test-card-arrow{position:absolute;right:18px;bottom:18px;color:var(--primary)}.dictation-library{margin-top:-14px}.dictation-library .toeic-test-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.dictation-library .toeic-test-card{min-height:0;padding:18px 20px;border-color:var(--border-light);border-radius:18px}.dictation-overview{width:100%;max-width:1080px;margin:0 auto;padding-top:0}.dictation-overview .part-grid-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dictation-overview .part-card-new{position:relative;min-height:268px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:148px minmax(0,1fr);align-items:end;gap:16px;padding:20px 22px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#fff,#fbfffe);box-shadow:0 8px 24px #16323f0f;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dictation-overview .part-card-new:hover{border-color:#0e938452;box-shadow:0 14px 30px #16323f1a;transform:translateY(-3px)}.dictation-part-visual{position:relative;grid-column:1 / -1;height:148px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#e7f8f4,#eef4ff)}.dictation-part-visual .part-card-new-icon{position:absolute;z-index:1;top:14px;left:14px;width:42px;height:42px;border-radius:14px;background:#ffffffd1;color:var(--primary);font-size:15px;box-shadow:0 4px 10px #16323f14}.dictation-part-illustration{display:block;width:100%;height:100%}.dictation-overview .part-card-new-info{align-self:center}.dictation-overview .part-card-new-info h4{font-size:17px}.dictation-overview .part-card-new-info p{margin-top:5px;font-size:13.5px}.dictation-overview .part-card-new>button{align-self:center;width:40px;height:40px;border-radius:50%;background:var(--primary-light)!important;color:var(--primary)!important;transition:background .15s ease,transform .15s ease}.dictation-overview .part-card-new:hover>button{background:var(--primary)!important;color:#fff!important;transform:translate(2px)}@media(max-width:680px){.dictation-overview .part-grid-new{grid-template-columns:1fr;gap:14px}.dictation-overview .part-card-new{min-height:232px;grid-template-rows:128px minmax(0,1fr);padding:16px}.dictation-part-visual{height:128px}.dictation-overview .part-card-new-info h4{font-size:15px}}.speaking-library{width:100%;max-width:920px;margin:0 auto}.speaking-test-tabs{display:flex;gap:3px;margin:0 0 20px;padding:4px;overflow-x:auto;border-radius:999px;background:var(--surface-3)}.speaking-test-tabs .chip{flex:0 0 auto;border:0;background:transparent}.speaking-test-tabs .chip.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.speaking-library .hub-grid-2{gap:14px}.speaking-library .hub-item{min-height:92px;padding:18px;border-radius:18px;background:var(--surface)}.speaking-library .q-badge{border-radius:12px;color:var(--primary-text);background:var(--primary-light)}.grammar-library{width:100%;max-width:920px;margin:0 auto}.grammar-library .grammar-overview{max-width:none!important;padding:0!important}.grammar-library>.hub-section:not(.grammar-overview){max-width:none!important;padding:0!important}.vocab-library{width:100%;max-width:760px;margin:0 auto}.social-page{width:100%;max-width:1180px;margin:0 auto}.store-page{width:100%;max-width:880px;margin:0 auto}.social-page>.hub-head,.store-page>.hub-head{margin-bottom:20px}.social-page>.figma-tabbar{display:flex;width:100%;gap:2px;margin-bottom:24px;padding:4px;border:0;border-radius:999px;background:var(--surface-3)}.social-page>.figma-tabbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;margin:0;padding:10px 24px;border:0;border-radius:999px;font-size:14px;font-weight:600}.social-page>.figma-tabbar button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.social-search-form{display:flex;align-items:stretch;gap:10px;width:100%}.social-search-input{flex:1;min-width:0;min-height:48px;background:var(--surface)!important;border:1.5px solid var(--border-strong, #cbd8d7)!important;box-shadow:0 2px 8px #1037400a}.social-search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)}.social-search-button{min-width:92px;min-height:48px;border-radius:14px}.social-dialog-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px;background:#10272e57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:social-dialog-fade .16s ease-out}.social-dialog-panel{width:min(100%,620px);max-height:min(720px,calc(100dvh - 48px));overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px #10374038;animation:social-dialog-rise .18s cubic-bezier(.2,.8,.2,1)}.social-dialog-panel>.hub-section{margin:0;border:0;box-shadow:none}.social-dialog-panel .hub-section-head{padding-top:4px}@keyframes social-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes social-dialog-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-period-switch{display:inline-flex;gap:4px;margin:4px 0 6px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.leaderboard-period-switch .chip{min-width:104px;border:0;background:transparent}.leaderboard-period-switch .chip.is-active{color:var(--text);background:var(--primary-light);box-shadow:var(--shadow-sm)}.leaderboard-period-caption{margin:0 0 14px;color:var(--text-muted);font-size:13px}.leaderboard-period-caption strong{color:var(--primary-text)}.leaderboard-metric-caption{display:inline-flex;align-items:center;gap:7px;margin:4px 0 14px;color:var(--primary-text);font-size:13px;font-weight:700}.figma-tabbar-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:11.5px;font-weight:700;line-height:1}.store-tabs{display:inline-flex;gap:2px;margin-bottom:24px;padding:4px;border-radius:999px;background:var(--surface-3)}.store-tabs a{padding:8px 20px;border-radius:999px;color:var(--text-muted);font-size:14px;font-weight:600}.store-tabs a.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.store-page .shop-balance-section{margin-top:0}.store-page .shop-balance-section .hub-section-head{display:none}.store-page .shop-balance-display{gap:14px;padding:20px 24px;border:1px solid var(--border-light);border-radius:20px;background:linear-gradient(135deg,#d5f3ec,#e6f7f0)}.store-page .shop-coin-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--warning)}.store-page .shop-balance-copy{display:grid;gap:2px}.store-page .shop-balance-copy>small{color:var(--warning-text);font-size:13px;font-weight:600}.store-page .shop-balance-copy>span{display:flex;align-items:baseline;gap:5px}.store-page .shop-balance-copy strong{color:var(--text);font-size:28px;font-weight:800}.store-page .shop-balance-copy em{color:var(--text-muted);font-size:15px;font-style:normal;font-weight:600}.premium-store-page{gap:12px;padding-bottom:16px}.premium-store-page .store-tabs{margin-bottom:0}.premium-membership{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.premium-membership.is-active{border-color:#e7ce91;background:linear-gradient(110deg,var(--surface),#fffaf0)}:root[data-tooich-shop-theme=night] .premium-membership.is-active{border-color:#81652d;background:linear-gradient(110deg,var(--surface),color-mix(in srgb,#b78629 12%,var(--surface)))}.premium-membership-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:10px;color:#a06b16;background:#fff2cf}.premium-membership-copy{display:grid;min-width:0;gap:2px}.premium-membership-copy>span{color:var(--text-muted);font-size:11px;font-weight:700}.premium-membership-copy>strong{overflow:hidden;color:var(--text);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.premium-membership-copy>small{color:var(--text-secondary);font-size:12px;line-height:1.4}.premium-membership-time{display:grid;flex:0 0 auto;gap:3px;margin-left:auto;text-align:right}.premium-membership-time strong{color:#8c5c10;font-size:17px}.premium-membership-time span{color:var(--text-muted);font-size:12px}.premium-membership-retry{margin-left:auto;padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font:inherit;font-size:12px;cursor:pointer}.premium-membership-history{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.premium-membership-history:hover{border-color:var(--primary-border);color:var(--primary-text)}.premium-membership-history:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.premium-pricing-section{height:auto;min-height:0;margin-top:0;padding:0;border:0;background:transparent}.premium-store-page .premium-plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;overflow:visible;border:0;background:transparent}.premium-store-page .premium-plan-row{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.premium-store-page .premium-plan-row.is-recommended{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.premium-plan-ribbon{position:absolute;top:-1px;right:-1px;padding:6px 12px;border-radius:0 15px 0 10px;color:#fff;background:var(--primary);font-size:10px;font-weight:700;letter-spacing:.06em}.premium-plan-header{display:grid;flex:0 0 auto;align-items:start}.premium-plan-header>strong{color:var(--text);font-size:clamp(18px,1.7vw,22px);letter-spacing:-.025em}.premium-store-page .premium-plan-price{display:flex;align-items:baseline;gap:6px;margin-top:6px}.premium-store-page .premium-plan-price b{color:var(--text);font-size:clamp(28px,2.4vw,34px);line-height:1;letter-spacing:-.04em}.premium-store-page .premium-plan-price small{color:var(--text-muted);font-size:11px;font-weight:500}.premium-store-page .premium-plan-monthly{margin-top:6px;color:var(--text-muted);font-size:12px}.premium-store-page .premium-plan-monthly b{color:var(--text-secondary)}.premium-plan-saving{width:fit-content;margin-top:6px;padding:3px 8px;border-radius:999px;color:var(--success-text);background:var(--success-light);font-size:11px;font-weight:700}.premium-plan-saving.is-neutral{color:var(--text-muted);background:var(--surface-2)}.premium-plan-body{flex:1 1 auto;min-height:0;padding-top:7px}.premium-plan-includes{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.premium-store-page .premium-plan-features{margin:7px 0 0;gap:5px}.premium-store-page .premium-plan-features li{align-items:flex-start;gap:8px;color:var(--text-secondary);font-size:clamp(11px,.9vw,12.5px);line-height:1.35}.premium-store-page .premium-plan-features li svg{flex:0 0 auto;margin-top:2px;color:var(--primary)}.premium-plan-base{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:11px;line-height:1.35}.premium-store-page .premium-plan-side{width:100%;flex:0 0 auto;align-items:stretch;gap:5px;padding-top:5px}.premium-store-page .premium-plan-cta{width:100%;min-height:40px;justify-content:center;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface);font-size:13px;font-weight:700}.premium-store-page .premium-plan-cta:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}.premium-store-page .premium-plan-cta.primary{border-color:transparent;color:#fff;background:var(--primary)}.premium-store-page .premium-plan-cta.primary:hover:not(:disabled){color:#fff;background:var(--primary-hover)}.premium-store-page .premium-plan-side>small{color:var(--text-muted);font-size:9.5px;text-align:center}@media(max-width:900px){.premium-pricing-section{height:auto;min-height:0}.premium-store-page .premium-plan-list{grid-template-columns:1fr}.premium-store-page .premium-plan-row{min-height:0}}@media(max-width:520px){.store-tabs{display:flex;width:100%;overflow-x:auto}.store-tabs a{flex:1 0 auto;padding-inline:14px;text-align:center}.premium-membership{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:14px}.premium-membership-copy{flex:1 1 calc(100% - 50px)}.premium-membership-time{width:100%;margin:0;padding:9px 0 0 48px;border-top:1px solid var(--border);text-align:left}.premium-membership-history{width:100%;justify-content:center}.premium-store-page .premium-plan-row{padding:18px}}.grammar-overview{margin-top:0}.grammar-overview .hub-section-head>div{display:grid;gap:3px}.grammar-overview .hub-section-head small{color:var(--text-muted)}.grammar-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grammar-topic-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.grammar-topic-card:hover{color:var(--text);border-color:var(--primary-border);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.grammar-topic-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-light)}.grammar-topic-icon svg{color:currentColor!important}.grammar-topic-card>strong{font-size:15px;font-weight:700}.grammar-topic-card>small{min-height:46px;color:var(--text-muted);font-size:12px;line-height:1.55}.grammar-topic-footer{width:100%;display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:11px}.grammar-topic-footer span{color:var(--primary-text);font-weight:700}.progress-dashboard{max-width:1080px;margin:0 auto}.progress-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.progress-summary-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.progress-summary-card>span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px;border-radius:12px;color:var(--primary);background:var(--primary-light)}.progress-summary-card>span svg{color:currentColor!important}.progress-summary-card>strong{display:block;font-size:22px;font-weight:800}.progress-summary-card>small{color:var(--text-muted);font-size:12px}.progress-summary-card.tone-cyan>span{color:#0b8f8a;background:#e4f8f7}.progress-summary-card.tone-green>span{color:#168a47;background:#e8f8ed}.progress-summary-card.tone-amber>span{color:#b77b14;background:#fff5df}.ai-tutor-page-new{max-width:960px;min-height:calc(100dvh - var(--topbar-height) - 64px);margin:0 auto;display:flex;flex-direction:column}.ai-tutor-chat{flex:1;display:flex;flex-direction:column;gap:16px;padding:6px 0 20px}.ai-tutor-welcome{display:flex;align-items:flex-start;gap:12px;max-width:680px}.ai-tutor-welcome strong{font-size:16px}.ai-tutor-welcome p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.ai-tutor-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--gradient-primary)}.ai-tutor-avatar svg{color:currentColor!important}.ai-tutor-page-new .ai-tutor-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 0 52px}.ai-tutor-page-new .ai-tutor-chip{padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:12px}.ai-chat-row{display:flex;align-items:flex-start;gap:10px}.ai-chat-row.is-user{justify-content:flex-end}.ai-chat-bubble{max-width:min(720px,82%);padding:13px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border-light);color:var(--text);font-size:13px;line-height:1.65}.ai-chat-row.is-user .ai-chat-bubble{border-color:transparent;border-bottom-right-radius:6px;background:var(--primary);color:#fff}.ai-chat-row.is-ai .ai-chat-bubble{border-top-left-radius:6px}.ai-tutor-composer{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:10px;margin-top:auto;padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md)}.ai-tutor-composer .ai-tutor-input{flex:1;min-height:44px;max-height:140px;margin:0;padding:10px 12px;border:0;background:transparent;resize:none}.ai-tutor-composer .ai-tutor-send{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;padding:0;border-radius:50%}.social-primary-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.btn{min-height:40px;border-radius:13px;font-weight:700;letter-spacing:-.01em}.btn-primary{background:var(--primary);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.chip,.count-badge,.part-pill{border-radius:999px}input,textarea,select,.input,.ai-tutor-input{border-radius:12px;border-color:var(--border)}.modal-content,.bottom-sheet,.dialog{border-radius:20px}.dashboard-page{width:100%;max-width:1040px;margin:0 auto}.dashboard-greeting{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.dashboard-greeting>div{flex:1;min-width:0}.dashboard-greeting h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.015em}.dashboard-greeting h1 span{font-size:inherit}.dashboard-greeting p{margin-top:4px;color:var(--text-muted);font-size:14.5px}.dashboard-primary-action{min-height:0;flex:0 0 auto;padding:12px 22px;border-radius:14px;font-size:14.5px;line-height:normal;box-shadow:0 6px 16px #10a37840}.dashboard-primary-action:hover:not(:disabled){opacity:.94;filter:none;transform:none;box-shadow:0 6px 16px #10a37840}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.dashboard-stat-card{min-width:0;padding:18px 20px;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-xs)}.dashboard-stat-icon,.dashboard-module-icon{display:grid;place-items:center;color:var(--primary-text);background:var(--primary-light)}.dashboard-stat-icon{width:38px;height:38px;margin-bottom:12px;border-radius:12px}.dashboard-stat-icon svg,.dashboard-module-icon svg,.dashboard-resume-icon svg,.dashboard-referral-icon svg{color:currentColor!important}.dashboard-stat-card>strong{display:block;color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.dashboard-stat-card>small{display:block;margin-top:2px;color:var(--text-muted);font-size:13px}.tone-amber .dashboard-stat-icon,.tone-amber .dashboard-module-icon{color:#c8871a;background:#f6b83f29}.tone-cyan .dashboard-stat-icon,.tone-cyan .dashboard-module-icon{color:#0e9384;background:#12b5b024}.tone-green .dashboard-stat-icon,.tone-green .dashboard-module-icon{color:#22c55e;background:#22c55e24}.dashboard-stat-card.tone-teal>strong{color:#0e9384}.dashboard-stat-card.tone-green>strong{color:#22c55e}.dashboard-stat-card.tone-cyan>strong{color:#12b5b0}.dashboard-resume-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-bottom:24px}.dashboard-panel,.dashboard-insight-stack>.home-side-card,.dashboard-referral-card{border:1px solid var(--border-light);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-xs)}.dashboard-panel{padding:24px;box-shadow:none}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard-panel-head h2,.dashboard-section-title h2{margin:0;font-size:18px;font-weight:800}.dashboard-panel-head span{color:var(--text-muted);font-size:13px}.dashboard-resume-list{display:grid;gap:10px}.dashboard-resume-card{display:flex;align-items:center;gap:16px;min-width:0;padding:16px;border:1px solid var(--border-light);border-radius:16px;background:var(--bg);color:inherit;text-decoration:none;transition:border-color .15s ease}.dashboard-resume-card:hover{color:inherit;border-color:var(--primary);text-decoration:none}.dashboard-resume-card>svg{flex:0 0 auto;color:var(--primary)}.dashboard-resume-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;background:var(--primary-light);color:var(--primary)}.dashboard-resume-icon.tone-teal{color:#0e9384;background:#0e938414}.dashboard-resume-icon.tone-amber{color:#c8871a;background:#f6b83f1f}.dashboard-resume-copy{display:grid;min-width:0;flex:1}.dashboard-resume-copy strong{color:var(--text);font-size:15px;font-weight:700}.dashboard-resume-copy small{margin-top:4px;margin-bottom:8px;color:var(--text-muted);font-size:13px}.dashboard-progress{height:8px;margin-top:0;overflow:hidden;border-radius:999px;background:var(--surface-3)}.dashboard-progress i{display:block;height:100%;border-radius:inherit;background:var(--gradient-primary)}.dashboard-goal{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-bottom:24px;border:1px solid var(--border-light);border-radius:16px;background:var(--surface)}.dashboard-goal-copy{display:grid;min-width:0;flex:1}.dashboard-goal-copy strong{color:var(--text);font-size:15px;font-weight:700}.dashboard-goal-copy small{margin-top:2px;color:var(--text-muted);font-size:13px}.dashboard-goal-cta{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 16px;border-radius:999px;background:var(--primary);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}.dashboard-goal-cta:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.dashboard-goal-cta svg{color:currentColor}.dashboard-goal-dismiss{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}.dashboard-goal-dismiss:hover{background:var(--surface-2);color:var(--text)}@media(max-width:560px){.dashboard-goal{flex-wrap:wrap}.dashboard-goal-cta{order:3}}.dashboard-insight-stack{display:grid;gap:12px;align-content:start}.dashboard-insight-stack>.home-side-card{padding:18px}.dashboard-insight-stack .streak-card{width:100%}.dashboard-achievements{min-height:100%}.dashboard-achievement-list{display:grid;gap:12px}.dashboard-achievement-item{display:flex;align-items:center;gap:12px}.dashboard-achievement-item>span:last-child{display:grid;gap:2px}.dashboard-achievement-item strong{color:var(--text);font-size:14px;font-weight:700}.dashboard-achievement-item small{color:var(--text-muted);font-size:13px}.dashboard-achievement-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-light)}.dashboard-achievement-item.tone-amber .dashboard-achievement-icon{color:#b77912;background:#fff2d6}.dashboard-achievement-icon svg{color:currentColor!important}.dashboard-achievement-empty{margin:10px 0;color:var(--text-muted);font-size:13px}.dashboard-achievement-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:0;border:0;background:transparent;color:var(--primary-text);font-size:14px;font-weight:600;cursor:pointer}.dashboard-referral-card{width:100%;min-height:74px;display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text);text-align:left;cursor:pointer}.dashboard-referral-card:hover{border-color:var(--primary-border);background:var(--surface-2)}.dashboard-referral-card>span:nth-child(2){display:grid;min-width:0;flex:1}.dashboard-referral-card strong{font-size:13px;font-weight:700}.dashboard-referral-card small{color:var(--text-muted);font-size:11px}.dashboard-referral-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:var(--primary-light)}.dashboard-section-title{margin-bottom:14px}.dashboard-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.dashboard-module-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.dashboard-module-card:hover{color:inherit;border-color:#0e93844d;box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.dashboard-module-icon{width:46px;height:46px;border-radius:14px}.dashboard-module-card>span:nth-child(2){display:grid;min-width:0}.dashboard-module-card strong{color:var(--text);font-size:15px;font-weight:700}.dashboard-module-card small{margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.5}.dashboard-module-card>svg:last-child{display:none}.dashboard-library-section{margin-top:28px}@media(max-width:1100px){.dashboard-stat-grid,.dashboard-module-grid,.grammar-topic-grid,.progress-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){:root{--sidebar-width: 224px;--content-padding: 24px}.app-sidebar-link{gap:10px;padding-inline:10px;font-size:13px}.app-sidebar-label{padding-inline:10px}}@media(max-width:768px){:root{--content-padding: 16px}.app-frame:not(.is-session){display:block;height:auto;min-height:100dvh;overflow:visible}.app-sidebar{display:none}.app-frame:not(.is-session) .app-main{height:auto;min-height:100dvh;overflow:visible;overflow-x:clip}.app-header{height:auto;min-height:56px;padding:6px 14px;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;row-gap:4px}.app-header-actions{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;row-gap:4px}.app-header-injected{flex:0 1 auto;overflow-x:auto;scrollbar-width:none;max-width:100%}.app-header-injected::-webkit-scrollbar{display:none}.app-header-brand{display:inline-flex}.app-header:has(.app-header-back) .app-header-brand{display:none}.app-header-page-title,.app-header-streak,.app-header-contact,.app-header .feedback-inline-btn{display:none}.app-header-pill{min-height:32px;padding:5px 10px}.app-header-premium-badge{min-height:32px;padding:5px 9px}.app-header-premium-badge span{display:none}.app-header-brand .ti-logo{font-size:1.12rem}.app-frame:not(.is-session) .content{overflow:visible}.app-frame:not(.is-session) .content>.notification-permission-banner{width:calc(100% - 32px);margin-top:12px}.app-frame:not(.is-session) .content>.page-transition{width:100%;padding:var(--content-padding);padding-bottom:calc(var(--mobile-nav-height) + 24px)}.hub-head{align-items:flex-start}.hub-head-text :is(h1,h2){font-size:22px}.hub-head-side{width:100%;justify-content:flex-start}.hub-row{align-items:flex-start}.dashboard-greeting{align-items:flex-start;flex-direction:column}.dashboard-primary-action{width:100%;justify-content:center}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stat-card{padding:15px}.dashboard-resume-grid,.dashboard-module-grid{grid-template-columns:1fr}.dashboard-panel{padding:16px}.dashboard-resume-card{padding:12px}.grammar-topic-grid{grid-template-columns:1fr}.progress-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toeic-library-toolbar{align-items:stretch}.toeic-library-search{order:3;width:100%;max-width:none}.toeic-library-count{align-self:center}.toeic-test-grid{grid-template-columns:1fr}.ai-tutor-page-new{min-height:calc(100dvh - 112px)}}.test-overview{width:100%;max-width:900px;margin:0 auto;padding:0;gap:0;transform:translateY(-8px)}.test-overview-mobile-head{display:none;align-items:center;gap:14px;margin-bottom:20px}.test-overview-back{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease}.test-overview-back:hover{background:var(--primary-light);color:var(--primary-text)}.test-overview-title-section{min-width:0;margin-right:auto}.test-overview-title-section h1{margin:0;font-weight:800;font-size:19px;letter-spacing:-.01em}.test-overview-title-section p{margin:0;color:var(--text-muted);font-size:12.5px}.toeic-detail-tabs{display:inline-flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-self:flex-start;padding:4px;border-radius:999px;background:var(--surface-3);margin-bottom:20px;gap:2px}.toeic-detail-tabs::-webkit-scrollbar{display:none}.toeic-detail-tab{display:inline-flex;flex:0 0 auto;white-space:nowrap;align-items:center;gap:6px;padding:8px 20px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:15px;line-height:19px;cursor:pointer;transition:all .15s ease}.toeic-detail-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.part-grid-new{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.part-selection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--border-light);border-radius:14px;background:var(--surface)}.part-selection-head>div{display:grid;gap:2px}.part-selection-head strong{font-size:15px;color:var(--text)}.part-selection-head span{font-size:12.5px;color:var(--text-muted)}.part-mode-actions{display:flex!important;grid-auto-flow:column;gap:8px!important}.part-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.part-mode-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.part-mode-btn.exam{background:var(--primary);border-color:var(--primary);color:#fff}.part-mode-btn.full{background:#123f3a;border-color:#123f3a;color:#fff}.part-mode-btn:disabled{opacity:.42;cursor:not-allowed}.part-card-new{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.part-select-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.part-select-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.part-select-card.is-selected{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light),var(--shadow-sm)}.part-select-card:disabled{cursor:not-allowed;opacity:.55}.part-card-select-indicator{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--border);border-radius:8px;color:#fff;flex-shrink:0}.part-select-card.is-selected .part-card-select-indicator{background:var(--primary);border-color:var(--primary)}.part-card-new-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:28%;background:var(--primary-light);color:var(--primary);font-family:var(--font-family);font-weight:800;font-size:17px;flex-shrink:0}.part-card-new-info{min-width:0;flex:1}.part-card-new-info h4{margin:0;font-weight:700;font-size:15px;color:var(--text)}.part-card-new-info p{margin:2px 0 0;color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-card-coin-note{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:2px 8px 2px 5px;border-radius:999px;background:#f6b83f1f;color:#8a5a00;font-size:11.5px;font-weight:600;line-height:1.4}.part-card-new-play{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #0e938440;transition:transform .15s ease,opacity .15s ease}.part-card-new-play:hover{opacity:.94}.part-card-new-play:active{transform:scale(.94)}.toeic-multipart-session{display:flex;height:100dvh;min-height:0;flex-direction:column;overflow:hidden}.toeic-multipart-session .p1-screen{height:auto;min-height:0;flex:1 1 auto}.part-session-bar{height:58px;display:flex;align-items:center;gap:14px;padding:8px 16px;flex:0 0 58px;border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box}.part-session-mode{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:700;color:var(--text-secondary)}.part-session-mode strong{padding:5px 8px;border-radius:8px;background:#0c403a;color:#fff;font-variant-numeric:tabular-nums}.part-session-tabs{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}.part-session-tabs::-webkit-scrollbar{display:none}.part-session-tabs button{padding:7px 10px;border:1px solid var(--border-light);border-radius:9px;background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.part-session-tabs button.is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.part-session-next{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.part-session-next:disabled{background:var(--surface-3);color:var(--text-muted);cursor:default}.exam-audio-gate{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:24px;background:#051f1cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-audio-gate-card{width:min(440px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:center;padding:36px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:var(--surface);box-shadow:0 28px 80px #0000004d;text-align:center;overflow-y:auto}.exam-audio-gate-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:18px;border-radius:50%;background:var(--primary-light);color:var(--primary)}.exam-audio-gate-icon.is-playing{animation:examAudioPulse 1.15s ease-in-out infinite}@keyframes examAudioPulse{50%{transform:scale(1.08);box-shadow:0 0 0 14px #0e93841a}}.exam-audio-gate-kicker{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em}.exam-audio-gate-card h2{margin:8px 0 10px;color:var(--text);font-size:25px}.exam-audio-direction-figure{width:100%;margin:2px 0 16px;overflow:hidden;border:1px solid var(--border-light);border-radius:14px;background:var(--surface-2)}.exam-audio-direction-figure img{display:block;width:100%;height:210px;object-fit:contain;background:#f7f8f8}.exam-audio-direction-figure figcaption{padding:7px 10px;color:var(--text-muted);font-size:10.5px}.exam-audio-gate-card p{min-height:48px;margin:0 0 18px;color:var(--text-secondary);font-size:14px;line-height:1.65}.exam-audio-gate-actions{display:grid;width:100%;gap:9px}.exam-audio-gate-card button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;border:0;border-radius:12px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}.exam-audio-gate-card .exam-audio-gate-skip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.exam-audio-gate-card button:disabled{opacity:.72;cursor:wait}.exam-audio-gate-card small{margin-top:12px;color:var(--text-muted);font-size:11px}.exam-audio-gate-error{margin:-8px 0 12px;color:var(--danger);font-size:12px}.exam-reading-gate-card{width:min(560px,100%)}.exam-reading-directions{width:100%;margin:4px 0 20px;padding:18px 20px;border:1px solid var(--border-light);border-radius:14px;background:var(--surface-2);color:var(--text-secondary);text-align:left}.exam-reading-directions strong{display:block;margin-bottom:6px;color:var(--text);font-size:13px}.exam-reading-directions p{min-height:0;margin:0 0 10px;font-size:13px;line-height:1.65}.exam-reading-directions p:last-child{margin-bottom:0}.toeic-multipart-session.is-full-test .p1-audio-controls{display:none}.toeic-test-tags .solved-chip{display:inline-flex;align-items:center;gap:4px;background:#e6f5f1;color:#0f8a7a;border:none}.toeic-test-tags .premium-chip{background:#f6b83f1f!important;color:#8a5a00!important;border:none!important}@media(max-width:600px){.part-selection-head{align-items:stretch;flex-direction:column}.part-mode-actions{width:100%}.part-mode-btn{flex:1;padding-inline:8px}.part-mode-btn.full{font-size:0}.part-mode-btn.full:after{content:"Full test";font-size:12.5px}.part-session-mode>span{display:none}.toeic-multipart-session .part-session-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;min-height:84px;flex:0 0 auto;gap:6px 8px;padding:6px 8px}.toeic-multipart-session .part-session-mode{grid-column:1;grid-row:1;min-width:0}.toeic-multipart-session .part-session-tabs{grid-column:1 / -1;grid-row:2;display:flex;width:100%;min-width:0;gap:3px;overflow:visible}.toeic-multipart-session .part-session-tabs button{min-width:0;flex:1 1 0;padding:6px 1px;font-size:10px}.toeic-multipart-session>.part-session-bar>.part-session-next{grid-column:2;grid-row:1;justify-self:end;font-size:0}.toeic-multipart-session>.part-session-bar>.part-session-next svg{width:16px;height:16px}.toeic-multipart-session .part-session-bar.is-single-part{display:flex;min-height:42px;height:42px;flex:0 0 42px;padding:5px 12px}.toeic-multipart-session .part-session-bar.is-single-part .part-session-mode{flex:1;min-width:0}.toeic-multipart-session .part-session-bar.is-single-part .part-session-mode>span{display:none}.toeic-multipart-session .part-session-bar.is-single-part .part-session-mode:after{content:attr(data-mobile-label);color:var(--primary-text);font-size:12px;font-weight:800}.toeic-multipart-session .part-session-bar.is-single-part .part-session-tabs,.toeic-multipart-session .part-session-bar.is-single-part>.part-session-next{display:none}}@media(max-width:350px){.toeic-multipart-session .part-session-tabs button{font-size:9px}}.p1-screen{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-family)}.p1-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);flex:1;min-height:0;overflow:hidden}.p1-left{display:flex;flex-direction:column;background:#eef7f4;border-right:1px solid var(--border);overflow:hidden;min-height:0;padding:20px 24px;gap:14px}.p1-right{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--surface)}.p1-scroll{flex:1;overflow-y:auto;padding:24px}.p1-header{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border-light);background:var(--surface);color:var(--text);font-family:var(--font-family)}.p1-header-left{display:flex;align-items:center;gap:14px}.p1-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600}.p1-bc-parent{color:var(--text)}.p1-bc-sep{color:var(--text-muted)}.p1-bc-current{color:var(--primary-text)}.p1-header-right{display:flex;align-items:center;gap:10px}.p1-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-weight:600;font-size:13px}.p1-q-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease}.p1-q-counter:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.p1-lang-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border-light);background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer}.p1-lang-pill:hover{border-color:var(--primary-border);color:var(--primary-text)}.session-countdown{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border-light);background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}.session-countdown.is-low{border-color:var(--danger-border);color:var(--danger-text)}.trainer-nav-popover{position:absolute;top:70px;right:20px;z-index:var(--z-popover);padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);width:320px}.trainer-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.trainer-nav-head strong{font-size:13.5px;font-weight:700;color:var(--text)}.trainer-nav-head span{display:block;font-size:11px;color:var(--text-muted)}.trainer-nav-restart{font-size:12px;font-weight:600;color:var(--primary);border:none;background:transparent;cursor:pointer}.trainer-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:240px;overflow-y:auto}.trainer-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:10px;border:1.5px solid var(--border-light);background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:12px;cursor:pointer;font-variant-numeric:tabular-nums;transition:all .12s ease}.trainer-nav-item:hover{border-color:var(--primary-border);background:var(--bg-subtle)}.trainer-nav-item.is-active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text);font-weight:700}.trainer-nav-item.is-done{background:var(--surface-2);border-color:var(--border-light)}.p1-options{display:flex;flex-direction:column;gap:10px}.p1-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:16px;border:2px solid var(--border-light);background:var(--surface);text-align:left;cursor:pointer;transition:all .12s ease;color:var(--text);font-size:15px}.p1-option:hover:not(:disabled){border-color:var(--primary)}.p1-opt-circle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--text-secondary);font-weight:700;font-size:13px;flex-shrink:0;transition:all .12s ease}.p1-opt-label{flex:1;min-width:0;display:flex;flex-direction:column}.p1-opt-label strong{font-weight:600}.p1-opt-label small{color:var(--text-muted);font-size:12px;margin-top:2px}.p1-option.picked{background:var(--primary-light);border-color:var(--primary)}.p1-option.picked .p1-opt-circle{background:var(--primary);color:#fff}.p1-option.correct{background:#e6f5f1;border-color:#22c55e}.p1-option.correct .p1-opt-circle{background:#22c55e;color:#fff}.p1-option.wrong{background:#fdf2f2;border-color:#ef4444}.p1-option.wrong .p1-opt-circle{background:#ef4444;color:#fff}.p1-explanation{margin-top:16px;padding:16px 18px;border-radius:16px;font-size:14px;line-height:1.65;border:1px solid transparent}.p1-explanation.correct{background:#e6f5f1;color:#0b7568;border-color:#0e938426}.p1-explanation.wrong{background:#fdf2f2;color:#c2402c;border-color:#ef44441f}.p1-explanation.neutral{background:#eef8f5;color:var(--text);border-color:var(--border-light)}.p1-expl-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fff;font-weight:700;font-size:13px;margin-bottom:12px;box-shadow:var(--shadow-xs)}.p1-explanation.correct .p1-expl-badge{color:#0b7568}.p1-explanation.wrong .p1-expl-badge{color:#c2402c}.p1-expl-section{margin-top:12px}.p1-expl-section-label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#16323f8c;margin-bottom:6px}.p1-expl-section p{margin:0 0 6px;line-height:1.6}.p1-expl-section p:last-child{margin-bottom:0}.p1-expl-traps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.p1-expl-traps li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.5}.p1-expl-trap-choice{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:var(--danger-light);color:var(--danger);font-weight:700;font-size:11px;flex-shrink:0;margin-top:1px}.speaking-pick-page{width:100%;min-width:0;margin-top:-14px}.speaking-pick-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.speaking-year-tabs{display:inline-flex;max-width:100%;gap:2px;padding:4px;overflow-x:auto;border-radius:999px;background:var(--surface-3)}.speaking-year-tabs button{flex:0 0 auto;padding:7px 16px;border-radius:999px;color:var(--text-muted);font-size:14px;font-weight:600}.speaking-year-tabs button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 6px #16323f1a}.speaking-pick-search{width:min(280px,100%);height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:#9db3ac}.speaking-pick-search input{min-width:0;flex:1;padding:0;border:0;background:transparent;font-size:14px}.speaking-pick-count{margin-left:auto;color:var(--text-muted);font-size:13px}.speaking-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.speaking-test-card{width:100%;display:block;padding:18px 20px;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.speaking-test-card:hover{border-color:#0e93844d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.speaking-test-tags{display:flex;align-items:center;gap:8px;margin-bottom:12px}.speaking-test-tags b,.speaking-test-tags i{padding:3px 10px;border-radius:999px;font-size:12px;font-style:normal;font-weight:600}.speaking-test-tags b{color:var(--primary-text);background:var(--primary-light);font-weight:700}.speaking-test-tags i{border:1px solid var(--border);color:var(--text-muted)}.speaking-test-card>strong{display:block;color:var(--text);font-size:16px;font-weight:700}.speaking-test-card>small{display:block;margin-top:4px;color:var(--text-muted);font-size:13.5px}.speaking-back-to-tests{display:inline-flex;align-items:center;gap:7px;margin-bottom:4px;padding:7px 10px;border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:600}.speaking-back-to-tests:hover{color:var(--primary-text);background:var(--primary-light)}.speaking-conversation-section{margin-top:0}.speaking-conversation-section.is-part-four{margin-top:28px}.speaking-section-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:20px 0 12px}.speaking-section-head h3{margin:0;font-size:16px;font-weight:700}.speaking-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.speaking-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);text-align:left;cursor:pointer;transition:all .15s ease;width:100%}.speaking-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-border)}.speaking-card-tag{align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-text);font-size:12px;font-weight:600}.speaking-card-preview{font-size:15px;line-height:1.4;font-weight:700;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.speaking-card-meta{color:var(--text-secondary);font-size:13px}.speaking-part-picker{padding:24px;border:1px solid var(--border-light);border-radius:22px;background:radial-gradient(circle at 94% 3%,rgba(30,177,155,.09),transparent 28%),var(--surface);box-shadow:0 10px 32px #16323f0e}.speaking-part-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border-light)}.speaking-part-picker-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--primary-text);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.speaking-part-picker-head h2{margin:0;color:var(--text);font-size:clamp(20px,2.2vw,25px);line-height:1.25;letter-spacing:-.02em}.speaking-part-picker-head p{max-width:570px;margin:7px 0 0;color:var(--text-muted);font-size:13.5px;line-height:1.55}.speaking-part-picker-total{flex:0 0 auto;padding:5px 11px;border:1px solid var(--border-light);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:700}.speaking-part-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.speaking-part-card{position:relative;min-width:0;min-height:176px;display:grid;grid-template-columns:126px minmax(0,1fr) 38px;align-items:center;gap:17px;padding:18px;overflow:hidden;border:1px solid var(--border-light);border-radius:18px;background:var(--surface);color:var(--text);font:inherit;text-align:left;box-shadow:0 2px 6px #16323f09;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.speaking-part-card:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 12px 28px #16323f17;transform:translateY(-3px)}.speaking-part-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.speaking-part-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.speaking-part-visual{position:relative;width:126px;height:138px;display:block;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#e7f8f4,#eef4ff)}.speaking-part-card.is-part4 .speaking-part-visual{background:linear-gradient(145deg,#f2edff,#eaf5ff)}.speaking-part-visual .dictation-part-illustration{width:100%;height:100%}.speaking-part-number{position:absolute;z-index:1;top:9px;left:9px;display:grid;place-items:center;width:34px;height:28px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:#ffffffe6;color:var(--primary-text);font-size:11px;font-weight:800;box-shadow:0 3px 9px #16323f14}.speaking-part-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.speaking-part-eyebrow{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--primary-text);font-size:11.5px;font-weight:750}.speaking-part-card.is-part4 .speaking-part-eyebrow{color:#7054a3}.speaking-part-content>strong{color:var(--text);font-size:16px;line-height:1.35}.speaking-part-description{margin-top:6px;color:var(--text-muted);font-size:12.5px;line-height:1.5}.speaking-part-stats{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--text-secondary);font-size:11.5px;font-weight:650}.speaking-part-stats i{color:var(--border);font-style:normal}.speaking-part-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:11px;background:var(--surface-2);color:var(--text-muted);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.speaking-part-card:hover .speaking-part-arrow{border-color:var(--primary);background:var(--primary);color:#fff;transform:translate(2px)}@media(max-width:900px){.speaking-part-grid{grid-template-columns:1fr}}@media(max-width:560px){.speaking-part-picker{padding:16px;border-radius:18px}.speaking-part-picker-head{align-items:flex-start;margin-bottom:14px;padding-bottom:14px}.speaking-part-picker-total{display:none}.speaking-part-card{min-height:132px;grid-template-columns:88px minmax(0,1fr) 32px;gap:12px;padding:13px;border-radius:15px}.speaking-part-visual{width:88px;height:104px;border-radius:11px}.speaking-part-description{display:none}.speaking-part-stats{flex-wrap:wrap;gap:4px 6px;margin-top:8px}.speaking-part-arrow{width:32px;height:32px}}.vocab-roadmap-page{width:min(760px,100%);margin:0 auto;padding:4px 0 32px;color:#16323f}.vocab-roadmap-page.is-message{padding-top:24px}.vocab-roadmap-page.is-message h1{margin:0 0 6px;font-size:28px}.vocab-roadmap-page.is-message p{margin:0 0 16px;color:#6d8a83}.vocab-roadmap-library-link{color:#0b7568;font-size:14px;font-weight:700}.vocab-library{width:min(100%,1200px);max-width:1200px;margin:0 auto;padding-bottom:36px}.vocab-entry-page .speaking-part-card{grid-template-columns:minmax(240px,42%) minmax(0,1fr);min-height:286px;gap:28px;padding:22px 28px 22px 22px;border-top:3px solid color-mix(in srgb,var(--primary) 72%,white)}.vocab-entry-page .speaking-part-content{gap:10px}.vocab-entry-page .speaking-part-content>strong{font-size:21px}.vocab-entry-page .speaking-part-description{max-width:34ch;line-height:1.55}.vocab-due-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:18px 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none}.vocab-due-entry>span:first-child{display:flex;flex-direction:column;gap:4px}.vocab-due-entry small{color:var(--text-muted);font-size:14px}.vocab-due-entry>span:last-child{color:var(--primary);font-size:22px}.vocab-due-entry:hover,.vocab-due-entry:focus-visible{border-color:var(--primary)}.vocab-choice-visual{display:grid;place-items:center;align-self:stretch;min-height:238px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);border-radius:17px;background:linear-gradient(145deg,#e7f8f4,#eef4ff)}.vocab-choice-visual img{display:block;width:94%;height:94%;object-fit:contain}@media(max-width:900px){.vocab-entry-page .speaking-part-card{grid-template-columns:minmax(0,1fr);min-height:0;padding:18px}.vocab-choice-visual{min-height:190px}}.vocab-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:var(--space-5, 24px)}.vocab-entry-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;cursor:default}.vocab-entry-card--game{background:var(--primary-light);border-color:var(--primary-border, rgba(14,147,132,.25));cursor:pointer}.vocab-entry-card--game:hover{border-color:var(--primary);box-shadow:0 4px 16px #0e938426;transform:translateY(-2px)}.vocab-entry-icon{font-size:32px;flex-shrink:0;line-height:1}.vocab-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.vocab-entry-copy strong{font-size:16px;font-weight:700;color:var(--text)}.vocab-entry-copy span{font-size:13px;color:var(--text-muted)}@media(max-width:640px){.vocab-entry-grid{grid-template-columns:1fr;gap:10px}.vocab-entry-card{padding:16px 18px}.vocab-entry-icon{font-size:26px}}.vocab-library-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:10px 0 24px;padding:24px 26px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.vocab-library-eyebrow{color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.vocab-library-intro h2{margin:6px 0 4px;font-size:17px;font-weight:600;color:var(--text)}.vocab-library-intro p{margin:0;color:var(--text-muted);font-size:13px}.vocab-library-total{display:grid;min-width:145px;padding:12px 14px;border-radius:10px;background:var(--surface-2);text-align:right}.vocab-library-total strong{color:var(--text);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.vocab-library-total span{color:var(--text-muted);font-size:12px}.vocab-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.vocab-library-toolbar .hub-chips{display:flex;flex-wrap:nowrap!important;align-items:center;gap:2px;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px 4px;border-radius:999px;background:var(--surface-3)}.vocab-library-toolbar .hub-chips::-webkit-scrollbar{display:none}.vocab-library-toolbar .chip{flex:0 0 auto;min-height:32px;padding:6px 16px;border:0;border-radius:999px;background:transparent;white-space:nowrap;cursor:pointer}.vocab-library-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.vocab-game-mode-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #9edfd0;border-radius:12px;background:#eaf9f5;color:#087b6b;font-weight:750;text-decoration:none;white-space:nowrap;box-shadow:0 7px 20px #0d826f17}.vocab-game-mode-button:hover{background:#dff5ef;transform:translateY(-1px)}.vg-game-picker-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:16px;background:#071319ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:social-dialog-fade .16s ease-out}.vg-game-picker-panel{width:min(100%,760px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px;border:1px solid #ffffff18;border-radius:24px;background:#101820;color:#ecf1f4;box-shadow:0 24px 80px #00000059;animation:social-dialog-rise .18s cubic-bezier(.2,.8,.2,1)}.vg-game-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.vg-game-picker-head h2{margin:4px 0 8px;color:#ecf1f4;font-size:22px;letter-spacing:-.5px}.vg-game-picker-head p{margin:0;color:#a9b8c6;font-size:13px}.vg-game-picker-close{flex:0 0 auto;width:40px;height:40px;border:1px solid #ffffff22;border-radius:50%;background:#ffffff08;color:#e5edf3;font-size:18px;cursor:pointer}.vg-game-picker-close:hover{background:#ffffff15;border-color:#fff4}.vg-game-picker-section{margin-bottom:26px}.vg-game-picker-section .vg-section-title{margin:0 0 14px}.vg-game-picker-section .vg-section-title h2{margin:0}.vg-game-picker-tree{display:grid;gap:12px}.vg-game-picker-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vg-game-picker-game{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:88px;padding:12px;border:1px solid #ffffff14;border-radius:14px;background:#1a232d;color:#eef4f7;text-align:left;cursor:pointer}.vg-game-picker-game b{font-size:26px;color:var(--accent)}.vg-game-picker-game span{display:grid;gap:4px;min-width:0}.vg-game-picker-game strong{font-size:13px;color:#eaf4f1}.vg-game-picker-game small{font-size:10px;color:#a9b8c6;overflow-wrap:anywhere}.vg-game-picker-game.is-selected{border-color:#9ee7ca;box-shadow:0 0 0 1px #9ee7ca,0 8px 24px #71dfb51f}.vg-game-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff12}.vg-game-picker-foot p{margin:0;color:#a9b8c6;font-size:12px}.vg-game-picker-start{min-height:44px;padding:12px 18px;border:0;border-radius:12px;background:#9ee7ca;color:#162b2a;font-weight:750;cursor:pointer}.vg-game-picker-start:disabled{opacity:.5;cursor:default}.vg-game-picker-panel .vg-notice,.vg-game-picker-panel .vg-muted{margin:8px 0;color:#a9b8c6}.vg-game-picker-panel .vg-path-toggle{color:#eaf4f1;background:transparent;border:0}.vg-game-picker-panel .vg-topic-list input{accent-color:#72d9b4}.vocab-library-search{position:relative;display:flex;align-items:center;width:min(320px,100%);flex-shrink:0;color:#6d8a83}.vocab-library-search svg{position:absolute;left:13px}.vocab-library-search input{width:100%;min-height:40px;padding:0 14px 0 38px;border:1px solid rgba(22,50,63,.12);border-radius:999px;outline:none;background:#fff;color:#16323f;font:inherit;font-size:13px}.vocab-library-search input:focus{border-color:#0e9384;box-shadow:0 0 0 3px #0e93841a}.vocab-library-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vocab-library-path-card{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:140px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.vocab-library-path-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vocab-library-path-art{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:10px;color:var(--primary-text);background:var(--primary-light)}.vocab-library-path-copy{position:relative;z-index:1;min-width:0}.vocab-library-path-category{display:block;margin-bottom:6px;color:var(--text-muted);font-size:11.5px;font-weight:var(--weight-medium)}.vocab-library-path-copy h3{display:-webkit-box;margin:0;overflow:hidden;font-size:16px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vocab-library-path-copy p{margin:9px 0 0;color:var(--text-muted);font-size:12px}.vocab-library-path-copy p span{margin:0 4px;color:#b0c5bf}.vocab-library-path-arrow{position:absolute;z-index:2;right:16px;bottom:16px;color:var(--text-muted)}.vocab-library-empty{padding:40px 20px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);text-align:center}@media(max-width:960px){.vocab-library-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.vocab-library-intro{align-items:flex-start;flex-direction:column;padding:20px}.vocab-library-total{width:100%;text-align:left}.vocab-library-toolbar{align-items:stretch;flex-direction:column}.vocab-library-toolbar .hub-chips{width:100%}.vocab-library-actions{width:100%;flex-wrap:wrap}.vocab-game-mode-button,.vocab-library-search{flex:1 1 220px}.vocab-library-search{width:100%}.vocab-library-path-grid{grid-template-columns:1fr;gap:12px}.vg-game-picker-backdrop{padding:0;align-items:flex-end}.vg-game-picker-panel{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;padding:18px}.vg-game-picker-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-game-picker-foot{align-items:stretch;flex-direction:column}.vg-game-picker-start{width:100%}}.vocab-roadmap-heading{display:block;margin-bottom:24px}.vocab-roadmap-heading h1{margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.01em}.vocab-roadmap-heading p{margin:4px 0 0;color:#6d8a83;font-size:15px}.vocab-roadmap-summary{margin-bottom:32px;padding:28px;border:1px solid rgba(22,50,63,.1);border-radius:24px;background:#fff}.vocab-roadmap-tags{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vocab-roadmap-tags span{padding:3px 10px;border-radius:999px;color:#6d8a83;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:600}.vocab-roadmap-tags span:first-child{color:#0b7568;background:#e5f6f2}.vocab-roadmap-tags span:last-child{border:1px solid rgba(22,50,63,.15)}.vocab-roadmap-summary h2{margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:800}.vocab-roadmap-summary>p{margin:4px 0 0;color:#6d8a83;font-size:15px}.vocab-roadmap-progress{height:12px;margin-top:16px;overflow:hidden;border-radius:999px;background:#e3efeb}.vocab-roadmap-progress span{display:block;height:100%;min-width:5px;border-radius:inherit;background:#f6b83f;transition:width .4s ease}.vocab-stage-list{position:relative;margin:0;padding:0 0 0 32px;list-style:none}.vocab-stage-list:before{content:"";position:absolute;top:8px;bottom:8px;left:15px;width:2px;background:#16323f1a}.vocab-stage{position:relative;margin-bottom:18px}.vocab-stage-dot{position:absolute;z-index:1;top:14px;left:-32px;display:grid;width:32px;height:32px;place-items:center;border:2px solid #cbded9;border-radius:50%;background:#edf5f3;color:#6d8a83;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700}.vocab-stage-card{display:flex;width:100%;min-height:90px;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border:1.5px solid rgba(22,50,63,.1);border-radius:16px;background:#fff;color:#16323f;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.vocab-stage-card:hover{border-color:#0e938480;box-shadow:0 8px 24px #16323f14}.vocab-stage-copy{min-width:0}.vocab-stage-copy strong{display:block;font-size:15px;font-weight:700}.vocab-stage-copy small{display:block;margin-top:2px;color:#6d8a83;font-size:13px}.vocab-stage-action,.vocab-stage-lock{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:8px 20px;border-radius:999px;background:#0e9384;color:#fff;font-size:13px;font-weight:700}.vocab-stage-lock{padding:5px 12px;background:#e3efeb;color:#6d8a83;font-size:12px;font-weight:600}.vocab-stage-lock svg{width:12px;height:12px}.vocab-stage.is-current .vocab-stage-dot{border-color:#0e9384;background:#0e9384;color:#fff}.vocab-stage.is-current .vocab-stage-card{border-color:#0e9384}.vocab-stage.is-available .vocab-stage-dot{border-color:#9ccfc6;color:#39786f;background:#f3fbf9}.vocab-stage.is-available .vocab-stage-card:hover{border-color:#0e9384}.vocab-stage.is-completed .vocab-stage-dot{border-color:#0e9384;background:#e5f6f2;color:#0b7568}.vocab-stage.is-locked .vocab-stage-card{border-color:#16323f1a;background:#f7f7f2;color:#6d8a83}.vocab-stage.is-locked .vocab-stage-card:hover{border-color:#16323f26;box-shadow:none}.vocab-stage-toast{position:fixed;z-index:30;right:28px;bottom:28px;display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(22,50,63,.1);border-radius:14px;background:#fff;box-shadow:0 10px 30px #16323f24;color:#6d8a83;font-size:13px;font-weight:600}.vocab-stage-toast svg{width:15px;height:15px}@media(max-width:680px){.vocab-roadmap-summary{padding:22px}.vocab-stage-card{min-height:82px;padding:16px}.vocab-stage-action{padding:7px 14px}}.progress-dashboard{width:100%;min-width:0;box-sizing:border-box}.progress-kpi-grid,.progress-lower-grid,.progress-kpi-card,.progress-overview-row,.progress-overview-copy{min-width:0}@media(max-width:820px){.progress-dashboard{padding:20px 20px 96px!important}.progress-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.progress-lower-grid{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:520px){.progress-dashboard{padding:20px 16px 96px!important;overflow:hidden}.progress-kpi-grid{gap:10px!important;margin-bottom:18px!important}.progress-kpi-card{min-height:126px;padding:14px!important}.progress-kpi-card p{font-size:25px!important;line-height:1.2}.progress-overview-card,.progress-lower-card{padding:18px 16px!important}.progress-overview-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px!important}.progress-overview-copy{width:auto!important}.progress-overview-copy strong,.progress-overview-copy small{white-space:normal}.progress-overview-bar{grid-column:2 / 4;width:100%}.progress-overview-rate{grid-column:3;grid-row:1;align-self:center;min-width:34px!important}}.review-hub-page .hub-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.review-stats{display:flex;flex-wrap:wrap;gap:20px;color:var(--text-muted);font-size:13px}.review-stats strong{margin-right:5px;color:var(--text);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.review-empty{padding:40px 24px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center}.review-empty>span,.review-done-icon{display:grid;width:44px;height:44px;margin:0 auto 14px;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--primary-text)}.review-empty h2{margin:0;color:var(--text);font-size:16px;font-weight:600}.review-empty p{margin:6px auto 18px;color:var(--text-muted);font-size:var(--text-sm)}.review-done-page h1{margin:0;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.01em}.review-session-page{width:min(680px,100%);margin:0 auto}.review-session-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.review-session-head button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.review-session-head button:hover{background:var(--surface-2);color:var(--text)}.review-session-head>span{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.review-session-progress{height:4px;margin-bottom:20px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.review-session-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width var(--transition-base)}.review-session-kicker{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-muted);font-size:12px}.review-session-kicker strong{padding:2px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-secondary);font-size:11.5px;font-weight:600}.review-question-card{margin-bottom:14px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.review-question-card p{margin:0;font-size:17px;line-height:1.75}.review-question-card b{display:inline-block;min-width:72px;padding:1px 10px;border-bottom:1px dashed var(--border-hover);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-weight:var(--weight-medium);text-align:center}.review-options{display:flex;flex-direction:column;gap:8px}.review-options button{display:flex;width:100%;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.review-options button:not(:disabled):hover{border-color:var(--border-hover);background:var(--surface-2)}.review-options button>span{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--text-secondary);font-size:12px;font-weight:700}.review-options button>strong{flex:1;font-size:14px;font-weight:var(--weight-medium)}.review-options button.is-correct{border-color:var(--success);background:var(--success-light);color:var(--success-text)}.review-options button.is-correct>span{background:var(--success);color:#fff}.review-options button.is-wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger-text)}.review-options button.is-wrong>span{background:var(--danger);color:#fff}.review-explanation{margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.review-explanation>strong{color:var(--danger-text);font-size:13px;font-weight:600}.review-explanation.is-correct{border-color:var(--success-border, var(--border));background:var(--success-light)}.review-explanation.is-correct>strong{color:var(--success-text)}.review-explanation p{margin:6px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.review-next{width:100%;margin-top:14px;padding:11px;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:600}.review-next:hover{background:var(--primary-hover)}.review-next.is-known{background:#46b26a}.review-done-page{width:min(440px,100%);margin:0 auto;padding:28px 0 32px;text-align:center}.review-done-icon{width:96px;height:96px;margin-bottom:24px}.review-done-page p{margin:8px 0 24px;color:#6d8a83}@media(max-width:600px){.review-hub-page,.review-session-page,.review-done-page{padding-top:10px;padding-bottom:90px}.review-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.review-stats article{padding:14px 10px}.review-stats strong{font-size:24px}.review-stats small{min-height:36px}.review-empty{padding:42px 20px}.review-list article{padding:14px}.review-list i:nth-of-type(n+2){display:none}.review-question-card{padding:18px}.review-question-card p{font-size:17px}}@media(max-width:768px){.p1-screen{height:100dvh;min-height:100dvh;overflow:hidden}.p1-header{height:56px;padding:0 10px;gap:6px}.p1-header-left{min-width:0;gap:4px}.p1-back-btn{padding:7px 9px}.p1-breadcrumb{display:none}.p1-header-right{min-width:0;margin-left:auto;gap:4px}.p1-mode-pill,.p1-q-counter,.p1-lang-pill{min-width:0;padding:5px 8px;font-size:11px;white-space:nowrap}.p1-body,.p5-exam-layout{display:block;min-height:0;overflow-x:hidden;overflow-y:auto}.p1-left{min-height:auto;padding:16px;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.p1-left-with-actions{overflow:visible}.p1-left-scroll{overflow:visible;padding:16px}.p1-left-actions{height:auto;min-height:56px}.p1-right{min-height:auto;overflow:visible}.p1-scroll{min-height:auto;overflow:visible;padding:20px 16px}.p1-actions{position:sticky;z-index:8;bottom:0;width:100%;padding:10px 12px max(10px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #16323f14}.p1-actions .p1-nav-btn{width:40px;height:42px}.p1-actions .p1-cta-btn{min-width:0;height:42px;padding-inline:10px;font-size:12px}.p5-exam-options .p1-options{grid-template-columns:1fr}.test-overview{transform:none}.test-overview-mobile-head{display:flex;align-items:flex-start}.part-grid-new{grid-template-columns:minmax(0,1fr)}.part-card-new{min-width:0;padding:16px}.ai-tutor-shell{height:calc(100dvh - 56px - var(--mobile-nav-height))!important;min-height:0}.ai-tutor-shell-header{height:58px!important;padding:0 14px!important;gap:9px!important}.ai-tutor-shell-title{min-width:0;flex:1}.ai-tutor-shell-title strong{display:block}.ai-tutor-shell-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-tutor-shell-header>button{width:38px;height:38px;flex:0 0 38px;justify-content:center;padding:0!important}.ai-tutor-shell-header>button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ai-tutor-shell-body{padding:18px 16px!important}.ai-tutor-empty{padding:12px 0 20px!important}.ai-tutor-empty h2{font-size:20px!important}.ai-tutor-shell-composer{padding:10px 12px!important}}@media(max-width:350px){.ai-tutor-suggestion-grid{grid-template-columns:1fr!important}.ai-tutor-empty>p{font-size:13.5px!important}}@media(min-width:1800px){:root{--sidebar-width: 256px;--content-max: 1240px;--content-padding: 32px}.dashboard-page{max-width:1040px}.toeic-library{max-width:1080px}.speaking-library,.grammar-library{max-width:920px}.social-page{max-width:900px}.store-page{max-width:880px}.progress-dashboard{max-width:860px!important}.vocab-library{max-width:760px}.test-overview{max-width:900px}}@media(min-width:1440px){.app-frame:not(.is-session) .content>.page-transition{width:100%;max-width:none}.dictation-library,.speaking-pick-page{width:min(100%,1400px);max-width:1400px;margin-inline:auto}.toeic-library:not(.dictation-library){width:min(100%,1400px);max-width:1400px}.toeic-library:not(.dictation-library) .toeic-test-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-page,.speaking-library,.grammar-library,.vocab-library,.social-page,.store-page,.progress-dashboard,.vocab-roadmap-page,.review-hub-page,.review-session-page,.ai-tutor-page-new,.hub.shop-store-page{width:min(100%,1400px);max-width:1400px!important}.test-overview{width:min(100%,1200px);max-width:1200px}.mode-chooser-container{width:min(100%,1000px);max-width:1000px}.ai-tutor-shell-body{width:min(100%,1100px)!important;max-width:1100px!important}.part-grid-new{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.dictation-overview{max-width:1200px}}@media(max-width:1439px){.toeic-library:not(.dictation-library),.dictation-library,.speaking-pick-page{width:100%;max-width:1080px;margin-inline:auto}}@media(max-width:768px){.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:1fr;gap:12px}}.toeic-library:not(.dictation-library),.dictation-library,.speaking-pick-page{margin-top:0}.toeic-library-toolbar,.speaking-pick-toolbar{margin-bottom:18px}.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.toeic-test-card,.speaking-test-card{min-height:128px;padding:20px;border-radius:16px}.toeic-test-tags,.speaking-test-tags{min-height:24px;margin-bottom:12px}.dictation-library .toeic-test-card,.speaking-test-card{border-color:var(--border-light)}.catalog-test-card{position:relative;min-height:136px!important;display:flex!important;flex-direction:column;justify-content:flex-start;gap:0;padding:18px!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text);text-align:left;text-decoration:none;box-shadow:0 1px 2px #16323f09;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;overflow:hidden}.catalog-test-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border))!important;box-shadow:0 8px 22px #16323f13!important;color:var(--text);text-decoration:none;transform:translateY(-2px)}.catalog-test-card.is-sealed{border-color:color-mix(in srgb,var(--primary) 26%,var(--border))!important;box-shadow:0 1px 2px #16323f0a}.catalog-test-card.is-opened{background:var(--surface)!important}.catalog-test-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.catalog-test-tags{min-height:26px!important;display:flex;align-items:center;gap:6px!important;flex-wrap:wrap;margin:0 0 13px!important}.catalog-test-tags>*{min-height:26px!important;display:inline-flex!important;align-items:center;padding:4px 9px!important;border:1px solid var(--border-light)!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface-2) 78%,var(--surface))!important;color:var(--text-muted)!important;font-size:11.5px!important;font-style:normal!important;font-weight:650!important;line-height:1!important}.catalog-test-tags .solved-chip{border-color:transparent!important;background:color-mix(in srgb,var(--primary-light) 72%,var(--surface))!important;color:var(--primary-text)!important}.catalog-test-title{display:block;margin:0!important;color:var(--text)!important;font-size:15px!important;font-weight:700!important;line-height:1.4}.catalog-test-meta{display:block;margin-top:5px!important;color:var(--text-muted)!important;font-size:12.5px!important;line-height:1.45}.catalog-test-seal{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(1px) saturate(.94);backdrop-filter:blur(1px) saturate(.94);background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.38) 44%,transparent 58%),linear-gradient(150deg,#ecf8f594,#fff6);transform-origin:100% 0;will-change:transform,opacity}.catalog-test-seal:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 20px #0e938412}.catalog-test-seal-sheen{position:absolute;top:-60%;bottom:-60%;left:0;width:46px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(18deg) translate(-80px);opacity:0}.catalog-test-card.is-sealed:hover .catalog-test-seal-sheen{opacity:1;animation:catalogSealSheen .82s ease-out}.catalog-test-seal-ribbon{position:absolute;top:13px;right:-32px;width:118px;padding:3px 0;background:var(--gradient-primary);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;text-align:center;box-shadow:0 2px 6px #0e625842;transform:rotate(45deg)}.catalog-test-seal-hint{position:absolute;left:18px;bottom:14px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;background:#fffc;box-shadow:0 1px 3px #16323f1a;color:var(--primary-text);font-size:10.5px;font-weight:700}.catalog-test-card.is-sealed{cursor:pointer}.catalog-test-card.is-peeling{animation:catalogCardRelease .42s cubic-bezier(.2,.72,.2,1) both}.catalog-test-seal.is-peeling{animation:catalogSealPeel .42s cubic-bezier(.34,.6,.3,1) forwards}@keyframes catalogSealSheen{0%{transform:rotate(18deg) translate(-80px)}to{transform:rotate(18deg) translate(420px)}}@keyframes catalogSealPeel{0%{opacity:1;transform:perspective(760px) rotate3d(1,-1,0,0)}60%{opacity:.92}to{opacity:0;transform:perspective(760px) rotate3d(1,-1,0,82deg) translate(5%,-3%)}}@keyframes catalogCardRelease{0%,55%{transform:translateY(-1px) scale(.998)}78%{transform:translateY(-1px) scale(1.006)}to{transform:translateY(-2px) scale(1)}}@media(prefers-reduced-motion:reduce){.catalog-test-card.is-sealed:hover .catalog-test-seal-sheen{animation:none}.catalog-test-card.is-peeling,.catalog-test-seal.is-peeling{animation-duration:1ms}}:root[data-tooich-shop-theme=night] .catalog-test-card.is-sealed{box-shadow:0 1px 2px #0000004d}:root[data-tooich-shop-theme=night] .catalog-test-seal{background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.12) 44%,transparent 58%),linear-gradient(150deg,#0a141a8c,#10202873)}:root[data-tooich-shop-theme=night] .catalog-test-seal:after{box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 20px rgba(var(--primary-rgb),.06)}:root[data-tooich-shop-theme=night] .catalog-test-seal-sheen{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}:root[data-tooich-shop-theme=night] .catalog-test-seal-hint{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 88%,var(--surface));box-shadow:0 1px 3px #00000059;color:var(--primary-text)}.dictation-overview .part-grid-new,.test-overview .part-grid-new,.speaking-grid-new{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.activity-choice-card{position:relative;width:100%;min-height:116px;padding:16px 58px 16px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:left;box-shadow:0 1px 2px #16323f09;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.activity-choice-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--surface);box-shadow:0 8px 22px #16323f13;transform:translateY(-2px)}.activity-choice-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.activity-choice-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.activity-card-action{position:absolute;top:50%;right:15px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:10px;background:var(--surface-2);color:var(--text-muted);transform:translateY(-50%);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.activity-choice-card:hover .activity-card-action{border-color:var(--primary);background:var(--primary);color:#fff;transform:translate(2px,-50%)}.part-card-new.dictation-activity-card{min-height:116px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr;align-items:center;gap:14px;padding:16px 58px 16px 16px;border-radius:14px;background:var(--surface);box-shadow:0 1px 2px #16323f09}.part-card-new.dictation-activity-card.part-select-card{grid-template-columns:76px minmax(0,1fr) 24px;padding:16px}.part-card-new.dictation-activity-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 8px 22px #16323f13;transform:translateY(-2px)}.dictation-activity-card .dictation-part-visual{grid-column:auto;width:76px;height:76px;border-radius:11px;background:linear-gradient(135deg,#e7f8f4,#eef4ff)}.dictation-activity-card .dictation-part-visual .part-card-new-icon{top:7px;left:7px;width:27px;height:27px;border-radius:8px;font-size:10px;box-shadow:0 2px 6px #16323f12}.part-card-new.dictation-activity-card .part-card-new-info{align-self:center}.part-card-new.dictation-activity-card .part-card-new-info h4,.speaking-card.activity-choice-card .speaking-card-preview{font-size:14.5px;line-height:1.4}.part-card-new.dictation-activity-card .part-card-new-info p,.speaking-card.activity-choice-card .speaking-card-meta{margin-top:5px;color:var(--text-muted);font-size:12.5px}.speaking-card.activity-choice-card{min-height:116px;gap:6px;padding:16px 58px 16px 16px;border-radius:14px;box-shadow:0 1px 2px #16323f09}.speaking-card.activity-choice-card .speaking-card-tag{padding:4px 9px;border:1px solid var(--border-light);background:var(--surface-2);color:var(--text-muted);font-size:11px}@media(max-width:680px){.dictation-overview .part-grid-new,.test-overview .part-grid-new,.speaking-grid-new{grid-template-columns:1fr}.part-card-new.dictation-activity-card,.speaking-card.activity-choice-card{min-height:106px}.dictation-activity-card .dictation-part-visual{width:68px;height:68px}.part-card-new.dictation-activity-card{grid-template-columns:68px minmax(0,1fr)}.part-card-new.dictation-activity-card.part-select-card{grid-template-columns:68px minmax(0,1fr) 24px}}@media(max-width:1180px){.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.toeic-library:not(.dictation-library) .toeic-test-grid,.dictation-library .toeic-test-grid,.speaking-pick-page .speaking-test-grid{grid-template-columns:1fr;gap:12px}.toeic-test-card,.speaking-test-card{min-height:0;padding:18px}.catalog-test-card{min-height:0!important}}.toeic-library-toolbar,.speaking-pick-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:40px;margin-bottom:20px}.toeic-library-toolbar .hub-chips,.speaking-year-tabs,.vocab-library-toolbar .hub-chips{display:flex;flex-wrap:nowrap!important;align-items:center;gap:3px;min-height:40px;height:40px;max-height:40px;box-sizing:border-box;max-width:100%;padding:3px 4px;padding-inline-end:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:999px;background:var(--surface-3);scrollbar-width:none;-ms-overflow-style:none}.toeic-library-toolbar .hub-chips::-webkit-scrollbar,.speaking-year-tabs::-webkit-scrollbar,.vocab-library-toolbar .hub-chips::-webkit-scrollbar{display:none}.toeic-library-toolbar .chip,.speaking-year-tabs button,.vocab-library-toolbar .chip{min-height:32px;height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:600;line-height:32px;white-space:nowrap;box-shadow:none;cursor:pointer;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.toeic-library-toolbar .chip:hover,.speaking-year-tabs button:hover,.vocab-library-toolbar .chip:hover{color:var(--text);background:#ffffff0d}.toeic-library-toolbar .chip.active,.speaking-year-tabs button.active,.vocab-library-toolbar .chip.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.toeic-library-search,.speaking-pick-search{width:min(280px,100%);height:38px;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted)}.toeic-library-search input,.speaking-pick-search input{width:100%;min-width:0;min-height:0;flex:1;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.toeic-library-count,.speaking-pick-count{margin-left:auto;align-self:center;color:var(--text-muted);font-size:13px;white-space:nowrap}@media(max-width:768px){.toeic-library-toolbar,.speaking-pick-toolbar{align-items:stretch;min-height:0}.toeic-library-toolbar .hub-chips,.speaking-year-tabs,.vocab-library-toolbar .hub-chips{width:100%;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.toeic-library-search,.speaking-pick-search{order:3;width:100%;max-width:none}.toeic-library-count,.speaking-pick-count{margin-left:auto;align-self:center}}.streak-journey{position:relative;margin-bottom:24px;padding:20px 22px 18px;border:1px solid var(--border-light);border-radius:20px;overflow:hidden;background:radial-gradient(120% 80% at 12% 0%,rgba(34,197,94,.1),transparent 60%),radial-gradient(90% 70% at 92% 8%,rgba(246,184,63,.12),transparent 62%),linear-gradient(180deg,#f2fbf8,#fff 78%);box-shadow:var(--shadow-xs)}.streak-journey-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.streak-journey-title{display:flex;align-items:center;gap:12px;min-width:0}.streak-journey-flame{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(140deg,#f6b83f,#f0863f);color:#fff;box-shadow:0 6px 14px #e08c2d47}.streak-journey-title strong{display:block;color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.15}.streak-journey-title strong small{color:var(--text-muted);font-size:13px;font-weight:600}.streak-journey-title p{margin:2px 0 0;color:var(--text-muted);font-size:13px}.streak-journey-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.streak-journey-stat{display:inline-flex;align-items:baseline;gap:5px;padding-right:14px;margin-right:2px;border-right:1px solid var(--border-light)}.streak-journey-stat strong{color:var(--text);font-size:16px;font-weight:800;letter-spacing:-.01em}.streak-journey-stat small{color:var(--text-muted);font-size:12px}.streak-journey-lap,.streak-journey-record{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700}.streak-journey-lap{background:var(--primary-light);color:var(--primary-text)}.streak-journey-record{background:#f6b83f29;color:#8a5a00}.streak-journey-track{position:relative;z-index:1;height:150px;margin-top:6px}.streak-journey-road{position:absolute;inset:0;width:100%;height:150px}.streak-road-base{fill:none;stroke:#dceee8;stroke-width:9;stroke-linecap:round}.streak-road-walked{fill:none;stroke:var(--primary);stroke-width:9;stroke-linecap:round;stroke-dasharray:1 14;opacity:.55}.streak-stop{position:absolute;transform:translate(-50%,-50%)}.streak-stop-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:13px;font-weight:700;transition:transform .16s ease}.streak-stop.is-locked .streak-stop-dot{border:2px dashed #cfe6df;background:#fff;color:var(--text-muted)}.streak-stop.is-done .streak-stop-dot{border:2px solid transparent;background:var(--gradient-primary);color:#fff;box-shadow:0 5px 12px #0e625838}.streak-stop.is-milestone .streak-stop-dot{width:46px;height:46px}.streak-stop.is-milestone.is-locked .streak-stop-dot{border-color:#f4dca6;background:#fffaf0;color:#c8871a}.streak-stop.is-milestone.is-done .streak-stop-dot{background:linear-gradient(140deg,#f6b83f,#e0972a);box-shadow:0 6px 16px #e0972a57}.streak-stop.is-target .streak-stop-dot{border-color:var(--primary);color:var(--primary-text);animation:streakTargetPulse 1.8s ease-in-out infinite}@keyframes streakTargetPulse{0%,to{box-shadow:0 0 #0e938457}70%{box-shadow:0 0 0 10px #0e938400}}.streak-hiker{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:linear-gradient(140deg,#f6b83f,#f0863f);color:#fff;box-shadow:0 5px 12px #e08c2d57;transform:translate(-50%,-36px);transition:left .8s cubic-bezier(.34,1.56,.64,1),top .8s cubic-bezier(.34,1.56,.64,1);animation:streakHikerHop 1.6s ease-in-out infinite}.streak-hiker:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;width:7px;height:7px;background:#f0863f;transform:translate(-50%) rotate(45deg);border-radius:1px}.streak-hiker.is-cheering{animation-duration:1s}@keyframes streakHikerHop{0%,to{transform:translate(-50%,-36px) translateY(0)}50%{transform:translate(-50%,-36px) translateY(-5px)}}.streak-cloud{position:absolute;border-radius:999px;background:#ffffffd9;box-shadow:0 2px 10px #16323f0d;pointer-events:none}.streak-cloud:before,.streak-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.streak-cloud-a{top:8px;left:16%;width:54px;height:15px}.streak-cloud-a:before{width:22px;height:22px;top:-10px;left:9px}.streak-cloud-a:after{width:15px;height:15px;top:-6px;left:30px}.streak-cloud-b{top:18px;right:12%;width:40px;height:12px}.streak-cloud-b:before{width:17px;height:17px;top:-8px;left:7px}.streak-cloud-b:after{width:12px;height:12px;top:-4px;left:22px}.streak-journey-foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.streak-journey-cta{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:9px 18px;border:0;border-radius:12px;background:var(--primary);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #0e938442;transition:background .15s ease,transform .15s ease}.streak-journey-cta:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.streak-journey-cta:active:not(:disabled){transform:scale(.98)}.streak-journey-cta:disabled{opacity:.65;cursor:default}.streak-journey-error{color:var(--danger-text);font-size:12.5px}.streak-journey-save-state{position:relative;z-index:1;display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:0 0 10px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,var(--primary-light));color:var(--text-2);font-size:12.5px;line-height:1.35}.streak-journey-save-state.is-warning{border-color:color-mix(in srgb,var(--warning) 38%,var(--border));background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning-text)}.streak-journey-save-state.is-confirmed{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success-text)}@media(max-width:720px){.streak-journey{padding:16px 14px 14px}.streak-journey-track,.streak-journey-road{height:132px}.streak-stop-dot{width:32px;height:32px;font-size:12px}.streak-stop.is-milestone .streak-stop-dot{width:38px;height:38px}.streak-cloud{display:none}}@media(prefers-reduced-motion:reduce){.streak-hiker,.streak-stop.is-target .streak-stop-dot{animation:none}}:root[data-tooich-shop-theme=night] .streak-journey{background:radial-gradient(120% 80% at 12% 0%,rgba(34,197,94,.12),transparent 60%),radial-gradient(90% 70% at 92% 8%,rgba(246,184,63,.12),transparent 62%),linear-gradient(180deg,var(--surface) 0%,var(--bg-subtle) 100%);border-color:var(--border);box-shadow:var(--shadow-sm)}:root[data-tooich-shop-theme=night] .streak-journey-flame{box-shadow:0 6px 14px #f6b83f33}:root[data-tooich-shop-theme=night] .streak-journey-stat{border-right-color:var(--border-light)}:root[data-tooich-shop-theme=night] .streak-journey-record{background:#f6b83f2e;color:var(--warning-text)}:root[data-tooich-shop-theme=night] .streak-journey-lap{background:var(--primary-light);color:var(--primary-text)}:root[data-tooich-shop-theme=night] .streak-road-base{stroke:#caebe629}:root[data-tooich-shop-theme=night] .streak-stop.is-locked .streak-stop-dot{border-color:#caebe638;background:var(--surface-2);color:var(--text-muted)}:root[data-tooich-shop-theme=night] .streak-stop.is-milestone.is-locked .streak-stop-dot{border-color:#f6b83f59;background:#f6b83f1f;color:#f6b83f}:root[data-tooich-shop-theme=night] .streak-hiker{border-color:var(--surface)}:root[data-tooich-shop-theme=night] .streak-cloud{background:#ffffff12;box-shadow:none}.badge-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}.badge-icon svg{display:block}.badge-icon-glyph{position:absolute;inset:0;display:grid;place-items:center}.badge-icon.is-locked{opacity:.85}.badge-showcase{display:flex;flex-direction:column;gap:16px}.badge-empty{margin:0;padding:14px 2px;color:var(--text-muted);font-size:13.5px}.badge-earned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.badge-earned{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.badge-earned small{color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.3}.badge-next-list{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border-light)}.badge-next{display:flex;align-items:center;gap:10px}.badge-next-copy{flex:1;min-width:0}.badge-next-copy strong{display:block;color:var(--text);font-size:12.5px;font-weight:700}.badge-next-copy small{color:var(--text-muted);font-size:11px}.badge-next-bar{display:block;height:4px;margin-top:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.badge-next-bar i{display:block;height:100%;border-radius:999px;background:var(--primary)}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;border-radius:999px;background:var(--surface-3);color:var(--text-secondary);font-size:10.5px;font-weight:700;white-space:nowrap;vertical-align:middle}.badge-chip .badge-icon{margin-right:1px}:root[data-tooich-shop-theme=night]{color-scheme:dark}:root[data-tooich-shop-theme=night] :is(.vw-dol-page,.vw-dol-shell,.vw-screen,.vs-page,.vs-studio-body){background:var(--bg);color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-header,.vw-dol-back-btn,.vw-dol-meta-row,.vw-dol-sidebar-panel,.vw-dol-stat-tile,.vw-dol-word-item,.vw-dol-face,.vw-dol-face-full,.vw-dol-study-btn,.vw-dol-search,.vw-dol-tab.is-active,.vw-dol-mode-chip.is-active,.vw-dol-flashcard-full,.vw-flash-face,.vw-right,.vw-sidebar-section,.vs-ghost-card,.vs-top-card,.vs-answer-zone,.vs-option-btn-big,.vs-action-btn-flat,.vs-typing-input-card,.vs-input-wrap input,.vs-arrange-slot,.vs-arrange-word.in-bank,.vs-side-dock,.vs-quick-btn,.vs-current-word-card,.vs-empty-state,.vs-done,.vs-stat-box,.vs-shortcut-kbd kbd,.yg-widget-host){background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-learn-banner,.vw-dol-progress-box,.vw-dol-mode-select,.vw-dol-tab-pill,.vw-dol-filter-tabs,.vw-dol-filter-tab,.vw-dol-icon-btn,.vw-flash-visual,.vs-card-media,.vs-opt-shortcut,.vs-header-nav-wrap,.vs-typing-dots,.vs-quick-icon,.yg-widget-shell){background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] :is(.vw-dol-title,.vw-dol-title-flex h1,.vw-dol-stat-highlight strong,.vw-dol-flash-counter strong,.vw-dol-face-full h2,.vs-card-title,.vs-opt-text strong,.vs-quick-btn strong,.vs-current-word-body strong,.vs-done h2,.vs-done p strong){color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-subtitle,.vw-dol-stat-highlight,.vw-dol-progress-head span,.vw-dol-card-label,.vw-dol-search svg,.vw-dol-search input::placeholder,.vw-dol-filter-tab,.vw-dol-word-pron,.vw-dol-word-example,.vw-dol-face-full span,.vs-card-ipa,.vs-answer-header span,.vs-opt-meta,.vs-dock-title,.vs-shortcut-row span,.vs-quick-btn span,.vs-current-word-body p,.vs-done p,.vs-stat-box span){color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.vw-dol-search input,.vocab-library-search input,.vs-input-wrap input)::placeholder{color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.vs-empty-state,.vs-stat-box strong,.vs-shortcut-kbd kbd){color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-back-btn:hover,.vw-dol-filter-tab:hover,.vw-dol-tab:hover,.vw-dol-mode-chip:hover,.vs-action-btn-flat:hover,.vs-card-nav-btn:hover:not(:disabled),.vs-header-nav-btn:hover:not(:disabled)){background:var(--surface-hover);color:var(--text)}:root[data-tooich-shop-theme=night] :is(.vw-status.is-weak,.vw-stat-tile.is-weak,.vs-option-btn-big.is-wrong,.vs-input-wrap.is-error input,.vs-stat-tile.wrong){background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}:root[data-tooich-shop-theme=night] :is(.vw-status.is-learning,.vw-stat-tile.is-learning,.vw-dol-status-tag.info,.vs-mode-badge.typing,.vs-stat-tile.acc,.vs-done-icon.target){background:color-mix(in srgb,var(--secondary) 15%,var(--surface));border-color:var(--secondary-border);color:var(--secondary-text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-quality-badge,.vw-dol-status-tag.warning,.vs-mode-badge.listening,.vs-amber-hint,.vs-action-btn-flat.star,.vs-stat-tile.streak,.vs-listen-eyebrow){background:var(--warning-light);border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .vs-action-btn-flat.star.is-active{background:#f59e0b;border-color:#f59e0b;color:var(--text-inverse)}:root[data-tooich-shop-theme=night] :is(.vs-action-btn-flat.youglish,.vs-quick-icon.youglish,.vs-quick-youglish svg){background:color-mix(in srgb,var(--warning) 12%,var(--surface));border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] :is(.vw-stat-tile.is-learning strong,.vw-stat-tile.is-learning span){color:var(--secondary-text)}:root[data-tooich-shop-theme=night] :is(.vw-stat-tile.is-weak strong,.vw-stat-tile.is-weak span){color:var(--danger-text)}:root[data-tooich-shop-theme=night] .vs-mode-badge.quiz{background:var(--purple-light);border-color:var(--purple-border);color:var(--purple-text)}:root[data-tooich-shop-theme=night] .vs-arrange-box{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border-color:var(--primary-border)}:root[data-tooich-shop-theme=night] :is(.vs-translation-textarea,.vs-translation-feedback,.vs-sentence-feedback-box){background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .vs-translation-textarea::placeholder{color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.vs-translation-feedback.is-pass,.vs-sentence-feedback-box.is-correct){background:color-mix(in srgb,var(--success) 12%,var(--surface));border-color:var(--success-border)}:root[data-tooich-shop-theme=night] :is(.vs-translation-feedback.is-close){background:var(--warning-light);border-color:var(--warning-border)}:root[data-tooich-shop-theme=night] :is(.vs-translation-feedback.is-needs_practice,.vs-sentence-feedback-box.is-incorrect){background:var(--danger-light);border-color:var(--danger-border)}:root[data-tooich-shop-theme=night] :is(.vs-translation-feedback.is-uncertain,.vs-sentence-feedback-box.is-revealed){background:color-mix(in srgb,var(--purple) 12%,var(--surface));border-color:var(--purple-border)}:root[data-tooich-shop-theme=night] :is(.vs-sentence-correct-answer .vs-feedback-label,.vs-translation-score span){color:var(--text-muted)}:root[data-tooich-shop-theme=night] .vs-sentence-target-text{color:var(--text)}:root[data-tooich-shop-theme=night] .vs-inline-action-btn{background:var(--surface-2);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .vs-inline-action-btn:hover{background:var(--surface-hover);border-color:var(--primary-border);color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.vs-pronunciation-phone-chip.is-exact,.vs-pronunciation-phone.is-good,.spk-phoneme-good){color:var(--success-text);background:color-mix(in srgb,var(--success) 12%,var(--surface));border-color:var(--success-border)}:root[data-tooich-shop-theme=night] :is(.vs-pronunciation-phone-chip.is-equivalent,.vs-focus-phone-tag){color:var(--primary-text);background:var(--primary-light);border-color:var(--primary-border)}:root[data-tooich-shop-theme=night] :is(.vs-pronunciation-phone-chip.is-different,.vs-pronunciation-phone.is-weak,.spk-phoneme-weak){color:var(--danger-text);background:var(--danger-light);border-color:var(--danger-border)}:root[data-tooich-shop-theme=night] :is(.vs-pronunciation-phone-chip.is-uncertain,.vs-pronunciation-phone.is-review,.spk-phoneme-review){color:var(--warning-text);background:var(--warning-light);border-color:var(--warning-border)}:root[data-tooich-shop-theme=night] .vs-trophy-card{background:linear-gradient(135deg,var(--primary-light),var(--surface))}:root[data-tooich-shop-theme=night] .vs-trophy-card>p:first-of-type{color:var(--primary-text)!important}:root[data-tooich-shop-theme=night] .vs-trophy-card>p+p{color:var(--text-secondary)!important}:root[data-tooich-shop-theme=night] .vs-listen-peel-overlay{background:linear-gradient(135deg,var(--warning-light),var(--surface))}:root[data-tooich-shop-theme=night] :is(.yg-loading,.yg-fallback){background:color-mix(in srgb,var(--surface) 96%,transparent)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-page,.vocab-library-search){color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-library-search input{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-library-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-page.is-message p,.vocab-roadmap-heading p,.vocab-roadmap-summary>p,.vocab-stage-copy small,.vocab-library-path-copy p span){color:var(--text-muted)}:root[data-tooich-shop-theme=night] .vocab-roadmap-library-link{color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-summary,.vocab-stage-card,.vocab-stage-toast){background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-library .fc-empty-state{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)}:root[data-tooich-shop-theme=night] .vocab-roadmap-tags span:last-child{border-color:var(--border)}:root[data-tooich-shop-theme=night] .vocab-stage-list:before{background:var(--border)}:root[data-tooich-shop-theme=night] :is(.vocab-roadmap-progress,.vocab-stage-dot,.vocab-stage-lock,.vocab-stage.is-locked .vocab-stage-card){background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}:root[data-tooich-shop-theme=night] .vocab-roadmap-tags span:first-child,:root[data-tooich-shop-theme=night] .vocab-stage.is-completed .vocab-stage-dot{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.vw-dol-empty,.vw-dol-loading,.vw-dol-error){background:var(--surface-2);border-color:var(--border-hover);color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.p1-screen,.p1-left){background:var(--bg)}:root[data-tooich-shop-theme=night] .toeic-protected-session__finish{background:var(--primary);border:1px solid var(--primary);color:var(--text-inverse);box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 28%,transparent)}:root[data-tooich-shop-theme=night] .toeic-protected-session__finish:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}:root[data-tooich-shop-theme=night] .p5-phrase-pattern{background:var(--surface-2);border-color:var(--border-hover);color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.spk-session,.spk-screen,.spk-control){background:var(--bg)}:root[data-tooich-shop-theme=night] .feedback-section.warning{background:var(--warning-light);border-color:var(--warning-border)}:root[data-tooich-shop-theme=night] :is(.video-transcript-row-actions button.active,.video-shadowing-cue,.premium-gate-panel,.lifetime-reward-status,.shop-empty-state,.test-history-empty,.exam-review-item.correct,.exam-review-item.wrong){background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .video-transcript-row-actions button.active{background:var(--warning-light);border-color:var(--warning-border);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .exam-score-banner:has(.exam-score-circle.excellent),:root[data-tooich-shop-theme=night] .exam-score-banner:has(.exam-score-circle.good),:root[data-tooich-shop-theme=night] .exam-score-banner:has(.exam-score-circle.poor){background:var(--surface);border-color:var(--border)}:root[data-tooich-shop-theme=night] :is(.p5-paper,.p6-paper,.p7-paper,.part7-document,.p7-document,.video-player-frame){color-scheme:light}:root[data-tooich-shop-theme=night] :is(.part7-document,.p7-document){--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-light: #edf2f7;--border-hover: #cbd5e1}:root[data-tooich-shop-theme=night] .app-header-coins{background:var(--surface-2);color:var(--primary-text)}:root[data-tooich-shop-theme=night] .app-header-streak{background:var(--warning-light);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .tooich-thought{background:var(--surface);border-color:var(--border);color:var(--text-secondary);box-shadow:var(--shadow-md)}:root[data-tooich-shop-theme=night] .tooich-thought>i{background:var(--surface);border-color:var(--border)}:root[data-tooich-shop-theme=night] .welcome-hero-badge{background:var(--surface);border-color:var(--primary-border);box-shadow:none}:root[data-tooich-shop-theme=night] .vw-screen,:root[data-tooich-shop-theme=night] .vw-body{background:var(--bg)}:root[data-tooich-shop-theme=night] .p1-screen.vw-screen .vw-toolbar{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border);box-shadow:var(--shadow-md)}:root[data-tooich-shop-theme=night] .vw-mobile-sidebar-chevron{background:var(--primary-light);color:var(--primary-text)}:root[data-tooich-shop-theme=night] .my-vocabulary-manager-error{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger-text)}:root[data-tooich-shop-theme=night] .p1-back-btn{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-tooich-shop-theme=night] .large-notebook-container-v2{background:var(--surface);border-color:var(--surface-3);box-shadow:0 10px 30px #00000059}:root[data-tooich-shop-theme=night] .left-page-v2{background:var(--surface-2);border-color:var(--border);box-shadow:inset -15px 0 15px -15px #0006}:root[data-tooich-shop-theme=night] .right-page-v2{background:var(--surface);box-shadow:inset 15px 0 15px -15px #0006}:root[data-tooich-shop-theme=night] :is(.notebook-sidebar-item-v2,.left-page-footer-tips-v2,.toolbar-select-item,.notebook-title-input-v2,.large-notebook-paper-v2){background:var(--surface);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] :is(.notebook-sidebar-item-info-v2 strong,.notebook-title-input-v2,.large-notebook-textarea-v2){color:var(--text)}:root[data-tooich-shop-theme=night] :is(.notebook-sidebar-item-info-v2 p,.left-page-footer-tips-v2 p,.notebook-sidebar-empty-v2,.notebook-section-title-v2,.toolbar-select-item,.toolbar-stats-v2,.notebook-add-row-v2){color:var(--text-muted)}:root[data-tooich-shop-theme=night] .notebook-sidebar-item-v2{box-shadow:none}:root[data-tooich-shop-theme=night] .notebook-sidebar-item-v2.is-draft{border-color:var(--primary-border)}:root[data-tooich-shop-theme=night] .notebook-tips-badge-v2{background:var(--warning-light);color:var(--warning-text)}:root[data-tooich-shop-theme=night] .notebook-add-row-v2{border-color:var(--border)}:root[data-tooich-shop-theme=night] .notebook-add-row-v2:hover{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary)}:root[data-tooich-shop-theme=night] .notebook-title-input-v2:disabled{background:var(--surface-3);border-color:var(--border);color:var(--text-muted)}:root[data-tooich-shop-theme=night] .large-notebook-margin-v2{background:var(--danger-text);opacity:.35}:root[data-tooich-shop-theme=night] .large-notebook-textarea-v2{background-color:var(--surface);background-image:linear-gradient(to bottom,transparent calc(100% - 1px),var(--border) calc(100% - 1px))!important;background-attachment:local}:root[data-tooich-shop-theme=night] .notebook-editor-toolbar-v2{background:var(--surface-2);border-color:var(--border)}:root[data-tooich-shop-theme=night] .toolbar-select-item select{color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .stats-separator{color:var(--border-hover)}:root[data-tooich-shop-theme=night] .large-notebook-spiral-v2{background:repeating-linear-gradient(to bottom,transparent,transparent 14px,color-mix(in srgb,var(--text-muted) 55%,var(--surface)) 14px,var(--surface-3) 18px,color-mix(in srgb,var(--text-muted) 55%,var(--surface)) 19px,transparent 19px,transparent 30px);box-shadow:inset -1px 0 3px #00000059,inset 1px 0 3px #00000059}:root[data-tooich-shop-theme=night] .notebook-sidebar-item-v2:hover{background:var(--surface-hover);border-color:var(--primary-border)}:root[data-tooich-shop-theme=night] .notebook-sidebar-item-v2.active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-text);box-shadow:none}:root[data-tooich-shop-theme=night] .notebook-sidebar-list-v2::-webkit-scrollbar-thumb{background:var(--border)}:root[data-tooich-shop-theme=night] .notebook-title-input-v2:focus{border-color:var(--primary)}:root[data-tooich-shop-theme=night] .notebook-meta-badge-v2{color:var(--primary-text)}:root[data-tooich-shop-theme=night] :is(.notebook-title-input-v2,.large-notebook-textarea-v2)::placeholder{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .tooich-notebook-floating-container{background:var(--surface);border-color:var(--surface-3);box-shadow:0 12px 32px #00000080}:root[data-tooich-shop-theme=night] .notebook-drag-handle{background:var(--surface-3);color:var(--text);border-bottom-color:var(--border)}:root[data-tooich-shop-theme=night] .notebook-close-x{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .notebook-close-x:hover{color:var(--text)}:root[data-tooich-shop-theme=night] .tooich-notebook-body-wrap{background:var(--surface)}:root[data-tooich-shop-theme=night] .tooich-notebook-spiral-mini{background:repeating-linear-gradient(to bottom,transparent,transparent 10px,color-mix(in srgb,var(--text-muted) 55%,var(--surface)) 10px,var(--surface-3) 13px,color-mix(in srgb,var(--text-muted) 55%,var(--surface)) 14px,transparent 14px,transparent 22px);box-shadow:inset -1px 0 2px #00000059,inset 1px 0 2px #00000059}:root[data-tooich-shop-theme=night] .tooich-notebook-side-left{background:var(--surface-2);border-right-color:var(--border);box-shadow:inset -10px 0 10px -10px #0006}:root[data-tooich-shop-theme=night] .tooich-notebook-side-right{background:var(--surface);box-shadow:inset 10px 0 10px -10px #0006}:root[data-tooich-shop-theme=night] :is(.meta-eyebrow,.meta-row,.meta-row-single){color:var(--text-muted)}:root[data-tooich-shop-theme=night] :is(.meta-row strong,.meta-row-single strong,.meta-row span,.meta-row-single span){color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .notebook-no-other{color:var(--text-muted)}:root[data-tooich-shop-theme=night] .notebook-history-mini-btn{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}:root[data-tooich-shop-theme=night] .notebook-history-mini-btn:hover{border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}:root[data-tooich-shop-theme=night] .notebook-paper-mini{background:var(--surface);border-color:var(--border)}:root[data-tooich-shop-theme=night] .notebook-paper-margin-mini{background:var(--danger-text);opacity:.35}:root[data-tooich-shop-theme=night] .notebook-meta-box{border-color:var(--border)}:root[data-tooich-shop-theme=night] .notebook-side-scroll::-webkit-scrollbar-thumb{background:var(--border)}:root[data-tooich-shop-theme=night] .notebook-textarea-mini{color:var(--text);background:repeating-linear-gradient(to bottom,var(--surface),var(--surface) 23px,var(--border) 23px,var(--border) 24px);background-attachment:local}.dict-popup{position:fixed;right:24px;bottom:136px;z-index:450;display:flex;flex-direction:column;width:360px;height:426px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;color:#26334a;font-family:var(--font-family);font-size:13px;line-height:1.4;background:#fff;border:1px solid #dbe3ea;border-radius:12px;box-shadow:0 12px 26px #2330402e,0 2px 5px #23304014;animation:dict-popup-enter .15s ease-out}@keyframes dict-popup-enter{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.dict-popup button,.dict-popup input,.dict-popup select{font:inherit}.dict-popup button{-webkit-tap-highlight-color:transparent}.dict-popup-header{flex:none;padding:11px 12px 9px;background:#fff;border-bottom:1px solid #edf1f5}.dict-popup-title-row{display:flex;align-items:center;min-width:0;gap:8px}.dict-popup-word{min-width:0;margin:0;overflow:hidden;color:#1d293d;font-size:18px;font-weight:750;line-height:1.2;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.dict-popup-badge{flex:none;max-width:150px;padding:2px 6px;overflow:hidden;color:#397265;font-size:9px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;background:#ecf8f4;border-radius:999px}.dict-popup-badge.ai{color:#2768a0;background:#eff8ff}.dict-popup-badge.azure{color:#087a71;background:#e6f8f5}.dict-popup-close{flex:none;display:grid;place-items:center;width:25px;height:25px;margin-left:auto;padding:0;color:#26334a;background:transparent;border:0;border-radius:7px;cursor:pointer;transition:color .12s ease,background .12s ease}.dict-popup-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.dict-popup-close:hover,.dict-popup-close:focus-visible{color:#111827;background:#f1f5f8;outline:none}.dict-popup-phonetics{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:16px;margin-top:5px}.ipa-audio-btn{display:inline-flex;align-items:center;min-height:0;gap:4px;padding:0;color:#58667f;font-size:11px;line-height:1.25;background:transparent;border:0;cursor:pointer;transition:color .12s ease}.ipa-audio-btn:hover,.ipa-audio-btn:focus-visible{color:#1598e8;outline:none}.icon-audio{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ipa-accent{color:inherit;font-weight:500}.ipa-text{color:inherit;font-family:var(--font-family)}.dict-popup-tabs{flex:0 0 36px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;overflow:hidden;background:#f7f9fb;border-bottom:1px solid #e7edf2}.dict-popup-tab-btn{position:relative;display:grid;place-items:center;min-width:0;height:36px;padding:0 3px;overflow:hidden;color:#617087;font-size:10px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;cursor:pointer;transition:color .12s ease,background .12s ease}.dict-popup-tab-btn:hover{color:#26334a;background:#f0f4f7}.dict-popup-tab-btn.active{color:#172236;font-weight:600;background:#fff}.dict-popup-tab-btn.active:after{position:absolute;right:15px;bottom:0;left:15px;height:2px;content:"";background:#2196e9;border-radius:2px 2px 0 0}.dict-popup-tab-btn:focus-visible{z-index:1;outline:2px solid #69c7fa;outline-offset:-2px}.dict-popup-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;padding:0 12px 8px;background:#fff;scrollbar-width:thin;scrollbar-color:#c5c5c5 transparent;overscroll-behavior:contain}.dict-popup-body::-webkit-scrollbar{width:8px}.dict-popup-body::-webkit-scrollbar-track{background:transparent}.dict-popup-body::-webkit-scrollbar-thumb{background:#c5c5c5;border:2px solid #fff;border-radius:999px}.dict-popup-tab-content{padding-top:0}.dict-popup-loading-container{display:grid;align-content:center;justify-items:center;min-height:100%;gap:9px;padding:30px 12px}.dict-popup-spinner{width:22px;height:22px;border:2px solid #cdeaff;border-top-color:#1598e8;border-radius:50%;animation:dict-popup-spin .7s linear infinite}@keyframes dict-popup-spin{to{transform:rotate(360deg)}}.dict-popup-loading-text,.empty-tab-text{color:#6b788d;font-size:11px;text-align:center}.dict-popup-warning-banner,.dict-popup-error{margin-top:10px;padding:8px 10px;font-size:11px;line-height:1.4;text-align:center;border-radius:8px}.dict-popup-warning-banner{color:#d54a21;background:#fff8f5;border:1px solid #ffd8c8}.dict-popup-error{color:#c83030;background:#fff5f5;border:1px solid #f4caca}.dict-popup-quota-exceeded{display:grid;align-content:center;justify-items:center;min-height:100%;padding:24px 8px;color:#617087;text-align:center}.dict-popup-quota-exceeded p{margin:0 0 12px}.dict-popup-cta{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;color:#fff;font-size:11px;font-weight:600;text-decoration:none;background:#1598e8;border-radius:8px}.dict-popup-cta:hover{color:#fff;background:#087fc8}.dict-context-meaning{margin:12px 0 10px;padding:11px 12px;background:linear-gradient(135deg,#e8f8f5,#f4fbfa);border:1px solid #bce8df;border-radius:12px}.dict-context-heading,.dict-context-primary-row{display:flex;align-items:center;gap:8px}.dict-context-heading{justify-content:space-between;color:#35766d;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.dict-context-source{color:#66847e;font-size:8px;font-weight:600;letter-spacing:0;text-transform:none}.dict-context-primary-row{margin-top:4px}.dict-context-primary-row strong{flex:1;min-width:0;color:#087a6e;font-size:20px;line-height:1.25}.btn-add-context{flex:none;min-width:52px;height:26px;padding:0 9px;color:#087a6e;font-size:10px;font-weight:700;background:#fff;border:1px solid #a8ddd3;border-radius:999px;cursor:pointer}.btn-add-context:hover:not(:disabled),.btn-add-context:focus-visible:not(:disabled){color:#fff;background:#119989;outline:none}.btn-add-context.added,.btn-add-context:disabled{color:#35766d;background:#d8f0eb;cursor:default}.dict-secondary-heading{margin:3px 0 9px;color:#7a879b;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.dict-popup-option-row{display:flex;align-items:center;min-height:34px;color:#637087}.checkbox-label{display:inline-flex;align-items:center;gap:6px;color:#637087;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox{width:14px;height:14px;margin:0;accent-color:#119bea}.custom-meaning-container{margin-bottom:12px}.btn-add-custom-trigger{display:flex;align-items:center;width:100%;min-height:36px;gap:8px;padding:0 11px;color:#119bea;font-size:11px;font-weight:500;text-align:left;background:#fff;border:1px dashed #69c7fa;border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn-add-custom-trigger:hover,.btn-add-custom-trigger:focus-visible{background:#f3faff;border-color:#1598e8;outline:none}.icon-pencil{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.plus-icon{margin-left:auto;font-size:18px;font-weight:300;line-height:1}.custom-meaning-form{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:7px;padding:9px;background:#f7fbfe;border:1px dashed #69c7fa;border-radius:10px}.custom-meaning-input,.custom-meaning-select{width:100%;min-width:0;height:31px;padding:0 9px;color:#26334a;font-size:11px;background:#fff;border:1px solid #dbe3ea;border-radius:7px}.custom-meaning-input:focus,.custom-meaning-select:focus{border-color:#1598e8;box-shadow:0 0 0 2px #e1f3ff;outline:none}.custom-meaning-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:6px}.btn-save-custom,.btn-cancel-custom{height:27px;padding:0 10px;font-size:10px;font-weight:600;border-radius:7px;cursor:pointer}.btn-save-custom{color:#fff;background:#1598e8;border:1px solid #1598e8}.btn-cancel-custom{color:#617087;background:#fff;border:1px solid #dbe3ea}.meaning-pos-group+.meaning-pos-group{margin-top:12px}.meaning-pos-header{margin:0 0 7px;color:#f05a00;font-size:11px;font-weight:700;line-height:1.2;text-transform:lowercase}.meaning-card{margin-bottom:10px}.meaning-card-main{display:flex;align-items:flex-start;gap:8px;min-height:54px;padding:9px 11px 8px;background:#f5f7f9;border-radius:11px}.meaning-card-text{flex:1;min-width:0}.meaning-vi,.meaning-en,.example-translation,.context-analysis-text,.example-en-sentence,.example-vi-translation{margin:0}.meaning-vi{color:#26334a;font-size:14px;font-weight:600;line-height:1.25}.meaning-en{margin-top:4px;overflow:hidden;color:#617087;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.btn-add-meaning{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:59px;height:25px;margin-top:1px;padding:0 10px;color:#1598e8;font-size:11px;font-weight:600;white-space:nowrap;background:#e1f3ff;border:0;border-radius:999px;cursor:pointer;transition:color .12s ease,background .12s ease}.btn-add-meaning:hover:not(:disabled),.btn-add-meaning:focus-visible:not(:disabled){color:#fff;background:#1598e8;outline:none}.btn-add-meaning.added,.btn-add-meaning:disabled{color:#15815c;background:#e3f6ef;cursor:default;opacity:1}.btn-added-content{display:inline-flex;align-items:center;gap:4px}.icon-check{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.example-collapsible{margin:4px 8px 0;color:#65738a;font-size:9.5px}.example-toggle-btn{display:flex;align-items:flex-start;width:100%;min-width:0;gap:4px;padding:0;color:inherit;font-size:inherit;font-style:italic;line-height:1.25;text-align:left;background:transparent;border:0;cursor:pointer}.chevron-icon{flex:none;width:10px;height:10px;margin-top:1px;fill:none;stroke:#44536b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s ease}.example-collapsible.open .chevron-icon{transform:rotate(90deg)}.example-prefix{flex:none;color:#536178}.example-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-collapsible.open .example-text{overflow:visible;white-space:normal}.example-translation{padding:4px 0 0 18px;color:#7a879b;font-size:9.5px;font-style:italic;line-height:1.35}.info-section{padding-top:10px}.info-section+.info-section{margin-top:4px}.info-section-title{margin:0 0 7px;color:#26334a;font-size:11px;font-weight:700}.info-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.info-list-item,.example-list-item,.context-analysis-text{padding:9px 10px;color:#617087;font-size:11px;line-height:1.4;background:#f5f7f9;border-radius:10px}.context-section{margin-bottom:4px}.example-en-sentence{color:#26334a;font-size:11px;font-weight:600}.example-vi-translation{margin-top:4px;color:#7a879b;font-size:10px}.synonyms-grid{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.synonym-chip{padding:5px 9px;color:#087fc8;font-size:11px;font-weight:500;background:#eaf7ff;border:1px solid #cdeaff;border-radius:999px}.family-list{display:grid;gap:7px;padding-top:10px}.family-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:#f5f7f9;border-radius:10px}.family-word{color:#26334a;font-weight:600}.family-pos{color:#7a879b;font-size:10px;font-style:italic}.empty-tab-text{padding:32px 8px}.dict-popup-reference-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 4px;padding-top:10px;color:#7a879b;font-size:10px;border-top:1px solid #edf1f5}.dict-popup-reference-links a{padding:3px 7px;color:#087fc8;font-weight:600;text-decoration:none;background:#eff8ff;border-radius:999px}.dict-popup-reference-links a:hover,.dict-popup-reference-links a:focus-visible{color:#075d91;background:#dff2ff;outline:none}.dict-popup-footer{position:relative;flex:0 0 auto;display:flex;align-items:center;min-height:40px;min-width:0;gap:7px;padding:6px 11px;background:#fff;border-top:1px solid #dfe6ec}.icon-deck{flex:none;width:15px;height:15px;fill:none;stroke:#627189;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deck-selector-container{position:relative;flex:1;min-width:0}.deck-selector-btn{display:flex;align-items:center;max-width:100%;min-width:0;height:28px;gap:5px;padding:0;color:#607089;font-size:11px;background:transparent;border:0;cursor:pointer}.deck-selector-btn:hover,.deck-selector-btn:focus-visible{color:#26334a;outline:none}.deck-selector-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-chevron-down{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-new-deck{flex:none;display:inline-flex;align-items:center;height:28px;gap:5px;padding:0 10px;color:#26334a;font-size:11px;background:#fff;border:1px solid #e1e7ed;border-radius:9px;box-shadow:0 1px 2px #1f2d3d08;cursor:pointer}.btn-new-deck:hover,.btn-new-deck:focus-visible{color:#087fc8;background:#f3faff;border-color:#b9e1fb;outline:none}.deck-dropdown-menu{position:absolute;right:0;bottom:calc(100% + 7px);left:0;z-index:2;max-height:150px;overflow-y:auto;padding:4px;background:#fff;border:1px solid #dbe3ea;border-radius:9px;box-shadow:0 10px 24px #23304029}.deck-dropdown-item{width:100%;padding:7px 8px;overflow:hidden;color:#607089;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;border-radius:6px;cursor:pointer}.deck-dropdown-item:hover,.deck-dropdown-item.active{color:#087fc8;background:#eaf7ff}.dict-popup-quota-remaining{flex:none;padding:5px 12px 6px;color:#7a879b;font-size:9px;line-height:1.25;text-align:center;background:#f7f9fb;border-top:1px solid #e7edf2}@media(max-width:480px){.dict-popup{right:8px;bottom:calc(var(--mobile-nav-height, 64px) + 12px);left:8px;width:auto;height:min(426px,72dvh);max-width:none;max-height:72dvh}.dict-popup-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.dict-popup-tabs::-webkit-scrollbar{display:none}.dict-popup-tab-btn{flex:0 0 72px}.custom-meaning-form{grid-template-columns:minmax(0,1fr)}.custom-meaning-actions{grid-column:1}.dict-popup-badge{max-width:124px}.dict-popup-footer{overflow-x:auto;scrollbar-width:none}.dict-popup-footer::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){.dict-popup,.dict-popup-spinner,.chevron-icon{animation:none;transition:none}}.dict-personal-set-select{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;color:var(--text-muted);font-size:11px}.dict-personal-set-select>span{white-space:nowrap}.dict-personal-set-select select{width:100%;min-width:0;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:6px 7px;font:inherit}.dict-personal-set-hint{min-width:0;color:var(--text-muted);font-size:10px;line-height:1.25}.dict-save-confirm,.dict-save-cancel{min-height:36px;border:1px solid var(--border);border-radius:8px;padding:6px 10px;background:var(--surface);color:var(--text);cursor:pointer}.dict-save-confirm{font-weight:700}.dict-save-confirm:disabled{opacity:.55;cursor:wait}.dict-save-cancel{min-width:36px}.dict-popup-footer.is-choosing-set{flex-wrap:wrap}.dict-popup-footer.is-choosing-set .dict-personal-set-select{flex-basis:calc(100% - 32px)}@media(max-width:480px){.dict-popup-footer{flex-wrap:wrap}.dict-personal-set-hint{flex-basis:100%;padding-left:22px}}.captcha-backdrop{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:captchaFadeIn .2s ease-out forwards}@keyframes captchaFadeIn{0%{opacity:0}to{opacity:1}}.captcha-card{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:440px;width:100%;padding:28px;display:flex;flex-direction:column;gap:18px;animation:captchaPopIn .25s cubic-bezier(.16,1,.3,1) forwards;position:relative}@keyframes captchaPopIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.captcha-header{display:flex;align-items:center;justify-content:space-between}.captcha-title-group{display:flex;align-items:center;gap:10px}.captcha-icon-badge{width:38px;height:38px;border-radius:10px;background:var(--primary-light, #ecfdf5);color:var(--primary, #059669);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--primary-border, #a7f3d0)}.captcha-header h2{font-size:1.25rem;font-weight:700;color:var(--text, #1e293b);margin:0;line-height:1.3}.captcha-close-btn{background:transparent;border:none;color:var(--text-muted, #64748b);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.captcha-close-btn:hover{background:var(--surface-2, #f1f5f9);color:var(--text, #0f172a)}.captcha-desc{font-size:.9rem;color:var(--text-secondary, #475569);margin:0;line-height:1.5}.captcha-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1.5px dashed var(--border, #cbd5e1);border-radius:14px;padding:16px;min-height:110px}.captcha-image{max-width:100%;height:auto;max-height:80px;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #0000000f}.captcha-image-placeholder{font-size:.85rem;color:var(--text-muted, #64748b);font-weight:500}.captcha-refresh-btn{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#fff;border:1px solid var(--border, #cbd5e1);border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000d}.captcha-refresh-btn:hover:not(:disabled){background:var(--surface-2, #f1f5f9);border-color:var(--primary, #059669);color:var(--primary, #059669)}.captcha-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.captcha-input-group{display:flex;flex-direction:column;gap:8px}.captcha-input-label{font-size:.85rem;font-weight:600;color:var(--text, #1e293b)}.captcha-input-field{width:100%;height:48px;padding:0 16px;background:#fff!important;border:2px solid var(--border, #cbd5e1)!important;border-radius:12px!important;font-size:1.1rem;font-weight:700;font-family:JetBrains Mono,Fira Code,Consolas,monospace;letter-spacing:3px;text-transform:uppercase;color:var(--text, #0f172a)!important;transition:all .2s ease;box-shadow:inset 0 1px 2px #00000008}.captcha-input-field:hover:not(:disabled){border-color:var(--border-hover, #94a3b8)!important}.captcha-input-field:focus{border-color:var(--primary, #059669)!important;box-shadow:0 0 0 4px var(--primary-light, #ecfdf5),inset 0 1px 2px #00000008!important;outline:none!important}.captcha-input-field::placeholder{letter-spacing:normal;text-transform:none;font-family:var(--font-family, sans-serif);font-weight:400;font-size:.9rem;color:var(--text-muted, #94a3b8)}.captcha-error-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.85rem;font-weight:500;line-height:1.4}.captcha-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-light, #f1f5f9)}.captcha-attempts-badge{font-size:.8rem;color:var(--text-muted, #64748b);background:var(--surface-2, #f1f5f9);padding:4px 10px;border-radius:20px}.captcha-attempts-badge strong{color:var(--text, #0f172a);font-weight:700}.captcha-actions{display:flex;align-items:center;gap:10px}@media(max-width:480px){.captcha-card{padding:20px;border-radius:16px}.captcha-footer{flex-direction:column;align-items:stretch}.captcha-attempts-badge{text-align:center}.captcha-actions{justify-content:flex-end}}.notebook-save-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid var(--primary-border,#b7e4db);border-radius:11px;background:var(--surface,#fff);color:var(--primary,#087e73);font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.notebook-save-trigger:hover{border-color:var(--primary,#087e73);background:var(--primary-light,#e6f6f2);transform:translateY(-1px)}.notebook-save-trigger:focus-visible{outline:3px solid #79cfc0;outline-offset:3px}.notebook-save-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:26px;border:1px solid var(--border,#dce8e4);border-radius:24px;background:var(--surface,#fff);color:var(--text,#193b43);box-shadow:0 24px 80px #123c4933;overflow:auto}.notebook-save-dialog::backdrop{background:#102f4266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notebook-save-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notebook-save-dialog small{color:#098477;font-size:11px;font-weight:800;letter-spacing:1.4px}.notebook-save-dialog h2{margin:6px 0 20px;font-size:23px;font-weight:800}.notebook-close{width:32px;height:32px;border-radius:50%;background:#eef5f3;color:#47615e;font-size:24px;cursor:pointer}.notebook-word-preview{padding:16px;background:#edf8f5;border:1px solid #d6eee6;border-radius:14px;color:#193b43;overflow-wrap:anywhere}.notebook-word-preview strong{font-size:21px}.notebook-word-preview p{margin:5px 0 0;font-size:14px}.notebook-field{display:grid;gap:7px;margin-top:18px;font-size:13px;font-weight:700}.notebook-field input,.notebook-field select{box-sizing:border-box;width:100%;min-width:0;height:46px;padding:10px 12px;border:1px solid #cddfd8;border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}.notebook-status{margin:16px 0;font-size:13px;line-height:1.5}.notebook-save-dialog footer{display:flex;justify-content:flex-end;gap:10px}.notebook-primary,.notebook-secondary{padding:12px 18px;border-radius:12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.notebook-primary{background:#098b7d;color:#fff}.notebook-secondary{background:#edf4f1;color:#42615c}.notebook-save-dialog button:disabled{opacity:.5;cursor:default}@media(max-width:480px){.notebook-save-dialog{padding:20px}.notebook-save-dialog footer button{flex:1}}.notebook-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.notebook-card-actions .vs-listen-btn-mini,.notebook-card-actions .notebook-save-trigger{min-height:40px;margin-top:0;padding:9px 14px;border-radius:11px;font-size:13px}@media(max-width:480px){.notebook-card-actions{gap:8px}.notebook-card-actions .vs-listen-btn-mini,.notebook-card-actions .notebook-save-trigger{flex:1 1 auto}}.go-bridge-backdrop{padding:16px;background:#112a29e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.go-bridge-backdrop .go-bridge-container{width:min(1440px,100%);max-width:1440px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:24px}.tb-game{--tb-mint:#d8e6a5;--tb-text-pri:#f0f1d7;--tb-surface-border:#d3e9c626;max-width:none;height:calc(100dvh - 32px);min-height:680px;background:#173b33;border:1px solid #cde3b826;border-radius:24px;display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:72px minmax(380px,1fr) auto}.tb-hud{grid-column:1/-1;grid-row:1;background:#17352fee;padding:14px 24px}.tb-hud:before{content:"TOO / ĐO CẦU";font-size:12px;letter-spacing:.2em;font-weight:800;color:#e1e8bd}.tb-hud-btn{width:44px;height:44px;border-radius:13px;background:#e6f1c608}.tb-hud-setname{max-width:200px;color:#a8c1a9}.tb-viewport{grid-column:1;grid-row:2;height:auto;min-height:380px;width:100%;perspective:none}.tb-challenge{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:safe center;gap:24px;padding:26px 22px;background:linear-gradient(160deg,#244e40,#142f2b);border-left:1px solid #d3e9c620;min-width:0;overflow:auto}.tb-scene-caption{position:absolute;top:24px;left:24px;z-index:5;pointer-events:none;padding:14px 18px;border:1px solid #eef4ce30;background:#183e33d9;border-radius:16px;color:#eff1d5;box-shadow:0 8px 26px #0b30232b}.tb-scene-caption span{display:block;font-size:9px;letter-spacing:.16em;color:#d5ddb3;margin-bottom:6px}.tb-scene-caption strong{font-size:14px;font-weight:600}.tb-empty-screen{display:flex;min-height:360px;height:auto;padding-bottom:32px}.tb-prompt h2{font-size:clamp(24px,2.6vw,38px);color:#f0f0d3;overflow-wrap:anywhere}.tb-prompt p{font-size:12px;color:#b6cbb6;line-height:1.6}.tb-eyebrow{font-size:9px;letter-spacing:.18em;color:#d4e3a7}.tb-zone-item{background:#132f2b;border:1px solid #c3dcbb30;border-radius:13px;padding:13px 12px;min-height:54px;gap:10px}.tb-zone-text{font-size:14px;color:#e2e9ce;line-height:1.5}.tb-zone-tag{background:#d4e9bd12;color:#c7d9b4}.tb-zone-item.is-active{background:#506945;border-color:#e2d58e;box-shadow:0 0 20px #e2d58e15}.tb-zone-item.is-revealed{border-color:#d4e3a7}.tb-dock{grid-column:1/-1;grid-row:3;background:#17352f;padding:16px 24px;border-top:1px solid #c3dcbb20}.tb-hold-btn{background:#d9e6a7;color:#183b30;border:1px solid #f1f2ce;box-shadow:0 5px #8d9f68;border-radius:15px;min-height:54px;max-width:480px;font-size:17px}.tb-hold-btn.is-holding{background:#f1d483;color:#283528}.tb-dock-hint{color:#afc3a8;font-size:11px}.tb-feedback-overlay,.tb-result-overlay{grid-column:1/-1;grid-row:2/4;background:#153c32e8;color:#edf0d6;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tb-feedback-card,.tb-result-card{background:#1b4037;border-color:#cedf9e40;color:#edf0d6;max-width:520px;height:auto;flex:none;padding:28px}.tb-game:has(.tb-feedback-overlay) .tb-challenge{visibility:hidden}.tb-render-notice{position:absolute;top:12px;left:12px;z-index:9;font-size:12px;background:#16392d;color:#eff0d2;padding:8px;border-radius:8px}@media(max-width:760px){.go-bridge-backdrop{padding:0}.go-bridge-backdrop .go-bridge-container{max-height:100dvh;border-radius:0}.tb-game{height:auto;min-height:100dvh;border-radius:0;display:flex;flex-direction:column}.tb-hud{position:sticky;top:0;order:0;padding:10px;gap:6px}.tb-hud:before{font-size:9px;letter-spacing:.08em}.tb-hud-setname{display:none}.tb-viewport{order:1;flex:none;height:340px;min-height:340px}.tb-challenge{order:2;overflow:visible;padding:16px;gap:12px;border-left:0}.tb-prompt h2{font-size:26px}.tb-prompt p{margin-top:5px}.tb-answer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tb-zone-item{padding:10px;min-height:60px}.tb-zone-text{font-size:13px}.tb-dock{order:3;padding:14px}.tb-feedback-overlay,.tb-result-overlay{order:4}.tb-scene-caption{top:12px;left:12px;padding:10px 12px}.tb-scene-caption strong{font-size:12px}.tb-game:has(.tb-feedback-overlay) .tb-challenge{display:none}}.vr-page{height:100dvh;display:flex;flex-direction:column;background:#f1f8f6;color:#183b39}.vr-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #d9e7e3;flex-shrink:0}.vr-main{width:min(100%,960px);margin:auto;padding:24px;box-sizing:border-box;flex:1;min-height:0;overflow:auto}.vr-tabs,.vr-grades{display:flex;gap:10px}.vr-tabs{margin-bottom:20px}.vr-tabs button,.vr-grades button{border:1px solid #c5ddd7;border-radius:12px;background:#fff;padding:12px 16px;color:inherit;cursor:pointer}.vr-tabs button[aria-pressed=true]{background:#0b8275;color:#fff}.vr-summary,.vr-card,.vr-help,.vr-history{background:#fff;border:1px solid #d9e7e3;border-radius:20px;padding:28px;margin-bottom:18px}.vr-summary h1,.vr-card h1{font-size:28px;margin:0 0 16px}.vr-summary p,.vr-help p,.vr-history p{color:#5c7772;line-height:1.7}.vr-summary label{display:flex;gap:12px;align-items:center;margin:20px 0}.vr-summary select{max-width:100%;padding:12px;border:1px solid #c5ddd7;border-radius:10px}.vr-session-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px}.vr-main progress{width:100%;accent-color:#0b8275;margin-bottom:20px}.vr-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.vr-card-content{width:100%;max-height:45dvh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:14px;overflow-wrap:anywhere}.vr-grades{width:100%}.vr-grades button{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.vr-grades small{color:#5c7772}.vr-error{padding:14px;border:1px solid #edbcbc;background:#fff3f3;margin-bottom:16px;border-radius:10px}.vr-notice{text-align:center;color:#0b8275}.vr-history-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #e0ebe7}.vr-history h2{font-size:18px;margin-top:24px}.vr-history h3{font-size:14px;margin-top:18px}.vr-page button:disabled{opacity:.6;cursor:wait}body:has(.vr-page) .tooich-mascot:not(.is-open):not(.has-music){visibility:hidden}@media(max-width:600px){.vr-header,.vr-main{padding:14px}.vr-card,.vr-summary,.vr-history,.vr-help{padding:20px 16px}.vr-grades{gap:6px}.vr-grades button{padding:12px 6px;font-size:12px}.vr-summary label{align-items:stretch;flex-direction:column}}.admin-root .nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0 0 5px;padding:0 12px;border:0;border-radius:6px;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.admin-root .nav-group-toggle .nav-group-title{margin:0;flex:1 1 auto}.admin-root .nav-group-toggle:hover .nav-group-title,.admin-root .nav-group-toggle:focus-visible .nav-group-title{color:var(--text)}.admin-root .nav-group-chevron{flex:0 0 auto;color:var(--muted);transition:transform .14s ease}.admin-root .nav-group.nav-group-closed .nav-group-chevron{transform:rotate(-90deg)}.admin-root .toast .toast-close{flex:0 0 auto;width:24px;min-width:24px;height:24px;min-height:24px;margin-left:auto;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.admin-root .toast .toast-close:hover{background:var(--surface-3);color:var(--text);transform:none}.admin-root .login-badge.facebook{background:color-mix(in srgb,#1877f2 14%,transparent);color:#1877f2}.coast{position:fixed;inset:0;z-index:1100;background:#91d9e5;color:#fffdf0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden;isolation:isolate}.coast *{box-sizing:border-box}.coast button{font:inherit;cursor:pointer;min-height:44px}.coast button:focus-visible{outline:3px solid #fff;outline-offset:5px}.coast button:disabled{opacity:.6;cursor:wait}.coast-canvas,.coast-canvas canvas,.coast-shade{position:absolute;inset:0;width:100%;height:100%}.coast-shade{pointer-events:none;background:linear-gradient(180deg,#08394165,transparent 28%,transparent 65%,#043e4699);z-index:1}.coast-header{position:absolute;top:30px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;z-index:8}.coast-brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:850;letter-spacing:-1px}.coast-brand-light{font-weight:400}.coast-brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:3px}.coast-mark{display:flex;align-items:center;font-style:italic;font-size:43px;color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;width:50px;height:50px;justify-content:center;border-radius:15px}.coast-mark span{font-size:23px;margin-top:-15px}.coast-location{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:15px;align-items:center}.coast-location>span:not(.coast-dot){opacity:.45}.coast-dot,.coast-eyebrow i{width:6px;height:6px;background:#e0ff9c;border-radius:50%;box-shadow:0 0 12px #e2ff9d;display:inline-block}.coast-header-actions{display:flex;gap:8px}.coast-header-actions button{width:44px;border:1px solid #ffffff59;border-radius:50%;background:#164b4e35;color:#fff;font-size:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.coast-intro{position:absolute;top:25%;left:6%;z-index:3;max-width:650px;text-shadow:0 2px 30px #1b4d4b66}.coast-intro:before{content:"";position:absolute;inset:-70px -70px -45px -100px;background:radial-gradient(ellipse at left,#144e537a,transparent 72%);z-index:-1;pointer-events:none}.coast-eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:750;display:flex;gap:10px;align-items:center}.coast-intro h1{color:#fffdf0;font-size:clamp(42px,5.7vw,86px);line-height:1.06;letter-spacing:-4px;font-weight:850;margin:24px 0}.coast-intro h1 em{font-style:normal;color:#e6ffa3}.coast-intro p{font-size:15px;line-height:1.85;color:#fff;margin:0 0 23px}.coast-mode{display:flex;gap:5px;padding:4px;background:#113f4140;border:1px solid #ffffff33;border-radius:10px;width:max-content;margin-bottom:15px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.coast-mode button{background:transparent;border:0;border-radius:7px;padding:0 17px;color:#e9f8eb;font-size:12px}.coast-mode button[aria-pressed=true]{background:#fff8e8;color:#174e4b}.coast-start{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#e4ffa0;border:0;padding:18px 23px;border-radius:10px;color:#214333;font-weight:750!important;font-size:15px;box-shadow:0 7px 30px #234e3420;min-width:270px}.coast-start:hover{background:#f0ffc9}.coast-start span{font-size:24px;font-weight:400}.coast-intro-meta{display:flex;gap:30px;margin-top:24px;font-size:9px;letter-spacing:1.8px;opacity:.85}.coast-postcard{position:absolute;right:45px;bottom:115px;z-index:3;width:230px;border-top:1px solid #ffffff70;padding-top:20px;text-shadow:0 2px 15px #164c4d}.coast-postcard>span{font-size:8px;letter-spacing:2px}.coast-postcard strong{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.1;display:block;margin:16px 0}.coast-postcard strong span{float:right;color:#e4ffa0}.coast-postcard>div{font-size:8px;letter-spacing:1.1px}.coast-postcard p{font-size:11px;opacity:.75}.coast-footer{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:40px;right:40px;z-index:4;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#e9f4ed}.coast-footer b{padding:5px 6px;border:1px solid #ffffff55;border-radius:4px;font-size:9px;margin:0 6px 0 12px}.coast-footer b:first-child{margin-left:0}.coast-footer i{color:#e4ffa0;margin:0 15px}.coast-score{position:absolute;top:125px;left:40px;z-index:3;display:flex;align-items:center;gap:10px}.coast-ring-icon{color:#ffdb5b;font-size:45px}.coast-score strong{font-size:40px;font-variant-numeric:tabular-nums;font-style:italic;letter-spacing:-2px}.coast-score small{font-size:8px;letter-spacing:2px;max-width:40px;line-height:1.8}.coast-progress{position:absolute;top:115px;left:50%;transform:translate(-50%);width:230px;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:7px;letter-spacing:1.3px}.coast-progress div{order:3;margin-top:8px;width:100%;height:3px;background:#ffffff40}.coast-progress i{display:block;height:100%;background:#e4ffa0}.coast-speed{position:absolute;left:42px;bottom:100px;z-index:3;width:205px}.coast-speed strong{font-size:64px;font-style:italic;font-weight:800;letter-spacing:-3px;line-height:1}.coast-speed strong span{font-size:10px;letter-spacing:1px;margin-left:10px;font-style:normal}.coast-speed>div{height:4px;background:#fff4;transform:skew(-20deg);margin:12px 0}.coast-speed i{height:100%;background:#e4ffa0;display:block}.coast-speed small{font-size:8px;letter-spacing:1.2px}.coast-touch{position:absolute;bottom:95px;right:40px;display:flex;gap:8px;z-index:4}.coast-touch button{border:1px solid #ffffff66;background:#123e454d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:12px 16px;border-radius:12px;touch-action:none;-webkit-user-select:none;user-select:none}.coast-touch button[aria-pressed=true]{background:#e4ffa0;color:#214333}.coast-lane{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.coast-modal-backdrop{position:absolute;inset:0;z-index:6;background:#083f4659;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:85px 20px 65px}.coast-question{background:#f9f9ec;color:#234c46;border-radius:24px;padding:35px;width:min(520px,100%);max-height:100%;overflow-y:auto;box-shadow:0 25px 100px #063b454d}.coast-question h2{color:#234c46;font-size:clamp(28px,4vw,44px);letter-spacing:-1.8px;margin:17px 0 8px;overflow-wrap:anywhere}.coast-question p{font-size:14px;line-height:1.7}.coast-question .coast-start{margin-top:24px;width:100%}.coast-question .coast-eyebrow{color:#739276}.coast-pronounce,.coast-text-button{border:0;background:transparent;color:#477760;padding:8px 0;font-size:13px}.coast-text-button{display:block;margin:8px auto 0}.coast-options{display:grid;gap:9px;margin-top:22px}.coast-options button{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #dae0ce;border-radius:10px;background:#fffef7;color:#244c44;padding:14px;overflow-wrap:anywhere}.coast-options button:hover{background:#e5f5c9}.coast-options small{opacity:.5}.coast-options button span{margin-left:auto}.coast-meaning{font-size:24px;display:block;overflow-wrap:anywhere}.coast-review>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd;padding:10px 0;font-size:13px;overflow-wrap:anywhere}.coast-review>div span{max-width:50%}.coast-boost .coast-shade{box-shadow:inset 0 0 100px #c6ffff55}@media(max-width:750px){.coast-header{top:20px;left:20px;right:20px}.coast-location{display:none}.coast-brand{font-size:22px}.coast-mark{height:42px;width:42px}.coast-intro{left:24px;right:24px;top:23%}.coast-intro h1{color:#fffdf0;font-size:clamp(42px,9vw,65px);letter-spacing:-2.5px}.coast-intro p{font-size:13px}.coast-postcard{display:none}.coast-intro-meta{gap:20px;font-size:8px}.coast-footer{left:24px;right:24px;bottom:max(20px,env(safe-area-inset-bottom))}.coast-footer>span:first-child{display:none}.coast-footer>span:last-child{font-size:8px}.coast-score{top:92px;left:22px}.coast-score strong{font-size:30px}.coast-ring-icon{font-size:35px}.coast-progress{top:104px;left:auto;right:20px;transform:none;width:135px}.coast-speed{left:22px;bottom:145px;width:150px}.coast-speed strong{font-size:48px}.coast-touch{bottom:65px;left:20px;right:20px;justify-content:space-between}.coast-touch button{padding:14px 17px}.coast-question{padding:25px}.coast-question h2{color:#234c46;letter-spacing:-1px}.coast-modal-backdrop{padding-top:85px}.coast-eyebrow{font-size:8px;letter-spacing:1.5px}}@media(max-height:620px){.coast-intro{top:100px;bottom:60px;overflow-y:auto}.coast-intro h1{color:#fffdf0;font-size:43px;margin:12px 0}.coast-intro p{display:none}.coast-intro-meta{margin-top:10px}.coast-postcard{bottom:75px}.coast-footer{bottom:16px}.coast-mode{margin-bottom:8px}.coast-start{padding:10px 18px}.coast-speed{bottom:100px}}@media(prefers-reduced-motion:reduce){.coast-boost .coast-shade{box-shadow:none}}.coast-typing-form{display:grid;gap:12px;margin-top:20px}.coast-typing-meaning{display:block;font-size:28px;line-height:1.25;overflow-wrap:anywhere}.coast-typing-label{font-size:12px;font-weight:700;color:#739276}.coast-typing-input{width:100%;min-height:52px;border:1px solid #cbd7c4;border-radius:10px;background:#fffef7;color:#234c46;padding:12px 14px;font:inherit;font-size:18px}.coast-typing-input:focus{outline:3px solid #d8f37e;outline-offset:2px;border-color:#68955f}.coast-term-feedback{display:block;font-size:28px;line-height:1.25;overflow-wrap:anywhere;margin-bottom:6px}.admin-root .date-filter-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-root .admin-select{min-height:34px;padding:4px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.admin-root .attention-list{display:grid;gap:12px;margin-top:12px}.admin-root .attention-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.admin-root .attention-card-body{min-width:0}.admin-root .attention-card-body .accuracy-pill{display:inline-block;margin-bottom:6px}.admin-root .attention-card h4{margin:4px 0;font-size:15px;font-weight:600}.admin-root .attention-card p{margin:0;color:var(--muted);font-size:13px}.admin-root .attention-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:18px;color:var(--muted);font-size:14px;text-align:center}.admin-root .platform-empty{padding:18px;color:var(--muted);text-align:center}.admin-root .online-error .btn{flex-shrink:0;margin-left:auto}.admin-root .overview-error{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger-text, var(--danger));font-size:13px}.admin-root .overview-error p{margin:0}.admin-root .overview-error .btn{flex-shrink:0}.admin-root .panel-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;color:var(--muted);font-size:13px}@media(max-width:720px){.admin-root .date-filter-wrapper{width:100%}.admin-root .date-filter-wrapper .admin-select{flex:1;min-height:42px}}.admin-root .online-avatar-initials{width:34px;height:34px;font-size:13px}.admin-root .online-panel .table-pagination-footer{margin-top:14px;padding:12px 0 0}.admin-root [role=dialog]:focus{outline:none}.admin-root .subtitle-cue-kind svg{flex:0 0 auto}.admin-root .test-row.reorder-active .drag-handle{color:var(--primary-strong)}.admin-root .table-toolbar.users-filter-toolbar{flex-wrap:wrap;gap:10px}.admin-root .inline-search.users-search{min-width:220px}.admin-root .user-detail-modal{max-width:780px}.admin-root .admin-tabs.user-detail-tabs{margin:16px 0 12px}.admin-root .scrollable-modal-content.user-detail-tab-content{max-height:460px}.admin-root .rank-list.user-badge-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-root .user-badge-item{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.admin-root .user-badge-item>svg{color:var(--primary);flex:0 0 auto}.admin-root .user-badge-item-text{display:flex;flex-direction:column}.admin-root .user-badge-item-text strong{font-size:12px}.admin-root .user-badge-item-text small{font-size:10px}.admin-root .text-warning,.admin-root .muted.text-warning{color:var(--warning)}.admin-root .admin-growth-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.admin-root .admin-growth-form input,.admin-root .admin-growth-form select{flex:1 1 140px;min-width:0;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .admin-growth-form input[type=number]{flex:0 1 110px}.admin-root .admin-growth-form input:focus-visible,.admin-root .admin-growth-form select:focus-visible{border-color:color-mix(in srgb,var(--primary) 46%,var(--border))}.admin-root .admin-growth-form .checkbox-inline{flex:0 0 auto}.admin-root .admin-growth-form .admin-growth-form-actions{display:flex;flex:0 0 auto;gap:6px}.admin-root .admin-growth-alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.admin-root .admin-growth-alert>svg{flex:0 0 auto;margin-top:1px;color:var(--warning)}.admin-root .admin-growth-alert p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.admin-root .admin-growth-meta{display:block;max-width:260px;margin-top:4px;overflow-wrap:anywhere;color:var(--muted);font-size:11px;line-height:1.45}.admin-root .admin-growth-textarea{width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;resize:vertical}.admin-root .admin-growth-textarea:focus-visible{border-color:color-mix(in srgb,var(--primary) 46%,var(--border))}.admin-root .admin-growth-form .premium-plan-features{flex:1 1 100%;display:grid;gap:6px;color:var(--muted);font-size:12px}.admin-root .stat-grid.premium-fulfillment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1180px){.admin-root .stat-grid.premium-fulfillment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-root .stat-grid.premium-fulfillment-grid{grid-template-columns:1fr}}.admin-root .affiliate-status-filter{min-width:140px}.admin-root .table-wrap.is-refetching{opacity:.55;transition:opacity .15s ease}.admin-root .affiliate-method-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:600}.admin-root .affiliate-reject-row>td{background:var(--surface-2)}.admin-root .affiliate-reject-form{display:flex;align-items:center;gap:8px}.admin-root .affiliate-reject-form input{flex:1 1 260px;min-width:0;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.admin-root .affiliate-reject-form input:focus-visible{border-color:color-mix(in srgb,var(--primary) 46%,var(--border))}.admin-root .settings-theme-toggle{margin-left:auto;flex:0 0 auto}.admin-root .settings-links{grid-column:1 / -1;display:grid;gap:10px;padding:18px 20px}.admin-root .settings-links>h2{margin:0;font-size:15px;font-weight:600}.admin-root .settings-links>p{margin:0;color:var(--muted);font-size:12.5px}.admin-root .settings-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-root .settings-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:13.5px;font-weight:500;text-decoration:none;transition:border-color .14s ease,transform .14s ease}.admin-root .settings-link:hover{border-color:color-mix(in srgb,var(--primary) 46%,var(--border));transform:translateY(-1px)}.admin-root .settings-link>svg:first-child{color:var(--muted);flex:0 0 auto}.admin-root .settings-link>svg:last-child{margin-left:auto;color:var(--muted)}@media(max-width:700px){.admin-root .settings-link-grid{grid-template-columns:1fr}}.admin-root p[role=alert]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;color:var(--danger);font-size:13px}.admin-root .admin-log-levels{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-root .admin-log-more{display:flex;justify-content:center;padding-top:4px}.admin-root .ai-config-form{display:grid}.admin-root .ai-config-row{display:grid;grid-template-columns:180px 1fr;gap:10px;margin-bottom:12px;align-items:start}.admin-root .ai-config-row.center{align-items:center}.admin-root .ai-config-row.last{margin-bottom:16px}.admin-root .ai-config-form input[type=text],.admin-root .ai-config-form input[type=password],.admin-root .ai-config-form input[type=number],.admin-root .ai-config-form select,.admin-root .ai-config-form textarea{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .ai-config-form input[type=text],.admin-root .ai-config-form input[type=password],.admin-root .ai-config-form textarea{width:100%;box-sizing:border-box}.admin-root .ai-config-form textarea{min-height:0;padding:9px 11px;font-family:inherit;resize:vertical}.admin-root .ai-config-limit{max-width:160px}.admin-root .ai-config-field-error{display:block}.admin-root .ai-config-key-status{display:flex;flex-direction:column;gap:6px}.admin-root .ai-config-key-note{margin-left:8px;color:var(--muted);font-size:13px}.admin-root .ai-config-ok{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:13px}.admin-root .ai-config-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.admin-root .ai-config-note{margin:0;color:var(--muted);font-size:13px}.admin-root .ai-config-usage-cards{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.admin-root .ai-config-usage-card{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}@media(max-width:720px){.admin-root .ai-config-row{grid-template-columns:1fr}}.admin-root .social-mod-panel{margin-top:16px}.admin-root .social-mod-days{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;font-weight:600}.admin-root .social-mod-days select{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .social-mod-toolbar .panel-title{margin-bottom:0}.admin-root .admin-feedback-page-pill{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.admin-root .admin-feedback-shot{margin:0 0 18px}.admin-root .admin-feedback-shot>span{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:700}.admin-root .admin-feedback-shot-btn{display:block;max-width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.admin-root .admin-feedback-shot-btn img{display:block;max-width:100%;max-height:360px;object-fit:contain;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-root .admin-feedback-lightbox-img{max-width:min(92vw,1100px);max-height:86vh;object-fit:contain;border-radius:10px}.admin-root .admin-feedback-lightbox-close{position:absolute;top:18px;right:18px}.admin-root .admin-feedback-notify{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.admin-root .admin-feedback-notify label{display:block;margin-bottom:7px;color:var(--muted);font-size:12.5px;font-weight:700}.admin-root .admin-feedback-notify label span{font-weight:500}.admin-root .admin-feedback-notify textarea{display:block;width:100%;min-height:76px;box-sizing:border-box;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;resize:vertical}.admin-root .admin-feedback-notify textarea:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 46%,var(--border));box-shadow:var(--ring)}.admin-root .admin-feedback-notify .btn{margin-top:8px}.admin-root .audit-action-pill{display:inline-flex;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,#d97706 16%,transparent);color:#d97706;font-size:12px;font-weight:600}.admin-root .audit-toolbar-note{margin-left:auto;color:var(--muted);font-size:12.5px}.admin-root .user-modal.audit-detail-modal{width:min(600px,100%)}.admin-root .audit-detail-grid{display:grid;gap:12px;margin-top:16px}.admin-root .audit-metadata-pre{margin:6px 0 0;max-height:260px;overflow:auto;padding:12px;border-radius:8px;background:var(--surface-3);font-size:12px}.admin-root .audit-modal-actions{margin-top:20px}.admin-root .vocab-pane .table-pagination-footer{flex-wrap:wrap;gap:8px;padding:10px 12px}.admin-root .shop-coin{display:inline-flex;align-items:center;gap:4px;color:var(--warning)}.admin-root .shop-user-picker{position:relative}.admin-root .shop-user-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.admin-root .shop-user-option{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.admin-root .shop-user-option:last-child{border-bottom:0}.admin-root .shop-user-option:hover,.admin-root .shop-user-option:focus-visible{background:var(--surface-2)}.admin-root .shop-field-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px}.admin-root .shop-field-hint svg{margin-right:4px;vertical-align:-2px}.admin-root .shop-selected-user{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:12px;border:1px dashed var(--primary);border-radius:8px;background:var(--surface-2)}.admin-root .shop-icon-field{display:flex;align-items:center;gap:8px}.admin-root .shop-icon-field select{flex:1;min-width:0}.admin-root .shop-icon-preview{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-2)}.admin-root .shop-audit{margin-top:16px}.admin-root .telegram-page{display:grid;gap:16px;align-content:start}@media(min-width:1100px){.admin-root .telegram-page{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-root .telegram-panel{display:grid;gap:12px;align-content:start;padding:24px;overflow-wrap:anywhere}.admin-root .telegram-panel .panel-title{margin-bottom:0}.admin-root .telegram-panel .panel-title svg{color:var(--primary-strong)}.admin-root .telegram-note{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.admin-root .telegram-hint{margin:0;padding:9px 11px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:13px;line-height:1.5}.admin-root .telegram-notify-form{gap:12px}.admin-root .telegram-notify-form>input:not([type=checkbox]){width:100%}.admin-root .telegram-toggle{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:14px}.admin-root .telegram-toggle input{width:auto;min-height:0}.admin-root .telegram-field{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.admin-root .telegram-field select{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-root .telegram-status-line{display:flex;align-items:center;gap:9px;margin:0;color:var(--text-2);font-size:13.5px}.admin-root .telegram-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--muted)}.admin-root .telegram-status-dot.is-on{background:var(--success)}.admin-root .telegram-status-dot.is-warn{background:var(--warning)}.admin-root .telegram-commands{display:grid;gap:8px;margin:0;padding:0;list-style:none}.admin-root .telegram-command{display:flex;align-items:baseline;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:13px}.admin-root .telegram-command code{flex:0 0 auto}.admin-root .telegram-command span{color:var(--text-2)}.admin-root .telegram-report-preview{margin:0;max-height:320px;overflow:auto;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-2);font:12.5px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.admin-root .telegram-panel [role=alert]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;color:var(--danger);font-size:13px}@media(max-width:640px){.admin-root .telegram-panel{padding:16px}.admin-root .telegram-panel .page-actions>button{width:100%}}.admin-root .server-net{display:inline-flex;align-items:center;gap:3px}.admin-root .server-net svg{flex:0 0 auto}.admin-root .server-panel .admin-select{min-height:34px;padding:4px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.admin-root .youtube-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-root .youtube-config-head .panel-title{margin-bottom:6px}.admin-root .youtube-config-head .panel-title svg{color:var(--primary-strong)}