.reading-figure{margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.5rem}.reading-figure img{width:100%;border-radius:14px;border:1px solid var(--border, rgba(148, 163, 184, .28));background:#94a3b81f;object-fit:cover;display:block}.reading-figure-hero img{aspect-ratio:16 / 9;max-height:380px}.reading-figure-inline img{aspect-ratio:3 / 2;max-height:260px}.reading-figure figcaption{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;line-height:1.45}.reading-figure-caption-en{color:var(--text-secondary, #475569);font-weight:600}.reading-figure-caption-vi{color:var(--text-muted, #64748b);font-style:italic}.reading-figure-credit{font-size:.72rem;color:var(--text-muted, #94a3b8)}.reading-figure-credit a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.reading-figure-credit a:hover{color:var(--accent, #2563eb)}@media(max-width:720px){.reading-figure-hero img{max-height:240px}.reading-figure-inline img{max-height:200px}}.dictionary-popover{position:fixed;z-index:1200;display:flex;flex-direction:column;max-height:62vh;padding:.85rem .95rem .75rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);box-shadow:var(--shadow-md),0 18px 40px #00000024;font-size:.9rem}.dictionary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.dictionary-word{display:flex;flex-direction:column;gap:.15rem;min-width:0}.dictionary-word strong{font-size:1.15rem;line-height:1.25;word-break:break-word}.dictionary-ipa{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--accent-color)}.dictionary-head-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.dictionary-save-head-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border:1px solid var(--accent-color);border-radius:8px;background:var(--accent-light, rgba(233, 81, 37, .08));color:var(--accent-color);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dictionary-save-head-btn:hover:not(:disabled){background:var(--accent-color);color:#fff}.dictionary-save-head-btn.saved{background:#10b981;border-color:#10b981;color:#fff}.dictionary-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border-color);border-radius:8px;background:var(--secondary-bg);color:var(--text-muted);cursor:pointer}.dictionary-close:hover{color:var(--text-color)}.dictionary-audio{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 .6rem}.dictionary-audio button{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border:1px solid var(--border-color);border-radius:999px;background:var(--secondary-bg);color:var(--text-color);font-size:.78rem;font-weight:600;cursor:pointer}.dictionary-audio button:hover{border-color:var(--accent-color);color:var(--accent-color)}.dictionary-wiki-trigger{margin-left:auto}.dictionary-body{overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;padding-right:.2rem}.dictionary-block-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.dictionary-block-head h4{margin:0}.dictionary-lang-switch{display:inline-flex;border:1px solid var(--border-color);border-radius:999px;overflow:hidden}.dictionary-lang-switch button{padding:.12rem .5rem;border:0;background:transparent;color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer}.dictionary-lang-switch button.active{background:var(--accent-color);color:#fff}.dictionary-wiki-link{display:inline-block;margin-top:.35rem;color:var(--accent-color);font-size:.76rem;text-decoration:none;border-bottom:1px dotted currentColor}.dictionary-block h4{margin:0 0 .35rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-color)}.dictionary-meaning-vi{margin:0;font-weight:600;line-height:1.5}.dictionary-context{margin:.3rem 0 0;color:var(--text-muted);font-size:.85rem;line-height:1.5}.dictionary-contextual-block{border-left:3px solid var(--accent, #c65a24);background:color-mix(in srgb,var(--accent, #c65a24) 7%,transparent);padding:.7rem .75rem;border-radius:0 10px 10px 0}.dictionary-context-en,.dictionary-context-phrase,.dictionary-context-translation,.dictionary-context-explanation,.dictionary-context-usage{margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.dictionary-context-en{color:var(--text-muted, #6f655e)}.dictionary-context-phrase{color:var(--text-main, #2f2925)}.dictionary-context-translation{color:var(--accent-dark, #9e431d);font-style:italic}.dictionary-context-explanation{color:var(--text-main, #2f2925)}.dictionary-context-usage{color:var(--text-muted, #6f655e)}.dictionary-context-sentence{margin:.55rem 0 0;padding:.45rem .6rem;border-left:2px solid rgba(198,90,36,.35);background:#ffffff8c;font-size:.82rem;line-height:1.45}.mini-tooltip-context-explanation,.mini-tooltip-context-phrase{padding:0 .75rem .45rem;color:var(--text-muted, #6f655e);font-size:.76rem;line-height:1.4}.dictionary-sense+.dictionary-sense{margin-top:.5rem}.dictionary-pos{display:inline-block;margin-bottom:.2rem;padding:.1rem .45rem;border-radius:6px;background:var(--accent-light);color:var(--accent-color);font-size:.7rem;font-style:italic}.dictionary-sense ul{margin:0;padding-left:1.05rem;display:flex;flex-direction:column;gap:.3rem}.dictionary-sense li{line-height:1.5}.dictionary-sense em{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.83rem}.dictionary-chips{display:flex;flex-wrap:wrap;gap:.3rem}.dictionary-chips span{padding:.18rem .5rem;border-radius:999px;background:var(--secondary-bg);color:var(--text-muted);font-size:.78rem}.dictionary-note{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.5}.dictionary-wiki{margin:0;line-height:1.55;font-size:.87rem}.dictionary-source{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;margin-top:.7rem;padding-top:.55rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.72rem}.dictionary-source a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.dictionary-source a:hover{color:var(--accent-color)}@media(max-width:520px){.dictionary-popover{left:12px!important;width:calc(100vw - 24px)!important}}.mini-hover-tooltip{position:fixed;z-index:1350;width:270px;padding:.65rem .85rem;border-radius:12px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2d9c8);box-shadow:0 10px 28px #00000029,0 2px 8px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:miniTooltipPop .18s cubic-bezier(.16,1,.3,1);pointer-events:auto;font-family:inherit}.mini-hover-tooltip:before{content:"";position:absolute;left:-20px;right:-20px;top:-16px;bottom:-16px;z-index:-1;background:transparent;pointer-events:auto}@keyframes miniTooltipPop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mini-tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.25rem}.mini-tooltip-word{font-size:1rem;font-weight:700;color:var(--accent-color, #e95125);display:flex;align-items:center;gap:.35rem}.mini-tooltip-ipa{font-size:.76rem;font-family:JetBrains Mono,monospace;opacity:.75;color:var(--text-color, #2d3748)}.mini-tooltip-pos{font-size:.65rem;background:#e951251a;color:var(--accent-color, #e95125);padding:.1rem .35rem;border-radius:4px;font-weight:600}.mini-tooltip-meaning{font-size:.86rem;font-weight:600;color:var(--text-color, #1a202c);line-height:1.35;margin:.2rem 0 .5rem}.mini-tooltip-actions{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding-top:.35rem;border-top:1px solid var(--border-color, #f0eae1)}.mini-audio-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;border-radius:6px;border:1px solid var(--border-color, #e2d9c8);background:var(--secondary-bg, #f8f6f0);color:var(--text-color, #333);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .12s}.mini-audio-btn:hover{background:var(--accent-color, #e95125);color:#fff;border-color:var(--accent-color, #e95125)}.mini-save-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:6px;border:1px solid var(--accent-color, #e95125);background:#e9512514;color:var(--accent-color, #e95125);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .12s}.mini-save-btn:hover{background:var(--accent-color, #e95125);color:#fff}.mini-save-btn.saved{background:#10b981;border-color:#10b981;color:#fff}.mini-expand-btn{background:none;border:none;color:var(--text-muted, #718096);font-size:.72rem;cursor:pointer;padding:.2rem;display:inline-flex;align-items:center}.mini-expand-btn:hover{color:var(--accent-color, #e95125)}.listening-view{max-width:1100px;margin:0 auto;padding:1.5rem 0 3rem}.listening-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem}.listening-hero span{color:var(--accent-color);font-size:.72rem;font-weight:800;letter-spacing:.1em}.listening-hero h1{margin:.15rem 0;font-size:1.6rem}.listening-hero p{margin:0;color:var(--text-muted);font-size:.9rem}.listening-timer{display:inline-flex;gap:.4rem;align-items:center;padding:.6rem .8rem;border-radius:10px;background:var(--accent-light);color:var(--accent-color);font-weight:800}.listening-player-card{margin-bottom:1.25rem;padding:1rem 1.15rem;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg)}.listening-player-title{display:flex;align-items:center;gap:.5rem;font-weight:750;margin-bottom:.7rem}.listening-player-controls{display:flex;align-items:center;gap:.75rem}.listening-player-controls>button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--accent-color);color:#fff;cursor:pointer}.listening-player-controls audio{width:min(100%,680px)}.listening-player-card small{display:block;margin-top:.5rem;color:var(--text-muted)}@media(max-width:700px){.listening-hero{grid-template-columns:1fr auto}.listening-hero>button{grid-column:1 / -1;justify-self:start}.listening-player-controls audio{width:calc(100% - 50px)}}.t1chart{width:100%;color:var(--text-color)}.t1chart .recharts-surface{overflow:visible}.t1chart-value-label{fill:var(--text-color);font-size:11.5px;font-weight:700;opacity:.72}.t1chart .recharts-legend-item-text{color:var(--text-color)!important;opacity:.8}.t1chart .recharts-pie-label-text{fill:var(--text-color);font-size:12px;font-weight:600;opacity:.8}.t1chart-tooltip{min-width:150px;padding:.6rem .75rem;border-radius:11px;border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 8px 24px #0000001f}.t1chart-tooltip-label{margin:0 0 .4rem;font-size:.78rem;font-weight:800;opacity:.65}.t1chart-tooltip-row{display:flex;align-items:center;gap:.4rem;margin:.22rem 0 0;font-size:.82rem}.t1chart-tooltip-swatch{width:9px;height:9px;border-radius:50%;flex-shrink:0}.t1chart-tooltip-name{flex:1;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t1chart-tooltip-row strong{font-weight:800}.t1chart-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:12px}.t1chart-table{width:100%;border-collapse:collapse;font-size:.88rem}.t1chart-table th,.t1chart-table td{padding:.65rem .85rem;text-align:right;border-bottom:1px solid var(--border-color);white-space:nowrap}.t1chart-table thead th{background:#00000008;font-size:.76rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;opacity:.7}.t1chart-table th:first-child,.t1chart-table tbody th{text-align:left;font-weight:700}.t1chart-table tbody tr:last-child th,.t1chart-table tbody tr:last-child td{border-bottom:none}.t1chart-table tbody tr:nth-child(2n){background:#00000004}.t1chart-table-unit{display:block;font-size:.68rem;font-weight:600;opacity:.6;text-transform:none;letter-spacing:0}.local-video-element{width:100%;height:100%;display:block;background:#000;object-fit:contain}.upload-video-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.9);pointer-events:none}.local-video-picker{background:linear-gradient(135deg,#111111e6,#11111194)}.local-video-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;padding:1.25rem}.local-video-picker span{max-width:32ch;line-height:1.5}.saved-media-badge{position:absolute;left:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:#0f172ac7;color:#e2e8f0;font-size:.78rem;pointer-events:none}.transcript-resume-note{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2, rgba(148, 163, 184, .12));font-size:.85rem;color:var(--text-muted, #64748b)}.transcript-resume-note button{margin-left:auto;border:none;background:none;padding:0;color:var(--accent, #4f46e5);font-weight:600;cursor:pointer}.studio-video-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem}.studio-back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);color:var(--text-color, #1a0f08);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-bottom:.4rem}.studio-back-btn:hover{background:var(--secondary-bg, #f8fafc);border-color:var(--accent-color, #e95125);color:var(--accent-color, #e95125)}.studio-video-title{margin:0;font-size:1.85rem;font-weight:800;font-family:Georgia,Cambria,Times New Roman,Times,serif;color:var(--text-color, #1a0f08);line-height:1.25;letter-spacing:-.015em}.studio-video-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted, #64748b);font-weight:550}.studio-video-meta .meta-dot{opacity:.4;font-size:.75rem}.studio-video-meta .meta-tag{color:var(--text-color, #334155)}.studio-resume-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.82rem;color:#475569}.studio-resume-left{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.studio-resume-reset{border:none;background:none;color:var(--accent-color, #c2632f);font-weight:700;cursor:pointer;padding:0;transition:opacity .15s}.studio-resume-reset:hover{opacity:.75;text-decoration:underline}.studio-full-transcript-accordion{border:1px solid var(--border-color, #e2e8f0);border-radius:14px;background:var(--card-bg, #fff);box-shadow:0 1px 3px #0000000a;overflow:hidden;margin-top:.65rem}.studio-accordion-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.15rem;background:none;border:none;cursor:pointer;font-size:.92rem;font-weight:700;color:var(--text-color, #1a0f08);transition:background-color .15s}.studio-accordion-btn:hover{background-color:var(--secondary-bg, #f8fafc)}.studio-accordion-title{display:inline-flex;align-items:center;gap:.55rem}.studio-accordion-body{padding:.85rem 1.15rem 1.15rem;border-top:1px solid var(--border-color, #e2e8f0);max-height:350px;overflow-y:auto;font-size:.88rem;line-height:1.7;color:var(--text-color, #334155);background:#fafafa}.studio-accordion-body p{margin:0 0 .75rem}.studio-top-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.95rem}.studio-lang-pills{display:inline-flex;padding:2px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0}.studio-lang-btn{border:none;background:none;padding:.4rem .85rem;border-radius:999px;font-size:.8rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem}.studio-lang-btn.active{background:var(--card-bg, #fff);color:var(--accent-color, #c2632f);border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 40%,transparent);box-shadow:0 1px 3px #0000000f}.studio-action-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid #e2e8f0;background:var(--card-bg, #fff);color:#475569;font-size:.8rem;font-weight:650;cursor:pointer;transition:all .15s ease}.studio-action-pill:hover{background:#f8fafc;border-color:var(--accent-color, #c2632f);color:var(--accent-color, #c2632f)}.studio-action-pill.active{background:var(--accent-light, #fbf4ee);border-color:var(--accent-color, #c2632f);color:var(--accent-color, #c2632f)}.studio-card{border:1px solid var(--border-color, #e2e8f0);border-radius:16px;background:var(--card-bg, #fff);padding:1rem 1.15rem;margin-bottom:.85rem;box-shadow:0 1px 3px #00000008}.studio-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.studio-card-head-actions{display:flex;align-items:center;gap:.65rem}.studio-expand-btn{border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);color:var(--text-muted, #64748b);cursor:pointer;display:inline-flex;align-items:center;gap:.32rem;padding:.22rem .6rem;border-radius:8px;font-size:.74rem;font-weight:650;transition:all .15s ease}.studio-expand-btn:hover{background:var(--secondary-bg, #f1f5f9);color:var(--accent-color, #c2632f);border-color:var(--accent-color, #c2632f)}.studio-expand-btn.active{background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f);border-color:var(--accent-color, #c2632f)}.studio-card-title{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:800;color:var(--text-color, #1a0f08)}.studio-card-title-icon{color:var(--accent-color, #c2632f)}.studio-toggle-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.76rem;font-weight:650;color:#64748b;-webkit-user-select:none;user-select:none}.studio-toggle-wrapper input{display:none}.studio-switch-track{position:relative;width:34px;height:19px;border-radius:999px;background:#cbd5e1;transition:background-color .2s ease}.studio-switch-thumb{position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.studio-toggle-wrapper input:checked+.studio-switch-track{background:var(--accent-color, #c2632f)}.studio-toggle-wrapper input:checked+.studio-switch-track .studio-switch-thumb{transform:translate(15px)}.studio-timeline-scroll-wrap{position:relative;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:.3rem .2rem .45rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.studio-timeline-scroll-wrap::-webkit-scrollbar{height:5px}.studio-timeline-scroll-wrap::-webkit-scrollbar-track{background:#f1f5f9b3;border-radius:999px}.studio-timeline-scroll-wrap::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px;transition:background .2s ease}.studio-timeline-scroll-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent-color, #c2632f)}.studio-timeline-outer{position:relative;padding:2.2rem 3rem 4.8rem;box-sizing:border-box}.studio-timeline-bar-bg{position:relative;width:100%;height:6px;border-radius:999px;background:#e2e8f0}.studio-timeline-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:var(--accent-color, #c2632f);transition:width .15s ease}.studio-timeline-floating-time{position:absolute;top:-26px;transform:translate(-50%);background:#0f172a;color:#fff;font-size:.72rem;font-weight:750;padding:.2rem .55rem;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #00000040;z-index:10;letter-spacing:.02em}.studio-timeline-floating-time:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:#0f172a transparent transparent transparent}.studio-timeline-nodes-wrap{position:absolute;left:3rem;right:3rem;top:0;bottom:0;pointer-events:none}.studio-timeline-node{position:absolute;top:2.2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;margin-top:-2px;z-index:2;transition:transform .15s ease}.studio-timeline-node:hover,.studio-timeline-node.is-active{z-index:6}.studio-node-circle{width:11px;height:11px;border-radius:50%;background:#94a3b8;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;transition:all .2s ease;flex-shrink:0}.studio-timeline-node.is-passed .studio-node-circle{background:var(--accent-color, #c2632f);box-shadow:0 0 0 1px var(--accent-color, #c2632f)}.studio-timeline-node.is-active .studio-node-circle{background:var(--accent-color, #c2632f);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color, #c2632f) 30%,transparent);transform:scale(1.25)}.studio-timeline-node.is-odd:before{content:"";position:absolute;top:11px;left:50%;transform:translate(-50%);width:1.5px;height:2.05rem;background:#cbd5e1;pointer-events:none;transition:background .2s ease}.studio-timeline-node.is-odd.is-passed:before{background:color-mix(in srgb,var(--accent-color, #c2632f) 40%,#cbd5e1)}.studio-timeline-node.is-odd:hover:before,.studio-timeline-node.is-odd.is-active:before{background:var(--accent-color, #c2632f);width:2px}.studio-node-details{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:145px;box-sizing:border-box}.studio-timeline-node.is-even .studio-node-details,.studio-timeline-node:not(.is-odd) .studio-node-details{margin-top:.5rem}.studio-timeline-node.is-odd .studio-node-details{margin-top:2.2rem}.studio-timeline-node.is-first .studio-node-details,.studio-timeline-node:first-child .studio-node-details{align-items:flex-start;text-align:left;transform:translate(calc(50% - 6px))}.studio-timeline-node.is-last .studio-node-details,.studio-timeline-node:last-child .studio-node-details{align-items:flex-end;text-align:right;transform:translate(calc(-50% + 6px))}.studio-node-time-label{font-size:.68rem;font-weight:700;color:#475569;background:#f1f5f9;padding:.1rem .35rem;border-radius:4px;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;display:inline-block}.studio-timeline-node.is-active .studio-node-time-label{background:color-mix(in srgb,var(--accent-color, #c2632f) 15%,transparent);color:var(--accent-color, #c2632f)}.studio-node-title-label{font-size:.72rem;font-weight:650;color:#334155;width:max-content;max-width:140px;text-align:center;white-space:normal;text-wrap:balance;word-break:normal;overflow-wrap:break-word;line-height:1.25;margin-top:4px;transition:color .15s ease}.studio-timeline-node.is-first .studio-node-title-label,.studio-timeline-node:first-child .studio-node-title-label{text-align:left}.studio-timeline-node.is-last .studio-node-title-label,.studio-timeline-node:last-child .studio-node-title-label{text-align:right}.studio-timeline-node:hover .studio-node-title-label{color:var(--accent-color, #c2632f)}.studio-timeline-node.is-active .studio-node-title-label{color:var(--accent-color, #c2632f);font-weight:800}.studio-transcript-card{display:flex;flex-direction:column}.studio-transcript-list{min-height:280px;max-height:clamp(340px,38vh,460px);overflow-y:auto;scroll-behavior:smooth;padding-right:.35rem;display:flex;flex-direction:column;gap:.45rem;transition:max-height .25s ease}.studio-transcript-list.is-expanded{min-height:560px;max-height:clamp(680px,78vh,980px)}.studio-transcript-row{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.studio-transcript-row:hover{background-color:var(--secondary-bg, #f8fafc)}.studio-transcript-row.is-active{background-color:#fff6f2!important;border-color:color-mix(in srgb,var(--accent-color, #c2632f) 28%,transparent);box-shadow:0 2px 6px #c2632f0f}.studio-row-time-box{display:flex;align-items:center;gap:.4rem;min-width:48px;padding-top:.1rem}.studio-row-time-text{font-size:.72rem;font-weight:700;color:#64748b;font-variant-numeric:tabular-nums}.studio-row-play-btn{width:22px;height:22px;border-radius:50%;border:none;background:var(--accent-color, #c2632f);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #c2632f4d;flex-shrink:0}.studio-row-text-box{flex:1;min-width:0}.studio-row-en-text{margin:0;font-size:.9rem;line-height:1.55;font-weight:600;color:#1e293b}.studio-transcript-row.is-active .studio-row-en-text{color:#0f172a;font-weight:650}.studio-row-vi-text{margin:.2rem 0 0;font-size:.8rem;line-height:1.5;color:#64748b}.studio-transcript-row.is-active .studio-row-vi-text{color:#78350f}.studio-overview-card{margin-bottom:.5rem}.studio-overview-controls{display:flex;align-items:center;gap:.65rem}.studio-overview-collapse-btn{border:none;background:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:6px;transition:background-color .15s}.studio-overview-collapse-btn:hover{background:#f1f5f9;color:#0f172a}.studio-overview-body{border-top:1px solid #f1f5f9;padding-top:.75rem;animation:fadeInPromptVi .18s ease}.studio-overview-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;flex-wrap:wrap}.studio-overview-title-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.studio-chapter-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f);padding:.2rem .5rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 25%,transparent)}.studio-chapter-nav{display:inline-flex;align-items:center;gap:.35rem}.studio-chapter-nav-btn{background:var(--secondary-bg, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:650;color:var(--text-color, #334155);cursor:pointer;transition:all .15s ease}.studio-chapter-nav-btn:hover:not(:disabled){background:var(--card-bg, #fff);border-color:var(--accent-color, #c2632f);color:var(--accent-color, #c2632f)}.studio-chapter-nav-btn:disabled{opacity:.45;cursor:not-allowed}.studio-overview-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-color, #0f172a)}.studio-overview-meta-chips{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.studio-meta-chip{font-size:.72rem;font-weight:650;color:var(--text-muted, #64748b);background:var(--secondary-bg, #f1f5f9);padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-color, #e2e8f0)}.studio-summary-box{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.studio-summary-lang-item{display:flex;align-items:flex-start;gap:.55rem;background:var(--secondary-bg, #f8fafc);border:1px solid var(--border-color, #f1f5f9);border-radius:10px;padding:.55rem .75rem}.studio-summary-lang-item.vi{background:#c2632f08;border-color:#c2632f1f}.studio-lang-mini-badge{font-size:.65rem;font-weight:800;border-radius:4px;padding:.1rem .35rem;flex-shrink:0;margin-top:.15rem}.studio-lang-mini-badge.en{background:#e0e7ff;color:#3730a3}.studio-lang-mini-badge.vi{background:#ffedd5;color:#9a3412}.studio-summary-text{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-color, #334155)}.studio-overview-summary{margin:0 0 .85rem;font-size:.86rem;line-height:1.6;color:var(--text-color, #334155)}.studio-keypoints-card{border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 22%,transparent);background:#c2632f0a;border-radius:12px;padding:.85rem 1rem}.studio-vi-summary-box{background:linear-gradient(135deg,#fef3c773,#fffbebd9);border:1px solid rgba(245,158,11,.28);border-left:4px solid var(--accent-color, #c2632f);border-radius:11px;padding:.85rem 1rem;margin-bottom:.85rem;box-shadow:0 1px 3px #00000005}[data-theme=dark] .studio-vi-summary-box{background:#c2632f14;border-color:#c2632f4d;border-left-color:var(--accent-color, #c2632f)}.studio-vi-summary-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem;flex-wrap:wrap}.studio-vi-summary-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--accent-color, #c2632f);background:#c2632f1f;padding:.2rem .6rem;border-radius:999px}.studio-vi-summary-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.studio-vi-summary-text{margin:0;font-size:.88rem;line-height:1.6;color:#1e293b;font-weight:500}[data-theme=dark] .studio-vi-summary-text{color:#e2e8f0}.studio-vi-explain-grid{display:grid;grid-template-columns:1fr;gap:.65rem;margin-bottom:.85rem}.studio-vi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem .95rem;box-shadow:0 1px 3px #00000008;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.studio-vi-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000d}[data-theme=dark] .studio-vi-card{background:#1e293b;border-color:#334155;box-shadow:none}[data-theme=dark] .studio-vi-card:hover{border-color:#475569}.studio-vi-card.context{border-left:3.5px solid #0284c7;background:linear-gradient(135deg,#f0f9ffb3,#fff)}[data-theme=dark] .studio-vi-card.context{background:#0284c714}.studio-vi-card.mechanism{border-left:3.5px solid var(--accent-color, #c2632f);background:linear-gradient(135deg,#fffbf7b3,#fff)}[data-theme=dark] .studio-vi-card.mechanism{background:#c2632f14}.studio-vi-card.takeaway{border-left:3.5px solid #16a34a;background:linear-gradient(135deg,#f0fdf4b3,#fff)}[data-theme=dark] .studio-vi-card.takeaway{background:#16a34a14}.studio-vi-card-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem}.studio-vi-card-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;flex-shrink:0}.studio-vi-card-icon.context{background:#0284c71f;color:#0284c7}.studio-vi-card-icon.mechanism{background:#c2632f1f;color:var(--accent-color, #c2632f)}.studio-vi-card-icon.takeaway{background:#16a34a1f;color:#16a34a}.studio-vi-card-title{margin:0;font-size:.82rem;font-weight:750;color:#1e293b;letter-spacing:.01em}[data-theme=dark] .studio-vi-card-title{color:#f1f5f9}.studio-vi-card-body{margin:0;font-size:.83rem;line-height:1.58;color:#475569;font-weight:480}[data-theme=dark] .studio-vi-card-body{color:#cbd5e1}.studio-vi-extra-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:9px;padding:.7rem .9rem;margin-bottom:.85rem}[data-theme=dark] .studio-vi-extra-box{background:#1e293b80;border-color:#475569}.studio-vi-extra-title{display:block;font-size:.77rem;font-weight:750;color:#475569;margin-bottom:.4rem}[data-theme=dark] .studio-vi-extra-title{color:#94a3b8}.studio-vi-extra-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.studio-vi-extra-item{display:flex;align-items:flex-start;gap:.45rem;font-size:.82rem;line-height:1.5;color:#334155}[data-theme=dark] .studio-vi-extra-item{color:#cbd5e1}.studio-vi-bullet{color:var(--accent-color, #c2632f);font-weight:800;line-height:1.4}.studio-ai-explain-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;border:1px solid #7c3aed;background:#f5f3ff;color:#7c3aed;font-size:.75rem;font-weight:750;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #7c3aed14}.studio-ai-explain-btn:hover:not(:disabled){background:#7c3aed;color:#fff;transform:translateY(-1px)}.studio-ai-explain-btn:disabled{opacity:.65;cursor:not-allowed}.studio-ai-explain-btn .spin{animation:studio-spin-kf 1s linear infinite}@keyframes studio-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio-keypoints-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.studio-keypoints-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:800;color:var(--accent-color, #c2632f)}.studio-play-chapter-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 35%,transparent);background:#fff;color:var(--accent-color, #c2632f);font-size:.75rem;font-weight:750;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.studio-play-chapter-btn:hover{background:var(--accent-color, #c2632f);color:#fff}.studio-keypoints-bullets{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.5rem}.studio-keypoint-item{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;line-height:1.5}.studio-keypoint-en{font-weight:650;color:var(--text-color, #1e293b)}.studio-keypoint-vi{font-size:.76rem;color:var(--text-muted, #64748b)}.studio-chapter-vocab-box{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border-color, #f1f5f9)}.studio-vocab-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:750;color:var(--text-color, #334155);margin-bottom:.45rem}.studio-vocab-pills{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.studio-vocab-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--card-bg, #fff);border:1px solid var(--border-color, #cbd5e1);border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;color:var(--text-color, #334155);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.studio-vocab-pill:hover{border-color:var(--accent-color, #c2632f);color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee);transform:translateY(-1px)}.studio-keypoints-bullets li{font-size:.82rem;line-height:1.55;color:#334155}.studio-transcript-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(460px,1.08fr)!important;gap:1.5rem!important;align-items:start}@media(min-width:1360px){.studio-transcript-layout{grid-template-columns:minmax(0,1.05fr) minmax(500px,1.1fr)!important;gap:1.75rem!important}}.studio-transcript-layout .transcript-pane{height:auto!important;min-height:calc(100vh - 180px)!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:visible!important;background:var(--card-bg, #fff)!important;border:1px solid var(--border-color, #e2e8f0)!important;border-radius:20px!important;padding:1.15rem!important;box-shadow:0 2px 10px #00000008!important}.studio-transcript-layout .transcript-pane-note{margin-top:auto;border-top:1px solid var(--border-color, #f1f5f9);padding:.65rem .25rem 0;background:transparent}.app-container:has(.studio-transcript-layout){max-width:1680px!important}@media(max-width:1024px){.transcript-layout,.studio-transcript-layout{grid-template-columns:1fr!important}}.news-main{max-width:940px;margin:0 auto;min-height:calc(100vh - 150px)}.news-toolbar{position:sticky;top:76px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-glass, var(--card-bg));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 18px -12px #2d180f73}.news-toolbar-back{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.news-toolbar-back:hover{color:var(--accent-color);background:var(--accent-light)}.news-progress{display:flex;align-items:center;gap:.6rem;flex:1;min-width:190px;max-width:340px}.news-progress-track{flex:1;height:4px;border-radius:999px;background:var(--border-color);overflow:hidden}.news-progress-fill{height:100%;border-radius:999px;background:var(--accent-color);transition:width .12s linear}.news-progress-readout{font-size:.76rem;color:var(--text-muted);white-space:nowrap}.news-progress-readout strong{color:var(--accent-color);font-weight:800}.news-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.news-tool-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.news-tool-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.news-tool-btn.is-accent{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-light)}.news-tool-btn.is-analyst{border-color:#8b5cf6;color:#7c3aed;background:#8b5cf614}.news-tool-btn.is-analyst:hover{background:#8b5cf629;border-color:#7c3aed;color:#6d28d9}.news-tool-btn.is-primary{border-color:transparent;background:var(--accent-color);color:#fff}.news-tool-btn.is-primary:hover{color:#fff;border-color:transparent;filter:brightness(1.06)}.news-font-control{display:inline-flex;align-items:center;gap:.15rem;padding:.18rem;border:1px solid var(--border-color);border-radius:9px;background:var(--card-bg)}.news-font-control button{display:inline-grid;place-items:center;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--text-color);cursor:pointer;transition:background .15s ease,color .15s ease}.news-font-control button:hover:not(:disabled){background:var(--accent-light);color:var(--accent-color)}.news-font-control button:disabled{opacity:.35;cursor:not-allowed}.news-reveal-vi{display:inline-flex;align-items:center;gap:.3rem;margin-top:.45rem;padding:.2rem .55rem;border:1px dashed var(--border-color);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.74rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.news-reveal-vi:hover{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-light)}.news-state{max-width:600px;margin:10vh auto 0;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;border:1px solid var(--border-color);border-radius:22px;background:var(--card-bg);box-shadow:var(--shadow-md)}.news-state h1{margin:0;font-size:1.6rem;letter-spacing:-.02em}.news-state p{margin:0;color:var(--text-muted)}.news-article{padding:clamp(1.2rem,3vw,3rem);border:1px solid var(--border-color);border-radius:22px;background:var(--card-bg);box-shadow:var(--shadow-md)}.news-header{padding-bottom:1.6rem;border-bottom:1px solid var(--border-color);margin-bottom:1.8rem}.news-category{display:inline-block;padding:.28rem .75rem;border-radius:999px;background:var(--accent-light);color:var(--accent-color);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-headline{margin:.9rem 0 0;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.08;letter-spacing:-.035em}.news-headline-vi{margin:.6rem 0 0;color:var(--text-muted);font-size:1.05rem;font-style:italic}.news-standfirst{margin:1rem 0 0;font-size:calc(1.15rem * var(--news-font-scale, 1));line-height:1.6;color:var(--text-color);opacity:.86}.news-standfirst-vi{margin:.5rem 0 0;font-size:1rem;line-height:1.6;color:var(--text-muted);font-style:italic}.news-byline{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;margin-top:1.2rem;font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.news-byline-study{margin-top:.5rem}.news-byline span{display:inline-flex;align-items:center;gap:.3rem}.news-byline span+span:before{content:"·";margin-right:.75rem;opacity:.6}.news-source-attribution{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-color)}.news-origin-link{color:var(--accent-color);font-weight:700;text-decoration:underline;text-underline-offset:2px}.news-level-pill{color:var(--accent-color);font-weight:800;letter-spacing:.04em}.news-lang-hint{color:var(--accent-color);font-weight:700}.news-figure{margin:0 0 1.8rem;display:flex;flex-direction:column;gap:.5rem}.news-figure img{width:100%;border-radius:16px;border:1px solid var(--border-color);background:var(--secondary-bg);object-fit:cover;display:block}.news-figure-hero img{aspect-ratio:16 / 9;max-height:460px}.news-figure-inline img{aspect-ratio:3 / 2;max-height:320px}.news-figure figcaption{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;line-height:1.45}.news-figure-caption-en{color:var(--text-color);opacity:.8;font-weight:600}.news-figure-caption-vi{color:var(--text-muted);font-style:italic}.news-figure-credit{font-size:.72rem;color:var(--text-muted)}.news-figure-credit a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.news-figure-credit a:hover{color:var(--accent-color)}.news-keyfacts{margin:0 0 2rem;padding:1.1rem 1.3rem;border:1px solid var(--border-color);border-left:3px solid var(--accent-color);border-radius:14px;background:var(--accent-light)}.news-keyfacts h2{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .85rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-color)}.news-keyfacts h2 span{font-size:.72rem;letter-spacing:.02em;text-transform:none;font-weight:500;color:var(--text-muted)}.news-keyfacts ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}.news-keyfacts li{display:flex;align-items:flex-start;gap:.55rem;line-height:1.55}.news-keyfacts li>div{display:flex;flex-direction:column;gap:.15rem}.news-keyfact-check{flex-shrink:0;margin-top:3px;color:var(--accent-color)}.news-keyfact-en{font-weight:600}.news-keyfact-vi{color:var(--text-muted);font-style:italic;font-size:.92rem}.news-section{margin-bottom:2.4rem}.news-section-heading{position:relative;margin:0 0 .35rem;padding-left:.9rem;font-size:clamp(1.25rem,2.2vw,1.6rem);letter-spacing:-.02em;line-height:1.25}.news-section-heading:before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:3px;border-radius:999px;background:var(--accent-color)}.news-section-heading-vi{padding-left:.9rem}.news-section-heading-vi{margin:0 0 1rem;color:var(--text-muted);font-style:italic;font-size:.95rem}.news-section-heading+.news-figure,.news-section-heading-vi+.news-figure{margin-top:1.1rem}.news-paragraph{margin-bottom:1.25rem}.news-paragraph-en{margin:0;font-size:calc(1.05rem * var(--news-font-scale, 1));line-height:var(--line-height-reading, 1.75)}.news-paragraph-vi{margin:.55rem 0 0;padding:.55rem .85rem;border-left:3px solid var(--accent-color);border-radius:0 8px 8px 0;background:var(--secondary-bg);color:var(--text-muted);font-size:calc(.97rem * var(--news-font-scale, 1));line-height:1.7}.news-body .news-section:first-child .news-paragraph:first-child .news-paragraph-en:first-letter{float:left;margin:.32rem .6rem 0 0;font-size:3.4rem;line-height:.82;font-weight:700;color:var(--accent-color)}.news-pullquote{margin:2.4rem 0;padding:1.6rem 1.8rem;border-radius:18px;background:var(--accent-light);color:var(--text-color);display:flex;flex-direction:column;gap:.6rem}.news-pullquote svg{color:var(--accent-color)}.news-pullquote p{margin:0;font-size:1.2rem;line-height:1.55;font-weight:600}.news-pullquote-vi{font-size:.98rem!important;font-weight:400!important;font-style:italic;color:var(--text-muted)}.news-pullquote cite{font-size:.8rem;color:var(--text-muted);font-style:normal;letter-spacing:.06em;text-transform:uppercase}.news-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1.6rem;border-top:1px solid var(--border-color)}.news-tags span{padding:.3rem .7rem;border-radius:999px;background:var(--secondary-bg);color:var(--text-muted);font-size:.78rem}@media(max-width:720px){.news-article{border-radius:16px}.news-figure-hero img{max-height:260px}.news-figure-inline img{max-height:210px}.news-toolbar{position:static;padding:.75rem}.news-toolbar-actions{width:100%}.news-progress-track{border-radius:0}}.qlw-card{box-sizing:border-box;width:100%;min-width:0;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:1.15rem;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.qlw-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.25rem}.qlw-title{font-size:.92rem;font-weight:800;color:var(--text-color, #0f172a);display:inline-flex;align-items:center;gap:.45rem;letter-spacing:-.01em}.qlw-customize-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--secondary-bg, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.32rem .65rem;font-size:.76rem;font-weight:650;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.qlw-customize-btn:hover{background:var(--accent-light, #fff7ed);border-color:var(--accent-color, #b85c2f);color:var(--accent-color, #b85c2f)}.qlw-section{box-sizing:border-box;min-width:0;background:var(--secondary-bg, #f8fafc);border-radius:13px;border:1px solid var(--border-color, #e2e8f0);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.65rem;transition:all .15s ease}.qlw-section-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.qlw-section-title-wrap{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:750;color:var(--text-color, #1e293b);min-width:0;flex-wrap:wrap}.qlw-select-wrap{position:relative;display:inline-flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.22rem .5rem .22rem .65rem;box-shadow:0 1px 2px #0f172a0a;transition:all .18s ease}.qlw-select-wrap:hover{border-color:#cbd5e1;background:#f8fafc}.qlw-select-wrap:focus-within{border-color:#f97316;box-shadow:0 0 0 2.5px #f9731626}.qlw-select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;font-size:.73rem;font-weight:650;color:#1e293b;cursor:pointer;outline:none;padding-right:1.25rem;line-height:1.3}.qlw-select-icon{position:absolute;right:.4rem;pointer-events:none;color:#64748b;transition:color .15s ease}.qlw-select-wrap:hover .qlw-select-icon{color:#334155}.qlw-weather-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:var(--card-bg, #ffffff);border-radius:9px;border:1px solid var(--border-color, #f1f5f9);gap:.75rem}.qlw-weather-left{display:flex;align-items:center;gap:.65rem;min-width:0}.qlw-weather-temp{font-size:1.45rem;font-weight:800;color:var(--text-color, #0f172a);line-height:1.1;letter-spacing:-.02em}.qlw-weather-desc{font-size:.72rem;color:var(--text-muted, #64748b);margin-top:.15rem;font-weight:500;overflow-wrap:anywhere}.qlw-weather-forecast-col{display:flex;flex-direction:column;gap:.35rem;border-left:1px dashed var(--border-color, #e2e8f0);padding-left:.65rem;min-width:102px}.qlw-weather-forecast-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.7rem}.qlw-weather-forecast-day{color:var(--text-muted, #64748b);font-weight:600}.qlw-weather-forecast-val{font-weight:750;color:var(--text-color, #1e293b);display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.qlw-weather-insight{padding:.45rem .6rem;border-radius:8px;background:linear-gradient(135deg,#8b5cf612,#3b82f60d);border:1px solid rgba(139,92,246,.2);font-size:.71rem;line-height:1.4;color:#4b5563;display:flex;align-items:flex-start;gap:.35rem}.qlw-football-section{gap:.75rem}.qlw-football-league-select{border-radius:8px;padding:.24rem .48rem .24rem .65rem}.qlw-football-league-select select:disabled{cursor:default;opacity:1}.qlw-football-tabs{display:flex;gap:.3rem;padding:.2rem;border-radius:9px;background:#ffffffb3;border:1px solid #edf0f5}.qlw-football-tabs button{flex:1;border:1px solid transparent;border-radius:7px;background:transparent;color:#64748b;padding:.32rem .18rem;font-size:.65rem;font-weight:750;cursor:pointer;white-space:nowrap}.qlw-football-tabs button:hover,.qlw-football-tabs button.is-active{color:#c2410c;background:#fff7f2;border-color:#fdcdb8}.qlw-football-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.68rem;margin:0}.qlw-football-table th{text-align:left;font-size:.6rem;font-weight:700;color:var(--text-muted, #94a3b8);padding:.16rem .15rem .3rem;border-bottom:1px solid #e9edf3}.qlw-football-table td{padding:.35rem .15rem;vertical-align:middle;border-bottom:1px solid rgba(226,232,240,.7)}.qlw-football-table tr:last-child td{border-bottom:none}.qlw-football-team-cell{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--text-color, #1e293b);min-width:0;max-width:100%}.qlw-football-team-cell>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlw-football-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0;display:inline-block;vertical-align:middle}.qlw-football-logo-fallback{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;font-size:.72rem}.qlw-football-rank,.qlw-football-number,.qlw-football-points{color:#52647d;font-weight:700;text-align:center}.qlw-football-points{color:#112d65;font-weight:850;text-align:right}.qlw-football-number.is-positive{color:#16944a}.qlw-football-number.is-negative{color:#ef4444}.qlw-football-table tr.is-champion td:first-child,.qlw-football-table tr.is-continental td:first-child,.qlw-football-table tr.is-relegation td:first-child{position:relative}.qlw-football-table tr.is-champion td:first-child:before,.qlw-football-table tr.is-continental td:first-child:before,.qlw-football-table tr.is-relegation td:first-child:before{content:"";position:absolute;left:-.15rem;top:.23rem;bottom:.23rem;width:3px;border-radius:999px}.qlw-football-table tr.is-champion td:first-child:before{background:#15a34a}.qlw-football-table tr.is-continental td:first-child:before{background:#0ea5e9}.qlw-football-table tr.is-relegation td:first-child:before{background:#ff5d5d}.qlw-football-form{display:flex;justify-content:flex-end;gap:.12rem}.qlw-football-form-dot{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dbe3ed;color:#708198;font-size:.52rem;font-weight:800}.qlw-football-form-dot.is-w{background:#14a44d;color:#fff}.qlw-football-form-dot.is-l{background:#ff3d4a;color:#fff}.qlw-football-form-dot.is-d{background:#94a3b8;color:#fff}.qlw-football-legend{display:flex;flex-wrap:wrap;gap:.5rem;color:#64748b;font-size:.59rem;font-weight:650}.qlw-football-legend span{display:inline-flex;align-items:center;gap:.22rem}.qlw-football-legend i{width:7px;height:7px;border-radius:50%}.qlw-football-legend i.is-champion{background:#15a34a}.qlw-football-legend i.is-continental{background:#0ea5e9}.qlw-football-legend i.is-relegation{background:#ff5d5d}.qlw-fixtures-panel{margin:0;padding:.55rem .65rem;border:1px solid #edf0f5;border-radius:9px;background:#fffc}.qlw-fixtures-title{display:flex;align-items:center;gap:.3rem;color:#334155;font-size:.66rem;font-weight:800;margin-bottom:.32rem}.qlw-fixture-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.32rem;padding:.38rem 0;color:var(--text-color, #1e293b);font-size:.65rem;border-bottom:1px solid #f0f2f5}.qlw-fixture-team{display:flex;align-items:center;gap:.3rem;min-width:0}.qlw-fixture-team-home{justify-content:flex-start}.qlw-fixture-team-away{justify-content:flex-end}.qlw-fixture-team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.qlw-fixture-team-away .qlw-fixture-team-name{text-align:right}.qlw-fixture-score{color:#16376e;font-size:.68rem;font-weight:800;white-space:nowrap;padding:0 .2rem;text-align:center}.qlw-fixture-team-logo{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem}.qlw-fixture-team-logo img{width:18px;height:18px;object-fit:contain}.qlw-fixture-status{min-width:24px;color:#c2410c;background:#fff1eb;border-radius:4px;padding:.12rem .22rem;font-size:.55rem;font-weight:800;text-align:center;white-space:nowrap}.qlw-fixtures-empty{color:#64748b;font-size:.68rem;padding:.55rem 0;text-align:center}.qlw-football-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#64748b;font-size:.6rem;font-weight:650}.qlw-model-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.63rem;font-weight:700;padding:.12rem .42rem;border-radius:999px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);color:#7c3aed;border:1px solid rgba(139,92,246,.28)}.qlw-weather-refresh-btn{background:var(--card-bg, #fff);border:1px solid var(--border-color, #cbd5e1);border-radius:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s ease}.qlw-weather-refresh-btn:hover{color:#7c3aed;border-color:#8b5cf6}.qlw-weather-refresh-btn.is-spinning{animation:qlwSpin 1s linear infinite;pointer-events:none}@keyframes qlwSpin{to{transform:rotate(360deg)}}.qlw-football-more-btn{border:none;background:none;font-size:.7rem;font-weight:700;color:var(--accent-color, #b85c2f);cursor:pointer;padding:.2rem 0;display:inline-flex;align-items:center;gap:.25rem;margin-top:.15rem;transition:opacity .15s}.qlw-football-more-btn:hover{opacity:.8;text-decoration:underline}.qlw-data-source{color:var(--text-muted, #64748b);font-size:.66rem;font-weight:600;line-height:1.35}.qlw-data-status{border:1px dashed var(--border-color, #cbd5e1);border-radius:8px;color:var(--text-muted, #64748b);font-size:.72rem;line-height:1.45;padding:.6rem}@media(max-width:380px){.qlw-weather-main{grid-template-columns:1fr}.qlw-weather-forecast-col{border-left:0;border-top:1px dashed var(--border-color, #e2e8f0);padding:.5rem 0 0}}.qlw-gold-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:var(--card-bg, #ffffff);border-radius:9px;border:1px solid var(--border-color, #f1f5f9);padding:.6rem .75rem}.qlw-gold-col{display:flex;flex-direction:column;gap:.2rem}.qlw-gold-label{font-size:.67rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.qlw-gold-val{font-size:.95rem;font-weight:800;color:var(--text-color, #0f172a);letter-spacing:-.01em}.qlw-badge-pill{display:inline-flex;align-items:center;font-size:.68rem;font-weight:750;padding:.1rem .35rem;border-radius:4px;margin-top:.15rem;width:fit-content}.qlw-badge-pill.is-up{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.qlw-badge-pill.is-down{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.qlw-rate-box{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg, #ffffff);border-radius:9px;border:1px solid var(--border-color, #f1f5f9);padding:.55rem .75rem}.qlw-rate-main{font-size:1.25rem;font-weight:850;color:var(--text-color, #0f172a);letter-spacing:-.01em}.qlw-rate-currency-label{font-size:.72rem;font-weight:600;color:var(--text-muted, #64748b)}.qlw-stock-box{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg, #ffffff);border-radius:9px;border:1px solid var(--border-color, #f1f5f9);padding:.55rem .75rem}.qlw-stock-points{font-size:1.25rem;font-weight:850;color:var(--text-color, #0f172a);letter-spacing:-.01em}.qlw-breaking-list{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none}.qlw-breaking-item{background:var(--card-bg, #ffffff);border-radius:8px;border:1px solid var(--border-color, #f1f5f9);padding:.45rem .65rem;font-size:.72rem;line-height:1.4;color:var(--text-color, #1e293b);display:flex;align-items:flex-start;gap:.4rem}.qlw-breaking-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-top:5px;box-shadow:0 0 0 2px #ef444433}.qlw-add-widget-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.65rem .85rem;border:1px dashed var(--border-color, #cbd5e1);border-radius:12px;background:transparent;color:var(--text-muted, #64748b);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.qlw-add-widget-btn:hover{border-color:var(--accent-color, #b85c2f);color:var(--accent-color, #b85c2f);background:var(--accent-light, #fff7ed)}.qlw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:qlwFadeIn .2s ease}@keyframes qlwFadeIn{0%{opacity:0}to{opacity:1}}.qlw-modal-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:18px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000029;animation:qlwSlideUp .22s ease;overflow:hidden}@keyframes qlwSlideUp{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.qlw-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.15rem 1.25rem .85rem;border-bottom:1px solid var(--border-color, #f1f5f9)}.qlw-modal-title-group h3{font-size:1.05rem;font-weight:800;color:var(--text-color, #0f172a);margin:0;display:flex;align-items:center;gap:.45rem}.qlw-modal-title-group p{font-size:.78rem;color:var(--text-muted, #64748b);margin:.25rem 0 0}.qlw-modal-close-btn{border:none;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.qlw-modal-close-btn:hover{background:#f1f5f9;color:var(--text-color, #0f172a)}.qlw-modal-list{padding:.85rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;max-height:60vh}.qlw-modal-item{border:1px solid var(--border-color, #e2e8f0);border-radius:12px;background:var(--card-bg, #ffffff);padding:.75rem .85rem;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.6rem}.qlw-modal-item.is-checked{border-color:#b85c2f66;background:color-mix(in srgb,var(--card-bg) 98%,var(--accent-light, #fff7ed))}.qlw-modal-item-main{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.qlw-modal-item-left{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.qlw-checkbox{width:18px;height:18px;accent-color:var(--accent-color, #b85c2f);cursor:pointer}.qlw-modal-item-name{font-size:.85rem;font-weight:750;color:var(--text-color, #0f172a);display:inline-flex;align-items:center;gap:.45rem}.qlw-modal-item-actions{display:flex;align-items:center;gap:.25rem}.qlw-reorder-btn{border:1px solid var(--border-color, #e2e8f0);background:var(--secondary-bg, #f8fafc);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.qlw-reorder-btn:hover:not(:disabled){border-color:var(--accent-color, #b85c2f);color:var(--accent-color, #b85c2f);background:var(--card-bg, #ffffff)}.qlw-reorder-btn:disabled{opacity:.35;cursor:not-allowed}.qlw-drag-handle{color:#94a3b8;padding:.2rem .3rem;display:flex;align-items:center;font-size:.95rem;-webkit-user-select:none;user-select:none}.qlw-modal-item-subsetting{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-color, #e2e8f0)}.qlw-modal-subsetting-label{font-size:.72rem;color:var(--text-muted, #64748b);font-weight:600}.qlw-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--border-color, #f1f5f9);background:var(--secondary-bg, #f8fafc)}.qlw-btn-cancel{border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);border-radius:9px;padding:.5rem 1rem;font-size:.82rem;font-weight:700;color:var(--text-muted, #475569);cursor:pointer;transition:all .15s ease}.qlw-btn-cancel:hover{background:#f1f5f9;color:var(--text-color, #0f172a)}.qlw-btn-save{border:none;background:var(--accent-color, #b85c2f);color:#fff;border-radius:9px;padding:.5rem 1.25rem;font-size:.82rem;font-weight:750;cursor:pointer;box-shadow:0 1px 3px #b85c2f40;transition:filter .15s ease,transform .15s ease}.qlw-btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.news-hub-container{max-width:1180px;margin:0 auto;padding:0 0 4rem;color:var(--text-color)}.news-hub-panel{padding:clamp(1.1rem,2.4vw,1.9rem);border:1px solid var(--border-color);border-radius:20px;background:var(--card-bg);box-shadow:var(--shadow-md)}.news-hub-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem}.news-hub-brand{display:flex;align-items:center;gap:.75rem}.news-hub-brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-light);color:var(--accent-color);flex-shrink:0}.news-hub-brand-text h1{margin:0;font-size:1.18rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.news-hub-brand-text p{margin:.2rem 0 0;font-size:.85rem;color:var(--text-muted)}.news-ghost-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .18s ease,border-color .18s ease,background .18s ease}.news-ghost-btn:hover:not(:disabled){color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-light)}.news-ghost-btn:disabled{opacity:.55;cursor:not-allowed}.news-searchbar{position:relative;display:flex;align-items:center;gap:.5rem;padding:.32rem .32rem .32rem 2.3rem;border:1px solid var(--border-color);border-radius:12px;background:var(--secondary-bg);margin-bottom:.85rem;transition:border-color .18s ease,box-shadow .18s ease}.news-searchbar:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.news-searchbar-icon{position:absolute;left:.8rem;color:var(--accent-color)}.news-searchbar input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:.9rem;color:var(--text-color);padding:.4rem 0}.news-searchbar input::placeholder{color:var(--text-muted)}.news-solid-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:0;border-radius:9px;background:var(--accent-color);color:#fff;font-size:.83rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .18s ease,transform .12s ease}.news-solid-btn:hover:not(:disabled){filter:brightness(1.06)}.news-solid-btn:disabled{opacity:.5;cursor:not-allowed}.news-solid-btn.as-cta{pointer-events:none}.news-trending{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.85rem}.news-trending-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.news-trending-label svg{color:var(--accent-color)}.news-trending-pills{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.news-chip{padding:.28rem .7rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.news-chip:hover{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-light)}.news-linkbar{position:relative;display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem .4rem 2.15rem;border:1px dashed var(--border-color);border-radius:11px;background:var(--secondary-bg);margin-bottom:1.1rem}.news-linkbar:focus-within{border-style:solid;border-color:var(--accent-color)}.news-linkbar-icon{position:absolute;left:.75rem;color:var(--text-muted)}.news-linkbar input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:.83rem;color:var(--text-color);padding:.28rem 0}.news-linkbar-cta{display:inline-flex;align-items:center;gap:.3rem;border:0;background:transparent;color:var(--accent-color);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.news-linkbar-cta:disabled{opacity:.45;cursor:not-allowed}.news-filterbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.35rem}.news-filter-tabs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.news-tab{display:inline-flex;align-items:center;gap:.32rem;padding:.4rem .85rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease}.news-tab:hover{color:var(--accent-color);border-color:var(--accent-color)}.news-tab.active{background:var(--text-color);border-color:var(--text-color);color:var(--card-bg)}.news-source-select{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg);font-size:.8rem;color:var(--text-muted);cursor:pointer}.news-source-select select{border:0;background:transparent;outline:none;font-size:.8rem;font-weight:700;color:var(--text-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:.1rem}.news-search-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.35rem;padding:.65rem .9rem;border:1px solid var(--accent-color);border-radius:11px;background:var(--accent-light);font-size:.85rem;font-weight:600}.news-search-notice>span{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent-color)}.news-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.news-source-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.news-source-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.news-level-badge{padding:.1rem .42rem;border-radius:5px;background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.04em}.news-meta-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;font-size:.76rem;color:var(--text-muted)}.news-meta-row.is-compact{gap:.7rem;font-size:.73rem}.news-meta-item{display:inline-flex;align-items:center;gap:.28rem}.news-meta-bilingual{color:var(--accent-color);font-weight:700;letter-spacing:.02em}.news-hero-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:1.4rem;padding:.75rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);cursor:pointer;margin-bottom:1.1rem;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.news-hero-card:hover{border-color:var(--accent-color);box-shadow:0 10px 26px -18px #2d180f99;transform:translateY(-2px)}.news-hero-image-wrap{border-radius:12px;overflow:hidden;background:var(--secondary-bg);min-height:210px}.news-hero-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.news-hero-image-wrap.is-fallback,.news-card-thumb.is-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--thumb-tint) 22%,transparent),transparent 68%),var(--secondary-bg);color:var(--thumb-tint, var(--text-muted))}.news-hero-image-wrap.is-fallback span,.news-card-thumb.is-fallback span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.news-hero-content{display:flex;flex-direction:column;padding:.6rem .9rem .6rem 0}.news-hero-title{margin:0 0 .5rem;font-family:var(--font-family-serif, Georgia, serif);font-size:1.42rem;font-weight:800;line-height:1.28;letter-spacing:-.02em}.news-hero-summary{margin:0 0 1rem;font-size:.9rem;line-height:1.6;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:auto}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.news-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.news-card:hover{border-color:var(--accent-color);box-shadow:0 10px 24px -18px #2d180f99;transform:translateY(-2px)}.news-card-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--secondary-bg);border-bottom:1px solid var(--border-color)}.news-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.news-card:hover .news-card-thumb img{transform:scale(1.04)}.news-card-body{display:flex;flex-direction:column;flex:1;padding:.85rem 1.1rem 1rem}.news-card-title{margin:0 0 .45rem;font-family:var(--font-family-serif, Georgia, serif);font-size:1rem;font-weight:800;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-summary{margin:0 0 .9rem;font-size:.82rem;line-height:1.55;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.news-card-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border-color)}.news-card-actions{display:flex;flex-wrap:wrap;gap:.4rem}.news-card-cta{display:inline-flex;align-items:center;gap:.28rem;padding:.3rem .6rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);font-size:.74rem;font-weight:700;color:var(--accent-color);cursor:pointer;transition:border-color .15s ease,filter .15s ease}.news-card-cta:hover:not(:disabled){border-color:var(--accent-color)}.news-card-cta.is-primary{border-color:transparent;background:var(--accent-color);color:#fff}.news-card-cta.is-primary:hover:not(:disabled){filter:brightness(1.07)}.news-card-cta:disabled,.news-outline-btn:disabled,.news-solid-btn:disabled{opacity:.55;cursor:not-allowed}.news-outline-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .85rem;border:1px solid var(--accent-color);border-radius:9px;background:transparent;color:var(--accent-color);font-size:.8rem;font-weight:800;cursor:pointer;transition:background .15s ease}.news-outline-btn:hover:not(:disabled){background:var(--accent-light)}.news-linkbar-modes{display:inline-flex;gap:.15rem;padding:.15rem;border:1px solid var(--border-color);border-radius:9px;background:var(--secondary-bg);flex-shrink:0}.news-linkbar-modes button{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .6rem;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap}.news-linkbar-modes button.is-active{background:var(--accent-color);color:#fff}.news-loadmore{display:flex;justify-content:center;margin-top:1.3rem}.news-level-section{margin-top:1.6rem;padding:1.1rem 1.2rem 1.25rem;border:1px solid var(--border-color);border-radius:16px;background:var(--secondary-bg)}.news-level-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.95rem}.news-level-heading{display:flex;align-items:flex-start;gap:.55rem}.news-level-heading svg{color:var(--accent-color);margin-top:2px}.news-level-heading h2{margin:0;font-size:.98rem;font-weight:800}.news-level-heading p{margin:.15rem 0 0;font-size:.78rem;color:var(--text-muted)}.news-level-switch{display:inline-flex;gap:.2rem;padding:.18rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg)}.news-level-switch button{padding:.24rem .62rem;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease}.news-level-switch button.active{background:var(--accent-color);color:#fff}.news-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.85rem}.news-level-card{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.news-level-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.news-level-thumb{display:grid;place-items:center;width:60px;height:60px;border-radius:9px;overflow:hidden;background:var(--secondary-bg);color:var(--text-muted);flex-shrink:0}.news-level-thumb img{width:100%;height:100%;object-fit:cover}.news-level-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.news-level-chip{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-color)}.news-level-title{font-size:.85rem;font-weight:700;line-height:1.35;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-level-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.71rem;color:var(--text-muted)}.news-error-state{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2.5rem 1rem;text-align:center;color:var(--text-muted)}.news-error-state svg{color:var(--accent-color)}.news-error-state p{margin:0;font-size:.9rem}.news-skeleton-stack{display:flex;flex-direction:column;gap:1.1rem}.news-skeleton-hero,.news-skeleton-card{border-radius:14px;background:linear-gradient(90deg,var(--secondary-bg) 25%,var(--card-bg) 50%,var(--secondary-bg) 75%);background-size:200% 100%;animation:newsSkeletonPulse 1.5s infinite}.news-skeleton-hero{height:230px}.news-skeleton-card{height:320px}.news-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}@keyframes newsSkeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.news-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center;color:#fff;background:#141210c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-loading-overlay h3{margin:.5rem 0 0;font-size:1.15rem}.news-loading-overlay p{margin:0;max-width:480px;font-size:.88rem;color:#e5ded6}.news-loading-spinner{width:46px;height:46px;border:4px solid rgba(255,255,255,.22);border-top-color:var(--accent-color);border-radius:50%;animation:newsSpin .8s linear infinite}@keyframes newsSpin{to{transform:rotate(360deg)}}@media(max-width:860px){.news-hero-card{grid-template-columns:1fr}.news-hero-image-wrap{min-height:180px}.news-hero-content{padding:0 .4rem .4rem}}.news-hub-v2{width:100%;max-width:1360px;margin:0 auto;padding:.25rem .5rem 3.5rem;color:var(--text-color, #1e293b);box-sizing:border-box}.news-hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.5rem;align-items:start}@media(max-width:1080px){.news-hub-layout{grid-template-columns:1fr}}.news-hub-main-col{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.news-hub-sidebar-col{display:flex;flex-direction:column;gap:1.15rem;min-width:0}.news-v2-header{display:flex;align-items:center;gap:.9rem;margin-bottom:.1rem}.news-v2-header-icon{width:44px;height:44px;border-radius:12px;background:#e0e7ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #3b82f626}.news-v2-header-text h1{font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:1.9rem;font-weight:850;color:var(--text-color, #0f172a);margin:0;line-height:1.2;letter-spacing:-.015em}.news-v2-header-text p{font-size:.88rem;color:var(--text-muted, #64748b);margin:.2rem 0 0;font-weight:500}.news-v2-searchbar{position:relative;display:flex;align-items:center;background:var(--card-bg, #fff);border:1.5px solid var(--accent-color, #b85c2f);border-radius:12px;padding:.35rem .45rem .35rem 2.5rem;box-shadow:0 1px 3px #00000008;transition:border-color .15s,box-shadow .15s}.news-v2-searchbar:focus-within{border-color:var(--accent-hover, var(--accent-color, #b85c2f));box-shadow:0 0 0 3px var(--accent-light, rgba(184, 92, 47, .15))}.news-v2-search-icon{position:absolute;left:.9rem;color:var(--accent-color, #b85c2f)}.news-v2-search-input{flex:1;min-width:0;border:0!important;outline:0!important;outline-style:none!important;box-shadow:none!important;-webkit-appearance:none;font-size:.88rem;color:var(--text-color, #1e293b);background:transparent!important;padding:.45rem 0}.news-v2-search-input:focus,.news-v2-search-input:active,.news-v2-search-input:focus-visible{border:0!important;outline:0!important;outline-style:none!important;box-shadow:none!important}.news-v2-search-input::placeholder{color:var(--text-muted, #94a3b8)}.news-v2-search-btn{background:var(--accent-color, #b85c2f);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.82rem;padding:.52rem 1.15rem;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;white-space:nowrap;transition:filter .15s,opacity .15s;flex-shrink:0}.news-v2-search-btn:hover:not(:disabled){filter:brightness(1.08)}.news-v2-search-btn:disabled{opacity:.65;cursor:not-allowed}.news-v2-trending{display:flex;align-items:center;gap:.42rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1px}.news-v2-trending::-webkit-scrollbar{display:none}.news-v2-trending-label{font-weight:750;font-size:.8rem;color:var(--text-color, #334155);display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0;margin-right:.15rem}.news-v2-trending-pill{border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);border-radius:999px;padding:.26rem .72rem;font-size:.77rem;font-weight:600;color:var(--text-muted, #475569);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.news-v2-trending-pill:hover{border-color:var(--accent-color, #b85c2f);color:var(--accent-color, #b85c2f);background:var(--accent-light, #fff8f5)}.news-v2-trending-pill.is-active{border-color:var(--accent-color, #b85c2f);color:#fff;background:var(--accent-color, #b85c2f)}.news-v2-url-bar{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:.55rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;box-shadow:0 1px 3px #00000008}@media(max-width:960px){.news-v2-url-bar{flex-direction:column;align-items:stretch;gap:.5rem}}.news-v2-url-left{display:flex;align-items:center;gap:.4rem;font-size:.79rem;font-weight:650;color:var(--text-muted, #475569);white-space:nowrap;flex-shrink:0}.news-v2-url-right{display:flex;align-items:center;gap:.45rem;flex:1;justify-content:flex-end;min-width:0}@media(max-width:960px){.news-v2-url-right{justify-content:stretch}}.news-v2-url-input{flex:1;max-width:200px;min-width:100px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.4rem .65rem;font-size:.8rem;outline:none;background:var(--secondary-bg, #f8fafc);color:var(--text-color, #1e293b);transition:border-color .15s,background .15s}@media(max-width:960px){.news-v2-url-input{max-width:none}}.news-v2-url-input:focus{border-color:var(--accent-color, #b85c2f);background:var(--card-bg, #fff)}.news-v2-url-btn-solid{background:var(--accent-color, #b85c2f);color:#fff;border:none;border-radius:8px;padding:.42rem .85rem;font-size:.77rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;flex-shrink:0;transition:filter .15s}.news-v2-url-btn-solid:hover{filter:brightness(1.08)}.news-v2-url-btn-outline{background:var(--card-bg, #fff);color:var(--text-color, #334155);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;padding:.42rem .85rem;font-size:.77rem;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;flex-shrink:0;transition:all .15s}.news-v2-url-btn-outline:hover{border-color:var(--accent-color, #b85c2f);color:var(--accent-color, #b85c2f);background:var(--secondary-bg, #f8fafc)}.news-v2-filter-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}.news-v2-category-tabs{display:flex;align-items:center;gap:.38rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;flex:1;min-width:0}.news-v2-category-tabs::-webkit-scrollbar{display:none}.news-v2-cat-btn{border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);border-radius:999px;padding:.32rem .78rem;font-size:.78rem;font-weight:650;color:var(--text-muted, #475569);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;display:inline-flex;align-items:center;gap:.35rem}.news-v2-cat-btn:hover{background:var(--secondary-bg, #f8fafc);border-color:var(--border-color, #cbd5e1);color:var(--text-color, #1e293b)}.news-v2-cat-btn.is-active{background:#18181b;color:#fff;border-color:#18181b;box-shadow:0 1px 4px #00000026}.news-v2-cat-dot{width:5px;height:5px;border-radius:50%;background:#fff;display:inline-block}.news-v2-source-wrapper{position:relative;display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:650;color:var(--text-muted, #475569);background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.3rem .6rem;white-space:nowrap;flex-shrink:0}.news-v2-source-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background:transparent;font-size:.78rem;font-weight:700;color:var(--text-color, #1e293b);outline:none;cursor:pointer;padding-right:.2rem}.news-v2-source-chevron{color:var(--text-muted, #64748b);pointer-events:none;margin-left:-2px}.news-v2-hero-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1.12fr 1.38fr;box-shadow:0 2px 6px #00000008;cursor:pointer;transition:transform .15s,box-shadow .15s}.news-v2-hero-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px #0000000f}@media(max-width:768px){.news-v2-hero-card{grid-template-columns:1fr}}.news-v2-hero-img-wrap{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden;background:#f1f5f9}.news-v2-hero-img{width:100%;height:100%;object-fit:cover;display:block}.news-v2-img-badge-cat{position:absolute;top:11px;left:11px;background:#0f172abd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:700;padding:.22rem .6rem;border-radius:6px;z-index:2;letter-spacing:.01em}.news-v2-img-badge-lvl{position:absolute;top:11px;right:11px;background:#fef3c7;color:#d97706;font-size:.72rem;font-weight:800;padding:.2rem .52rem;border-radius:6px;border:1px solid #fde68a;z-index:2}.news-v2-hero-body{padding:1.15rem 1.35rem;display:flex;flex-direction:column;justify-content:space-between;gap:.7rem}.news-v2-hero-top{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem}.news-v2-hero-source{font-size:.72rem;font-weight:800;color:#dc2626;letter-spacing:.06em;text-transform:uppercase}.news-v2-hero-lvl-pill{font-size:.68rem;font-weight:800;background:#fff7ed;color:#ea580c;border:1px solid #ffedd5;padding:.12rem .42rem;border-radius:4px}.news-v2-hero-title{font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:1.4rem;font-weight:800;line-height:1.32;color:var(--text-color, #0f172a);margin:0 0 .45rem;letter-spacing:-.01em}.news-v2-hero-summary{font-size:.85rem;line-height:1.55;color:var(--text-muted, #475569);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-v2-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding-top:.55rem;border-top:1px solid var(--border-color, #f1f5f9)}.news-v2-meta-left{display:flex;align-items:center;font-size:.75rem;color:var(--text-muted, #64748b);font-weight:600}.news-v2-published-at{display:flex;align-items:center;gap:.3rem;color:var(--accent-color, #b85c2f);font-weight:750;line-height:1.3}.news-v2-hero-actions{display:flex;align-items:center;gap:.45rem}.news-v2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem}@media(max-width:1100px){.news-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.news-v2-grid{grid-template-columns:1fr}}.news-v2-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000008;cursor:pointer;transition:transform .15s,box-shadow .15s}.news-v2-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.news-v2-card-img-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#f1f5f9}.news-v2-card-img{width:100%;height:100%;object-fit:cover;display:block}.news-v2-card-body{padding:.8rem;display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:.6rem}.news-v2-card-title{font-size:.86rem;font-weight:750;line-height:1.38;color:var(--text-color, #0f172a);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.75em}.news-v2-card-footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.45rem;font-size:.72rem;color:var(--text-muted, #64748b);font-weight:600;padding-top:.35rem;border-top:1px solid var(--border-color, #f8fafc)}.news-v2-card-footer-left{min-width:0;flex:1 1 100%}.news-v2-card-footer .news-v2-published-at{align-items:flex-start;white-space:normal}.news-v2-card-actions-right{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.news-v2-card-analyst-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .45rem;border-radius:6px;border:1px solid rgba(139,92,246,.35);background:#8b5cf614;color:#7c3aed;font-size:.68rem;font-weight:700;cursor:pointer;transition:all .15s ease;line-height:1;white-space:nowrap}.news-v2-card-analyst-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 2px 6px #7c3aed40;transform:translateY(-1px)}.news-v2-card-analyst-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.news-v2-hero-analyst-btn{border-color:#8b5cf666!important;color:#7c3aed!important;background:#8b5cf60f!important}.news-v2-hero-analyst-btn:hover{background:#8b5cf624!important;border-color:#7c3aed!important;color:#6d28d9!important}.news-v2-show-more-wrap{text-align:center;margin-top:.35rem}.news-v2-show-more-btn{background:var(--card-bg, #fff);border:1px solid var(--border-color, #cbd5e1);border-radius:999px;padding:.4rem 1.1rem;font-size:.78rem;font-weight:650;color:var(--text-muted, #475569);cursor:pointer;transition:all .15s}.news-v2-show-more-btn:hover{border-color:var(--accent-color, #b85c2f);color:var(--accent-color, #b85c2f);background:var(--secondary-bg, #f8fafc)}.news-v2-sidebar-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:1.15rem;box-shadow:0 1px 3px #00000008}.news-v2-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.news-v2-sidebar-title{font-size:.92rem;font-weight:800;color:var(--text-color, #0f172a);display:inline-flex;align-items:center;gap:.45rem}.news-v2-collapse-btn{border:none;background:none;color:var(--text-muted, #64748b);cursor:pointer;padding:.15rem;border-radius:4px}.news-v2-weather-card{padding:.75rem .85rem;background:var(--secondary-bg, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);margin-bottom:.85rem;display:flex;flex-direction:column;gap:.65rem}.news-v2-weather-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.news-v2-weather-title-group{display:flex;align-items:center;gap:.4rem}.news-v2-weather-title{font-size:.78rem;font-weight:750;color:var(--text-color, #1e293b)}.news-v2-weather-ai-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:999px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);color:#7c3aed;border:1px solid rgba(139,92,246,.3)}.news-v2-weather-controls{display:flex;align-items:center;gap:.35rem}.news-v2-weather-select-wrap{display:inline-flex;align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #cbd5e1);border-radius:6px;padding:.15rem .35rem .15rem .5rem;position:relative}.news-v2-weather-select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;font-size:.72rem;font-weight:650;color:var(--text-color, #334155);cursor:pointer;outline:none;padding-right:.95rem}.news-v2-weather-chevron{position:absolute;right:.3rem;pointer-events:none;color:#64748b}.news-v2-weather-refresh-btn{background:var(--card-bg, #fff);border:1px solid var(--border-color, #cbd5e1);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s}.news-v2-weather-refresh-btn:hover{color:#7c3aed;border-color:#8b5cf6}.news-v2-weather-refresh-btn.is-spinning{animation:newsWeatherSpin 1s linear infinite;pointer-events:none}@keyframes newsWeatherSpin{to{transform:rotate(360deg)}}.news-v2-weather-main-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:var(--card-bg, #ffffff);border-radius:9px;border:1px solid var(--border-color, #f1f5f9)}.news-v2-weather-curr-left{display:flex;align-items:center;gap:.6rem}.news-v2-weather-icon-wrap{display:flex;align-items:center;justify-content:center}.news-v2-weather-curr-temp{font-size:1.35rem;font-weight:850;color:var(--text-color, #0f172a);line-height:1.1}.news-v2-weather-curr-cond{font-size:.72rem;font-weight:600;color:var(--text-muted, #64748b);margin-top:.1rem}.news-v2-weather-curr-stats{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end}.news-v2-w-stat-pill{font-size:.68rem;font-weight:650;color:var(--text-color, #475569);display:inline-flex;align-items:center;gap:.2rem;background:var(--secondary-bg, #f8fafc);padding:.12rem .4rem;border-radius:4px}.news-v2-weather-3days-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.news-v2-weather-day-col{background:var(--card-bg, #fff);border:1px solid var(--border-color, #f1f5f9);border-radius:8px;padding:.45rem .35rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem}.news-v2-weather-day-title{font-size:.68rem;font-weight:750;color:var(--text-color, #334155)}.news-v2-weather-day-icon{margin:.15rem 0;display:flex;align-items:center;justify-content:center}.news-v2-weather-day-temp{font-size:.72rem;font-weight:800;color:var(--text-color, #0f172a)}.news-v2-weather-day-cond{font-size:.63rem;color:var(--text-muted, #64748b);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.3em}.news-v2-weather-day-humidity{display:inline-flex;align-items:center;gap:.15rem;font-size:.62rem;font-weight:650;color:#3b82f6;margin-top:.1rem}.news-v2-weather-insight-box{background:linear-gradient(135deg,#8b5cf614,#3b82f60d);border:1px solid rgba(139,92,246,.22);border-radius:9px;padding:.55rem .65rem;position:relative}.news-v2-weather-insight-header{display:flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:750;color:#7c3aed;margin-bottom:.25rem}.news-v2-w-updating{font-size:.62rem;color:#a855f7;font-style:italic;margin-left:auto}.news-v2-weather-insight-text{margin:0;font-size:.69rem;line-height:1.38;color:var(--text-color, #334155);font-style:italic}.news-v2-epl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.news-v2-epl-title{font-size:.82rem;font-weight:800;color:var(--text-color, #0f172a);display:inline-flex;align-items:center;gap:.35rem}.news-v2-epl-link{font-size:.72rem;color:#2563eb;font-weight:650;cursor:pointer;background:none;border:none;padding:0}.news-v2-epl-link:hover{text-decoration:underline}.news-v2-epl-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.75rem}.news-v2-epl-table th{color:var(--text-muted, #64748b);font-weight:600;text-align:left;padding:.35rem .25rem;border-bottom:1px solid var(--border-color, #f1f5f9)}.news-v2-epl-table th:last-child,.news-v2-epl-table td:last-child{text-align:right}.news-v2-epl-table td{padding:.42rem .25rem;color:var(--text-color, #1e293b);font-weight:600;border-bottom:1px solid var(--border-color, #f8fafc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-v2-team-cell{font-weight:750;display:inline-flex;align-items:center;gap:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-v2-info-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:1.15rem;box-shadow:0 1px 3px #00000008;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.news-v2-info-content{flex:1}.news-v2-info-title{font-size:.88rem;font-weight:800;color:var(--text-color, #0f172a);display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.news-v2-info-tagline{font-size:.74rem;color:var(--text-muted, #64748b);font-weight:600;margin-bottom:.65rem}.news-v2-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.news-v2-info-item{display:flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:650;color:var(--text-color, #334155)}.news-v2-check-icon{width:14px;height:14px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}.news-v2-info-badge{width:54px;height:66px;border-radius:10px;background:var(--secondary-bg, #f8fafc);border:1.5px solid var(--border-color, #cbd5e1);box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.news-v2-info-badge-aa{font-size:1.35rem;font-weight:900;color:#2563eb;font-family:Georgia,Cambria,serif;line-height:1}.news-v2-cta-banner{margin-top:1.35rem;background:#faeee7;border:1px solid #fed7aa;border-radius:16px;padding:1.15rem 1.45rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}[data-theme=dark-velvet] .news-v2-cta-banner{background:#b85c2f26;border-color:#b85c2f59}.news-v2-cta-left{display:flex;align-items:center;gap:.85rem}.news-v2-cta-icon-wrap{width:40px;height:40px;border-radius:10px;background:#fef3c7;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark-velvet] .news-v2-cta-icon-wrap{background:#16a34a33}.news-v2-cta-title{font-size:.98rem;font-weight:800;color:#7c2d12;margin:0}[data-theme=dark-velvet] .news-v2-cta-title{color:#fbd5b5}.news-v2-cta-desc{font-size:.78rem;color:#9a3412;margin:.2rem 0 0;font-weight:550}[data-theme=dark-velvet] .news-v2-cta-desc{color:#d4a383}.news-v2-cta-btn{background:var(--accent-color, #b85c2f);color:#fff;border:none;border-radius:10px;padding:.65rem 1.35rem;font-size:.84rem;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .15s;white-space:nowrap}.news-v2-cta-btn:hover{background:var(--accent-hover, #9e4d25)}.news-hub-v2{--news-navy: #102d6c;--news-ink: #142c61;--news-muted: #6076a5;--news-line: #dfe7f4;--news-surface: #f6f9ff;max-width:1480px;padding:clamp(1.5rem,3.2vw,2.75rem) clamp(1rem,3vw,2.25rem) 3.5rem;color:var(--news-ink)}.news-hub-layout{grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:clamp(1.25rem,2.6vw,2.25rem)}.news-hub-main-col{gap:.9rem}.news-hub-sidebar-col{gap:1rem;position:sticky;top:1rem}.news-v2-header{gap:.8rem;margin-bottom:.25rem}.news-v2-header-icon{width:50px;height:50px;border-radius:13px;color:#2453a6;background:linear-gradient(145deg,#e6edfb,#d6e2fa);box-shadow:0 7px 18px #20499124}.news-v2-header-text h1{color:var(--news-navy);font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.035em}.news-v2-header-text p{color:var(--news-muted);font-size:.95rem}.news-v2-searchbar{min-height:56px;padding-left:3rem;border-color:var(--news-line);border-radius:14px;box-shadow:0 5px 16px #1c3d7a0d}.news-v2-searchbar:focus-within{border-color:#75a1ec;box-shadow:0 0 0 3px #3b6fd321}.news-v2-search-icon{left:1.1rem;color:#315da8}.news-v2-search-input{color:var(--news-ink);font-size:.93rem}.news-v2-search-btn{border-radius:10px;padding:.7rem 1.25rem;background:linear-gradient(135deg,#f16435,#e34822);box-shadow:0 5px 11px #d64c1f33}.news-v2-trending{gap:.5rem;padding:.05rem 0}.news-v2-trending-label{color:var(--news-navy)}.news-v2-trending-pill,.news-v2-cat-btn{border-color:var(--news-line);color:#35578d;background:#fff;box-shadow:0 2px 7px #1f3d7208}.news-v2-trending-pill:hover,.news-v2-cat-btn:hover{color:var(--news-navy);border-color:#94afe0;background:#f5f8ff}.news-v2-trending-pill.is-active{background:var(--news-navy);border-color:var(--news-navy)}.news-v2-url-bar{border-color:var(--news-line);border-radius:13px;box-shadow:0 4px 12px #1f3d720a}.news-v2-url-left{color:#58709a}.news-v2-url-input{border-color:var(--news-line);background:var(--news-surface)}.news-v2-url-input:focus{border-color:#75a1ec;background:#fff}.news-v2-url-btn-outline{color:var(--news-navy);border-color:#b9c9e5}.news-v2-url-btn-outline:hover{border-color:#527ac1;color:#173d88;background:#f4f7fe}.news-v2-filter-row{margin-top:.1rem}.news-v2-cat-btn{padding:.42rem .86rem}.news-v2-cat-btn.is-active{background:var(--news-navy);border-color:var(--news-navy);box-shadow:0 5px 12px #102d6c2e}.news-v2-source-wrapper{color:#52709f;border-color:var(--news-line)}.news-v2-source-wrapper select{color:var(--news-navy)}.news-v2-hero-card{grid-template-columns:minmax(260px,.94fr) minmax(0,1.2fr);border-color:var(--news-line);border-radius:16px;box-shadow:0 10px 26px #1a377012}.news-v2-hero-card:hover{box-shadow:0 14px 30px #1a377021}.news-v2-hero-img-wrap{min-height:255px}.news-v2-hero-body{padding:clamp(1rem,2vw,1.55rem)}.news-v2-hero-title{color:var(--news-navy);font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2}.news-v2-hero-summary{color:#5b7199;font-size:.96rem;line-height:1.55}.news-v2-hero-footer{border-color:#e9eef8}.news-v2-hero-source{color:#ed552b}.news-v2-meta-left,.news-v2-published-at{color:#4269a9}.news-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.news-v2-card{border-color:var(--news-line);border-radius:13px;box-shadow:0 6px 16px #1b396e0d}.news-v2-card:hover{box-shadow:0 10px 21px #1b396e1f}.news-v2-card-body{padding:.85rem;gap:.55rem}.news-v2-card-title{color:var(--news-navy);font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:.98rem;line-height:1.32}.news-v2-card-footer{border-color:#edf1f8}.news-v2-list{display:grid;gap:.62rem}.news-v2-list-item{display:grid;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:78px;padding:.5rem;background:#fff;border:1px solid var(--news-line);border-radius:12px;box-shadow:0 3px 10px #1d396c09;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.news-v2-list-item:hover{transform:translateY(-1px);border-color:#a6bae0;box-shadow:0 8px 18px #1d396c17}.news-v2-list-thumb{width:108px;height:66px;object-fit:cover;border-radius:8px;display:block}.news-v2-list-content{min-width:0}.news-v2-list-kicker{display:flex;gap:.42rem;color:#e95631;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.news-v2-list-level{color:#b44d16;background:#fff2e9;padding:.08rem .28rem;border-radius:4px}.news-v2-list-content h3{color:var(--news-navy);font-family:Georgia,Cambria,serif;font-size:.95rem;line-height:1.25;margin:.2rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-v2-list-content p{color:#6f82a5;font-size:.76rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-v2-list-meta{display:flex;align-items:center;gap:.65rem;padding-right:.3rem}.news-v2-list-meta .news-v2-published-at{font-size:.71rem;white-space:nowrap}.news-v2-list-analyst-btn{display:inline-flex;align-items:center;gap:.28rem;border:1px solid #b8c9eb;color:#315aa5;background:#f7f9ff;border-radius:7px;padding:.32rem .52rem;cursor:pointer;font-size:.7rem;font-weight:700}.news-v2-list-analyst-btn:hover{color:#fff;background:#315aa5;border-color:#315aa5}.news-v2-list-analyst-btn:disabled{cursor:not-allowed;opacity:.55}.news-analyst-band-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:1rem;background:#121e3661;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-analyst-band-dialog{position:relative;width:min(100%,500px);padding:1.45rem;border:1px solid #d9e2f4;border-radius:18px;background:#fffdf9;box-shadow:0 24px 64px #152b5247}.news-analyst-band-close{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:30px;height:30px;border:1px solid #e1e7f1;border-radius:8px;background:#fff;color:#64748b;cursor:pointer}.news-analyst-band-kicker{display:inline-flex;align-items:center;gap:.35rem;color:#6d28d9;font-size:.72rem;font-weight:850;letter-spacing:.08em}.news-analyst-band-dialog h2{margin:.45rem 2rem .35rem 0;color:var(--news-navy);font-family:Georgia,Cambria,serif;font-size:1.45rem}.news-analyst-band-article{margin:0;color:#64748b;font-size:.86rem;line-height:1.45}.news-analyst-band-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.news-analyst-band-options button{display:grid;gap:.35rem;min-height:116px;padding:.85rem;border:1px solid #d6dfef;border-radius:12px;background:#fff;color:#334155;text-align:left;cursor:pointer}.news-analyst-band-options button strong{color:#18355f;font-family:Georgia,Cambria,serif;font-size:1.05rem}.news-analyst-band-options button span{font-size:.78rem;line-height:1.4}.news-analyst-band-options button.is-active{border-color:#7c3aed;background:#f7f3ff;box-shadow:0 0 0 3px #7c3aed1a}.news-analyst-band-note{margin:.9rem 0;color:#64748b;font-size:.78rem}.news-analyst-band-confirm{width:100%;padding:.72rem 1rem;border:0;border-radius:10px;background:#6d28d9;color:#fff;font:inherit;font-weight:800;cursor:pointer}@media(max-width:460px){.news-analyst-band-options{grid-template-columns:1fr}.news-analyst-band-options button{min-height:82px}}.news-v2-info-card{border-color:var(--news-line);box-shadow:0 6px 17px #1f3d720b}.news-v2-info-title{color:var(--news-navy)}.news-v2-info-item{color:#35578d}@media(max-width:1180px){.news-hub-layout{grid-template-columns:minmax(0,1fr) 320px}.news-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.news-hub-layout{grid-template-columns:1fr}.news-hub-sidebar-col{position:static}.news-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.news-hub-v2{padding:1.25rem .8rem 2.5rem}.news-v2-header-text h1{font-size:2rem}.news-v2-searchbar{min-height:50px}.news-v2-search-btn{padding:.62rem .85rem}.news-v2-search-btn svg{display:none}.news-v2-list-item{grid-template-columns:78px minmax(0,1fr);gap:.6rem}.news-v2-list-thumb{width:78px;height:58px}.news-v2-list-meta{grid-column:2;padding:0;justify-content:space-between}.news-v2-list-content h3,.news-v2-list-content p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}.news-v2-list-content h3{-webkit-line-clamp:2}.news-v2-list-content p{display:none}}.news-queue-active-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-bottom:1.25rem;border-radius:12px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;box-shadow:0 2px 8px #05966914}.news-qab-left{display:flex;align-items:center;gap:.75rem;min-width:0}.news-qab-pulse{width:10px;height:10px;border-radius:50%;background:#059669;flex-shrink:0;box-shadow:0 0 #05966999;animation:qab-pulse 1.8s infinite}@keyframes qab-pulse{0%{transform:scale(.95);box-shadow:0 0 #05966999}70%{transform:scale(1.1);box-shadow:0 0 0 8px #05966900}to{transform:scale(.95);box-shadow:0 0 #05966900}}.news-qab-text{display:flex;flex-direction:column;min-width:0}.news-qab-title{font-size:.88rem;font-weight:700;color:#065f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.news-qab-step{font-size:.78rem;color:#047857;font-weight:500}.news-qab-btn{font-size:.8rem;font-weight:600;color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;padding:.35rem .75rem;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.news-qab-btn:hover{background:#059669;color:#fff}.analyst-main{max-width:1420px;margin:0 auto;padding:1.25rem 1.5rem 3.5rem}.analyst-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:1.25rem;align-items:stretch;margin-bottom:1.25rem}.analyst-topbar-lead{display:flex;flex-direction:column;gap:.75rem;padding:1.2rem 1.4rem;border:1px solid var(--border-color, #ecdcd2);border-radius:18px;background:var(--card-bg, #ffffff);box-shadow:0 2px 10px #2d180f08}.analyst-lead-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.analyst-back{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted, #7c685b);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease}.analyst-back:hover{color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee);border-color:var(--accent-color, #c2632f)}.analyst-brand-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f);font-size:.72rem;font-weight:850;letter-spacing:.08em;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 25%,transparent)}.analyst-headline-block{display:flex;flex-direction:column;gap:.35rem}.analyst-article-title{margin:0;font-family:var(--font-family-serif, Georgia, serif);font-size:1.35rem;font-weight:800;line-height:1.35;color:var(--text-color, #2d180f);letter-spacing:-.015em}.analyst-article-title-vi{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-muted, #7c685b)}.analyst-source-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.76rem;color:var(--text-muted, #7c685b);margin-top:.25rem}.analyst-source-name{font-weight:800;letter-spacing:.04em;text-transform:uppercase}.analyst-origin-link{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;color:var(--accent-color, #c2632f);text-decoration:none}.analyst-origin-link:hover{text-decoration:underline}.analyst-topbar-thumb{border:1px solid var(--border-color, #ecdcd2);border-radius:18px;overflow:hidden;background:var(--secondary-bg, #f7f1eb);max-height:160px}.analyst-topbar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.analyst-nav-wrapper{margin-bottom:1.4rem}.analyst-nav-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.analyst-nav-intro{display:flex;align-items:center;gap:.65rem}.analyst-flow-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-color, #c2632f);padding:.15rem .45rem;border-radius:6px;background:var(--accent-light, #fbf4ee)}.analyst-nav-intro p{margin:0;font-size:.84rem;color:var(--text-muted, #7c685b)}.analyst-summary-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border:1px solid var(--border-color, #ecdcd2);border-radius:999px;background:var(--card-bg, #ffffff);color:var(--text-color, #2d180f);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.analyst-summary-toggle-btn:hover{border-color:var(--accent-color, #c2632f);color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee)}.analyst-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.analyst-step{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1.5px solid var(--border-color, #ecdcd2);border-radius:14px;background:var(--card-bg, #ffffff);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #2d180f05}.analyst-step:hover{border-color:color-mix(in srgb,var(--accent-color, #c2632f) 60%,transparent);transform:translateY(-1px)}.analyst-step.is-active{border-color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee);box-shadow:0 3px 12px color-mix(in srgb,var(--accent-color, #c2632f) 14%,transparent)}.analyst-step-index{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--secondary-bg, #f4eee6);color:var(--text-color, #2d180f);font-size:.86rem;font-weight:850;transition:all .2s ease}.analyst-step.is-active .analyst-step-index{background:var(--accent-color, #c2632f);color:#fff}.analyst-step-text{display:flex;flex-direction:column;min-width:0}.analyst-step-text strong{font-size:.92rem;font-weight:800;color:var(--text-color, #2d180f)}.analyst-step-text small{font-size:.73rem;color:var(--text-muted, #7c685b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.analyst-view-lead{margin-bottom:1.15rem}.analyst-view-lead h2{margin:0 0 .25rem;font-family:var(--font-family-serif, Georgia, serif);font-size:1.25rem;font-weight:800;color:var(--text-color, #2d180f)}.analyst-view-lead p{margin:0;font-size:.84rem;color:var(--text-muted, #7c685b)}.analyst-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;align-items:stretch}.analyst-speaking-flow{margin-bottom:.9rem;padding:1rem;border:1px solid color-mix(in srgb,#315f9e 25%,var(--border-color, #ecdcd2));border-radius:14px;background:linear-gradient(135deg,#fff,#f5f9ff 72%,#fff)}.analyst-speaking-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px dashed color-mix(in srgb,#315f9e 28%,transparent)}.analyst-speaking-flow-head>div>span{display:inline-flex;align-items:center;gap:.35rem;color:#315f9e;font-size:.84rem;font-weight:850}.analyst-speaking-flow-head p{margin:.25rem 0 0;color:var(--text-muted, #7c685b);font-size:.78rem;line-height:1.42}.analyst-speaking-flow-head small{flex:0 0 auto;padding:.28rem .55rem;border-radius:999px;background:#eaf2ff;color:#315f9e;font-size:.7rem;font-weight:800}.analyst-speaking-flow-beats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}.analyst-speaking-flow-beats:before{content:"";position:absolute;top:-.55rem;left:12.5%;right:12.5%;height:1px;background:color-mix(in srgb,#315f9e 42%,transparent)}.analyst-speaking-flow-beat{position:relative;display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.45rem;min-width:0;padding:.7rem;border:1px solid color-mix(in srgb,#315f9e 18%,var(--border-color, #ecdcd2));border-radius:10px;background:#ffffffd6}.analyst-speaking-flow-beat:before{content:"";position:absolute;top:-.55rem;left:50%;width:1px;height:.55rem;background:color-mix(in srgb,#315f9e 42%,transparent)}.analyst-speaking-flow-index{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#eaf2ff;color:#315f9e;font-size:.7rem;font-weight:850}.analyst-speaking-flow-beat strong{display:block;color:var(--text-color, #2d180f);font-size:.78rem;font-weight:850}.analyst-speaking-flow-beat p{margin:.28rem 0 0;color:var(--text-muted, #7c685b);font-size:.73rem;line-height:1.42}.analyst-speaking-flow-anchors{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.5rem}.analyst-speaking-flow-anchors span{padding:.16rem .38rem;border-radius:5px;background:#eaf2ff;color:#315f9e;font-size:.66rem;font-weight:750}.analyst-speaking-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,.9fr) minmax(340px,1fr);gap:.9rem;align-items:stretch}.analyst-speaking-grid>.analyst-card{min-width:0;padding:.9rem}.analyst-speaking-card-label{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-muted, #7c685b);font-size:.8rem}.analyst-speaking-band{padding:.45rem .8rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 30%,transparent);border-radius:10px;background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f);font-family:var(--font-family-serif, Georgia, serif);font-size:.9rem;font-weight:800}.analyst-speaking-cue-card{padding:.95rem;border-radius:12px;background:color-mix(in srgb,var(--accent-light, #fbf4ee) 72%,#fff)}.analyst-speaking-cue-card h3{margin:0 0 .8rem;font-family:var(--font-family-serif, Georgia, serif);font-size:.95rem;line-height:1.45}.analyst-speaking-cue-card strong{font-size:.78rem}.analyst-speaking-cue-card ul{margin:.45rem 0 0;padding-left:1.15rem;color:var(--text-color, #2d180f);font-size:.8rem;line-height:1.55}.analyst-speaking-cue-card li::marker{color:var(--accent-color, #c2632f)}.analyst-speaking-switch{display:flex;gap:.5rem;margin:.75rem 0 .6rem}.analyst-speaking-switch button,.analyst-speaking-audio-btn,.analyst-speaking-question>button{border:1px solid var(--border-color, #ecdcd2);border-radius:9px;background:#fff;color:var(--text-color, #2d180f);font-size:.74rem;font-weight:700;cursor:pointer}.analyst-speaking-switch button{padding:.45rem .75rem}.analyst-speaking-switch button.is-active{border-color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f)}.analyst-speaking-support-list{display:flex;flex-direction:column;gap:.5rem;min-height:120px;padding:.7rem;border:1px solid var(--border-color, #ecdcd2);border-radius:10px}.analyst-speaking-support-list>div{display:flex;align-items:flex-start;gap:.5rem;font-size:.77rem;line-height:1.45}.analyst-speaking-support-list svg{flex:0 0 auto;margin-top:.1rem;color:var(--accent-color, #c2632f)}.analyst-speaking-sample .analyst-card-head h3 span{font-size:.72rem;color:var(--text-muted, #7c685b)}.analyst-speaking-audio-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;color:var(--accent-color, #c2632f)}.analyst-speaking-audio-btn:disabled{cursor:not-allowed;opacity:.5}.analyst-speaking-sample-body{max-height:430px;overflow:auto;padding-right:.25rem}.analyst-speaking-sample-body p{margin:0;white-space:pre-line;font-family:var(--font-family-serif, Georgia, serif);font-size:.86rem;line-height:1.62}.analyst-speaking-questions{display:flex;flex-direction:column}.analyst-speaking-question{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:.55rem;align-items:start;padding:.72rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color, #ecdcd2) 65%,transparent)}.analyst-speaking-question:last-child{border-bottom:0}.analyst-speaking-number{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-color, #c2632f);color:#fff;font-size:.7rem;font-weight:800}.analyst-speaking-question p{margin:0;font-size:.78rem;line-height:1.45}.analyst-speaking-question>button{padding:.42rem .55rem;white-space:nowrap}.analyst-speaking-part3-answer{margin-top:.55rem;padding:.6rem;border-radius:8px;background:var(--secondary-bg, #fbf7f4);color:var(--text-muted, #7c685b);font-size:.75rem;line-height:1.5}.analyst-speaking-response-map{margin-top:.55rem;padding:.6rem;border:1px solid color-mix(in srgb,#315f9e 20%,transparent);border-radius:8px;background:#f7faff}.analyst-speaking-response-map-title{display:inline-flex;align-items:center;gap:.3rem;color:#315f9e;font-size:.7rem;font-weight:850}.analyst-speaking-response-map>div{display:grid;gap:.36rem;margin-top:.45rem}.analyst-speaking-response-map p{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.4rem;margin:0;font-size:.72rem;line-height:1.4}.analyst-speaking-response-map p strong{color:#315f9e}.analyst-speaking-response-map p span{color:var(--text-muted, #7c685b)}.analyst-speaking-tips{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:.8rem;align-items:center;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 15%,transparent);border-radius:12px;background:var(--accent-light, #fbf4ee)}.analyst-speaking-tips-title,.analyst-speaking-tip{display:flex;align-items:center;gap:.45rem}.analyst-speaking-tips-title{color:var(--accent-color, #c2632f);font-family:var(--font-family-serif, Georgia, serif);font-size:.88rem;font-weight:800}.analyst-speaking-tip{min-height:34px;padding-left:.8rem;border-left:1px solid var(--border-color, #ecdcd2);font-size:.73rem;line-height:1.4}.analyst-speaking-tip svg{flex:0 0 auto;color:var(--accent-color, #c2632f)}.analyst-summary-card{display:flex;flex-direction:column;border:1px solid var(--border-color, #ecdcd2);border-radius:16px;background:var(--card-bg, #ffffff);box-shadow:0 2px 8px #2d180f08;padding:1.15rem 1.2rem;transition:all .2s ease}.analyst-summary-card:hover{border-color:color-mix(in srgb,var(--accent-color, #c2632f) 50%,var(--border-color, #ecdcd2));box-shadow:0 4px 14px #2d180f0f}.analyst-summary-card-body{display:flex;flex-direction:column;gap:.85rem;flex:1 0 auto;margin-bottom:1.1rem}.analyst-summary-desc{margin:0;font-size:.84rem;line-height:1.6;color:var(--text-color, #2d180f);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.analyst-summary-stats{margin:0;padding:.75rem .85rem;list-style:none;display:flex;flex-direction:column;gap:.55rem;background:var(--secondary-bg, #fbf7f4);border:1px solid color-mix(in srgb,var(--border-color, #ecdcd2) 65%,transparent);border-radius:10px}.analyst-summary-stats li{display:flex;align-items:center;gap:.55rem;font-size:.78rem;color:var(--text-color, #2d180f)}.stat-icon{flex-shrink:0}.stat-icon.is-bulb{color:#d97706}.stat-icon.is-chart{color:var(--accent-color, #c2632f)}.stat-icon.is-vocab{color:#2563eb}.stat-icon.is-check{color:#16a34a}.analyst-preview-chart-title,.analyst-preview-debate-title{margin:0;font-size:.88rem;font-weight:750;line-height:1.4;color:var(--text-color, #2d180f)}.analyst-preview-chart-box{background:var(--secondary-bg, #fbf7f4);border:1px solid color-mix(in srgb,var(--border-color, #ecdcd2) 60%,transparent);border-radius:12px;padding:.65rem .5rem;min-height:200px;max-height:250px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.analyst-preview-chart-box .visual-wrapper{margin:0;padding:0;background:transparent;border:none}.analyst-preview-chart-box .synthetic-notice{display:none}.analyst-summary-card-footer{margin-top:auto;border-top:1px solid color-mix(in srgb,var(--border-color, #ecdcd2) 60%,transparent);padding-top:.85rem}.analyst-card-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.55rem 1rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 35%,transparent);border-radius:9px;background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f);font-size:.82rem;font-weight:750;cursor:pointer;transition:all .15s ease}.analyst-card-action-btn:hover{background:var(--accent-color, #c2632f);color:#fff;border-color:var(--accent-color, #c2632f)}.analyst-column-view{display:flex;flex-direction:column;gap:1.25rem;border:1px solid var(--border-color, #ecdcd2);border-radius:20px;background:var(--card-bg, #ffffff);padding:1.4rem 1.5rem 1.6rem;box-shadow:0 2px 10px #2d180f08}.analyst-column-banner{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:.95rem;border-bottom:1px solid var(--border-color, #ecdcd2)}.analyst-column-index{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--accent-color, #c2632f);color:#fff;font-size:.9rem;font-weight:850}.analyst-column-banner h2{margin:0 0 .2rem;font-family:var(--font-family-serif, Georgia, serif);font-size:1.15rem;font-weight:800;line-height:1.35;color:var(--text-color, #2d180f)}.analyst-column-banner p{margin:0;font-size:.82rem;color:var(--text-muted, #7c685b)}.analyst-card{padding:1.1rem 1.25rem;border:1px solid var(--border-color, #ecdcd2);border-radius:14px;background:var(--card-bg, #ffffff)}.analyst-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.analyst-card-head h3{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.92rem;font-weight:800;color:var(--text-color, #2d180f)}.analyst-card-icon{color:var(--accent-color, #c2632f);flex-shrink:0}.analyst-card-icon.is-bulb{color:#d97706}.analyst-card-icon.is-chart{color:var(--accent-color, #c2632f)}.analyst-overview-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.15rem;align-items:flex-start}.analyst-layout-left,.analyst-layout-right{display:flex;flex-direction:column;gap:1.15rem}.analyst-lang-switch{display:inline-flex;gap:.15rem;padding:.15rem;border:1px solid var(--border-color, #ecdcd2);border-radius:8px;background:var(--secondary-bg, #f4eee6)}.analyst-lang-switch button{padding:.2rem .6rem;border:0;border-radius:6px;background:transparent;color:var(--text-muted, #7c685b);font-size:.74rem;font-weight:800;cursor:pointer;transition:all .15s ease}.analyst-lang-switch button.is-active{background:var(--accent-color, #c2632f);color:#fff}.analyst-summary-paragraph{margin:0;font-size:.88rem;line-height:1.7;color:var(--text-color, #2d180f)}.analyst-extra-blocks{margin-top:.95rem;padding-top:.95rem;border-top:1px dashed var(--border-color, #ecdcd2);display:flex;flex-direction:column;gap:.75rem}.analyst-extra-block-item h4{margin:0 0 .25rem;font-size:.84rem;font-weight:800;color:var(--accent-color, #c2632f)}.analyst-extra-block-item p{margin:0;font-size:.82rem;line-height:1.6;color:var(--text-color, #2d180f)}.analyst-vocab-chips{display:flex;flex-wrap:wrap;gap:.45rem}.analyst-vocab-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--border-color, #ecdcd2);border-radius:8px;background:var(--secondary-bg, #fbf7f4);color:var(--text-color, #2d180f);font-size:.8rem;font-weight:650;cursor:pointer;transition:all .15s ease}.analyst-vocab-chip:hover{border-color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee)}.analyst-vocab-chip.is-active{border-color:var(--accent-color, #c2632f);background:var(--accent-color, #c2632f);color:#fff}.vocab-word{font-weight:700}.vocab-pos{font-size:.72rem;color:var(--text-muted, #7c685b);opacity:.85}.analyst-vocab-chip.is-active .vocab-pos{color:#fff}.vocab-cefr{padding:.05rem .3rem;border-radius:4px;background:color-mix(in srgb,var(--accent-color, #c2632f) 18%,transparent);color:var(--accent-color, #c2632f);font-size:.66rem;font-weight:850}.analyst-vocab-chip.is-active .vocab-cefr{background:#ffffff40;color:#fff}.analyst-word-detail-panel{margin-top:.85rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 35%,transparent);border-radius:10px;background:var(--accent-light, #fbf4ee)}.word-detail-top{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.95rem}.analyst-word-detail-panel p{margin:.25rem 0 0;font-size:.82rem;line-height:1.5;color:var(--text-color, #2d180f)}.analyst-word-detail-panel span{font-weight:750;color:var(--accent-color, #c2632f)}.analyst-vocab-hint{margin:.75rem 0 0;font-size:.76rem;color:var(--text-muted, #7c685b);line-height:1.45}.analyst-key-ideas-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.analyst-key-ideas-list li{display:flex;align-items:flex-start;gap:.55rem;font-size:.84rem;line-height:1.55;color:var(--text-color, #2d180f)}.idea-bullet{color:#d97706;font-size:.75rem;line-height:1.8;flex-shrink:0}.analyst-key-figures-list{display:flex;flex-direction:column;gap:.65rem}.analyst-figure-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:1px solid var(--border-color, #ecdcd2);border-radius:10px;background:var(--secondary-bg, #fbf7f4)}.figure-val-badge{flex-shrink:0;padding:.35rem .65rem;border-radius:8px;background:var(--accent-color, #c2632f);color:#fff;font-size:.84rem;font-weight:800;white-space:nowrap}.figure-details{display:flex;flex-direction:column;gap:.15rem}.figure-label{font-size:.82rem;font-weight:750;color:var(--text-color, #2d180f)}.figure-note{font-size:.74rem;color:var(--text-muted, #7c685b)}.analyst-task1-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1.05fr);gap:1.25rem;align-items:stretch}.analyst-chart-spacious-card{min-height:280px;background:var(--card-bg, #ffffff)}.analyst-chart-heading{margin:0 0 .65rem;font-size:.92rem;font-weight:800;text-align:center;color:var(--text-color, #2d180f)}.analyst-task1-chart-body{width:100%;overflow-x:auto}.analyst-task1-chart-body .visual-wrapper{margin:0;padding:0;border:none;background:transparent}.analyst-task1-chart-body .synthetic-notice{display:none}.analyst-general-task1-preview,.analyst-general-task1-detail{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.2rem;text-align:center;color:var(--accent-color, #c2632f);border:1px dashed color-mix(in srgb,var(--accent-color, #c2632f) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent-light, #fbf4ee) 70%,#fff)}.analyst-general-task1-preview strong,.analyst-general-task1-detail h4{margin:0;color:var(--text-color, #2d180f)}.analyst-general-task1-preview span,.analyst-general-task1-detail p{margin:0;color:var(--text-muted, #7c685b);line-height:1.55}.analyst-general-task1-detail{min-height:220px}.analyst-prompt-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--accent-light, #fbf4ee);border-color:color-mix(in srgb,var(--accent-color, #c2632f) 35%,transparent)}.task-prompt-text{margin:0;font-size:.9rem;line-height:1.7;color:var(--text-color, #2d180f)}.task2-prompt-large{font-size:.96rem;line-height:1.75}.analyst-prompt-vi-box{margin-top:.85rem;margin-bottom:.5rem;padding:.8rem .95rem;background:#ffffffe6;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 24%,transparent);border-left:4px solid var(--accent-color, #c2632f);border-radius:10px;animation:fadeInPromptVi .2s ease-in-out}.analyst-prompt-vi-label{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;color:var(--accent-color, #c2632f);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.task-prompt-vi-text{margin:0;font-size:.9rem;line-height:1.65;color:#3b2a20}.analyst-prompt-loading{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--accent-color, #c2632f);padding:.25rem 0}.analyst-writing-guide{margin-top:1rem;padding:.85rem .95rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 22%,transparent);border-radius:12px;background:color-mix(in srgb,#ffffff 72%,var(--accent-light, #fbf4ee))}.analyst-writing-guide-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.analyst-writing-guide-meta span{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:999px;background:var(--secondary-bg, #f4eee6);color:var(--text-muted, #7c685b);font-size:.72rem;font-weight:750}.analyst-writing-guide-title{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem;color:var(--accent-color, #c2632f);font-size:.8rem}.analyst-writing-guide ul,.analyst-idea-bank ol{margin:0;padding:0;list-style:none}.analyst-writing-guide li{display:flex;align-items:flex-start;gap:.4rem;margin-top:.42rem;color:var(--text-muted, #7c685b);font-size:.78rem;line-height:1.45}.analyst-writing-guide li svg{flex:0 0 auto;margin-top:.15rem;color:#3d6b54}.analyst-idea-bank{margin-top:.75rem;padding-top:.7rem;border-top:1px dashed color-mix(in srgb,var(--accent-color, #c2632f) 28%,transparent)}.analyst-idea-bank-label{display:flex;align-items:center;gap:.3rem;margin-bottom:.35rem;color:var(--accent-color, #c2632f);font-size:.75rem;font-weight:800}.analyst-idea-bank ol{padding-left:1.15rem;list-style:decimal}.analyst-idea-bank li{display:list-item;margin-top:.3rem;padding-left:.15rem}.analyst-argument-tree{margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 25%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 78%,var(--accent-light, #fbf4ee)),#fff)}.analyst-argument-tree-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:.75rem;border-bottom:1px dashed color-mix(in srgb,var(--accent-color, #c2632f) 28%,transparent)}.analyst-argument-tree-kicker{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-color, #c2632f);font-size:.82rem;font-weight:850}.analyst-argument-tree-head p{margin:.25rem 0 0;color:var(--text-muted, #7c685b);font-size:.76rem}.analyst-argument-tree-meta{flex:0 0 auto;padding:.25rem .5rem;border-radius:999px;background:var(--secondary-bg, #f4eee6);color:var(--text-muted, #7c685b);font-size:.7rem;font-weight:750}.analyst-argument-root{position:relative;margin:.9rem 0 .8rem;padding:.75rem .85rem .75rem 1rem;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 35%,transparent);border-left:4px solid var(--accent-color, #c2632f);border-radius:10px;background:color-mix(in srgb,var(--accent-light, #fbf4ee) 58%,#ffffff)}.analyst-argument-node-type{display:block;margin-bottom:.25rem;color:var(--accent-color, #c2632f);font-size:.68rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.analyst-argument-root strong,.analyst-argument-branch strong{display:block;color:var(--text-color, #2d180f);font-family:var(--font-family-serif, Georgia, serif);font-size:.88rem;line-height:1.48}.analyst-argument-root p{margin:.35rem 0 0;color:var(--text-muted, #7c685b);font-size:.78rem;line-height:1.45}.analyst-argument-branches{position:relative;display:grid;gap:.65rem;margin-left:.65rem;padding:.1rem 0 .1rem 1.2rem}.analyst-argument-branches:before{content:"";position:absolute;top:-.9rem;bottom:1.25rem;left:0;width:1px;background:color-mix(in srgb,var(--accent-color, #c2632f) 42%,transparent)}.analyst-argument-branch{position:relative;display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.5rem;padding:.65rem .7rem;border:1px solid var(--border-color, #ecdcd2);border-radius:10px;background:#ffffffc7}.analyst-argument-branch:before{content:"";position:absolute;top:1.15rem;left:-1.2rem;width:1.2rem;height:1px;background:color-mix(in srgb,var(--accent-color, #c2632f) 42%,transparent)}.analyst-argument-branch-index{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:50%;background:color-mix(in srgb,var(--accent-color, #c2632f) 14%,#ffffff);color:var(--accent-color, #c2632f);font-size:.72rem;font-weight:850}.analyst-argument-branch ul{display:grid;gap:.28rem;margin:.48rem 0 0;padding:0;list-style:none}.analyst-argument-branch li{position:relative;padding-left:.8rem;color:var(--text-muted, #7c685b);font-size:.76rem;line-height:1.42}.analyst-argument-branch li:before{content:"";position:absolute;top:.42rem;left:0;width:.32rem;height:.32rem;border-radius:50%;background:var(--accent-color, #c2632f)}.analyst-construction-map{position:relative;margin-top:1.25rem;padding:1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 25%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 76%,var(--accent-light, #fbf4ee)),#fff 56%,color-mix(in srgb,#ffffff 88%,var(--secondary-bg, #f4eee6)))}.analyst-construction-map.is-letter-map{border-color:color-mix(in srgb,#315f9e 28%,var(--border-color, #ecdcd2));background:linear-gradient(135deg,#fff,#f7faff 70%,#fff)}.analyst-construction-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:.75rem;border-bottom:1px dashed color-mix(in srgb,var(--accent-color, #c2632f) 28%,transparent)}.analyst-construction-map.is-letter-map .analyst-construction-map-head{border-color:color-mix(in srgb,#315f9e 25%,transparent)}.analyst-construction-map-head p{margin:.25rem 0 0;color:var(--text-muted, #7c685b);font-size:.78rem;line-height:1.42}.analyst-construction-map-meta{display:inline-flex;align-items:center;gap:.28rem;flex:0 0 auto;padding:.3rem .55rem;border-radius:999px;background:var(--secondary-bg, #f4eee6);color:var(--text-muted, #7c685b);font-size:.7rem;font-weight:750}.analyst-construction-root{max-width:720px;margin:1rem auto 1.25rem;padding:.8rem 1rem;text-align:center;border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 38%,transparent);border-radius:11px;background:color-mix(in srgb,var(--accent-light, #fbf4ee) 56%,#ffffff);box-shadow:0 4px 14px #2d180f09}.analyst-construction-map.is-letter-map .analyst-construction-root{border-color:color-mix(in srgb,#315f9e 35%,transparent);background:#f5f9ff}.analyst-construction-root .analyst-argument-node-type{margin-bottom:.35rem}.analyst-construction-root strong,.analyst-construction-branch strong{display:block;color:var(--text-color, #2d180f);font-family:var(--font-family-serif, Georgia, serif);font-size:.9rem;line-height:1.48}.analyst-construction-tone{display:inline-flex;margin-top:.55rem;padding:.18rem .48rem;border-radius:999px;background:color-mix(in srgb,#315f9e 10%,#ffffff);color:#315f9e;font-size:.7rem;font-weight:800}.analyst-construction-branches{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.analyst-construction-branches:before{content:"";position:absolute;top:-.7rem;left:12.5%;right:12.5%;height:1px;background:color-mix(in srgb,var(--accent-color, #c2632f) 44%,transparent)}.analyst-construction-branch{position:relative;min-width:0;padding:.75rem;border:1px solid var(--border-color, #ecdcd2);border-radius:11px;background:#ffffffd1}.analyst-construction-branch:before{content:"";position:absolute;top:-.7rem;left:50%;width:1px;height:.7rem;background:color-mix(in srgb,var(--accent-color, #c2632f) 44%,transparent)}.analyst-construction-map.is-letter-map .analyst-construction-branches:before,.analyst-construction-map.is-letter-map .analyst-construction-branch:before{background:color-mix(in srgb,#315f9e 46%,transparent)}.analyst-construction-map.is-letter-map .analyst-argument-tree-kicker,.analyst-construction-map.is-letter-map .analyst-argument-node-type{color:#315f9e}.analyst-construction-branch-index{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-bottom:.45rem;border-radius:50%;background:color-mix(in srgb,var(--accent-color, #c2632f) 14%,#ffffff);color:var(--accent-color, #c2632f);font-size:.72rem;font-weight:850}.analyst-construction-map.is-letter-map .analyst-construction-branch-index{background:color-mix(in srgb,#315f9e 12%,#ffffff);color:#315f9e}.analyst-construction-branch ul{display:grid;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none}.analyst-construction-branch li{position:relative;padding-left:.75rem;color:var(--text-muted, #7c685b);font-size:.75rem;line-height:1.4}.analyst-construction-branch li:before{content:"";position:absolute;top:.4rem;left:0;width:.3rem;height:.3rem;border-radius:50%;background:var(--accent-color, #c2632f)}.analyst-construction-map.is-letter-map .analyst-construction-branch li:before{background:#315f9e}.analyst-construction-paragraph{display:inline-flex;margin-top:.65rem;color:var(--accent-color, #c2632f);font-size:.66rem;font-weight:800}.analyst-construction-map.is-letter-map .analyst-construction-paragraph{color:#315f9e}@media(max-width:640px){.analyst-argument-tree-head{flex-direction:column}.analyst-argument-tree-meta{align-self:flex-start}.analyst-construction-map-head{flex-direction:column}.analyst-construction-map-meta{align-self:flex-start}.analyst-construction-branches{grid-template-columns:1fr}.analyst-construction-branches:before{top:-.75rem;bottom:1rem;left:.75rem;right:auto;width:1px;height:auto}.analyst-construction-branch{margin-left:.75rem}.analyst-construction-branch:before{top:1.45rem;left:-.75rem;width:.75rem;height:1px}}@keyframes fadeInPromptVi{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.analyst-prompt-action-box{margin-top:1.15rem;padding-top:.95rem;border-top:1px dashed color-mix(in srgb,var(--accent-color, #c2632f) 35%,transparent)}.analyst-open-practice-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1.1rem;border:1px solid var(--accent-color, #c2632f);border-radius:10px;background:var(--accent-color, #c2632f);color:#fff;font-size:.86rem;font-weight:750;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color, #c2632f) 30%,transparent);transition:all .18s ease}.analyst-open-practice-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color, #c2632f) 40%,transparent)}.analyst-task2-main-grid{display:block}.analyst-task2-prompt-card{padding:1.35rem 1.5rem}.analyst-essay-type-badge{padding:.2rem .55rem;border-radius:6px;background:color-mix(in srgb,var(--accent-color, #c2632f) 18%,transparent);color:var(--accent-color, #c2632f);font-size:.7rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.analyst-model{background:var(--card-bg, #ffffff);border:1.5px solid var(--border-color, #ecdcd2);border-radius:16px;padding:1.3rem 1.5rem}.analyst-model-actions{display:flex;align-items:center;gap:.45rem}.analyst-model-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:1.15rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #ecdcd2)}.analyst-wordcount{font-size:.8rem;font-weight:750;color:var(--accent-color, #c2632f)}.analyst-model-tip{font-size:.76rem;color:var(--text-muted, #7c685b)}.analyst-chip-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border:1px solid var(--border-color, #ecdcd2);border-radius:999px;background:var(--secondary-bg, #f4eee6);color:var(--text-muted, #7c685b);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease}.analyst-chip-btn:hover{color:var(--accent-color, #c2632f);border-color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee)}.analyst-chip-btn.is-active{color:#fff;background:var(--accent-color, #c2632f);border-color:var(--accent-color, #c2632f)}.analyst-model-body{display:flex;flex-direction:column;gap:1.15rem}.analyst-model-para-block{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1rem;border-bottom:1px dashed color-mix(in srgb,var(--border-color, #ecdcd2) 75%,transparent)}.analyst-model-section-label{align-self:flex-start;padding:.18rem .48rem;border-radius:5px;background:var(--secondary-bg, #f4eee6);color:var(--accent-color, #c2632f);font-size:.68rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.analyst-model-para-block:last-child{border-bottom:none;padding-bottom:0}.analyst-model-en{margin:0;font-family:var(--font-family-serif, Georgia, serif);font-size:1.02rem;line-height:1.75;color:var(--text-color, #2d180f)}.analyst-model-vi{margin:.45rem 0 0;padding:.6rem .95rem;border-left:3px solid var(--accent-color, #c2632f);border-radius:0 8px 8px 0;background:var(--secondary-bg, #fbf7f4);color:var(--text-muted, #7c685b);font-size:.92rem;line-height:1.7}.analyst-reveal-vi-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.22rem .65rem;border:1px dashed var(--border-color, #ecdcd2);border-radius:999px;background:transparent;color:var(--text-muted, #7c685b);font-size:.75rem;font-weight:650;cursor:pointer;transition:all .15s ease}.analyst-reveal-vi-btn:hover{color:var(--accent-color, #c2632f);border-color:var(--accent-color, #c2632f);background:var(--accent-light, #fbf4ee)}.analyst-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d180f99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:analystFadeIn .2s ease}@keyframes analystFadeIn{0%{opacity:0}to{opacity:1}}.analyst-modal-dialog{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ecdcd2);border-radius:20px;max-width:960px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;animation:analystModalPop .25s cubic-bezier(.16,1,.3,1)}@keyframes analystModalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.analyst-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.6rem;border-bottom:1px solid var(--border-color, #ecdcd2);position:sticky;top:0;background:var(--card-bg, #ffffff);z-index:10}.analyst-modal-title{display:flex;align-items:center;gap:.75rem}.analyst-modal-icon{color:var(--accent-color, #c2632f);flex-shrink:0}.analyst-modal-title h3{margin:0;font-family:var(--font-family-serif, Georgia, serif);font-size:1.15rem;font-weight:800;color:var(--text-color, #2d180f)}.analyst-modal-title p{margin:.15rem 0 0;font-size:.78rem;color:var(--text-muted, #7c685b)}.analyst-modal-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-color, #ecdcd2);border-radius:50%;background:var(--secondary-bg, #fbf7f4);color:var(--text-muted, #7c685b);cursor:pointer;transition:all .15s ease}.analyst-modal-close:hover{background:var(--accent-light, #fbf4ee);color:var(--accent-color, #c2632f);border-color:var(--accent-color, #c2632f)}.analyst-card-actions{display:flex;align-items:center;gap:.5rem}.analyst-modal-prompt-banner{padding:.9rem 1.6rem;background:var(--accent-light, #fbf4ee);border-bottom:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 25%,transparent);font-size:.88rem;line-height:1.6;color:var(--text-color, #2d180f)}.analyst-modal-prompt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.analyst-modal-prompt-banner strong{color:var(--accent-color, #c2632f)}.analyst-prompt-vi-box.modal-vi-box{margin-top:.65rem;margin-bottom:0;background:#fff}.analyst-modal-body{padding:1.4rem 1.6rem 1.8rem}.analyst-modal-body .writing-practice.is-compact{padding:0;margin:0;border:none;background:transparent;box-shadow:none}.analyst-modal-body .writing-practice.is-compact .essay-textarea{min-height:240px;font-size:.94rem;line-height:1.65}.analyst-modal-body .writing-word-goal{margin-top:.45rem;color:var(--text-muted, #7c685b);font-size:.78rem}.analyst-modal-body .writing-word-goal.is-ready{color:#3d6b54;font-weight:700}.analyst-flow-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:.65rem;padding-top:.85rem;border-top:1px solid var(--border-color, #ecdcd2)}.analyst-solid-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border:0;border-radius:10px;background:var(--accent-color, #c2632f);color:#fff;font-size:.85rem;font-weight:750;cursor:pointer;transition:filter .15s ease}.analyst-solid-btn:hover{filter:brightness(1.08)}.analyst-secondary-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:1px solid var(--border-color, #ecdcd2);border-radius:10px;background:var(--card-bg, #ffffff);color:var(--text-muted, #7c685b);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease}.analyst-secondary-btn:hover{border-color:var(--accent-color, #c2632f);color:var(--accent-color, #c2632f)}.analyst-loading,.analyst-error{display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:580px;margin:4rem auto;padding:2.2rem 1.8rem;border:1px solid var(--border-color, #ecdcd2);border-radius:20px;background:var(--card-bg, #ffffff);text-align:center;box-shadow:0 4px 16px #2d180f0a}.analyst-loading h2,.analyst-error h2{margin:0;font-family:var(--font-family-serif, Georgia, serif);font-size:1.2rem;font-weight:800;color:var(--text-color, #2d180f)}.analyst-loading p,.analyst-error p{margin:0;font-size:.86rem;line-height:1.6;color:var(--text-muted, #7c685b)}.analyst-loading svg{color:var(--accent-color, #c2632f);animation:analystPulse 1.6s ease-in-out infinite}@keyframes analystPulse{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.empty-text{font-size:.8rem;color:var(--text-muted, #7c685b);font-style:italic}@media(max-width:1200px){.analyst-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analyst-speaking-grid{grid-template-columns:1fr}.analyst-speaking-sample-body{max-height:none}.analyst-speaking-flow-beats{grid-template-columns:repeat(2,minmax(0,1fr))}.analyst-speaking-flow-beats:before{left:25%;right:25%}}@media(max-width:1080px){.analyst-task1-main-grid,.analyst-overview-layout{grid-template-columns:1fr}}@media(max-width:768px){.analyst-main{padding:1rem .9rem 2.5rem}.analyst-topbar{grid-template-columns:1fr}.analyst-topbar-thumb{display:none}.analyst-steps,.analyst-summary-grid{grid-template-columns:1fr}.analyst-speaking-question{grid-template-columns:24px minmax(0,1fr)}.analyst-speaking-question>button{grid-column:2;justify-self:start}.analyst-speaking-flow-head{flex-direction:column}.analyst-speaking-flow-beats{grid-template-columns:1fr}.analyst-speaking-flow-beats:before{top:-.7rem;bottom:1rem;left:.75rem;right:auto;width:1px;height:auto}.analyst-speaking-flow-beat{margin-left:.75rem}.analyst-speaking-flow-beat:before{top:1.35rem;left:-.75rem;width:.75rem;height:1px}.analyst-speaking-response-map p{grid-template-columns:1fr;gap:.15rem}.analyst-speaking-tips{grid-template-columns:1fr}.analyst-speaking-tip{padding:.55rem 0 0;border-top:1px solid var(--border-color, #ecdcd2);border-left:0}.analyst-column-view{padding:1.1rem 1rem 1.3rem}.analyst-modal-backdrop{padding:.5rem}.analyst-modal-dialog{max-height:96vh;border-radius:16px}.analyst-modal-header{padding:1rem 1.1rem}.analyst-modal-prompt-banner{padding:.75rem 1.1rem}.analyst-modal-body{padding:1rem 1.1rem}}.asset-library-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:1.5rem;width:100%;max-width:980px;margin-left:auto;margin-right:auto}.asset-panel{background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2cfc2);border-radius:18px;padding:1.4rem 1.6rem;display:flex;flex-direction:column;box-sizing:border-box;width:100%;box-shadow:0 4px 16px -4px #2d180f0d;min-height:0;overflow:visible}.asset-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;flex:0 0 auto}.asset-kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8c7667;margin-bottom:2px}.asset-panel-heading h2{font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:800;color:var(--text-primary, #2d180f);margin:0}.asset-filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:1.2rem;flex:0 0 auto}.asset-group-filter-section,.asset-type-filter-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-group-filter-section{min-height:44px}.asset-group-filter-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 7px;border:1px dashed color-mix(in srgb,var(--accent-color, #d96528) 38%,var(--border-color, #d6c3b5));border-radius:11px;background:color-mix(in srgb,var(--accent-color, #d96528) 3%,var(--card-bg, #fff))}.asset-filter-heading{display:inline-flex;align-items:center;gap:5px;color:var(--text-primary, #4b3628);font-size:.76rem;font-weight:800;white-space:nowrap}.filter-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid var(--border-color, #d6c3b5);background:var(--card-bg, #ffffff);color:var(--text-primary, #4b3628);cursor:pointer;transition:all .15s ease}.filter-pill:hover{background:#d965280d;border-color:#d96528;color:#d96528}.filter-pill.active{background:#d96528;color:#fff;border-color:#d96528;box-shadow:0 2px 8px #d9652840}.asset-group-filter{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-group-pill{min-height:29px;padding:4px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#d96528;font-size:.76rem}.create-group-pill:hover{background:#d9652814;border-color:#d965282e}.asset-list-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:0;flex:0 0 auto;overflow:visible}.asset-list{display:flex;flex-direction:column;gap:10px;width:100%}.asset-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:28px;margin-top:.75rem;color:var(--text-muted, #8c7667);font-size:.78rem;font-weight:700}.asset-pagination button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--border-color, #e2cfc2);border-radius:8px;background:var(--card-bg, #fff);color:inherit;cursor:pointer}.asset-pagination button:disabled{opacity:.35;cursor:not-allowed}.modern-asset-row{display:flex;align-items:center;gap:16px;min-height:78px;padding:12px 14px;border:1px solid var(--border-color, #ecdcd2);border-radius:14px;background:var(--card-bg, #ffffff);cursor:pointer;transition:all .15s ease}.modern-asset-row:hover{border-color:#d96528;background:#d9652805;transform:translateY(-1px);box-shadow:0 4px 12px #2d180f0d}.asset-icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.asset-icon-box.video{background:#e11d481a}.asset-icon-box.sheet,.asset-icon-box.link{background:#0596691a}.asset-icon-box.doc{background:#0284c71a}.asset-thumbnail-box{position:relative;width:38px;height:38px;overflow:hidden;flex-shrink:0;border:1px solid rgba(217,101,40,.2);border-radius:10px;background:#2d180f}.asset-thumbnail-box img{display:block;width:100%;height:100%;object-fit:cover}.asset-thumbnail-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#2d180f38;pointer-events:none}.modern-asset-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.modern-asset-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modern-asset-title{min-width:0;flex:1;font-size:1rem;font-weight:750;color:var(--text-primary, #2d180f);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-asset-badge{display:inline-block;flex-shrink:0;font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:999px}.modern-asset-badge.video{background:#d965281f;color:#c7561a}.modern-asset-badge.news{background:#0596691f;color:#059669}.modern-asset-badge.reading{background:#0284c71f;color:#0284c7}.modern-asset-badge.writing{background:#7c3aed1f;color:#7c3aed}.modern-asset-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;color:var(--text-muted, #7c685b)}.modern-asset-progress-col{display:grid;gap:4px;flex-shrink:0;width:154px}.modern-progress-track{width:100%;height:4px;background:#f0e4dc;border-radius:999px;overflow:hidden}.modern-progress-fill{height:100%;background:#d96528;border-radius:999px;transition:width .3s ease}.modern-progress-info{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.modern-progress-detail{overflow:hidden;color:var(--text-muted, #7c685b);font-size:.72rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.modern-progress-pct{flex-shrink:0;font-size:.76rem;font-weight:700;color:#8c7667;width:32px;text-align:right}.modern-asset-actions{position:relative;display:flex;align-items:center;gap:4px;flex-shrink:0}.modern-action-icon{width:30px;height:30px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modern-action-icon:hover{background:#2d180f0f}.modern-action-icon.delete{color:#b94b2a}.modern-action-icon.delete:hover{background:#b94b2a1a;color:#a83f21}.modern-action-icon.group{color:#d96528}.modern-action-icon.group:hover{background:#d965281a;color:#b94b2a}.modern-action-menu-trigger{color:var(--text-muted, #8c7667)}.modern-action-menu-trigger[aria-expanded=true]{background:#d965281a;color:#d96528}.modern-action-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:20;display:grid;min-width:150px;padding:4px;border:1px solid var(--border-color, #e2cfc2);border-radius:10px;background:var(--card-bg, #fff);box-shadow:0 10px 24px #2d180f24}.modern-action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:var(--text-primary, #4b3628);font:inherit;font-size:.76rem;font-weight:650;text-align:left;cursor:pointer}.modern-action-menu button:hover{background:#d9652814;color:#d96528}.modern-action-menu button.delete{color:#b94b2a}.modern-action-menu button.delete:hover{background:#b94b2a1a;color:#9f3d20}.asset-group-overlay{z-index:10000!important}.asset-group-modal{max-width:500px;padding:1.6rem;box-sizing:border-box}.asset-group-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.85rem;border-radius:14px;background:#d965281f;color:#d96528}.asset-group-copy h3{margin:.15rem 0 .45rem;color:var(--text-primary, #2d180f);font-family:Playfair Display,Georgia,serif;font-size:1.35rem}.asset-group-copy p{margin:0;color:var(--text-muted, #7c685b);font-size:.9rem;line-height:1.55}.asset-group-target{display:flex;flex-direction:column;gap:.25rem;margin:1.1rem 0 .9rem;padding:.8rem .9rem;border:1px solid rgba(217,101,40,.18);border-radius:11px;background:#d965280f}.asset-group-target span{color:#c7561a;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.asset-group-target strong{overflow:hidden;color:var(--text-primary, #2d180f);font-size:.92rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.asset-group-list{display:flex;flex-direction:column;gap:.5rem;max-height:220px;margin-top:1rem;overflow-y:auto}.asset-group-option{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.65rem .75rem;border:1px solid var(--border-color, #e2cfc2);border-radius:11px;background:var(--card-bg, #fff);cursor:pointer;transition:border-color .15s ease,background .15s ease}.asset-group-option:hover:not(.disabled){border-color:#d965288c;background:#d965280a}.asset-group-option.disabled{cursor:default;opacity:.72}.asset-group-option input{width:17px;height:17px;accent-color:#d96528;flex-shrink:0}.asset-group-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.asset-group-option-copy strong{overflow:hidden;color:var(--text-primary, #2d180f);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.asset-group-option-copy small{color:var(--text-muted, #8c7667);font-size:.74rem}.asset-group-check{color:#d96528;flex-shrink:0}.asset-group-empty{padding:1rem;border:1px dashed var(--border-color, #e2cfc2);border-radius:11px;color:var(--text-muted, #8c7667);font-size:.84rem;line-height:1.45;text-align:center}.asset-create-group-trigger{display:inline-flex;align-items:center;align-self:flex-start;gap:.4rem;margin-top:.9rem;padding:.45rem 0;border:0;background:transparent;color:#d96528;font-size:.86rem;font-weight:800;cursor:pointer}.asset-create-group-trigger:hover:not(:disabled){color:#b94b2a;text-decoration:underline}.asset-create-group-trigger:disabled{cursor:wait;opacity:.6}.asset-create-group-form{display:flex;gap:.5rem;margin-top:.9rem}.asset-create-group-form input{min-width:0;flex:1;padding:.65rem .75rem;border:1px solid var(--border-color, #d6c3b5);border-radius:9px;background:var(--card-bg, #fff);color:var(--text-primary, #2d180f);font:inherit}.asset-create-group-form input:focus{outline:2px solid rgba(217,101,40,.18);border-color:#d96528}.asset-create-group-submit{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0;min-height:38px;padding:.55rem .8rem;border:1px solid #d96528;border-radius:9px;background:#d96528;color:#fff;font-weight:800;cursor:pointer}.asset-create-group-submit:hover:not(:disabled){background:#b94b2a;border-color:#b94b2a}.asset-create-group-submit:disabled{cursor:wait;opacity:.65}.asset-group-error{margin:.65rem 0 0;color:#b94b2a;font-size:.8rem;line-height:1.4}.asset-group-footer{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.2rem}.asset-group-footer .btn-secondary{min-height:40px;padding:.65rem 1rem;border:1px solid var(--border-color, #d6c3b5);border-radius:10px;background:var(--card-bg, #fff);color:var(--text-primary, #3b2416);cursor:pointer}.asset-delete-overlay{z-index:10001!important}.asset-delete-modal{max-width:460px;padding:1.6rem;box-sizing:border-box}.asset-delete-close{position:absolute;top:.9rem;right:.9rem;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border-color, #e2cfc2);border-radius:50%;background:transparent;color:var(--text-muted, #8c7667);cursor:pointer}.asset-delete-close:hover:not(:disabled){background:#2d180f0f;color:var(--text-primary, #2d180f)}.asset-delete-close:disabled,.asset-delete-confirm:disabled{cursor:wait;opacity:.65}.asset-delete-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.85rem;border-radius:14px;background:#b94b2a1f;color:#b94b2a}.asset-delete-copy .asset-kicker{color:#b94b2a}.asset-delete-copy h3{margin:.15rem 0 .45rem;color:var(--text-primary, #2d180f);font-family:Playfair Display,Georgia,serif;font-size:1.35rem}.asset-delete-copy p{margin:0;color:var(--text-muted, #7c685b);font-size:.9rem;line-height:1.55}.asset-delete-target{display:flex;flex-direction:column;gap:.25rem;margin:1.1rem 0 1.25rem;padding:.8rem .9rem;border:1px solid rgba(185,75,42,.18);border-radius:11px;background:#b94b2a0f}.asset-delete-target span{color:#b94b2a;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.asset-delete-target strong{overflow:hidden;color:var(--text-primary, #2d180f);font-size:.92rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.asset-delete-actions{display:flex;justify-content:flex-end;gap:.65rem}.asset-delete-actions button{min-height:40px;padding:.65rem 1rem;border-radius:10px;font-weight:750}.asset-delete-actions .btn-secondary{border:1px solid var(--border-color, #d6c3b5);background:var(--card-bg, #ffffff);color:var(--text-primary, #3b2416);cursor:pointer}.asset-delete-confirm{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid #b94b2a;background:#b94b2a;color:#fff;cursor:pointer}.asset-delete-confirm:hover:not(:disabled){border-color:#9f3d20;background:#9f3d20}.asset-bottom-action{display:flex;justify-content:center;margin-top:1.2rem;flex:0 0 auto}.btn-view-all-assets{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #d6c3b5);border-radius:10px;padding:8px 24px;font-size:.88rem;font-weight:700;color:var(--text-primary, #3b2416);cursor:pointer;transition:all .15s ease}.btn-view-all-assets:hover{background:#d965280d;border-color:#d96528;color:#d96528}.studio-bottom-tip-banner{background:#fff9f5;border:1px solid rgba(217,101,40,.18);border-radius:16px;padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box}.studio-tip-left{display:flex;align-items:center;gap:12px}.studio-tip-icon-box{width:40px;height:40px;border-radius:12px;background:#d965281f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.studio-tip-text-col{display:flex;flex-direction:column;gap:2px}.studio-tip-text-col strong{font-size:.95rem;font-weight:800;color:var(--text-primary, #2d180f)}.studio-tip-text-col p{font-size:.84rem;color:var(--text-muted, #7c685b);margin:0}.studio-tip-link{display:inline-flex;align-items:center;gap:4px;color:#d96528;font-size:.86rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.studio-tip-link:hover{text-decoration:underline}@media(max-width:768px){.asset-panel{overflow:visible}.asset-list-container{flex:0 0 auto;overflow:visible}.modern-asset-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:8px 12px}.modern-asset-info{grid-column:2;grid-row:1}.modern-asset-progress-col{grid-column:2;grid-row:2;width:100%}.modern-asset-actions{grid-column:3;grid-row:1 / span 2;align-self:center}.asset-delete-actions{flex-direction:column-reverse}.asset-delete-actions button{width:100%}.asset-create-group-form{flex-direction:column}.asset-create-group-submit{width:100%}.studio-bottom-tip-banner{flex-direction:column;align-items:flex-start}}.studio-workspace .asset-library-wrapper{max-width:none;margin-top:0}.studio-workspace .asset-panel{padding:1.1rem 1.35rem 1.25rem;border-color:#e3e8f1;border-radius:16px;box-shadow:0 9px 24px #1e396b0b}.studio-workspace .asset-panel-heading{align-items:center;margin-bottom:.8rem}.studio-workspace .asset-kicker{display:none}.studio-workspace .asset-panel-heading h2{color:#132a60;font-size:1.2rem}.studio-workspace .asset-filter-bar{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.9rem}.studio-workspace .asset-group-filter-section{display:none}.studio-workspace .asset-type-filter-section{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem}.studio-workspace .filter-pill{padding:.33rem .7rem;font-size:.73rem;color:#536b96;border-color:#e0e6f0}.studio-workspace .filter-pill.active{background:#fff2ed;color:#d64b28;border-color:#ffd5c7;box-shadow:none}.studio-workspace .asset-list{gap:0;border-top:1px solid #e9edf4}.studio-workspace .modern-asset-row{min-height:64px;padding:.55rem .75rem;border:0;border-bottom:1px solid #e9edf4;border-radius:0;box-shadow:none}.studio-workspace .modern-asset-row:hover{border-color:#e9edf4;background:#f8faff;transform:none;box-shadow:none}.studio-workspace .asset-thumbnail-box,.studio-workspace .asset-icon-box{width:44px;height:44px;border-radius:8px}.studio-workspace .modern-asset-title{color:#152b61;font-size:.9rem}.studio-workspace .modern-asset-meta{color:#7484a2}.studio-workspace .modern-asset-progress-col{width:180px}@media(max-width:760px){.studio-workspace .asset-panel{padding:1rem}.studio-workspace .asset-filter-bar{align-items:flex-start;flex-direction:column}.studio-workspace .asset-type-filter-section{width:100%}}.tcf-section{margin-top:2rem;margin-bottom:2rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000008;transition:all .2s ease}[data-theme=dreamy-sepia] .tcf-section{background:#fbf9f5;border-color:#eedecb;box-shadow:0 4px 16px #7850280a}.tcf-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.tcf-header-title-group{display:flex;align-items:center;gap:.85rem}.tcf-icon-wrap{width:42px;height:42px;border-radius:12px;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tcf-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tcf-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-primary, #111827)}.tcf-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;background:#f973161f;color:#ea580c;padding:.2rem .55rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em}.tcf-subtitle{font-size:.84rem;color:var(--text-secondary, #6b7280);margin:.2rem 0 0}.tcf-header-actions{display:flex;align-items:center;gap:.5rem}.tcf-action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .85rem;border-radius:10px;font-size:.82rem;font-weight:600;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-surface, #ffffff);color:var(--text-primary, #374151);cursor:pointer;transition:all .15s ease}.tcf-action-btn:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--border-hover, #d1d5db)}.tcf-action-btn.is-active-filter{background:#b453091a;color:var(--accent-primary, #b45309);border-color:#b4530959;font-weight:600}.tcf-action-btn.is-active-filter:hover{background:#b4530929;border-color:var(--accent-primary, #b45309)}.tcf-primary-action{background:var(--accent-primary, #b45309);color:#fff;border-color:transparent}.tcf-primary-action:hover{background:var(--accent-hover, #92400e);color:#fff}.tcf-spin{animation:tcf-spin-keyframes 1s linear infinite}@keyframes tcf-spin-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tcf-pills-row{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.25rem;scrollbar-width:thin}.tcf-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:500;white-space:nowrap;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tcf-pill:hover{border-color:var(--accent-primary, #b45309);color:var(--accent-primary, #b45309)}.tcf-pill.active{background:var(--accent-primary, #b45309);color:#fff;border-color:var(--accent-primary, #b45309);box-shadow:0 2px 8px #b4530933}.tcf-pill-delete-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;border:none;background:transparent;color:inherit;opacity:.55;cursor:pointer;margin-left:.2rem;transition:all .15s ease}.tcf-pill-delete-btn:hover{opacity:1;background:#ef444440;color:#ef4444;transform:scale(1.15)}.tcf-pill-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.tcf-pill-avatar-fallback{width:18px;height:18px;border-radius:50%;background:#0000001a;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.tcf-carousel-container{position:relative;width:100%;display:flex;align-items:center}.tcf-carousel-track{display:flex;gap:1.15rem;overflow-x:auto;padding:.45rem .35rem 1.1rem;width:100%;scrollbar-width:thin;scrollbar-color:rgba(180,83,9,.3) transparent}.tcf-carousel-track::-webkit-scrollbar{height:6px}.tcf-carousel-track::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.tcf-carousel-track::-webkit-scrollbar-track{background:#0000000a;border-radius:9999px;margin:0 1.5rem}.tcf-carousel-track::-webkit-scrollbar-thumb{background:#b4530947;border-radius:9999px}.tcf-carousel-track::-webkit-scrollbar-thumb:hover{background:#b453098c}.tcf-carousel-btn{position:absolute;top:45%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--border-color, #e5e7eb);background:#fffffff0;color:var(--text-primary, #111827);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0000001f;z-index:10;transition:all .15s ease}.tcf-carousel-btn:hover{background:var(--accent-primary, #b45309);color:#fff;border-color:var(--accent-primary, #b45309);transform:translateY(-50%) scale(1.08)}.tcf-carousel-prev{left:-14px}.tcf-carousel-next{right:-14px}.tcf-video-card{flex:0 0 280px;width:280px;min-width:280px;max-width:280px;display:flex;flex-direction:column;background:var(--bg-card, #ffffff);border:1px solid var(--border-card, #eedecb);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tcf-video-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}[data-theme=dreamy-sepia] .tcf-video-card{background:#fff;border-color:#f0e2d3}.tcf-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#1e1e24;cursor:pointer}.tcf-card-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tcf-card-thumb-wrap:hover .tcf-card-thumb{transform:scale(1.04)}.tcf-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.tcf-card-thumb-wrap:hover .tcf-thumb-overlay{opacity:1}.tcf-play-badge{width:40px;height:40px;border-radius:50%;background:#ffffffe6;color:#ef4444;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.tcf-time-badge{position:absolute;top:8px;left:8px;background:#000000bf;color:#fff;font-size:.68rem;padding:.2rem .45rem;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.tcf-duration-badge{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;font-variant-numeric:tabular-nums;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.tcf-short-badge{position:absolute;bottom:8px;right:8px;background:#dc2626e6;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.tcf-card-body{padding:.9rem;display:flex;flex-direction:column;flex:1}.tcf-card-channel-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.tcf-card-channel-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.tcf-card-channel-name{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280)}.tcf-card-title{font-size:.88rem;font-weight:600;color:var(--text-primary, #111827);line-height:1.35;margin:0 0 .6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;flex:1}.tcf-card-title:hover{color:var(--accent-primary, #b45309)}.tcf-card-stats-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem;font-size:.74rem;color:var(--text-secondary, #6b7280);flex-wrap:wrap}.tcf-stat-pill{display:inline-flex;align-items:center;gap:.25rem;font-weight:500}.tcf-stat-dislike{color:var(--text-muted, #9ca3af)}.tcf-card-footer{margin-top:auto;border-top:1px solid var(--border-color, #f3f4f6);padding-top:.7rem}.tcf-learn-now-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;background:#b4530914;color:var(--accent-primary, #b45309);border:1px solid rgba(180,83,9,.2);cursor:pointer;transition:all .15s ease}.tcf-learn-now-btn:hover{background:var(--accent-primary, #b45309);color:#fff;border-color:var(--accent-primary, #b45309)}.tcf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.tcf-modal-box{background:var(--bg-surface, #ffffff);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color, #e5e7eb);animation:tcf-modal-appear .2s ease-out}@keyframes tcf-modal-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tcf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.tcf-modal-title-wrap{display:flex;align-items:center;gap:.6rem}.tcf-modal-title-wrap h3{margin:0;font-size:1.1rem;font-weight:700}.tcf-modal-yt-icon{color:#ef4444}.tcf-modal-close{background:none;border:none;color:var(--text-secondary, #9ca3af);cursor:pointer;padding:.2rem;border-radius:6px}.tcf-modal-close:hover{color:var(--text-primary, #111827);background:var(--bg-hover, #f3f4f6)}.tcf-modal-body{padding:1.5rem}.tcf-modal-desc{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0 0 1rem;line-height:1.4}.tcf-modal-desc code{background:#0000000d;padding:.1rem .35rem;border-radius:4px;font-size:.8rem}.tcf-modal-input-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.tcf-modal-input{flex:1;padding:.6rem .9rem;border-radius:10px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-surface, #ffffff);font-size:.88rem;color:var(--text-primary, #111827);outline:none;transition:border-color .15s ease}.tcf-modal-input:focus{border-color:var(--accent-primary, #b45309);box-shadow:0 0 0 3px #b453091f}.tcf-modal-submit-btn{padding:.6rem 1.1rem;border-radius:10px;background:var(--accent-primary, #b45309);color:#fff;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.tcf-modal-submit-btn:hover:not(:disabled){background:var(--accent-hover, #92400e)}.tcf-modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.tcf-modal-error{font-size:.82rem;color:#dc2626;margin:-.5rem 0 1rem}.tcf-suggestions-section{border-top:1px solid var(--border-color, #e5e7eb);padding-top:1.2rem}.tcf-suggestions-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #6b7280);margin:0 0 .8rem}.tcf-suggestions-list{display:flex;flex-direction:column;gap:.65rem}.tcf-suggestion-card{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:10px;background:var(--bg-hover, #f9fafb);border:1px solid var(--border-color, #e5e7eb)}.tcf-suggestion-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.tcf-suggestion-avatar-fallback{width:38px;height:38px;border-radius:50%;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.tcf-suggestion-info{flex:1;min-width:0}.tcf-suggestion-name{display:block;font-size:.85rem;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcf-suggestion-handle{font-size:.72rem;color:var(--text-secondary, #6b7280)}.tcf-suggestion-desc{font-size:.74rem;color:var(--text-secondary, #9ca3af);margin:.15rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcf-suggestion-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid var(--accent-primary, #b45309);background:transparent;color:var(--accent-primary, #b45309);cursor:pointer;flex-shrink:0;transition:all .15s ease}.tcf-suggestion-btn:hover:not(:disabled){background:var(--accent-primary, #b45309);color:#fff}.tcf-suggestion-btn.is-added{border-color:#10b981;color:#10b981;background:#10b98114;cursor:default}.tcf-loading-horizontal{display:flex;gap:1.15rem;overflow:hidden;padding-bottom:1rem}.tcf-loading-horizontal .tcf-skeleton-card{flex:0 0 280px;width:280px;min-width:280px;height:240px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:tcf-skeleton-pulse 1.5s ease-in-out infinite}.tcf-skeleton-card{height:220px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:tcf-skeleton-pulse 1.5s ease-in-out infinite}@keyframes tcf-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.tcf-empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary, #6b7280);font-size:.9rem}.tcf-sub-btn{margin-top:.75rem;padding:.45rem .9rem;border-radius:8px;background:var(--accent-primary, #b45309);color:#fff;border:none;font-size:.82rem;font-weight:600;cursor:pointer}.tcf-managed-section{border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:1.25rem;margin-bottom:1.25rem}.tcf-managed-title-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #6b7280);margin:0 0 .8rem}.tcf-managed-list{display:flex;flex-direction:column;gap:.55rem;max-height:200px;overflow-y:auto;padding-right:.25rem}.tcf-managed-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;border-radius:10px;background:var(--bg-hover, #f9fafb);border:1px solid var(--border-color, #e5e7eb)}.tcf-managed-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.tcf-managed-avatar-fallback{width:34px;height:34px;border-radius:50%;background:#0000001a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.tcf-managed-info{flex:1;min-width:0}.tcf-managed-name{display:block;font-size:.85rem;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcf-managed-handle{font-size:.72rem;color:var(--text-secondary, #6b7280)}.tcf-managed-remove-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:8px;font-size:.75rem;font-weight:600;color:#dc2626;background:#dc262614;border:1px solid rgba(220,38,38,.2);cursor:pointer;flex-shrink:0;transition:all .15s ease}.tcf-managed-remove-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.tcf-add-section{margin-bottom:1.25rem}.studio-queue-panel{background:var(--card-bg, #ffffff);border:1px solid color-mix(in srgb,#ded4c5 75%,var(--border-color, #e2e8f0));border-radius:20px;padding:1.5rem 1.45rem;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}.sqp-top-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sqp-header-left{display:flex;align-items:center;gap:.65rem}.sqp-header-icon-wrap{width:32px;height:32px;border-radius:8px;background:#fff7ed;border:1px solid #ffedd5;display:flex;align-items:center;justify-content:center;color:#c2410c;flex-shrink:0}.sqp-main-title{font-family:Newsreader,Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:750;color:var(--text-color, #1a1714);margin:0;line-height:1.2;letter-spacing:-.015em}.sqp-main-subtitle{font-size:.8rem;color:var(--text-muted, #786b59);margin:.2rem 0 0}.sqp-settings-btn{background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.sqp-settings-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.sqp-filter-tabs{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.sqp-tab-pill{border:1px solid transparent;background:color-mix(in srgb,#f6efe5 65%,#ffffff);color:var(--text-muted, #64748b);border-radius:999px;padding:.35rem .75rem;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sqp-tab-pill:hover{background:#f1f5f9;color:#1e293b}.sqp-tab-pill.active{background:#fbd8c8;color:#9c4215;border-color:#f8b89d;font-weight:750}.sqp-active-card{background:color-mix(in srgb,#fff9f5 90%,#ffffff);border:1px solid #fed7aa;border-radius:16px;padding:1.15rem 1.25rem;box-shadow:0 2px 10px #c2410c0a;display:flex;flex-direction:column;gap:.85rem;animation:sqpFadeIn .25s ease-out}@keyframes sqpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sqp-active-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sqp-cancel-task-btn{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:999px;background:transparent;color:#94a3b8;cursor:pointer;transition:background .15s ease,color .15s ease}.sqp-cancel-task-btn:hover{background:#fee2e2;color:#dc2626}.sqp-cancel-task-btn:focus-visible{outline:2px solid #fb923c;outline-offset:2px}.sqp-status-badge{display:inline-flex;align-items:center;gap:.35rem;background:#ffedd5;border:1px solid #fed7aa;color:#c2410c;font-size:.74rem;font-weight:750;padding:.2rem .55rem;border-radius:999px}.sqp-spin-icon{animation:sqpSpin 1.2s linear infinite}@keyframes sqpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sqp-active-media-row{display:flex;align-items:center;gap:.75rem}.sqp-thumb-wrap{width:78px;height:48px;border-radius:8px;overflow:hidden;background:#0f172a;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sqp-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.sqp-thumb-placeholder{display:flex;align-items:center;justify-content:center}.sqp-thumb-duration{position:absolute;bottom:3px;right:4px;background:#000c;color:#fff;font-size:.64rem;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1.2}.sqp-thumb-sm{width:58px;height:38px;border-radius:6px}.sqp-active-info{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}.sqp-active-title{font-size:.92rem;font-weight:750;color:var(--text-color, #0f172a);margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqp-skill-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:750;padding:.16rem .5rem;border-radius:5px;border:1px solid transparent;width:fit-content}.sqp-skill-badge-sm{font-size:.66rem;padding:.12rem .4rem}.sqp-progress-row{display:flex;align-items:center;gap:.75rem;margin-top:.2rem}.sqp-progress-track{flex:1;height:6px;background:#fed7aa;border-radius:999px;overflow:hidden;position:relative}.sqp-progress-fill{height:100%;background:linear-gradient(90deg,#d96528,#ea580c);border-radius:999px;transition:width .4s ease-out}.sqp-progress-percent{font-size:.82rem;font-weight:800;color:#b85c2f;min-width:32px;text-align:right}.sqp-progress-row.is-stage-only .sqp-progress-track{background:#e2e8f0}.sqp-progress-row.is-stage-only .sqp-progress-percent{min-width:66px;color:var(--text-muted, #64748b);font-size:.72rem}.sqp-steps-checklist{display:flex;flex-direction:column;gap:.55rem;padding-top:.35rem;border-top:1px dashed #fed7aa}.sqp-step-item{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--text-muted, #64748b);transition:all .2s ease}.sqp-step-bullet{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sqp-check-icon{color:#16a34a}.sqp-active-ring-wrap{display:inline-flex;align-items:center;gap:.2rem}.sqp-play-arrow{color:#ea580c;font-size:.62rem;transform:translate(-1px)}.sqp-pulsing-ring{width:9px;height:9px;border-radius:50%;border:2px solid #ea580c;animation:sqpPulse 1.5s infinite ease-in-out}@keyframes sqpPulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.8}}.sqp-pending-circle{color:#cbd5e1}.sqp-failed-icon{color:#dc2626}.sqp-step-text{line-height:1.35}.sqp-step-text.is-current{color:#9c4215;font-weight:750}.sqp-section-block{display:flex;flex-direction:column;gap:.65rem}.sqp-section-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:750;color:var(--text-color, #1e293b)}.sqp-section-label-completed{color:#16a34a}.sqp-queue-items-list,.sqp-completed-items-list{display:flex;flex-direction:column;gap:.5rem}.sqp-queue-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:.5rem .65rem;display:flex;align-items:center;gap:.55rem;transition:all .15s ease}.sqp-queue-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #00000008}.sqp-drag-handle{color:#94a3b8;cursor:grab;display:flex;align-items:center}.sqp-queue-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.sqp-queue-item-title{font-size:.82rem;font-weight:650;color:var(--text-color, #0f172a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqp-remove-btn{background:transparent;border:none;color:#94a3b8;width:22px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.sqp-remove-btn:hover{background:#fee2e2;color:#dc2626}.sqp-completed-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:.5rem .65rem;display:flex;align-items:center;gap:.55rem;transition:all .15s ease}.sqp-completed-gear-btn{background:transparent;border:none;color:#94a3b8;padding:0;display:flex;align-items:center;cursor:pointer}.sqp-completed-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.sqp-completed-title{font-size:.82rem;font-weight:650;color:var(--text-color, #0f172a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqp-completed-meta-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--text-muted, #64748b)}.sqp-completed-time{white-space:nowrap}.sqp-open-external-btn{background:transparent;border:none;color:#0284c7;padding:2px;display:inline-flex;align-items:center;cursor:pointer;border-radius:4px}.sqp-open-external-btn:hover{background:#e0f2fe}.sqp-more-btn{background:transparent;border:none;color:#94a3b8;padding:2px;display:inline-flex;align-items:center;cursor:pointer}.sqp-empty-state-box{background:color-mix(in srgb,#f6efe5 75%,#ffffff);border:1px dashed color-mix(in srgb,#ded4c5 90%,var(--border-color, #e2e8f0));border-radius:14px;padding:1.65rem 1.25rem;text-align:center}.sqp-empty-state-title{font-size:.92rem;font-weight:750;color:var(--text-color, #1a1714);margin:0 0 .35rem}.sqp-empty-state-desc{font-size:.82rem;color:var(--text-muted, #786b59);line-height:1.5;margin:0}.sqp-footer-tip{background:#fefce8;border:1px solid #fef08a;border-radius:12px;padding:.65rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#854d0e}.sqp-tip-left{display:flex;align-items:center;gap:.35rem}.sqp-bulb{font-size:.95rem}.sqp-tip-action{background:transparent;border:none;color:#b45309;font-weight:750;font-size:.76rem;display:inline-flex;align-items:center;gap:.15rem;cursor:pointer;white-space:nowrap}.sqp-tip-action:hover{text-decoration:underline}.studio-top-grid>.studio-queue-panel{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1.15rem;gap:.9rem;border-color:#e2e8f2;border-radius:16px;box-shadow:0 10px 28px #1f3a6a0e}.studio-top-grid>.studio-queue-panel .sqp-main-title{color:#122c63;font-size:1.18rem}.studio-top-grid>.studio-queue-panel .sqp-main-subtitle{color:#64779c}.studio-top-grid>.studio-queue-panel .sqp-header-icon-wrap{color:#1e62d0;background:#eef5ff;border-color:#d7e7ff}.studio-top-grid>.studio-queue-panel .sqp-tab-pill{flex:1 1 auto;padding-inline:.5rem;text-align:center}.studio-top-grid>.studio-queue-panel .sqp-active-card{padding:.95rem;border-radius:13px}.studio-top-grid>.studio-queue-panel .sqp-footer-tip{display:none}@media(max-width:1080px){.studio-top-grid>.studio-queue-panel{position:static;max-height:none;overflow:visible}}.sqp-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sqp-header-live-badge{display:inline-flex;align-items:center;gap:.35rem;background:#fff1eb;border:1px solid #fbd3c0;color:#c2410c;font-size:.72rem;font-weight:750;padding:.15rem .55rem;border-radius:999px;animation:sqpGlow 2s ease-in-out infinite}.sqp-live-pulse-dot{width:7px;height:7px;border-radius:50%;background:#ea580c;box-shadow:0 0 6px #ea580c;animation:sqpDotBlink 1.2s infinite ease-in-out}@keyframes sqpDotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes sqpGlow{0%,to{box-shadow:0 0 #ea580c00}50%{box-shadow:0 0 8px 1px #ea580c33}}.sqp-upload-complete-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem;border:1px solid #a7f3d0;border-radius:10px;background:#ecfdf5}.sqp-upload-complete-card>div:first-child{min-width:0;display:flex;flex-direction:column;gap:.18rem}.sqp-upload-complete-kicker{display:inline-flex;align-items:center;gap:.3rem;color:#047857;font-size:.72rem;font-weight:750}.sqp-upload-complete-card strong{overflow:hidden;color:#065f46;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.sqp-upload-complete-card small{color:#047857;font-size:.72rem}.sqp-upload-complete-actions{display:inline-flex;align-items:center;gap:.35rem}.sqp-upload-complete-actions button{border:1px solid #6ee7b7;border-radius:6px;background:#fff;color:#047857;cursor:pointer;font-size:.72rem;font-weight:750;padding:.28rem .48rem}.sqp-upload-complete-actions button.is-dismiss{display:grid;place-items:center;padding:.28rem}.sqp-thumb-play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:999px;background:#0f172aad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;box-shadow:0 2px 8px #00000040;transition:all .2s ease}.sqp-thumb-sm .sqp-thumb-play-hint{width:18px;height:18px}.sqp-idle-sparkle-wrap{width:44px;height:44px;border-radius:50%;background:#fff7ed;border:1px solid #ffedd5;color:#ea580c;display:flex;align-items:center;justify-content:center;margin:0 auto .65rem}.sqp-idle-sparkle-icon{animation:sqpSparklePulse 2.5s infinite ease-in-out}@keyframes sqpSparklePulse{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.1) rotate(6deg);opacity:1}}.sqp-idle-create-btn{margin-top:.85rem;background:#c2410c;color:#fff;border:none;border-radius:8px;padding:.45rem .95rem;font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease;box-shadow:0 2px 6px #c2410c33}.sqp-idle-create-btn:hover{background:#9a3412;transform:translateY(-1px)}.asset-completion-notices{position:fixed;bottom:20px;left:20px;width:min(380px,calc(100vw - 40px));z-index:1050;display:grid;gap:10px}.asset-completion-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;color:#174331;background:#f7fff9;border:1px solid #b8ddc8;border-radius:14px;box-shadow:0 6px 25px #172a231a}.asset-completion-notice>svg{flex-shrink:0;margin-top:2px}.asset-completion-notice>div{min-width:0;flex:1}.asset-completion-notice p{margin:5px 0 9px;overflow-wrap:anywhere;font-size:14px}.asset-completion-notice button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:600;padding:4px}.asset-completion-notice button:focus-visible{outline:2px solid #28744b;outline-offset:3px}.asset-notice-close{flex-shrink:0}.sqp-progress-detail{font-size:12px;line-height:1.6;color:#735d50;overflow-wrap:anywhere}.sqp-progress-percent{white-space:nowrap}@media(max-width:600px){.asset-completion-notices{left:12px;bottom:12px;width:calc(100vw - 24px)}.asset-completion-notice{padding:12px}}.vreview{border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem 1.35rem;min-width:0}.vreview-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.vreview-back,.vreview-help{display:inline-flex;align-items:center;gap:.35rem;border:1px solid transparent;background:none;color:var(--text-color);opacity:.7;font-size:.82rem;font-weight:600;padding:.3rem .5rem;border-radius:999px;cursor:pointer;transition:opacity .15s ease,background .15s ease}.vreview-back:hover,.vreview-help:hover{opacity:1;background:#0000000a}.vreview-help{color:var(--accent-color);opacity:.85}.vreview-title{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;font-size:.98rem;color:var(--accent-color)}.vreview-title em{font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.15rem .45rem;border-radius:999px;background:#e951251f;color:var(--accent-color)}.vreview-guide{margin:.85rem 0 0;padding:.75rem .9rem;border-radius:12px;border:1px dashed rgba(233,81,37,.3);background:#e951250d;font-size:.84rem;line-height:1.6;opacity:.9}.vreview-progress{display:flex;align-items:center;gap:.75rem;margin:1rem 0 1.15rem}.vreview-progress-count{font-size:.85rem;font-weight:800;opacity:.7;min-width:3.5rem}.vreview-progress-track{flex:1;height:7px;border-radius:999px;background:var(--border-color);overflow:hidden}.vreview-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f0894f,var(--accent-color));transition:width .3s ease}.vreview-round-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap;border:1px solid var(--border-color)}.vreview-round-chip.is-choice{color:#3d5a80;border-color:#3d5a804d;background:#3d5a8017}.vreview-round-chip.is-written{color:var(--accent-color);border-color:#e951254d;background:#e9512514}.vreview-instruction{margin:0;font-size:.84rem;opacity:.65}.vreview-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:auto}.vreview-choice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border:1.5px solid var(--border-color);border-radius:12px;background:var(--card-bg);color:var(--text-color);font-size:1rem;font-weight:700;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .12s ease}.vreview-choice-shortcut{display:inline-grid;min-width:1.55rem;height:1.55rem;place-items:center;flex:0 0 auto;border:1px solid var(--border-color);border-radius:.4rem;background:#e951250d;color:var(--accent-color);font-family:inherit;font-size:.75rem;font-weight:800;line-height:1}.vreview-choice:hover:not(:disabled){border-color:var(--accent-color);background:#e951250f}.vreview-choice:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.vreview-choices{grid-template-columns:minmax(0,1fr)}}.vreview-body{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:1.1rem;align-items:start}.vreview-card{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-color);padding:1.35rem 1.4rem 1.5rem;min-height:340px;display:flex;flex-direction:column;gap:.85rem}.vreview-tags{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.vreview-tag{font-size:.72rem;font-weight:800;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);opacity:.85}.vreview-tag.is-easy{color:#0f766e;border-color:#0f766e4d;background:#0f766e14}.vreview-tag.is-medium{color:#b45309;border-color:#b453094d;background:#b4530914}.vreview-tag.is-hard{color:#b91c1c;border-color:#b91c1c4d;background:#b91c1c14}.vreview-meaning{margin:.2rem 0 0;font-size:1.22rem;font-weight:700;line-height:1.55}.vreview-source{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.78rem;opacity:.6}.vreview-input{width:100%;padding:.8rem 1rem;border-radius:12px;border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:1rem;font-weight:600;outline:none;transition:border-color .15s ease}.vreview-input:focus{border-color:var(--accent-color)}.vreview-solid-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.3rem;border:none;border-radius:11px;background:var(--accent-color);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}.vreview-solid-btn.is-full{width:100%}.vreview-solid-btn:hover:not(:disabled){filter:brightness(1.06)}.vreview-solid-btn:disabled{opacity:.5;cursor:not-allowed}.vreview-solid-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.vreview-kbd-hint{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;font-family:inherit;background:#ffffff38;border:1px solid rgba(255,255,255,.38);padding:.1rem .4rem;border-radius:5px;line-height:1.2;letter-spacing:.02em}.vreview-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.72rem 1.3rem;border:1px solid var(--border-color);border-radius:11px;background:var(--card-bg);color:var(--text-color);font-size:.9rem;font-weight:700;cursor:pointer}.vreview-ghost-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.vreview-result.is-correct{border-color:#10b98166;background:#10b9810a}.vreview-result.is-wrong{border-color:#ef444466;background:#ef44440a}.vreview-result-head{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:800}.vreview-result.is-correct .vreview-result-head{color:#059669}.vreview-result.is-wrong .vreview-result-head{color:#dc2626}.vreview-answer{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.vreview-answer-label{font-size:.82rem;opacity:.6;font-weight:600}.vreview-answer strong{font-size:1.65rem;font-weight:800}.vreview-ipa{font-size:.88rem;opacity:.6}.vreview-stress{display:inline-flex;align-items:center;min-height:1.6rem;padding:.1rem .5rem;border:1px solid rgba(233,81,37,.26);border-radius:999px;background:#e9512512;color:var(--accent-color);font-size:.76rem;font-weight:800;white-space:nowrap}.vreview-audio{border:none;background:none;color:var(--accent-color);cursor:pointer;padding:.15rem;line-height:1;align-self:center}.vreview-definition{margin:0;font-size:.92rem;line-height:1.65;opacity:.85}.vreview-verdict{margin-top:auto;display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1rem;border-radius:12px;border:1px solid transparent}.vreview-verdict p{margin:0;font-size:.86rem;line-height:1.6}.vreview-verdict.is-correct{border-color:#10b9814d;background:#10b98114;color:#047857}.vreview-verdict.is-wrong{border-color:#ef44444d;background:#ef444414;color:#b91c1c}.vreview-due{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:800}.vreview-result-actions{display:flex;gap:.6rem;flex-wrap:wrap}.vreview-correction{display:grid;gap:.65rem;margin-top:.1rem}.vreview-correction label{color:#9f3a16;font-size:.86rem;font-weight:800}.vreview-correction .vreview-solid-btn{justify-self:start}.vreview-correction-error{margin:-.2rem 0 0;color:#b91c1c;font-size:.82rem;font-weight:700}.vreview-rail{display:flex;flex-direction:column;gap:.85rem;min-width:0}.vreview-rail-card{border:1px solid var(--border-color);border-radius:14px;background:var(--bg-color);padding:.85rem .95rem}.vreview-rail-card h4{display:flex;align-items:center;gap:.35rem;margin:0 0 .65rem;font-size:.82rem;font-weight:800;opacity:.75}.vreview-rail-card dl{margin:0;display:flex;flex-direction:column;gap:.5rem}.vreview-rail-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.82rem}.vreview-rail-card dt{opacity:.6;white-space:nowrap}.vreview-rail-card dd{margin:0;font-weight:700;text-align:right;min-width:0}.vreview-rail-card dd.is-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vreview-rail-card dd.is-accent{color:var(--accent-color)}.vreview-rail-card dd.is-easy{color:#0f766e}.vreview-rail-card dd.is-medium{color:#b45309}.vreview-rail-card dd.is-hard{color:#b91c1c}.vreview-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.vreview-history li{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600}.vreview-history li.is-correct{color:#059669}.vreview-history li.is-wrong{color:#dc2626}.vreview-history-note{margin:.6rem 0 0;font-size:.72rem;line-height:1.55;opacity:.55}.vreview-rail-note{margin:0;font-size:.76rem;line-height:1.6;opacity:.6;padding:0 .2rem}.vreview-summary{text-align:center;padding:2rem 1.5rem 1.75rem}.vreview-summary h2{margin:0 0 .4rem;font-size:1.5rem;font-weight:800}.vreview-summary-sub{margin:0 0 1.5rem;font-size:.92rem;opacity:.7}.vreview-summary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:520px;margin:0 auto 1.35rem}.vreview-summary-stats>div{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .4rem;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-color)}.vreview-summary-stats strong{font-size:1.35rem;font-weight:800;color:var(--accent-color)}.vreview-summary-stats span{font-size:.75rem;opacity:.65}.vreview-summary-note{display:inline-flex;align-items:center;gap:.45rem;margin:0 auto 1.35rem;max-width:520px;font-size:.82rem;line-height:1.6;opacity:.7;text-align:left}.vreview-summary-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}@media(max-width:900px){.vreview-body{grid-template-columns:minmax(0,1fr)}.vreview-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.vreview-result-meanings{display:flex;flex-direction:column;gap:.25rem;margin:.35rem 0 .2rem}.vreview-result-meaning-vi{margin:0;font-size:1.18rem;font-weight:750;color:var(--text-color, #1a0f08)}.vreview-result-def-en{margin:0;font-size:.88rem;line-height:1.55;opacity:.78}.vreview-context-annotation{margin:.5rem 0 .8rem;padding:.75rem .95rem;border-radius:12px;background:var(--accent-light, #fbf4ee);border:1px solid color-mix(in srgb,var(--accent-color, #c2632f) 25%,transparent);box-shadow:0 1px 3px #00000005;text-align:left}.vreview-context-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.vreview-context-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color, #c2632f)}.vreview-context-source-badge{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;background:#0000000d;color:var(--text-color);opacity:.85}.vreview-context-quote{margin:0;font-size:.92rem;line-height:1.6;font-style:italic;color:var(--text-color);opacity:.92}.vreview-word-highlight{background:#fde68a!important;color:#92400e!important;font-weight:700;padding:.1rem .3rem;border-radius:4px;box-shadow:0 0 0 1px #f59e0b4d}.vreview-tag.is-source{background:#0000000d;color:var(--text-color);opacity:.85;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vreview-summary-detail-table{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.25rem;text-align:left;width:100%}.vreview-detail-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.vreview-detail-header h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-color)}.vreview-detail-sub{font-size:.8rem;opacity:.65}.vreview-detail-list{display:flex;flex-direction:column;gap:.65rem;max-height:480px;overflow-y:auto;padding-right:.25rem}.vreview-detail-row{display:grid;grid-template-columns:190px 1fr;gap:1rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--card-bg);transition:border-color .15s ease}.vreview-detail-row.is-clean{border-color:#10b98159;background:#10b98105}.vreview-detail-row.is-shaky{border-color:#ef444459;background:#ef444405}.vreview-detail-col-word{display:flex;flex-direction:column;gap:.35rem}.vreview-detail-word-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.vreview-detail-word-head strong{font-size:1.05rem;font-weight:800}.vreview-detail-audio{border:none;background:none;color:var(--accent-color);cursor:pointer;padding:.1rem;display:inline-flex}.vreview-detail-ipa{font-size:.78rem;opacity:.6}.vreview-detail-badges{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.vreview-status-badge{font-size:.72rem;font-weight:700;padding:.12rem .45rem;border-radius:999px}.vreview-status-badge.is-clean{background:#10b9811f;color:#059669}.vreview-status-badge.is-shaky{background:#ef44441f;color:#dc2626}.vreview-detail-col-content{display:flex;flex-direction:column;gap:.4rem}.vreview-detail-meaning{font-size:.92rem;line-height:1.5}.vreview-detail-meaning strong{color:var(--text-color)}.vreview-detail-def-en{opacity:.75;font-size:.85rem}.vreview-detail-context{padding:.45rem .75rem;border-radius:8px;background:#00000006;border-left:3px solid var(--accent-color);font-size:.85rem}.vreview-detail-context-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--accent-color);margin-bottom:.2rem;display:block}.vreview-detail-quote{margin:0;font-style:italic;line-height:1.55;opacity:.9}.vreview-detail-source{display:block;margin-top:.25rem;font-size:.72rem;opacity:.65}@media(max-width:640px){.vreview-detail-row{grid-template-columns:1fr;gap:.5rem}}.dashboard-page-container{max-width:1360px;margin:0 auto;padding:1.8rem 1.5rem 5rem;color:var(--text-primary, #2d180f);font-family:inherit}.dashboard-layout-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.dashboard-sidebar-left{display:flex;flex-direction:column;gap:16px}.dashboard-sidebar-card{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:18px;padding:1.3rem;box-shadow:0 4px 16px -4px #2d180f0d;text-align:left}.dashboard-sidebar-head h3{font-family:Playfair Display,Georgia,serif;font-size:1.22rem;font-weight:800;color:var(--text-primary, #2d180f);margin:0 0 4px}.dashboard-sidebar-head p{font-size:.82rem;color:var(--text-muted, #7c685b);margin:0 0 1rem}.dashboard-nav-list{display:flex;flex-direction:column;gap:4px}.dashboard-nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-primary, #3b2416);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all .15s ease}.dashboard-nav-item:hover{background:#d965280f;color:var(--brand-primary, #d96528)}.dashboard-nav-item.active{background:#d965281a;color:var(--brand-primary, #d96528);font-weight:700}.dashboard-nav-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:20px}.dashboard-streak-widget{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:18px;padding:1.3rem;box-shadow:0 4px 16px -4px #2d180f0d}.dashboard-streak-widget-title{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#c7561a;margin-bottom:.5rem}.dashboard-streak-days-val{font-family:Playfair Display,Georgia,serif;font-size:1.9rem;font-weight:800;color:#c7561a;line-height:1;margin-bottom:4px}.dashboard-streak-sub{font-size:.8rem;color:var(--text-muted, #7c685b);margin-bottom:1rem;line-height:1.3}.dashboard-streak-days-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.dashboard-day-check-item{display:flex;flex-direction:column;align-items:center;gap:4px}.dashboard-check-circle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;border:1.5px solid var(--border-soft, #d6c3b5);background:transparent;color:transparent;transition:all .15s ease}.dashboard-check-circle.checked{background:#d96528;border-color:#d96528;color:#fff}.dashboard-day-label{font-size:.72rem;font-weight:700;color:var(--text-muted, #8c7667)}.dashboard-day-label.active{color:#d96528}.dashboard-tip-widget{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:18px;padding:1.3rem;position:relative;overflow:hidden;box-shadow:0 4px 16px -4px #2d180f0d}.dashboard-tip-widget-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:800;color:var(--text-primary, #2d180f);margin-bottom:.6rem}.dashboard-tip-widget-text{font-size:.82rem;line-height:1.45;color:var(--text-muted, #7c685b);margin-bottom:.8rem;max-width:190px}.dashboard-tip-learn-more{display:inline-flex;align-items:center;gap:4px;color:#d96528;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer}.dashboard-tip-learn-more:hover{text-decoration:underline}.dashboard-tip-plant-art{position:absolute;right:10px;bottom:10px;font-size:2.2rem;opacity:.85}.dashboard-main-area{display:flex;flex-direction:column;gap:18px;text-align:left}.dashboard-main-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.dashboard-main-header h1{font-family:Playfair Display,Georgia,serif;font-size:2.1rem;font-weight:800;color:var(--text-primary, #2d180f);margin:0 0 4px}.dashboard-main-header p{color:var(--text-muted, #7c685b);font-size:.95rem;margin:0}.dashboard-refresh-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #d6c3b5);padding:8px 16px;border-radius:10px;font-size:.88rem;font-weight:700;color:var(--text-primary, #3b2416);cursor:pointer;transition:all .15s ease}.dashboard-refresh-btn:hover{background:#2d180f0a;border-color:var(--brand-primary, #d96528);color:var(--brand-primary, #d96528)}.dashboard-row-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-status-card{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:16px;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px -4px #2d180f0a}.dashboard-status-card:hover{border-color:var(--brand-primary, #d96528);transform:translateY(-1px);box-shadow:0 8px 24px -4px #d965281f}.dashboard-status-left{display:flex;flex-direction:column;gap:3px}.dashboard-status-kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8c7667}.dashboard-status-title{font-size:1.05rem;font-weight:700;color:var(--text-primary, #2d180f);max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-status-sub{font-size:.84rem;color:var(--text-muted, #7c685b)}.dashboard-status-arrow{color:#9c8374;font-size:1.2rem}.dashboard-action-banner{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:16px;padding:1.1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px -4px #2d180f0a}.dashboard-action-banner:hover{border-color:var(--brand-primary, #d96528);transform:translateY(-1px);box-shadow:0 8px 24px -4px #d965281f}.dashboard-action-left{display:flex;align-items:center;gap:12px}.dashboard-action-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.dashboard-action-icon-box.vocab{background:#d965281a;color:#d96528}.dashboard-action-icon-box.video{background:#e11d481a;color:#e11d48}.dashboard-action-text-col{display:flex;flex-direction:column;gap:2px}.dashboard-action-title{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8c7667}.dashboard-action-sub{font-size:.95rem;font-weight:700;color:var(--text-primary, #2d180f)}.dashboard-stats-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-metric-card{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:16px;padding:1.3rem 1.4rem;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 16px -4px #2d180f0a}.dashboard-metric-top-label{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8c7667}.dashboard-metric-val{font-family:Playfair Display,Georgia,serif;font-size:2.2rem;font-weight:800;color:#c7561a;line-height:1.1}.dashboard-metric-sub{font-size:.82rem;color:var(--text-muted, #7c685b)}.dashboard-quote-banner{background:#d965280a;border:1px solid rgba(217,101,40,.16);border-radius:16px;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-quote-text-area{display:flex;flex-direction:column;gap:4px}.dashboard-quote-main{font-size:.95rem;font-weight:700;color:#c7561a;line-height:1.4}.dashboard-quote-sub{font-size:.84rem;color:var(--text-muted, #7c685b)}.dashboard-quote-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface, #ffffff);border:1px solid rgba(217,101,40,.3);color:#c7561a;padding:8px 16px;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.dashboard-quote-btn:hover{background:#d96528;border-color:#d96528;color:#fff}.dashboard-charts-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-chart-box{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:16px;padding:1.4rem;box-shadow:0 4px 16px -4px #2d180f0a}.dashboard-chart-box-title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8c7667;margin-bottom:1.2rem}.dashboard-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dashboard-chart-heading .dashboard-chart-box-title{margin-bottom:1.2rem}.dashboard-band-filter{min-width:126px;padding:.35rem .55rem;border:1px solid var(--border-soft, #e2cfc2);border-radius:8px;background:var(--bg-surface, #fff);color:var(--text-primary, #2d180f);font:inherit;font-size:.72rem;font-weight:650;outline:none;cursor:pointer}.dashboard-band-filter:focus{border-color:var(--brand-primary, #d96528)}.dash-bar-container{display:flex;align-items:flex-end;justify-content:space-between;height:140px;padding:0 8px 6px;border-bottom:1px solid var(--border-soft, #ecdcd2)}.dash-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.dash-bar-fill{width:22px;background:#d96528;border-radius:5px 5px 0 0;transition:height .3s ease}.dash-bar-day{font-size:.74rem;font-weight:700;color:#8c7667}.dash-line-container{height:140px;position:relative;padding:0 4px}.dash-line-svg{width:100%;height:110px;overflow:visible}.dash-line-dates-row{display:flex;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-soft, #ecdcd2)}.dash-line-date-label{font-size:.72rem;color:#8c7667}.dash-chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:120px;color:#8c7667;padding:1rem}.dash-chart-empty-state p{margin:0 0 4px;font-size:.88rem;font-weight:600;color:var(--text-primary, #2d180f)}.dash-chart-empty-state small{font-size:.78rem;opacity:.8}.dashboard-mastery-card-full{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:16px;padding:1.4rem 1.6rem;box-shadow:0 4px 16px -4px #2d180f0a;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s ease}.dashboard-mastery-card-full:hover{border-color:var(--brand-primary, #d96528)}.dashboard-mastery-content-left{display:flex;flex-direction:column;gap:12px;flex:1}.dashboard-mastery-score{display:flex;align-items:baseline;gap:.8rem}.dashboard-mastery-score span{color:var(--brand-primary, #d96528);font-size:clamp(2rem,5vw,3rem);font-weight:850;letter-spacing:-.06em;line-height:1}.dashboard-mastery-score small{color:var(--text-muted, #7c685b);font-size:.8rem}.dashboard-mastery-donut-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.dashboard-donut-wrap{width:90px;height:90px;position:relative;display:flex;align-items:center;justify-content:center}.dashboard-donut-svg{transform:rotate(-90deg)}.dashboard-donut-center-text{position:absolute;text-align:center}.dashboard-donut-number{font-weight:800;font-size:1.15rem;color:var(--text-primary, #2d180f);line-height:1}.dashboard-donut-unit{font-size:.72rem;color:var(--text-muted, #7c685b)}.dashboard-mastery-legend-col{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600}.dashboard-legend-item{display:flex;align-items:center;gap:8px}.dashboard-legend-dot{width:9px;height:9px;border-radius:50%}.dashboard-legend-dot.unlearned{background:#d1d5db}.dashboard-legend-dot.learning{background:#f59e0b}.dashboard-legend-dot.mastered{background:#10b981}@media(max-width:1040px){.dashboard-layout-grid{grid-template-columns:1fr}}@media(max-width:720px){.dashboard-row-two-cards,.dashboard-stats-three-grid,.dashboard-charts-two-grid{grid-template-columns:1fr}}.vocab-studio-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.15rem;align-items:start;width:100%;max-width:1140px;margin:0 auto}.vocab-studio-layout.with-rail{grid-template-columns:240px minmax(0,1fr) 220px}.vocab-rail-placeholder{min-width:0;min-height:1px}.vocab-sidebar{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.vocab-sidebar-panel,.vocab-tip-panel{border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);box-shadow:var(--shadow-sm);padding:1rem}.vocab-sidebar-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem}.vocab-sidebar-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--accent-light);color:var(--accent-color)}.vocab-sidebar-header h3{margin:0;font-size:.95rem;letter-spacing:-.015em}.vocab-sidebar-header span{font-size:.72rem;color:var(--text-muted)}.vocab-share-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .7rem;border-radius:10px;border:1px dashed color-mix(in srgb,var(--accent-color) 45%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 6%,transparent);color:var(--accent-color);font-size:.78rem;font-weight:650;cursor:pointer;transition:background .18s ease,border-color .18s ease}.vocab-share-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-style:solid}.vocab-share-btn:disabled{opacity:.45;cursor:not-allowed}.vocab-search-box{position:relative;display:flex;align-items:center;margin:.75rem 0 1rem}.vocab-search-box .search-icon{position:absolute;left:.65rem;color:var(--text-muted);pointer-events:none}.vocab-search-box input{width:100%;padding:.5rem 1.8rem .5rem 2rem;border-radius:10px;border:1px solid var(--border-color);background:var(--secondary-bg);color:var(--text-color);font-size:.8rem;outline:none;transition:border-color .18s ease}.vocab-search-box input:focus{border-color:var(--accent-color)}.search-clear-btn{position:absolute;right:.5rem;display:grid;place-items:center;width:18px;height:18px;border:none;border-radius:50%;background:var(--border-color);color:var(--text-muted);cursor:pointer}.date-list-title{font-size:.63rem;font-weight:750;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}.vocab-date-list{display:flex;flex-direction:column;height:244px;gap:.2rem}.vocab-date-page{display:grid;flex:1;align-content:start;gap:.2rem}.vocab-date-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:27px;color:var(--text-muted);font-size:.7rem;font-weight:700}.vocab-date-pagination button{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--border-color);border-radius:7px;background:var(--card-bg);color:var(--text-color);cursor:pointer}.vocab-date-pagination button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.vocab-date-pagination button:disabled{cursor:not-allowed;opacity:.35}.date-filter-item{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-color);font-size:.8rem;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease;overflow:hidden}.date-filter-item:hover{background:var(--secondary-bg)}.date-filter-item.active{background:var(--accent-light);border-color:color-mix(in srgb,var(--accent-color) 35%,transparent);color:var(--accent-color);font-weight:650}.date-filter-label{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-width:0;overflow:hidden}.date-filter-label>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-filter-item svg{flex-shrink:0;opacity:.75}.count-pill{flex-shrink:0;padding:.1rem .45rem;border-radius:999px;background:var(--secondary-bg);color:var(--text-muted);font-size:.66rem;font-weight:650}.date-filter-item.active .count-pill{background:color-mix(in srgb,var(--accent-color) 18%,transparent);color:var(--accent-color)}.date-filter-stats{display:inline-flex;align-items:baseline;gap:.3rem;flex:0 0 auto;white-space:nowrap}.date-filter-stats strong{color:var(--accent-color);font-size:.72rem;font-weight:800}.date-filter-stats small{color:var(--text-muted);font-size:.62rem;font-weight:650}.date-filter-item.active .date-filter-stats small{color:var(--accent-color)}.vocab-tip-panel{background:linear-gradient(160deg,color-mix(in srgb,var(--accent-color) 8%,var(--card-bg)),var(--card-bg))}.tip-heading{display:flex;align-items:center;gap:.4rem;color:var(--accent-color);font-size:.82rem;margin-bottom:.45rem}.vocab-tip-panel p{margin:0 0 .85rem;font-size:.74rem;line-height:1.55;color:var(--text-muted)}.tip-streak{display:inline-flex;align-items:center;gap:.35rem;color:#e8590c;font-size:.76rem;font-weight:700;margin-bottom:.6rem}.tip-dots{display:flex;justify-content:space-between;gap:.2rem}.tip-dot-col{display:grid;justify-items:center;gap:.28rem}.tip-dot{width:9px;height:9px;border-radius:50%;background:var(--border-color)}.tip-dot.on{background:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 16%,transparent)}.tip-dot.future{opacity:.4}.tip-dot-col small{font-size:.58rem;color:var(--text-muted)}.vocab-main-arena{min-width:0;min-height:560px;display:flex;flex-direction:column;gap:1rem}.spin-icon{animation:vocabSpin 1.1s linear infinite}@keyframes vocabSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.date-filter-item.is-loading{opacity:.85}.date-filter-loading-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-color);animation:vocabSpin 1.1s linear infinite}.vset-hero-loading-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 14%,transparent);color:var(--accent-color);font-size:.72rem;font-weight:650;letter-spacing:.01em}.vocab-stage-container{position:relative;width:100%}.vocab-stage.is-switching{opacity:.65;pointer-events:none}.vocab-stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:color-mix(in srgb,var(--card-bg) 75%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:18px;color:var(--accent-color);font-weight:650;font-size:.88rem;animation:vocabFadeIn .2s ease}@keyframes vocabFadeIn{0%{opacity:0}to{opacity:1}}.vset-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.15rem 1.4rem;border:1px solid var(--border-color);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent-color) 10%,var(--card-bg)),var(--card-bg) 70%);box-shadow:var(--shadow-sm)}.vset-hero-copy{display:flex;align-items:flex-start;gap:.85rem;flex:1 1 320px;min-width:0}.vset-hero-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--accent-color);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--accent-color) 32%,transparent)}.vset-hero-text{min-width:0}.vset-eyebrow{font-size:.63rem;font-weight:750;letter-spacing:.11em;color:var(--text-muted)}.vset-title{display:flex;align-items:center;gap:.45rem;margin:.15rem 0 .35rem;font-size:1.3rem;font-weight:800;letter-spacing:-.025em}.vset-title svg{color:var(--accent-color);flex-shrink:0}.vset-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}.vset-dot{opacity:.5}.vset-progress-label.done{color:#10b981;font-weight:650}.vset-progress-track{width:min(100%,380px);height:6px;margin-top:.6rem;border-radius:999px;background:var(--border-color);overflow:hidden}.vset-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-color),#10b981);transition:width .4s ease}.vset-hero-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.vocab-review-guide{display:flex;gap:.8rem;margin:.85rem 0;padding:.95rem 1rem;border:1px solid color-mix(in srgb,var(--accent-color) 26%,var(--border-color));border-radius:15px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent-color) 11%,var(--card-bg)),var(--card-bg));box-shadow:var(--shadow-sm)}.vocab-review-guide-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:var(--accent-color);color:#fff}.vocab-review-guide-content{min-width:0;flex:1}.vocab-review-guide-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.vocab-review-guide-heading span{display:block;color:var(--accent-color);font-size:.62rem;font-weight:800;letter-spacing:.1em}.vocab-review-guide-heading h3{margin:.08rem 0 0;font-size:.95rem;letter-spacing:-.015em}.vocab-review-guide-close{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-muted);cursor:pointer}.vocab-review-guide-close:hover{color:var(--accent-color);border-color:var(--accent-color)}.vocab-review-guide p{margin:.45rem 0 .65rem;color:var(--text-muted);font-size:.8rem;line-height:1.5}.vocab-review-guide-steps{display:flex;flex-wrap:wrap;gap:.4rem}.vocab-review-guide-steps span{padding:.28rem .5rem;border-radius:7px;background:color-mix(in srgb,var(--accent-color) 8%,var(--secondary-bg));color:var(--text-color);font-size:.72rem;font-weight:650}.vocab-review-guide-dismiss{margin-top:.7rem;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:.74rem;text-decoration:underline;cursor:pointer}.vocab-review-guide-dismiss:hover{color:var(--accent-color)}.vset-primary-btn,.vset-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.15rem;border-radius:12px;font-size:.86rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.vset-primary-btn{border:none;background:linear-gradient(120deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent-color) 30%,transparent)}.vset-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in srgb,var(--accent-color) 38%,transparent)}.vset-primary-btn.is-copied{background:#10b981;box-shadow:none}.vset-ghost-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color)}.vset-ghost-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.vset-ghost-btn.full{width:100%}.vset-primary-btn:disabled,.vset-ghost-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.vocab-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.vocab-mode-tabs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mode-tab-btn{display:inline-flex;align-items:center;gap:.42rem;padding:.52rem .95rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted);font-size:.83rem;font-weight:650;cursor:pointer;transition:all .18s ease}.mode-tab-btn:hover:not(.active){color:var(--text-color);border-color:var(--accent-color)}.mode-tab-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color) 30%,transparent)}.tab-new-badge{padding:.05rem .38rem;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--accent-color);font-size:.6rem;font-weight:750;letter-spacing:.02em}.mode-tab-btn.active .tab-new-badge{background:#ffffff40;color:#fff}.autoread-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font-size:.76rem;cursor:pointer}.vocab-source-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#d965280a;border:1px solid rgba(217,101,40,.12);border-radius:12px;margin-top:.25rem}.source-filter-label{font-size:.78rem;font-weight:700;color:var(--text-muted, #7c685b);margin-right:2px}.source-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:650;border:1px solid var(--border-color, #d6c3b5);background:var(--card-bg, #ffffff);color:var(--text-primary, #4b3628);cursor:pointer;transition:all .15s ease}.source-pill:hover{border-color:var(--brand-primary, #d96528);color:var(--brand-primary, #d96528)}.source-pill.active{background:var(--brand-primary, #d96528);border-color:var(--brand-primary, #d96528);color:#fff;box-shadow:0 2px 6px #d9652840}.source-asset-select{padding:4px 10px;border-radius:8px;border:1px solid var(--border-color, #d6c3b5);background:var(--card-bg, #ffffff);font-size:.78rem;font-weight:600;color:var(--text-primary, #2d180f);outline:none;cursor:pointer;max-width:240px}.autoread-label{font-weight:600}.autoread-switch{width:32px;height:18px;flex-shrink:0;border-radius:999px;background:var(--border-color);position:relative;transition:background .18s ease}.autoread-switch i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s ease}.autoread-switch.on{background:var(--accent-color)}.autoread-switch.on i{transform:translate(14px)}.autoread-state{font-weight:700;color:var(--text-color)}.vocab-stage{position:relative;border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-sm);padding:1.15rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:680px;min-height:480px;margin:0 auto;transition:opacity .2s ease}.vcard-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.vcard-counter{padding:.22rem .7rem;border-radius:999px;background:var(--accent-light);color:var(--accent-color);font-size:.78rem;font-weight:650}.vcard-toolbar-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.vcard-toolbar-actions button{display:inline-flex;align-items:center;gap:.32rem;padding:.28rem .65rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .16s ease}.vcard-toolbar-actions button:hover{color:var(--accent-color);border-color:var(--border-color)}.vcard-progress{width:100%;height:5px;border-radius:999px;background:var(--border-color);overflow:hidden}.vcard-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 45%,#f59e0b));transition:width .25s ease}.vcard{width:100%;max-width:580px;height:clamp(340px,28vw,390px);min-height:340px;perspective:1600px;cursor:pointer;margin:0 auto}.vcard-inner{position:relative;width:100%;height:100%;min-height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1)}.vcard.flipped .vcard-inner{transform:rotateY(180deg)}.vcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;padding:1.1rem 1.35rem 1.35rem;border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-md);min-height:0}.vcard-face:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 20%,transparent))}.vcard-back{transform:rotateY(180deg);align-items:center;justify-content:center;text-align:center}.vcard-topbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.5rem}.vcard-badges{display:inline-flex;align-items:center;gap:.4rem}.vcard-pos{padding:.15rem .5rem;border-radius:6px;background:var(--accent-light);color:var(--accent-color);font-size:.62rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.vcard-date{font-size:.68rem;color:var(--text-muted)}.vcard-topbar-right{display:inline-flex;align-items:center;gap:.35rem}.vcard-mastery{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .5rem;border-radius:999px;font-size:.66rem;font-weight:700;background:var(--secondary-bg);color:var(--text-muted)}.vcard-mastery.level-1{background:#f59e0b24;color:#b45309}.vcard-mastery.level-2{background:#10b98124;color:#0f8a63}.vcard-menu-wrap{position:relative}.vcard-menu-btn{display:grid;place-items:center;width:26px;height:26px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.vcard-menu-btn:hover{background:var(--secondary-bg);color:var(--text-color)}.vcard-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:178px;padding:.3rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);box-shadow:var(--shadow-lg)}.vcard-menu button{width:100%;display:flex;align-items:center;gap:.45rem;padding:.45rem .55rem;border:none;border-radius:8px;background:transparent;color:var(--text-color);font-size:.78rem;text-align:left;cursor:pointer}.vcard-menu button:hover{background:var(--secondary-bg)}.vcard-menu button.active{color:var(--accent-color);font-weight:700}.vcard-menu button.danger{color:#dc2626}.vcard-menu-sep{height:1px;margin:.25rem 0;background:var(--border-color)}.vcard-headline{text-align:center;margin:.6rem 0 1rem}.vcard-word{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;word-break:break-word}.vcard-ipa{display:inline-flex;align-items:center;gap:.35rem;margin:.35rem 0 0;color:var(--text-muted);font-size:.92rem}.vcard-ipa button{display:grid;place-items:center;border:none;background:transparent;color:var(--accent-color);cursor:pointer}.vcard-audio-row{display:flex;justify-content:center;gap:.5rem;margin-top:.7rem}.vcard-audio-row button{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border:1px solid var(--border-color);border-radius:999px;background:var(--secondary-bg);color:var(--text-color);font-size:.75rem;font-weight:650;cursor:pointer;transition:all .16s ease}.vcard-audio-row button:hover{border-color:var(--accent-color);color:var(--accent-color)}.vcard-audio-row small{color:var(--text-muted);font-weight:600}.vcard-sense{display:flex;gap:.6rem;margin-bottom:.85rem}.vcard-sense-index{width:20px;height:20px;flex-shrink:0;margin-top:.1rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-light);color:var(--accent-color);font-size:.66rem;font-weight:750}.vcard-def-en{margin:0;font-size:.92rem;line-height:1.55}.vcard-def-vi{margin:.2rem 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.5}.vcard-example{display:flex;align-items:flex-start;gap:.6rem;padding:.8rem .9rem;border:1px solid var(--border-color);border-radius:12px;background:var(--secondary-bg)}.vcard-example-audio,.vcard-example-more{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:none;border-radius:8px;background:transparent;color:var(--accent-color);cursor:pointer}.vcard-example-more{margin-left:auto;background:color-mix(in srgb,var(--accent-color) 12%,transparent)}.vcard-example-more:disabled{opacity:.5;cursor:progress}.vcard-example-body{min-width:0;flex:1}.vcard-example-body p{margin:0;font-size:.86rem;line-height:1.5}.vcard-example-vi{margin-top:.25rem!important;color:var(--text-muted);font-size:.8rem!important}.vcard-flip-hint{margin-top:auto;padding-top:.9rem;display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--text-muted);font-size:.73rem}.vcard-back-eyebrow{font-size:.63rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-color)}.vcard-meaning{margin:.6rem 0 0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;letter-spacing:-.02em;line-height:1.3}.vcard-back.centered-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.vcard-back-centered-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-height:100%;padding:.75rem .8rem;box-sizing:border-box}.vcard-meaning-centered{margin:.35rem 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;color:var(--accent-color, #ee5e2b);letter-spacing:-.02em;line-height:1.22;overflow-wrap:anywhere}.vcard-def-centered{margin:.3rem auto 0;font-size:.88rem;color:var(--text-muted);font-style:italic;line-height:1.35;max-width:480px}.vcard-back.context-layout{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;text-align:left}.vcard-back-context-inner{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.vcard-back-top-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.vcard-source-tag{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:6px;background:#d965281f;color:var(--accent-color, #ee5e2b);display:inline-flex;align-items:center;gap:4px}.vcard-meaning-group{margin-bottom:.4rem}.vcard-meaning-brief{margin:.2rem 0 .15rem;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:800;color:var(--accent-color, #ee5e2b);letter-spacing:-.01em}.vcard-back-def-en{margin:.15rem 0 .4rem;font-size:.85rem;color:var(--text-muted);font-style:italic;line-height:1.4}.vcard-context-interactive{margin:.4rem 0 .6rem;padding:.75rem .95rem;border-radius:12px;background:var(--secondary-bg, #fdfaf6);border:1.5px solid var(--border-color, #ebdcd0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.4rem;-webkit-user-select:none;user-select:none}.vcard-context-interactive:hover{border-color:var(--accent-color, #ee5e2b);background:#ee5e2b0a;transform:translateY(-2px);box-shadow:0 4px 14px #ee5e2b1f}.vcard-context-header{display:flex;align-items:center;justify-content:space-between}.vcard-context-header-label{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.vcard-open-tab-hint{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--accent-color, #ee5e2b);background:#ee5e2b1a;padding:2px 6px;border-radius:5px;transition:all .15s ease}.vcard-context-interactive:hover .vcard-open-tab-hint{background:var(--accent-color, #ee5e2b);color:#fff}.vcard-context-quote{margin:0;font-size:.88rem;font-style:italic;color:var(--text-primary, #2d180f);line-height:1.5}.vcard-context{margin-top:1rem;padding:.8rem 1rem;border-radius:12px;background:var(--secondary-bg);max-width:460px}.vcard-context span{display:block;margin-bottom:.25rem;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.vcard-context p{margin:0;font-size:.86rem;font-style:italic;line-height:1.55}.vcard-nav{width:100%;max-width:580px;margin:.4rem auto 0;display:flex;justify-content:center;gap:.75rem}.vcard-nav button{flex:1;max-width:280px;padding:.7rem 1rem;border-radius:12px;font-size:.84rem}.vocab-rail{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.rail-section{padding:.9rem;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);box-shadow:var(--shadow-sm)}.rail-title{margin:0 0 .6rem;font-size:.62rem;font-weight:750;letter-spacing:.11em;color:var(--accent-color)}.rail-accent-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.rail-accent-tag{flex-shrink:0;padding:.08rem .35rem;border-radius:5px;background:var(--secondary-bg);color:var(--text-muted);font-size:.6rem;font-weight:750}.rail-ipa{flex:1;min-width:0;font-size:.75rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-speak-btn{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:none;border-radius:7px;background:var(--accent-light);color:var(--accent-color);cursor:pointer}.rail-speak-btn:hover{background:color-mix(in srgb,var(--accent-color) 20%,transparent)}.rail-waveform{display:flex;align-items:center;gap:2px;height:34px;margin:.65rem 0}.rail-waveform span{flex:1;min-width:2px;border-radius:999px;background:linear-gradient(180deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 35%,transparent));opacity:.65}.rail-slow-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem;border:1px solid var(--border-color);border-radius:9px;background:var(--secondary-bg);color:var(--text-color);font-size:.74rem;font-weight:650;cursor:pointer}.rail-slow-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.rail-chips{display:flex;flex-wrap:wrap;gap:.3rem}.rail-chip{padding:.2rem .55rem;border-radius:999px;background:var(--accent-light);color:var(--accent-color);font-size:.7rem;font-weight:620}.rail-chip.subtle{background:var(--secondary-bg);color:var(--text-muted)}.rail-list{margin:0;padding-left:1rem;display:grid;gap:.25rem}.rail-list li{font-size:.73rem;line-height:1.45;color:var(--text-color)}.rail-more-btn{display:inline-flex;align-items:center;gap:.15rem;margin-top:.5rem;padding:0;border:none;background:transparent;color:var(--accent-color);font-size:.7rem;font-weight:650;cursor:pointer}.rail-empty{margin:0;font-size:.72rem;color:var(--text-muted);line-height:1.5}.rail-skeleton{height:10px;margin-bottom:.5rem;border-radius:999px;background:var(--secondary-bg);animation:rail-pulse 1.4s ease-in-out infinite}.rail-skeleton.short{width:60%}@keyframes rail-pulse{0%,to{opacity:1}50%{opacity:.45}}.vocab-loading-state,.vocab-empty-state,.quick-drill-empty{padding:2.75rem 1.5rem;text-align:center;border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);width:100%;max-width:680px;margin:1rem auto}.vocab-empty-state h3,.quick-drill-empty h3{margin:.75rem 0 .4rem;font-size:1.15rem}.vocab-empty-state p,.quick-drill-empty p{margin:0 auto;max-width:460px;color:var(--text-muted);font-size:.88rem;line-height:1.6}.quick-drill-empty .vset-primary-btn{margin-top:1.25rem}.vocab-main-arena .empty-icon{color:var(--accent-color);opacity:.75}.vocab-modal-card .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.vocab-modal-card .modal-header-lead{display:flex;align-items:center;gap:.65rem}.vocab-modal-card .modal-header-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--accent-light);color:var(--accent-color)}.vocab-modal-card .modal-header-icon.warn{background:#f59e0b29;color:#d97706}.vocab-modal-card .modal-header h3{margin:0;font-size:1.12rem;font-weight:800}.vocab-modal-card .modal-header-sub{font-size:.78rem;color:var(--text-muted)}.vocab-modal-card .modal-header-sub.warn{color:#d97706;font-weight:650}.vocab-modal-card .modal-note{padding:1.1rem;margin-bottom:1.25rem;border:1px solid var(--border-color);border-radius:14px;background:var(--secondary-bg)}.vocab-modal-card .modal-note.warn{border-color:#f59e0b4d;background:#f59e0b14}.vocab-modal-card .modal-note p{margin:0;font-size:.87rem;line-height:1.55}.vocab-modal-card .modal-note-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;font-size:.84rem;font-weight:650}.vocab-modal-card .modal-note-pill{padding:.15rem .6rem;border-radius:999px;background:#fef3c7;color:#b45309;font-size:.76rem;font-weight:800}.vocab-modal-card .modal-stack{display:grid;gap:.6rem}.vocab-modal-card .modal-text-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem;border:none;background:transparent;color:var(--text-muted);font-size:.83rem;cursor:pointer}.vocab-modal-card .modal-text-btn:hover{color:var(--accent-color)}.vocab-modal-card .share-link-row{display:flex;gap:.5rem;margin-top:.85rem}.vocab-modal-card .share-link-row input{flex:1;min-width:0;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-color);font-size:.82rem;outline:none}.vocab-modal-card .share-link-row .vset-primary-btn{white-space:nowrap;padding:.6rem 1rem}.vocab-modal-card .share-link-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem;font-size:.75rem;color:var(--text-muted)}.vocab-modal-card .share-link-meta a{display:inline-flex;align-items:center;gap:3px;color:var(--accent-color);font-weight:650;text-decoration:none}@media(max-width:1180px){.vocab-studio-layout.with-rail{grid-template-columns:230px minmax(0,1fr)}.vocab-rail,.vocab-rail-placeholder{position:static;grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media(max-width:860px){.vocab-studio-layout,.vocab-studio-layout.with-rail{grid-template-columns:1fr}.vocab-rail-placeholder{display:none}.vocab-sidebar{position:static}.vocab-date-list{max-height:240px;overflow-y:auto}.vset-hero-actions{width:100%}.vset-hero-actions .vset-primary-btn{flex:1}.vcard,.vcard-inner{min-height:460px}.vcard-nav{grid-template-columns:1fr}}.dictionary-model-selector{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid rgba(213,184,165,.62);border-radius:10px;background:#fffaf6db;color:#72594b;font-size:.75rem}.dictionary-model-selector-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:700}.dictionary-model-selector-options{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:8px;background:#f2e8e0}.dictionary-model-selector-options button{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:3px 8px;border:0;border-radius:6px;background:transparent;color:#765b4c;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.dictionary-model-selector-options button:hover{color:#a9481d}.dictionary-model-selector-options button.active{background:#fff;color:#b34e1f;box-shadow:0 1px 3px #68391f24}@media(max-width:520px){.dictionary-model-selector{align-items:flex-start;flex-direction:column}.dictionary-model-selector-options{width:100%}.dictionary-model-selector-options button{flex:1;justify-content:center}}.dict-page-wrapper{max-width:1040px;margin:0 auto;padding:1.2rem 1rem 4rem;color:var(--text-primary, #2d180f);font-family:inherit}.dict-top-search-section{max-width:680px;margin:0 auto 1.5rem;text-align:center;position:relative}.dict-results-region{position:relative;transition:height .18s ease}.dict-results-region.is-loading{overflow:hidden}.dict-results-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:.65rem;background:color-mix(in srgb,var(--page-bg, #fdfaf7) 86%,transparent);color:var(--brand-primary, #d96528);font-size:.92rem;font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dict-results-loading-spinner{width:22px;height:22px;border:2px solid color-mix(in srgb,var(--brand-primary, #d96528) 24%,transparent);border-top-color:var(--brand-primary, #d96528);border-radius:50%;animation:dict-results-spin .75s linear infinite}@keyframes dict-results-spin{to{transform:rotate(360deg)}}.dict-search-bar-unified{display:flex;align-items:center;background:var(--bg-surface, #ffffff);border:1.5px solid var(--border-soft, #e2cfc2);border-radius:12px;padding:3px 5px 3px 12px;box-shadow:0 4px 16px -4px #2d180f0f;transition:all .25s ease;position:relative}.dict-search-bar-unified:focus-within{border-color:var(--brand-primary, #d96528);box-shadow:0 6px 20px -4px #d965282e}.dict-search-icon-inside{color:#9c8374;margin-right:8px;flex-shrink:0}.dict-unified-input{flex:1;border:none;background:transparent;font-size:.98rem;font-weight:600;color:var(--text-primary, #2d180f);outline:none;padding:6px 0;min-width:120px}.dict-unified-input::placeholder{color:var(--text-muted, #a39083);font-weight:400}.dict-unified-submit-btn{display:inline-flex;align-items:center;gap:5px;background:var(--brand-primary, #d96528);color:#fff;border:none;padding:8px 18px;border-radius:9px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dict-unified-submit-btn:hover{background:#c5531b;transform:translateY(-1px);box-shadow:0 4px 12px #d9652847}.dict-suggestions-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-surface, #ffffff);border:1.5px solid var(--border-soft, #e2cfc2);border-radius:12px;box-shadow:0 10px 30px -6px #2d180f29;z-index:100;overflow:hidden;text-align:left}.dict-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid rgba(45,24,15,.05)}.dict-suggestion-item:last-child{border-bottom:none}.dict-suggestion-item.active,.dict-suggestion-item:hover{background:#d9652814}.dict-sugg-word{font-weight:700;font-size:.92rem;color:var(--text-primary, #2d180f)}.dict-sugg-pos{font-size:.74rem;font-style:italic;color:#c7561a;background:#d965281a;padding:1px 5px;border-radius:4px;margin-left:6px}.dict-sugg-meaning{font-size:.8rem;color:var(--text-muted, #7c685b);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-recent-searches-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:.75rem;min-height:28px;font-size:.82rem}.dict-recent-label{color:var(--text-muted, #7c685b);font-weight:600;margin-right:2px}.dict-recent-pill{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);color:var(--text-primary, #3b2416);padding:2px 10px;border-radius:14px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dict-recent-pill:hover{background:var(--brand-primary, #d96528);border-color:var(--brand-primary, #d96528);color:#fff;transform:translateY(-1px)}.dict-clear-history-link{background:none;border:none;color:#d96528;font-size:.78rem;font-weight:600;text-decoration:underline;cursor:pointer;margin-left:4px;padding:0}.dict-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;margin-top:1.2rem;align-items:start;min-height:340px}.dict-primary-card{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:14px;padding:1.35rem 1.5rem;box-shadow:0 4px 20px -4px #2d180f0d;text-align:left;min-height:340px;box-sizing:border-box}.dict-word-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.dict-word-head-left{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.dict-word-title-large{font-family:Playfair Display,Georgia,serif;font-size:1.85rem;font-weight:800;color:var(--text-primary, #2d180f);margin:0;line-height:1.15;letter-spacing:-.3px}.dict-cefr-tag{display:inline-flex;align-items:center;justify-content:center;background:#0284c7;color:#fff;font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:.4px}.dict-bookmark-btn{background:#2d180f0a;border:1px solid var(--border-soft, #ecdcd2);min-width:34px;height:34px;border-radius:8px;color:#70584b;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;flex-shrink:0;font-size:.76rem;font-weight:800;cursor:pointer;transition:all .18s ease}.dict-bookmark-btn:hover:not(:disabled){background:#eedfd5;color:var(--brand-primary, #d96528);transform:scale(1.06)}.dict-bookmark-btn.saved{background:#10b981;border-color:#10b981;color:#fff}.dict-bookmark-btn.saving,.dict-bookmark-btn:disabled{cursor:wait;opacity:.88}.dict-bookmark-btn.saving{background:#d965281f;border-color:#d9652859;color:var(--brand-primary, #d96528)}.dict-pron-inline-row{display:flex;align-items:center;gap:14px;margin-bottom:.85rem;font-size:.92rem;flex-wrap:wrap}.dict-pron-accent-item{display:inline-flex;align-items:center;gap:5px}.dict-accent-label{font-weight:800;font-size:.78rem}.dict-accent-label.uk{color:#0284c7}.dict-accent-label.us{color:#e11d48}.dict-mini-speaker-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:2px;transition:transform .15s ease,color .15s ease}.dict-mini-speaker-btn.uk{color:#0284c7}.dict-mini-speaker-btn.us,.dict-mini-speaker-btn.kokoro{color:#e11d48}.dict-mini-speaker-btn.kokoro:hover{color:var(--brand-primary, #d96528)}.dict-mini-speaker-btn.playing{color:#10b981;animation:pulse .8s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}.dict-mini-speaker-btn:hover{transform:scale(1.2)}.dict-ipa-text{font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;font-size:.86rem;color:var(--text-muted, #665042)}.dict-meta-strip-box{background:#d965280d;border:1px solid rgba(217,101,40,.15);border-radius:10px;padding:8px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.1rem}.dict-meta-strip-col{display:flex;flex-direction:column;gap:2px}.dict-meta-strip-col:not(:last-child){border-right:1px solid rgba(217,101,40,.12);padding-right:12px}.dict-strip-label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#8c7667}.dict-strip-val-pos{font-size:.88rem;font-weight:800;color:#c7561a;text-transform:lowercase}.dict-strip-val-cefr{display:inline-flex;align-items:center;width:fit-content;background:#0284c7;color:#fff;font-size:.72rem;font-weight:800;padding:2px 6px;border-radius:4px}.dict-strip-val-domain{font-size:.88rem;font-weight:700;color:var(--text-primary, #2d180f);display:flex;align-items:center;gap:5px}.dict-section-title-orange{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-primary, #d96528);margin-bottom:.65rem}.dict-def-entry-list{display:flex;flex-direction:column;gap:.85rem}.dict-def-entry-item{display:flex;gap:10px;align-items:flex-start}.dict-def-number-badge{background:#eedfd5;color:#c7561a;font-size:.74rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.dict-def-content-area{flex:1}.dict-def-english-text{font-size:.84rem;font-weight:500;color:var(--text-primary, #2d180f);margin:0;line-height:1.4}.dict-expand-definitions-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted, #7c685b);font-size:.82rem;font-weight:700;cursor:pointer;margin-top:.85rem;padding:2px 0;transition:color .15s ease}.dict-expand-definitions-btn:hover{color:var(--brand-primary, #d96528)}.dict-root-word-link{display:inline-flex;align-items:center;gap:3px;background:#d965281a;color:var(--brand-primary, #d96528);border:1px solid rgba(217,101,40,.28);padding:1px 7px;border-radius:6px;font-weight:750;font-size:.88rem;cursor:pointer;text-decoration:underline;transition:all .15s ease;margin:0 4px;vertical-align:baseline}.dict-root-word-link:hover{background:var(--brand-primary, #d96528);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #d9652840;text-decoration:none}.dict-sidebar-column{display:flex;flex-direction:column;gap:18px}.dict-main-grid .vocab-rail{display:flex;flex-direction:column;gap:8px;min-height:340px}.dict-main-grid .rail-section{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:11px;padding:.65rem .8rem;box-shadow:0 2px 8px -2px #2d180f0a;text-align:left}.dict-main-grid .rail-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #8c7667);margin:0 0 .4rem}.dict-main-grid .rail-accent-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0;font-size:.78rem}.dict-main-grid .rail-accent-tag{font-size:.66rem;font-weight:800;padding:1px 5px;border-radius:4px;background:#2d180f0d;color:var(--text-primary, #3b2416)}.dict-main-grid .rail-ipa{font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:700;color:var(--text-muted, #665042)}.dict-main-grid .rail-speak-btn{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:none;border-radius:6px;background:#d965281a;color:var(--brand-primary, #d96528);cursor:pointer;transition:background .15s ease}.dict-main-grid .rail-speak-btn:hover{background:#d9652833}.dict-main-grid .rail-waveform{display:flex;align-items:center;gap:2px;height:20px;margin:.35rem 0}.dict-main-grid .rail-waveform span{flex:1;min-width:2px;border-radius:999px;background:linear-gradient(180deg,var(--brand-primary, #d96528),rgba(217,101,40,.35));opacity:.65}.dict-main-grid .rail-slow-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.3rem .45rem;border:1px solid var(--border-soft, #e2cfc2);border-radius:7px;background:var(--bg-surface, #ffffff);color:var(--text-primary, #3b2416);font-size:.7rem;font-weight:650;cursor:pointer;margin-top:.25rem;transition:all .15s ease}.dict-main-grid .rail-slow-btn:hover{border-color:var(--brand-primary, #d96528);color:var(--brand-primary, #d96528)}.dict-main-grid .rail-chips{display:flex;flex-wrap:wrap;gap:.25rem}.dict-main-grid .rail-chip{padding:.15rem .45rem;border-radius:999px;background:#d965281a;color:var(--brand-primary, #d96528);font-size:.68rem;font-weight:650;transition:transform .12s ease}.dict-main-grid .rail-chip:hover{transform:translateY(-1px)}.dict-main-grid .rail-chip.subtle{background:#2d180f0a;color:var(--text-muted, #7c685b)}.dict-main-grid .rail-list{margin:0;padding-left:.85rem;display:grid;gap:.2rem}.dict-main-grid .rail-list li{font-size:.72rem;line-height:1.35;color:var(--text-primary, #2d180f)}.dict-bottom-row{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:12px}.dict-bottom-card{background:var(--bg-surface, #ffffff);border:1px solid var(--border-soft, #e2cfc2);border-radius:11px;padding:.85rem 1.05rem;box-shadow:0 2px 8px -2px #2d180f0a;text-align:left;min-height:142px;box-sizing:border-box}.dict-card-heading-orange{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-primary, #d96528);margin-bottom:.5rem}.dict-quote-box{background:#2d180f08;border-radius:8px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dict-quote-left{display:flex;align-items:flex-start;gap:6px;flex:1}.dict-quote-mark{font-size:1.4rem;color:#0284c7;font-family:Georgia,serif;line-height:1}.dict-quote-en{font-size:.84rem;font-weight:700;color:var(--text-primary, #2d180f);margin-bottom:2px;line-height:1.35}.dict-quote-vi{font-size:.76rem;color:var(--text-muted, #7c685b);line-height:1.35}.dict-phrase-table{width:100%;border-collapse:collapse;font-size:.8rem}.dict-phrase-row{border-bottom:1px solid rgba(45,24,15,.04)}.dict-phrase-row:last-child{border-bottom:none}.dict-phrase-en{font-weight:700;color:var(--text-primary, #2d180f);padding:4px 6px 4px 0}.dict-phrase-vi{color:var(--text-muted, #7c685b);padding:4px 0}.dict-card-loading-dots{display:inline-flex;align-items:center;gap:4px;padding:1px 3px;vertical-align:middle}.dict-card-dot{width:6px;height:6px;border-radius:50%;background-color:var(--brand-primary, #d96528);box-shadow:0 1px 3px #d965284d;animation:dict-dot-wave 1.1s infinite ease-in-out both}.dict-card-dot:nth-child(1){animation-delay:-.32s}.dict-card-dot:nth-child(2){animation-delay:-.16s}.dict-card-dot:nth-child(3){animation-delay:0s}@keyframes dict-dot-wave{0%,80%,to{transform:scale(.45) translateY(0);opacity:.35}40%{transform:scale(1.25) translateY(-3.5px);opacity:1}}.dict-loading-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;max-width:600px;margin:4.5rem auto!important;padding:2.5rem 1rem}.dict-spinner{width:40px;height:40px;border:3.5px solid rgba(217,101,40,.2);border-top-color:var(--brand-primary, #d96528);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem!important;display:block}.dict-loading-wrap p{margin:0;color:var(--text-muted, #8c7667);font-weight:600;font-size:1rem;text-align:center}.dict-initial-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:620px;margin:3.5rem auto;padding:3rem 1.5rem;background:var(--card-bg, #ffffff);border:1px dashed var(--border-soft, #e2cfc2);border-radius:20px;box-shadow:0 4px 20px -4px #2d180f0a}.dict-initial-icon{font-size:3rem;margin-bottom:.8rem}.dict-initial-empty-state h2{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:800;color:var(--text-primary, #2d180f);margin:0 0 .5rem}.dict-initial-empty-state p{font-size:.92rem;color:var(--text-muted, #7c685b);line-height:1.5;margin:0 0 1.5rem}.dict-initial-recent-box{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.dict-initial-recent-box span{font-size:.78rem;font-weight:700;color:#8c7667;text-transform:uppercase;letter-spacing:.5px}.dict-initial-recent-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}@media(max-width:980px){.dict-main-grid,.dict-bottom-row{grid-template-columns:1fr}}@media(max-width:640px){.dict-word-title-large{font-size:2.2rem}.dict-meta-strip-box{grid-template-columns:1fr}.dict-meta-strip-col:not(:last-child){border-right:none;border-bottom:1px solid rgba(217,101,40,.12);padding-bottom:8px}}.dict-page-wrapper{max-width:1080px;padding-top:1.45rem}.dict-top-search-section{max-width:760px;margin-bottom:1.15rem}.dict-results-region.is-loading{overflow:visible}.dict-search-loading-status{display:inline-flex;align-items:center;gap:.5rem;margin-top:.65rem;padding:.35rem .7rem;border:1px solid rgba(217,101,40,.2);border-radius:999px;background:#d965280f;color:var(--brand-primary, #d96528);font-size:.76rem;font-weight:750}.dict-search-loading-spinner{width:12px;height:12px;border:2px solid rgba(217,101,40,.22);border-top-color:var(--brand-primary, #d96528);border-radius:50%;animation:dict-results-spin .75s linear infinite}.dict-main-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:0}.dict-primary-card{padding:1.45rem 1.55rem 1.55rem;border-radius:16px;box-shadow:0 10px 28px -18px #2d180f40}.dict-word-head-row{margin-bottom:.6rem}.dict-word-head-left{gap:8px}.dict-word-title-large{font-size:clamp(1.9rem,3vw,2.35rem);letter-spacing:-.55px}.dict-cefr-tag,.dict-pos-tag{min-height:24px;box-sizing:border-box;padding:3px 8px;border-radius:7px;font-size:.7rem;line-height:1}.dict-pos-tag{display:inline-flex;align-items:center;border:1px solid rgba(217,101,40,.25);background:#d9652814;color:var(--brand-primary, #d96528);font-weight:800;text-transform:lowercase}.dict-bookmark-btn{background:transparent;border-color:#d9652840;color:var(--brand-primary, #d96528)}.dict-bookmark-btn:hover:not(:disabled){background:#d9652817}.dict-pron-inline-row{gap:10px 18px;padding-bottom:.95rem;border-bottom:1px solid rgba(45,24,15,.08);margin-bottom:1.05rem}.dict-pron-accent-item{padding:4px 8px;border:1px solid rgba(45,24,15,.09);border-radius:8px;background:#2d180f06}.dict-section-title-orange{margin-bottom:.5rem;font-size:.68rem;letter-spacing:.08em}.dict-meaning-summary-card{display:flex;align-items:center;gap:.65rem;margin-bottom:1.05rem;padding:.7rem .85rem;border:1px solid rgba(217,101,40,.2);border-left:3px solid var(--brand-primary, #d96528);border-radius:10px;background:linear-gradient(90deg,#d9652818,#d9652809);color:var(--brand-primary, #d96528);font-size:.95rem;font-weight:750}.dict-meaning-summary-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:7px;background:#d9652824;font-size:1.05rem}.dict-meaning-summary-copy{min-width:0;flex:1 1 auto}.dict-root-summary-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2rem}.dict-root-summary-meaning{margin-left:.15rem;font-weight:600;opacity:.84}.dict-domain-label{display:inline-flex;align-items:center;gap:.28rem;flex:0 0 auto;color:var(--text-muted, #7c685b);font-size:.72rem;font-weight:700;white-space:nowrap}.dict-domain-label>span{color:#9a8173;font-weight:600}.dict-def-entry-list{gap:0}.dict-def-entry-item{gap:12px;padding:.85rem 0;border-bottom:1px solid rgba(45,24,15,.08)}.dict-def-entry-item:first-child{padding-top:.15rem}.dict-def-entry-item:last-child{border-bottom:none}.dict-def-number-badge{width:24px;height:24px;margin-top:0;background:#d9652821;color:var(--brand-primary, #d96528)}.dict-def-content-area{min-width:0}.dict-def-english-text{font-size:.88rem;line-height:1.55}.dict-definition-example{display:flex;align-items:flex-start;gap:.4rem;margin-top:.65rem;padding:.55rem .65rem;border-left:2px solid rgba(217,101,40,.42);border-radius:0 8px 8px 0;background:#d965280b;color:var(--text-primary, #2d180f);font-size:.8rem;font-style:italic;line-height:1.45}.dict-definition-example-label{flex:0 0 auto;color:var(--brand-primary, #d96528);font-size:.67rem;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dict-definition-example-audio{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;margin-left:auto;padding:0;border:1px solid rgba(217,101,40,.24);border-radius:7px;background:var(--bg-surface, #fff);color:var(--brand-primary, #d96528);cursor:pointer;transition:transform .15s ease,background .15s ease}.dict-definition-example-audio:hover{background:#d965281a;transform:translateY(-1px)}.dict-definition-example-audio.playing{color:#10b981;animation:pulse .8s infinite alternate}.dict-inline-example-card{margin-top:1rem;padding:.9rem .95rem;border:1px solid rgba(2,132,199,.16);border-radius:11px;background:linear-gradient(135deg,#0284c70b,#0284c704)}.dict-inline-example-heading{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;color:#0572ad;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dict-inline-example-mark{font-family:Georgia,serif;font-size:1.7rem;line-height:.7}.dict-inline-example-body{display:flex;align-items:flex-start;gap:.7rem}.dict-inline-example-body>div{min-width:0;flex:1}.dict-inline-example-en,.dict-inline-example-vi{margin:0;line-height:1.5}.dict-inline-example-en{color:var(--text-primary, #2d180f);font-size:.88rem;font-weight:700}.dict-inline-example-vi{margin-top:.25rem;color:var(--text-muted, #7c685b);font-size:.8rem}.dict-related-card{gap:0;min-height:100%;padding:.95rem 1rem;border:1px solid var(--border-soft, #e2cfc2);border-radius:16px;background:var(--bg-surface, #ffffff);box-shadow:0 10px 28px -18px #2d180f38}.dict-related-card-header{display:flex;flex-direction:column;gap:.2rem;padding:.1rem .1rem .85rem}.dict-related-card-kicker{color:var(--text-primary, #2d180f);font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:800}.dict-related-card-note{color:var(--text-muted, #8c7667);font-size:.72rem}.dict-main-grid .dict-related-card .rail-section{padding:.9rem .1rem;border:none;border-top:1px solid rgba(45,24,15,.09);border-radius:0;background:transparent;box-shadow:none}.dict-main-grid .dict-related-card .rail-title{margin-bottom:.55rem;color:var(--text-primary, #2d180f);font-size:.76rem;letter-spacing:.02em}.dict-main-grid .dict-related-card .rail-title span{color:var(--text-muted, #9a8173);font-size:.68rem;font-weight:600;letter-spacing:0;text-transform:none}.dict-main-grid .dict-related-card .rail-chip{padding:.28rem .6rem;border:1px solid rgba(217,101,40,.18);background:#d965280f;font-size:.73rem}.dict-main-grid .dict-related-card .rail-list{gap:.45rem;padding-left:.95rem}.dict-main-grid .dict-related-card .rail-list li{font-size:.78rem;line-height:1.45}.dict-related-card .rail-section:nth-of-type(2){order:3}.dict-related-card .rail-section:nth-of-type(3){order:2}.dict-learning-tip{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;padding:.75rem .95rem;border:1px solid rgba(217,101,40,.17);border-radius:11px;background:linear-gradient(100deg,#d9652814,#d9652806)}.dict-learning-tip-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#d965281f;color:var(--brand-primary, #d96528)}.dict-learning-tip>div{display:flex;flex-direction:column;gap:.18rem}.dict-learning-tip strong{color:var(--text-primary, #2d180f);font-size:.78rem}.dict-learning-tip span:not(.dict-learning-tip-icon){color:var(--text-muted, #7c685b);font-size:.75rem;line-height:1.45}.dict-dictionary-empty-state{max-width:720px;margin:0 auto;padding:3.2rem 1.5rem}.dict-dictionary-empty-state .dict-initial-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1rem;border-radius:16px;background:#d965281a;color:var(--brand-primary, #d96528);font-size:2rem}@media(max-width:980px){.dict-main-grid{grid-template-columns:1fr}.dict-related-card{min-height:0}}@media(max-width:640px){.dict-page-wrapper{padding-right:.75rem;padding-left:.75rem}.dict-primary-card{padding:1.1rem}.dict-word-head-row{align-items:flex-start;gap:.75rem}.dict-word-title-large{font-size:1.9rem}.dict-bookmark-btn{min-width:34px;padding:0 7px}.dict-bookmark-btn span{display:none}.dict-meaning-summary-card{align-items:flex-start;flex-wrap:wrap}.dict-domain-label{width:100%;margin-left:2.1rem}.dict-search-loading-status{font-size:.72rem}}.smart-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a110c73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:flex-end;animation:fadeInBackdrop .22s ease-out}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.smart-search-sidebar{position:relative;width:720px;max-width:92vw;min-width:420px;height:100%;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-soft, #eedfd5);box-shadow:-8px 0 32px #2d170c26;display:flex;flex-direction:column;animation:slideInSidebar .26s cubic-bezier(.16,1,.3,1);overflow:hidden;transition:width .08s ease-out}.smart-search-sidebar.resizing{transition:none!important;-webkit-user-select:none!important;user-select:none!important}.sidebar-resizer-handle{position:absolute;top:0;left:0;width:14px;height:100%;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:999;display:flex;align-items:center;justify-content:center;transform:translate(-50%);background:transparent;transition:background .15s ease}.sidebar-resizer-handle:hover,.sidebar-resizer-handle.resizing{background:#e9512517}.resizer-pill{width:4px;height:38px;border-radius:4px;background:#d8c2b4;transition:all .15s ease}.sidebar-resizer-handle:hover .resizer-pill,.sidebar-resizer-handle.resizing .resizer-pill{background:#e95125;height:54px;width:5px;box-shadow:0 0 10px #e9512573}@keyframes slideInSidebar{0%{transform:translate(100%)}to{transform:translate(0)}}.search-sidebar-header{padding:16px 20px;border-bottom:1px solid var(--border-soft, #eedfd5);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated, #fbf7f4);flex-shrink:0;position:relative;z-index:3}.search-header-title{display:flex;align-items:center;gap:8px}.search-header-title .sparkle-icon{color:#e06d2d}.search-header-title h3{font-size:1.05rem;font-weight:800;color:var(--text-primary, #2d180f);margin:0}.sidebar-close-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-soft, #e6d3c6);background:#fff;color:var(--text-muted, #7c685d);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.sidebar-close-btn:hover{background:#f1e4dc;color:var(--text-primary, #2d180f)}.search-sidebar-input-wrap{padding:14px 20px 10px;position:relative;display:flex;align-items:center;flex-shrink:0;background:var(--bg-surface, #ffffff);z-index:30}.search-input-icon{position:absolute;left:34px;top:50%;transform:translateY(-50%);color:#9c8374;pointer-events:none;z-index:2}.search-sidebar-input{width:100%;height:44px;padding:0 42px;border-radius:12px;border:1.5px solid var(--border-soft, #e2cfc2);background:var(--bg-surface, #ffffff);font-size:.95rem;color:var(--text-primary, #2d180f);outline:none;transition:all .2s ease;box-sizing:border-box}.search-sidebar-input:focus{border-color:#d96528;box-shadow:0 0 0 3px #d9652826}.search-sidebar-input-wrap .search-clear-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:none;background:#eedfd5;color:#70584b;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0;transition:all .15s ease}.search-sidebar-input-wrap .search-clear-btn:hover{background:#e2cfc2;color:#2d180f;transform:translateY(-50%) scale(1.08)}.search-autocomplete-dropdown{position:absolute;top:calc(100% - 2px);left:20px;right:20px;background:#fff;border:1.5px solid var(--border-soft, #e2cfc2);border-radius:12px;box-shadow:0 12px 32px #2d180f2e,0 2px 6px #2d180f14;z-index:100;max-height:280px;overflow-y:auto;padding:6px;animation:suggestFadeIn .14s ease-out}@keyframes suggestFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.autocomplete-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:transparent;text-align:left;cursor:pointer;font-size:.88rem;color:#3d2a1e;transition:background .12s ease}.autocomplete-item:hover,.autocomplete-item.selected{background:#fdf0e5}.autocomplete-icon{display:inline-flex;align-items:center;justify-content:center;color:#c7561a;flex-shrink:0}.autocomplete-label{font-weight:600;flex:1}.autocomplete-vi{font-size:.78rem;color:#3a6f3a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.search-sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 20px 12px;gap:8px;border-bottom:1px solid var(--border-soft, #f0e3db);flex-shrink:0;background:var(--bg-surface, #ffffff);position:relative;z-index:2}.search-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:#f4eae2;color:var(--text-muted, #7c685d);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .18s ease}.search-tab-btn strong{min-width:20px;padding:1px 6px;border-radius:999px;background:#f3e8df;color:#8f6754;font-size:.7rem;line-height:1.25}.search-tab-btn.active{background:#fff;color:#c7561a;border-color:#e5cdbe;box-shadow:0 2px 6px #2d170c0f}.search-tab-btn.active strong{background:#fbe4d5;color:#c7561a}.recent-searches-section{padding:10px 20px;background:#faf4ef;border-bottom:1px solid #f0e4db}.recent-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#8c7365;text-transform:uppercase;margin-bottom:6px}.recent-chips-row{display:flex;flex-wrap:wrap;gap:6px}.recent-chip{padding:3px 9px;border-radius:6px;border:1px solid #e5d3c6;background:#fff;font-size:.78rem;font-weight:600;color:#553c30;cursor:pointer;transition:all .15s ease}.recent-chip:hover{background:#e8590c;color:#fff;border-color:#e8590c}.search-sidebar-body{flex:1;overflow-y:auto;padding:18px 22px 24px;scrollbar-gutter:stable}.dict-loading-box,.dict-empty-state,.dict-not-found{text-align:center;padding:40px 16px;min-height:240px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.dict-empty-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:14px;background:#fff0e8;color:#d96528}.dict-empty-icon svg{width:26px;height:26px}.dict-empty-state h4{font-size:1.05rem;font-weight:800;color:var(--text-primary, #2d180f);margin-bottom:6px}.dict-empty-state p,.dict-not-found p{font-size:.86rem;color:var(--text-muted, #7c685d);line-height:1.5;max-width:320px}.dict-spinner{width:28px;height:28px;border:3px solid #f1ded3;border-top-color:#d96528;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.dict-content-card{display:flex;flex-direction:column;gap:18px}.dict-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.dict-head-main{min-width:0}.dict-word-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px}.dict-word-title{font-size:1.75rem;font-weight:900;color:var(--text-primary, #2d180f);margin:0;letter-spacing:-.02em}.dict-ipa{display:inline-block;margin:0 3px 0 0;font-size:.92rem;font-weight:650;color:#8d6857;padding:2px 0}.dict-pos-chip{padding:4px 9px;border-radius:999px;background:#fff0e8;color:#c7561a;font-size:.72rem;font-weight:800;text-transform:lowercase}.dict-save-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:9px;border:1px solid #dfc7b7;background:#fff;color:#553c30;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}.dict-save-btn:hover:not(:disabled){background:#f7ede6;border-color:#d96528;color:#d96528}.dict-save-btn .dict-btn-cancel-text{display:none}.dict-save-btn.saved{background:#d1fae5;border-color:#a7f3d0;color:#065f46;cursor:pointer}.dict-save-btn.saved:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.dict-save-btn.saved:hover:not(:disabled) .dict-btn-saved-text{display:none}.dict-save-btn.saved:hover:not(:disabled) .dict-btn-cancel-text{display:inline}.dict-save-btn.saved:hover:not(:disabled) .dict-btn-check-icon{display:none}.dict-save-btn.saved:hover:not(:disabled):before{content:"✕ ";font-size:.72rem;font-weight:900}.dict-save-btn.pending-analysis:disabled{cursor:not-allowed;opacity:.65;background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.dict-save-btn.saving{cursor:wait;background:#fff5ed;border-color:#e7b596;color:#c7561a;opacity:.92}.dict-save-btn:disabled:not(.saving):not(.saved):not(.pending-analysis){cursor:not-allowed;opacity:.65}.dict-save-spinner{animation:dict-save-spin .75s linear infinite}@keyframes dict-save-spin{to{transform:rotate(360deg)}}.dict-audio-bar{display:flex;align-items:center;gap:8px;margin-top:-6px}.dict-audio-btn{padding:6px 11px;border-radius:9px;border:1px solid #eedcd1;background:#fbf7f4;font-size:.78rem;font-weight:700;color:#5a4135;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.dict-audio-btn:hover{background:#f1ded3;color:#d96528}.dict-section-block{display:flex;flex-direction:column;gap:6px}.dict-section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dict-section-label{font-size:.65rem;font-weight:900;color:#8c7365;letter-spacing:.06em;text-transform:uppercase}.vi-meaning-block{background:#fff8f3;padding:12px 14px;border-radius:10px;border-left:3px solid #e06d2d}.dict-vi-text{font-size:1rem;font-weight:700;color:#2d180f;margin:0}.dict-sense-card{position:relative;padding:14px 14px 13px;background:#fff;border-radius:13px;border:1px solid #ebdcd2;margin-bottom:0;box-shadow:0 2px 8px #2d180f06}.dict-sense-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dict-sense-heading{display:flex;align-items:center;gap:8px;min-width:0}.dict-sense-index{display:inline-grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#d96528;color:#fff;font-size:.7rem;font-weight:900}.dict-sense-title{min-width:0;color:#3b241c;font-size:.94rem;line-height:1.3}.dict-sense-count{color:#a28677;font-size:.72rem;font-weight:700;white-space:nowrap}.dict-sense-actions{position:relative;display:flex;align-items:center;gap:2px;flex-shrink:0}.dict-sense-action{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#8c7365;cursor:pointer;transition:background .15s ease,color .15s ease}.dict-sense-action:hover,.dict-sense-action[aria-expanded=true]{background:#fff0e8;color:#d96528}.dict-sense-action:disabled{cursor:wait;opacity:.6}.dict-sense-bookmark.saved{color:#059669}.dict-sense-bookmark.saved:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.dict-sense-action-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:12;display:grid;min-width:160px;padding:4px;border:1px solid #ead7ca;border-radius:10px;background:#fff;box-shadow:0 12px 26px #2d180f24}.dict-sense-action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#5a4135;font:inherit;font-size:.74rem;font-weight:650;text-align:left;cursor:pointer}.dict-sense-action-menu button:hover{background:#fff4ed;color:#d96528}.dict-sense-definition{margin:12px 0 0 31px;color:#3b241c;font-size:.84rem;line-height:1.5}.dict-secondary-definition{margin:8px 0 0 31px}.dict-example-block{margin:10px 0 0 31px;padding:9px 10px;border-radius:9px;background:#fffaf7;border-left:2px solid #e06d2d}.dict-example-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d96528;font-size:.7rem;font-weight:800;text-transform:uppercase}.dict-example-label>span{display:inline-flex;align-items:center;gap:5px}.dict-example-play{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #efd3c1;border-radius:6px;background:#fff;color:#a85a36;font-size:.66rem;font-weight:750;cursor:pointer}.dict-example-play:hover{border-color:#d96528;color:#d96528}.dict-example-block .dict-example-text{margin:5px 0 0;color:#70584b;line-height:1.45}.search-highlight{padding:0 2px;border-radius:4px;background:#ffe0c9;color:#8f3e13}.dict-more-meanings-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:6px;margin-top:-2px;padding:8px 13px;border:1px solid #e7cdbd;border-radius:9px;background:#fff;color:#6d4937;font-size:.76rem;font-weight:750;cursor:pointer}.dict-more-meanings-btn:hover{border-color:#d96528;color:#d96528;background:#fff8f3}.dict-pos-tag{display:inline-block;font-size:.68rem;font-weight:800;color:#8f471e;background:#fae8dc;padding:1px 7px;border-radius:4px;text-transform:uppercase;margin-bottom:6px}.dict-sense-heading .dict-pos-tag{margin-bottom:0}.dict-definitions-list{margin:0;padding-left:18px}.dict-def-text{font-size:.86rem;color:#3b241c;line-height:1.45;margin:2px 0}.dict-example-text{font-size:.8rem;font-style:italic;color:#7c685d;margin:2px 0 6px}.dict-synonyms-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px}.synonym-label{font-size:.7rem;font-weight:700;color:#8c7365}.synonym-pill{padding:2px 6px;border-radius:4px;border:1px solid #dfcdc2;background:#fff;font-size:.72rem;font-weight:600;color:#553c30;cursor:pointer}.synonym-pill:hover{background:#d96528;color:#fff}.dict-wiki-accordion{border:1px solid #ebdcd2;border-radius:10px;overflow:hidden}.wiki-accordion-toggle{width:100%;padding:10px 14px;background:#faf4ef;border:none;display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:700;color:#4a3429;cursor:pointer}.wiki-accordion-toggle .chevron{transition:transform .2s ease}.wiki-accordion-toggle .chevron.open{transform:rotate(90deg)}.wiki-accordion-body{padding:12px 14px;background:#fff;font-size:.82rem;color:#553c30;line-height:1.5}.wiki-external-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#d96528;font-weight:700;text-decoration:none;font-size:.78rem}.asset-search-results{display:flex;flex-direction:column;gap:14px}.asset-results-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 0 4px}.asset-results-summary-copy{display:flex;align-items:flex-start;gap:9px;min-width:0}.asset-results-summary-icon{display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#fff0e8;color:#d96528}.asset-results-summary-copy strong,.asset-results-summary-copy span{display:block}.asset-results-summary-copy strong{color:#3b241c;font-size:.9rem;line-height:1.35}.asset-results-summary-copy div>span{margin-top:3px;color:#987a6a;font-size:.73rem;line-height:1.4}.asset-translation-toggle{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 8px;border:1px solid #ead7ca;border-radius:7px;background:#fff;color:#8b6e5e;font-size:.7rem;font-weight:750;cursor:pointer}.asset-translation-toggle:hover{border-color:#d96528;color:#d96528;background:#fff8f3}.asset-filter-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.asset-filter-pills .filter-pill{padding:4px 10px;border-radius:8px;border:1px solid #ebdcd2;background:#faf4ef;font-size:.75rem;font-weight:700;color:#70584b;cursor:pointer;white-space:nowrap}.asset-filter-pills .filter-pill.active{background:#d96528;color:#fff;border-color:#d96528}.nlp-results-list{display:flex;flex-direction:column;gap:10px}.nlp-result-card{padding:13px 14px 12px;background:#fff;border-radius:13px;border:1px solid var(--border-soft, #ebdcd2);box-shadow:0 2px 6px #2d170c08;cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:6px}.nlp-result-card:hover{border-color:#d96528;transform:translateY(-1px);box-shadow:0 4px 12px #d965281f}.result-card-top{display:flex;align-items:flex-start;gap:8px}.result-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#fff3eb;color:#d96528}.result-icon-vocabulary{background:#f4f0ff;color:#7652b8}.result-title{min-width:0;padding-top:2px;font-size:.86rem;font-weight:800;color:var(--text-primary, #2d180f);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-timestamp-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:6px;background:#feebe2;color:#c7561a;font-size:.72rem;font-weight:800;cursor:pointer;border:1px solid #f2cdb8;transition:background .15s ease,border-color .15s ease}.result-timestamp-pill:hover{background:#fbd9c5;border-color:#d96528}.result-snippet-en{font-size:.86rem;color:#3b241c;line-height:1.45;margin:0;background:#fffaf7;padding:8px 10px;border-radius:8px;border:1px solid #f0e0d5;border-left:2px solid #e06d2d}.result-snippet-vi{font-size:.76rem;color:#8b786e;line-height:1.4;margin:-2px 0 0 10px;padding-left:10px;border-left:1px solid #e8d9d0}.result-context{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;margin:1px 0 0 10px;color:#9b8578}.result-context>span{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.result-context p{min-width:0;margin:0;overflow:hidden;color:#a58f83;font-size:.73rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.result-context-before{opacity:.82}.result-context-after{opacity:.9}.result-card-footer{display:flex;justify-content:flex-end;margin-top:4px}.result-primary-action{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #e6c8b6;border-radius:7px;background:#fffaf7;color:#c7561a;font-size:.72rem;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.result-primary-action:hover{border-color:#d96528;background:#d96528;color:#fff}.asset-meaning-banner{align-items:flex-start;margin:2px 0 0;padding:11px 12px;border-radius:11px;background:#fffaf0;border-color:#f0d9a8}.meaning-banner-text{display:flex;flex-direction:column;gap:3px;font-size:.8rem}.meaning-banner-text small{color:#a58f83;font-size:.7rem}.asset-meaning-link,.asset-empty-dictionary-btn{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:6px 9px;border:1px solid #e4cdbd;border-radius:7px;background:#fff;color:#c7561a;font-size:.72rem;font-weight:800;cursor:pointer}.asset-meaning-link:hover,.asset-empty-dictionary-btn:hover{border-color:#d96528;background:#d96528;color:#fff}.asset-empty-dictionary-btn{margin-top:8px}.floating-smart-search-trigger{position:fixed;right:18px;bottom:24px;height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#e8590c,#c94600);color:#fff;box-shadow:0 6px 20px #c9460059;display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:800;cursor:pointer;z-index:9999;transition:all .2s cubic-bezier(.16,1,.3,1)}.floating-smart-search-trigger:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #c9460073}.floating-smart-search-trigger .trigger-kbd{font-size:.68rem;padding:1px 5px;border-radius:4px;background:#ffffff38;margin-left:4px}.shift-guide-tooltip{position:fixed;right:18px;bottom:78px;max-width:290px;background:var(--bg-surface, #ffffff);border:1.5px solid #d96528;border-radius:14px;box-shadow:0 10px 30px #d9652840,0 2px 8px #00000014;padding:12px 14px 8px;z-index:99998;animation:popInTooltip .3s cubic-bezier(.16,1,.3,1);cursor:pointer}@keyframes popInTooltip{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shift-guide-tooltip .guide-content{display:flex;align-items:flex-start;gap:10px;position:relative}.shift-guide-tooltip .guide-icon{font-size:1.3rem;line-height:1;flex-shrink:0;margin-top:2px}.shift-guide-tooltip .guide-text{flex:1}.shift-guide-tooltip .guide-title{font-size:.84rem;font-weight:800;color:var(--text-primary, #2d180f);margin-bottom:2px}.shift-guide-tooltip .guide-desc{font-size:.76rem;color:var(--text-muted, #553c30);line-height:1.4}.shift-guide-tooltip .guide-kbd{font-family:inherit;font-size:.7rem;font-weight:900;color:#c7561a;background:#fdf2ec;border:1px solid #ebd4c5;padding:1px 6px;border-radius:5px;box-shadow:0 1px 2px #00000014}.shift-guide-tooltip .guide-close-btn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:none;background:#f3eae3;color:#8c7365;font-size:1rem;font-weight:800;display:grid;place-items:center;cursor:pointer;line-height:1;transition:all .15s ease}.shift-guide-tooltip .guide-close-btn:hover{background:#e06d2d;color:#fff}.shift-guide-tooltip .guide-arrow-bounce{display:flex;justify-content:flex-end;padding-right:48px;margin-top:4px;animation:bounceDown 1.2s infinite ease-in-out}.shift-guide-tooltip .guide-arrow{color:#d96528;font-size:1.2rem;font-weight:900;line-height:1}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.asset-meaning-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#fef8f2,#fdf0e5);border:1px solid #f0d9c6;border-radius:10px;margin-bottom:12px}.meaning-banner-icon{color:#d96528;flex-shrink:0}.meaning-banner-text{flex:1;font-size:.88rem;color:#5a3e2e;line-height:1.4}.meaning-banner-text strong{color:#c95d1e;font-weight:700}.meaning-separator{margin:0 6px;color:#c49a7e}.meaning-vi-text{color:#3a6f3a;font-weight:500}.meaning-listen-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid #e8d3c2;background:#fff;cursor:pointer;font-size:.95rem;display:grid;place-items:center;transition:all .15s ease}.meaning-listen-btn:hover{background:#d96528;border-color:#d96528;transform:scale(1.08)}@media(max-width:560px){.smart-search-sidebar{min-width:0;max-width:100vw}.search-sidebar-header,.search-sidebar-input-wrap,.search-sidebar-tabs{padding-left:14px;padding-right:14px}.search-sidebar-body{padding:16px 14px 22px}.dict-head-row,.asset-results-summary{align-items:stretch;flex-direction:column}.dict-save-btn,.asset-translation-toggle{align-self:flex-start}.result-card-top{flex-wrap:wrap}.result-title{flex:1 1 calc(100% - 44px)}.result-timestamp-pill{margin-left:36px}.asset-meaning-banner{flex-wrap:wrap}.asset-meaning-link{margin-left:27px}}.covey-search-trigger-container{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.covey-search-trigger-container *{pointer-events:auto}.covey-floating-search-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#f97316,#e95125);color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 4px 18px #e9512573,0 2px 6px #0000001a;transition:all .22s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.covey-floating-search-btn:hover{transform:translateY(-2px) scale(1.04);background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 6px 22px #e9512599,0 3px 8px #0000001f}.covey-floating-search-btn:active{transform:translateY(0) scale(.98)}.covey-floating-search-btn .btn-shortcut-hint{font-size:.72rem;font-weight:700;background:#0000002e;padding:2px 7px;border-radius:6px;opacity:.92}.covey-shortcut-guide-card{width:290px;background:#fff;border:1.5px solid #fed7aa;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px #2d170c29,0 2px 8px #e951251f;display:flex;flex-direction:column;gap:8px;animation:guideSlideIn .35s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes guideSlideIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guide-card-header{display:flex;align-items:center;justify-content:space-between}.guide-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;color:#c2410c;text-transform:uppercase;letter-spacing:.04em}.guide-close-btn{border:none;background:transparent;color:#9a8479;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.guide-close-btn:hover{background:#f4eae2;color:#2d180f}.guide-content{font-size:.82rem;color:#4a3429;line-height:1.45;margin:0}.guide-keys-row{display:flex;align-items:center;gap:6px;margin:4px 0 2px}.guide-kbd{display:inline-block;padding:2px 7px;font-size:.75rem;font-weight:800;font-family:inherit;color:#7c2d12;background:#ffedd5;border:1px solid #fdba74;border-radius:5px;box-shadow:0 1px #c2410c4d;letter-spacing:.02em}.guide-footer-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;border-top:1px dashed #fed7aa;padding-top:6px}.guide-dismiss-btn{border:none;background:transparent;font-size:.73rem;font-weight:700;color:#c2410c;cursor:pointer;padding:3px 6px;border-radius:4px;transition:all .15s ease}.guide-dismiss-btn:hover{background:#fff7ed;text-decoration:underline}@media(max-width:640px){.covey-search-trigger-container{bottom:16px;right:16px}.covey-shortcut-guide-card{width:250px}}.user-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.user-settings-modal{width:100%;max-width:620px;height:590px;max-height:90vh;background:var(--card-bg, #ffffff);border-radius:var(--radius-lg, 20px);box-shadow:0 25px 60px #00000040,0 0 0 1px var(--border-color, #e2e8f0);display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.user-settings-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color, #e2e8f0)}.user-settings-title-group{display:flex;align-items:center;gap:.85rem}.user-settings-icon-wrap{width:40px;height:40px;border-radius:10px;background:#ee5e2b1f;color:var(--accent-color, #ee5e2b);display:flex;align-items:center;justify-content:center}.user-settings-title-group h3{margin:0;font-size:1.12rem;font-weight:800;color:var(--text-color, #1e293b)}.user-settings-title-group p{margin:2px 0 0;font-size:.78rem;color:var(--text-muted, #64748b)}.user-settings-close-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--secondary-bg, #f8fafc);color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.user-settings-close-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.user-settings-tabs{display:flex;padding:.5rem 1.5rem 0;gap:.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--secondary-bg, #f8fafc)}.settings-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;border:none;background:transparent;font-size:.84rem;font-weight:700;color:var(--text-muted, #64748b);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.settings-tab-btn:hover{color:var(--accent-color, #ee5e2b)}.settings-tab-btn.active{color:var(--accent-color, #ee5e2b);border-bottom-color:var(--accent-color, #ee5e2b)}.user-settings-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;flex:1}.settings-section{display:flex;flex-direction:column;gap:1.1rem}.settings-section-info{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .95rem;background:#fff8f4;border:1px solid #fbd2be;border-radius:var(--radius-md, 12px);font-size:.8rem;color:#a04212;line-height:1.45}.info-icon{margin-top:2px;flex-shrink:0;color:#ee5e2b}.voice-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(max-width:580px){.voice-cards-grid{grid-template-columns:1fr}}.voice-select-card{padding:.85rem 1rem;background:var(--card-bg, #ffffff);border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.voice-select-card:hover{border-color:#ee5e2b80;box-shadow:0 4px 12px #ee5e2b14}.voice-select-card.selected{border-color:var(--accent-color, #ee5e2b);background:#ee5e2b0a;box-shadow:0 4px 14px #ee5e2b1f}.voice-card-header{display:flex;align-items:center;justify-content:space-between}.voice-card-identity{display:flex;align-items:center;gap:.55rem}.voice-flag{font-size:1.35rem}.voice-card-identity strong{display:block;font-size:.88rem;color:var(--text-color, #1e293b)}.voice-badge-tag{font-size:.7rem;color:var(--text-muted, #64748b);font-weight:600}.voice-selected-check{width:22px;height:22px;border-radius:999px;background:var(--accent-color, #ee5e2b);color:#fff;display:flex;align-items:center;justify-content:center}.voice-card-desc{margin:0;font-size:.74rem;color:var(--text-muted, #64748b);line-height:1.4}.voice-card-actions{display:flex;align-items:center;margin-top:.25rem}.btn-preview-voice{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:var(--secondary-bg, #f1f5f9);border:1px solid var(--border-color, #cbd5e1);border-radius:6px;font-size:.72rem;font-weight:700;color:var(--text-color, #334155);cursor:pointer;transition:all .15s ease}.btn-preview-voice:hover{background:var(--accent-light, #fff1eb);color:var(--accent-color, #ee5e2b);border-color:#ee5e2b66}.setting-control-row{display:flex;flex-direction:column;gap:.6rem;padding-top:.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.setting-control-label{display:flex;align-items:flex-start;gap:.55rem}.setting-control-label strong{display:block;font-size:.84rem;color:var(--text-color, #1e293b)}.setting-control-label p{margin:2px 0 0;font-size:.73rem;color:var(--text-muted, #64748b)}.speed-pills-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.speed-pill-btn{padding:.35rem .75rem;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);font-size:.75rem;font-weight:700;color:var(--text-color, #334155);cursor:pointer;transition:all .15s ease}.speed-pill-btn:hover{border-color:var(--accent-color, #ee5e2b)}.speed-pill-btn.active{background:var(--accent-color, #ee5e2b);color:#fff;border-color:var(--accent-color, #ee5e2b)}.profile-account-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:linear-gradient(135deg,#fef8f4,#fdf1e8);border:1px solid #fed7aa;border-radius:var(--radius-md, 14px)}.profile-avatar-box{width:48px;height:48px;border-radius:50%;overflow:hidden;box-shadow:0 4px 10px #ee5e2b33;border:2px solid #ffffff;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#ee5e2b,#f97316);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center}.profile-account-details{display:flex;flex-direction:column;gap:.25rem}.profile-email-label{font-size:.92rem;font-weight:800;color:var(--text-color, #1e293b)}.profile-role-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:700;color:#ea580c}.setting-field-group{display:flex;flex-direction:column;gap:.45rem}.setting-field-label{font-size:.84rem;color:var(--text-color, #1e293b)}.setting-input-text{width:100%;padding:.65rem .85rem;border-radius:10px;border:1.5px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:var(--text-color, #1e293b);font-size:.88rem;outline:none;transition:all .15s ease}.setting-input-text:focus{border-color:var(--accent-color, #ee5e2b);box-shadow:0 0 0 3px #ee5e2b26}.band-targets-grid{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.band-target-pill{padding:.45rem .9rem;border-radius:8px;border:1.5px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);font-size:.8rem;font-weight:700;color:var(--text-color, #334155);cursor:pointer;transition:all .15s ease}.band-target-pill:hover{border-color:var(--accent-color, #ee5e2b)}.band-target-pill.active{background:var(--accent-color, #ee5e2b);color:#fff;border-color:var(--accent-color, #ee5e2b)}.user-settings-footer{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--border-color, #e2e8f0);background:var(--secondary-bg, #f8fafc)}.btn-cancel{padding:.55rem 1.1rem;border-radius:9px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);font-size:.84rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:#f1f5f9}.btn-save-settings{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.25rem;border-radius:9px;border:none;background:linear-gradient(135deg,#e8590c,#f76707);color:#fff;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 3px 10px #ee5e2b40;transition:all .15s ease}.btn-save-settings:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #ee5e2b59}.btn-save-settings:disabled{opacity:.6;cursor:not-allowed}.setting-block-group{display:flex;flex-direction:column;gap:.65rem}.setting-block-header{display:flex;flex-direction:column;gap:2px}.setting-block-title{margin:0;font-size:.95rem;font-weight:800;color:var(--text-color, #1e293b)}.setting-block-subtitle{margin:0;font-size:.78rem;color:var(--text-muted, #64748b)}.theme-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.theme-preview-card{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.theme-preview-card:hover{border-color:#ee5e2b66;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.theme-preview-card.selected{border-color:var(--accent-color, #ee5e2b);background:#ee5e2b08;box-shadow:0 0 0 1px var(--accent-color, #ee5e2b),0 6px 18px #ee5e2b26}.theme-mockup-frame{height:74px;border-radius:9px;display:flex;padding:8px 10px;gap:8px;box-shadow:inset 0 0 0 1px #0000000f;transition:all .2s ease}.theme-mockup-frame.sepia-frame{background:#fdfaf6;border:1px solid #ebdcd0}.theme-mockup-frame.dark-frame{background:#18181b;border:1px solid #27272a}.theme-mockup-sidebar{display:flex;flex-direction:column;gap:5px;padding-top:3px}.mockup-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.sepia-frame .mockup-dot.active{background:#ee5e2b}.dark-frame .mockup-dot{background:#3f3f46}.dark-frame .mockup-dot.active{background:#ee5e2b}.theme-mockup-content{flex:1;display:flex;flex-direction:column;gap:6px;padding-top:2px}.mockup-line{height:5px;border-radius:4px}.sepia-frame .title-line{width:65%;background:#2d180f;opacity:.8}.sepia-frame .body-line{width:90%;background:#cbd5e1}.dark-frame .title-line{width:65%;background:#f4f4f5;opacity:.9}.dark-frame .body-line{width:90%;background:#3f3f46}.mockup-accent-pill{width:18px;height:6px;border-radius:4px;background:#ee5e2b;margin-top:4px}.theme-card-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.84rem;font-weight:750;color:var(--text-color, #1e293b);padding:2px 0}.theme-preview-card.selected .theme-card-caption,.theme-caption-icon{color:var(--accent-color, #ee5e2b)}.font-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.font-preview-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.font-preview-card:hover{border-color:#ee5e2b66;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.font-preview-card.selected{border-color:var(--accent-color, #ee5e2b);background:#ee5e2b08;box-shadow:0 0 0 1px var(--accent-color, #ee5e2b),0 6px 18px #ee5e2b26}.font-preview-sample{height:74px;border-radius:9px;background:var(--secondary-bg, #f8fafc);display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--text-color, #1e293b);border:1px solid var(--border-color, #e2e8f0)}.font-preview-sample.serif-sample{font-family:Lora,Georgia,Times New Roman,serif;font-style:normal;font-weight:500}.font-preview-sample.sans-sample{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.font-card-caption{display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:750;color:var(--text-color, #1e293b);padding:2px 0}.font-preview-card.selected .font-card-caption{color:var(--accent-color, #ee5e2b)}:root{--bg-color: #F8F4EE;--card-bg: #FFFDF9;--secondary-bg: #F1E9DF;--border-color: #E6DCCD;--text-color: #26231F;--text-muted: #847D75;--accent-color: #B85C2F;--accent-hover: #9E4D25;--accent-light: #F6EAE2;--success-color: #2E7D32;--success-bg: #E8F5E9;--error-color: #C62828;--error-bg: #FFEBEE;--evidence-hl: rgba(184, 92, 47, .25);--user-hl: #FFF59D;--shadow-sm: 0 1px 3px rgba(38, 35, 31, .04);--shadow-md: 0 4px 12px rgba(38, 35, 31, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-family: "Lora", Georgia, serif;--line-height-reading: 1.75}[data-theme=minimal-paper]{--bg-color: #FBFBFA;--card-bg: #FFFFFF;--secondary-bg: #F2F2EF;--border-color: #E3E3DE;--text-color: #18181B;--text-muted: #71717A;--accent-color: #2563EB;--accent-hover: #1D4ED8;--accent-light: #EFF6FF;--evidence-hl: rgba(37, 99, 235, .2);--user-hl: #FEF08A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05)}[data-theme=dark-velvet]{--bg-color: #16151D;--card-bg: #201E27;--secondary-bg: #2B2836;--border-color: #383445;--text-color: #E6E4EE;--text-muted: #9B98A8;--accent-color: #D97745;--accent-hover: #E68553;--accent-light: #2E2220;--success-color: #81C784;--success-bg: #1B3320;--error-color: #E57373;--error-bg: #3E1F1F;--evidence-hl: rgba(217, 119, 69, .3);--user-hl: #665C1E;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 14px rgba(0, 0, 0, .28)}[data-font=serif]{--font-family: "Lora", Georgia, "Times New Roman", serif}[data-font=sans]{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-font=mono]{--font-family: "JetBrains Mono", "Courier New", Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;overflow-y:scroll;-webkit-text-size-adjust:100%}*::selection,::selection{background-color:var(--accent-color, #B85C2F)!important;color:#fff!important}*::-moz-selection,::-moz-selection{background-color:var(--accent-color, #B85C2F)!important;color:#fff!important}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);font-size:16px;line-height:1.6;min-height:100vh;width:100%;overflow-x:hidden;transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;box-sizing:border-box}.app-container{width:100%;max-width:1440px;margin:0 auto;padding:1.5rem 1.25rem 4rem;box-sizing:border-box}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.brand-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.brand-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:400;margin-left:.25rem}.controls-group{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.select-control,.btn-tool-sm{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.825rem;color:var(--text-color);outline:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.select-control:focus,.btn-tool-sm:hover{border-color:var(--accent-color)}.btn-tool-sm.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.header-search-btn{display:inline-flex;align-items:center;gap:6px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md, 10px);padding:.4rem .75rem;font-size:.82rem;font-weight:700;color:var(--text-color);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .18s ease}.header-search-btn:hover{border-color:var(--accent-color, #d96528);color:var(--accent-color, #d96528);transform:translateY(-1px)}.header-kbd{font-size:.65rem;font-weight:800;padding:1px 5px;border-radius:4px;background:var(--border-color, #e0d2c7);color:var(--text-muted)}.source-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem 2rem;box-shadow:var(--shadow-md);margin-bottom:2rem;max-width:960px;width:100%;margin-left:auto;margin-right:auto;min-height:590px;display:flex;flex-direction:column;box-sizing:border-box}.source-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color)}.source-input-stage{height:224px;min-height:224px;max-height:224px;display:flex;flex-direction:column;box-sizing:border-box;width:100%}.source-textarea{width:100%;height:186px;min-height:186px;max-height:186px;padding:1rem 1.25rem;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:.95rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box;transition:border-color .15s ease;overflow-y:auto}.source-textarea:focus{border-color:var(--accent-color)}.source-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;flex-wrap:wrap;gap:.75rem}.btn-group-generate{display:flex;gap:.5rem;flex-wrap:wrap}.btn-primary{background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);padding:.65rem 1.15rem;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:var(--shadow-sm);transition:background-color .15s ease,transform .1s ease}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm);padding:.4rem .85rem;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background-color .15s ease}.btn-secondary:hover{background-color:var(--border-color)}.btn-icon{min-width:40px;min-height:40px;justify-content:center;padding:.4rem}.loading-state{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--secondary-bg);border-radius:var(--radius-md);margin-top:1rem;color:var(--accent-color);font-size:.95rem;font-weight:500}.generation-cancel-button{margin-left:auto;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.35rem .7rem;background:var(--primary-bg);color:var(--text-color);cursor:pointer;font-size:.78rem}.generation-cancel-button:hover{border-color:var(--accent-color);color:var(--accent-color)}.spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background-color:#fef2f2;border:1px solid #FCA5A5;color:#991b1b;padding:.9rem 1.1rem;border-radius:var(--radius-md);margin-top:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.task-nav{display:flex;gap:.4rem;margin-bottom:1.5rem;max-width:960px;margin-left:auto;margin-right:auto;flex-wrap:wrap}.task-tab-btn{flex:1;min-width:130px;padding:.65rem .85rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;text-align:center;transition:all .15s ease;box-shadow:var(--shadow-sm)}.task-tab-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-md)}.task-tab-btn:hover:not(.active){background-color:var(--secondary-bg);color:var(--text-color)}.content-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md)}.section-tag{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.model-attribution{display:inline-flex;align-items:center;gap:.25rem;margin:0 0 .5rem .65rem;padding:.2rem .5rem;border:1px solid color-mix(in srgb,var(--accent-color) 28%,transparent);border-radius:999px;color:var(--text-muted);background:color-mix(in srgb,var(--accent-color) 7%,transparent);font-size:.68rem;font-weight:650;letter-spacing:.02em;text-transform:none;vertical-align:middle}.prompt-title{font-size:1.15rem;font-weight:600;line-height:1.5;color:var(--text-color);margin-bottom:.75rem}.word-count-badge{font-size:.8rem;font-weight:600;color:var(--text-muted);background-color:var(--secondary-bg);padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.reading-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:1.5rem}.reading-grid.focus-mode{grid-template-columns:minmax(0,900px);justify-content:center}.reading-grid.focus-mode .questions-pane-wrapper{display:none}.reading-passage-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem 2.25rem;box-shadow:var(--shadow-md)}.passage-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.passage-main-title{font-size:1.6rem;font-weight:700;line-height:1.35;margin-bottom:1.25rem;color:var(--text-color)}.reading-paragraph-section{margin-bottom:1.75rem}.para-header-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.para-badge{font-weight:700;font-size:.95rem;color:var(--accent-color)}.sentence-unit{margin-bottom:.75rem;border-radius:var(--radius-sm);padding:2px 4px;transition:background-color .2s ease}.sentence-en-text{font-size:1.05rem;line-height:1.8;color:var(--text-color);-webkit-user-select:text;user-select:text}.clickable-reading-word{border-radius:2px;transition:all .1s ease}.dict-mode-active .clickable-reading-word{cursor:pointer}.dict-mode-active .clickable-reading-word:hover{background-color:var(--accent-light);color:var(--accent-color)}.sentence-vi-text{margin-top:.3rem;color:var(--text-muted);font-size:.9rem;line-height:1.6;font-style:italic;padding-left:.75rem;border-left:2.5px solid var(--accent-color)}.hide-reading-translation .sentence-vi-text{display:none!important}.evidence-highlight-node{background-color:var(--evidence-hl)!important;outline:2px solid var(--accent-color);border-radius:var(--radius-sm);transition:all .3s ease}.questions-pane-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md);position:sticky;top:1rem;max-height:calc(100vh - 3rem);overflow-y:auto}.reading-question-group{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.group-header-text{font-weight:700;font-size:.95rem;margin-bottom:.35rem;color:var(--text-color)}.group-guide-text{font-size:.825rem;color:var(--text-muted);margin-bottom:1rem;font-style:italic}.reading-question-box{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-bottom:.85rem}.q-box-prompt{font-size:.95rem;font-weight:600;margin-bottom:.65rem;line-height:1.5}.q-num-circle{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background-color:var(--accent-color);color:#fff;font-size:.75rem;font-weight:700;margin-right:.4rem}.options-list{display:flex;flex-direction:column;gap:.5rem}.option-label{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--card-bg);cursor:pointer;font-size:.9rem;line-height:1.45}.completion-input{width:100%;max-width:320px;padding:.45rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--secondary-bg);font-size:.9rem;margin-top:.5rem;outline:none}.diag-result-box{margin-top:.75rem;padding:.75rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5}.diag-result-box.correct{background-color:var(--success-bg);border:1px solid var(--success-color);color:var(--success-color)}.diag-result-box.incorrect{background-color:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color)}.diag-detail-text{color:var(--text-color);margin-top:.4rem}.btn-jump-evidence-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;padding:.25rem .65rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer}.mock-timer-tag{font-family:JetBrains Mono,Consolas,monospace;font-weight:700;padding:.35rem .65rem;border-radius:var(--radius-sm);background-color:var(--secondary-bg);border:1px solid var(--border-color);font-size:.9rem;color:var(--accent-color)}.mock-timer-tag.warning{color:var(--error-color);background-color:var(--error-bg);border-color:var(--error-color);animation:pulse 1s infinite}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem}.criterion-box{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem;text-align:center}.criterion-title{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.criterion-score{font-size:1.15rem;font-weight:800;color:var(--accent-color);margin-top:.2rem}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;pointer-events:none}.toast{background-color:var(--text-color);color:var(--card-bg);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;box-shadow:0 6px 20px #0000002e;display:flex;align-items:center;gap:.5rem}@media(max-width:992px){.reading-grid{grid-template-columns:1fr}.questions-pane-card{position:static;max-height:none}}.session-screen{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:var(--bg-color)}.session-card{width:min(420px,100%);padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.session-copy{color:var(--text-muted);margin:.45rem 0 1.5rem}.google-signin-button{min-height:44px;display:flex;justify-content:center}.google-signin-button.is-loading{pointer-events:none;opacity:.6}.session-status{margin-top:.85rem;color:var(--text-muted);font-size:.875rem;text-align:center}.session-input{width:100%;padding:.75rem .9rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg);outline:none}.session-input:focus{border-color:var(--accent-color)}.session-submit{width:100%;justify-content:center;margin-top:1rem}.session-user{display:flex;align-items:center;gap:.4rem;padding-right:.65rem;border-right:1px solid var(--border-color);font-size:.825rem}.session-user-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .55rem;border-radius:20px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text-color);font-size:.825rem;font-family:inherit;transition:all .15s ease}.session-user-btn:hover{background:var(--secondary-bg);border-color:var(--border-color)}.user-settings-gear{color:var(--text-muted);transition:transform .25s ease,color .15s ease}.session-user-btn:hover .user-settings-gear{color:var(--accent-color);transform:rotate(45deg)}.btn-link{padding:0;border:0;background:none;color:var(--accent-color);cursor:pointer;text-decoration:underline}.btn-link.danger,.btn-danger{color:var(--error-color)}.btn-danger{border:1px solid var(--error-color);background:transparent;border-radius:var(--radius-sm);padding:.4rem .7rem;cursor:pointer}.manager-panel,.review-panel{max-width:960px;margin:0 auto;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.review-panel{margin-top:1.5rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.panel-heading h2,.panel-heading h3{line-height:1.3}.muted-state{color:var(--text-muted);padding:1rem 0}.lesson-list,.attempt-list{display:flex;flex-direction:column;gap:.7rem}.lesson-row,.attempt-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg)}.lesson-row-main{min-width:0;display:flex;align-items:center;gap:.65rem}.lesson-row-main strong{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-row small,.attempt-row small{color:var(--text-muted)}.lesson-actions{display:flex;gap:.45rem;flex-shrink:0}.skill-chip{display:inline-flex;padding:.2rem .5rem;border-radius:999px;background:var(--accent-light);color:var(--accent-color);font-size:.75rem;font-weight:700;text-transform:capitalize}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem}.summary-card{padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg)}.summary-card span{display:block;color:var(--text-muted);font-size:.8rem}.summary-card strong{display:block;margin-top:.25rem;color:var(--accent-color);font-size:1.5rem}.panel-subtitle{margin:1.5rem 0 .75rem;font-size:1rem}.task-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.answer-header,.answer-actions{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.paragraphs-list{margin-top:1.25rem}.paragraph-block+.paragraph-block{margin-top:1rem}.en-paragraph,.vi-paragraph{line-height:1.75}.vi-paragraph{color:var(--text-muted);margin-top:.4rem;padding-left:.8rem;border-left:2px solid var(--accent-color)}.essay-type-badge{display:inline-block;margin-bottom:.75rem;color:var(--text-muted);font-size:.85rem}.essay-textarea{width:100%;min-height:260px;margin-bottom:.85rem;padding:1rem;resize:vertical;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg);line-height:1.7;outline:none}.essay-textarea:focus{border-color:var(--accent-color)}.writing-feedback{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.feedback-band{display:inline-flex;margin-bottom:1rem;padding:.4rem .9rem;border-radius:999px;background:var(--accent-color);color:#fff;font-size:1.2rem;font-weight:800}.feedback-copy{margin-top:1rem}.feedback-copy p,.feedback-columns p{margin-top:.35rem;white-space:pre-wrap}.feedback-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.feedback-columns>div{padding:1rem;border-radius:var(--radius-md);background:var(--secondary-bg)}.correction-list{margin-top:1rem}.correction-item{display:grid;gap:.2rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.correction-item span{color:var(--success-color);font-weight:600}.correction-item small{color:var(--text-muted)}.review-section+.review-section{margin-top:1.25rem}.review-section h3{margin-bottom:.75rem;font-size:1rem}.mistake-card{padding:.9rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg)}.mistake-card+.mistake-card{margin-top:.65rem}.mistake-card.saved{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mistake-card p{margin-top:.3rem;color:var(--text-muted)}.retry-line{display:flex;gap:.6rem;align-items:flex-end;margin-top:.65rem}.retry-line .completion-input{margin:0}@media(max-width:700px){.app-container{padding:1rem .75rem 3rem}.app-header{align-items:flex-start}.controls-group,.session-user{width:100%}.session-user{border-right:0;padding-right:0}.source-card,.content-card,.manager-panel,.review-panel{padding:1rem}.task-tab-btn{min-width:105px}.lesson-row,.lesson-row-main,.attempt-row{align-items:flex-start}.lesson-row{flex-direction:column}.lesson-row-main{width:100%;flex-wrap:wrap}.lesson-row-main strong{width:100%;white-space:normal}.feedback-columns{grid-template-columns:1fr}.retry-line{align-items:stretch;flex-direction:column}}:root{--page-glow: rgba(184, 92, 47, .1);--surface-glass: rgba(255, 253, 249, .78);--shadow-lg: 0 22px 60px rgba(60, 42, 28, .1)}[data-theme=minimal-paper]{--page-glow: rgba(37, 99, 235, .08);--surface-glass: rgba(255, 255, 255, .82);--shadow-lg: 0 22px 60px rgba(15, 23, 42, .08)}[data-theme=dark-velvet]{--page-glow: rgba(217, 119, 69, .12);--surface-glass: rgba(32, 30, 39, .84);--shadow-lg: 0 22px 65px rgba(0, 0, 0, .35)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 4%,var(--page-glow),transparent 28rem),var(--bg-color)}button,a,select,textarea,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 28%,transparent);outline-offset:2px}a{color:inherit}.btn-primary,.btn-secondary,.icon-control{justify-content:center}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.skill-choice:disabled,.full-suite-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.app-container{max-width:1540px;padding:0 2rem 5rem}.app-header{min-height:76px;margin:0 -2rem 2.5rem;padding:.75rem 2rem;border-bottom:1px solid var(--border-color);background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;flex-wrap:nowrap}.brand-lockup{display:inline-flex;align-items:center;gap:.65rem;border:0;background:transparent;color:var(--text-color);font-weight:700;letter-spacing:-.025em;text-decoration:none;cursor:pointer}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-color);color:#fff;font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;line-height:1;box-shadow:0 7px 18px color-mix(in srgb,var(--accent-color) 25%,transparent)}.brand-logo{width:36px;height:36px;display:block;flex:0 0 auto;border-radius:50%;object-fit:cover}.brand-logo-auth{width:48px;height:48px}.app-brand{flex-shrink:0;font-size:1.05rem}.app-brand .brand-subtitle{margin-left:.15rem;padding-left:.8rem;border-left:1px solid var(--border-color);font-size:.75rem;letter-spacing:0}.header-nav{display:flex;align-items:center;gap:.25rem}.header-nav button{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .72rem;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer}.header-nav button:hover,.header-nav button.active{background:var(--secondary-bg);color:var(--accent-color)}.controls-group{flex-wrap:nowrap;gap:.45rem}.session-user{padding:0;border:0;gap:.45rem}.user-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--accent-light);color:var(--accent-color);font-size:.75rem;font-weight:800}.user-avatar-image{display:block;object-fit:cover}.user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-control{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border-color);border-radius:9px;background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:.18s ease}.icon-control:hover{border-color:var(--accent-color);color:var(--accent-color)}.select-control{height:34px;padding:.25rem .5rem;border-radius:9px}.back-studio{white-space:nowrap}.studio-main{max-width:1400px;width:100%;margin:0 auto;padding:0 1.5rem;box-sizing:border-box;position:relative;isolation:isolate}.studio-main:before{display:none}.studio-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:.45rem 0 1.25rem}.studio-intro-copy{min-width:0}.studio-intro h1{margin:.45rem 0 .35rem;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.04em;line-height:1.08;color:var(--text-color)}.studio-intro p{color:var(--text-muted);max-width:620px;margin:0;font-size:clamp(.95rem,1.4vw,1.06rem)}.studio-intro-status{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.2rem;padding:.42rem .95rem .42rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 28%,var(--border-color));background:color-mix(in srgb,var(--card-bg) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);color:var(--accent-color);font-size:.76rem;font-weight:650}.studio-intro-mascot{flex-shrink:0;position:relative;display:grid;place-items:center}.recent-asset-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1100;width:min(520px,calc(100vw - 2rem));overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color) 42%,var(--border-color));border-radius:20px;background:var(--card-bg);box-shadow:0 18px 42px #2d180f2e,0 4px 12px #2d180f12;color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:recent-asset-float-in .28s ease-out both}.recent-asset-float:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--accent-color)}.recent-asset-float-content{position:relative;display:block;padding:.95rem}.recent-asset-float-heading{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:flex-start;gap:.75rem;min-width:0}.recent-asset-float-preview{position:relative;width:112px;height:84px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);border-radius:12px;background:#2d180f;box-shadow:0 6px 14px #2d180f24}.recent-asset-float-preview img,.recent-asset-float-preview-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.recent-asset-float-preview img{display:block;object-fit:cover}.recent-asset-float-preview-shade{background:linear-gradient(135deg,#2d180f14,#2d180f9e)}.recent-asset-float-preview-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.recent-asset-float-preview-time{position:absolute;right:6px;bottom:5px;padding:2px 5px;border-radius:5px;background:#140c08b8;color:#fff;font-family:JetBrains Mono,Consolas,monospace;font-size:.63rem;font-weight:750}.recent-asset-float-icon-card{display:grid;place-items:center;flex:0 0 auto;align-content:center;gap:.3rem;width:112px;height:84px;border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);border-radius:13px;background:color-mix(in srgb,var(--accent-color) 13%,transparent);color:var(--accent-color)}.recent-asset-float-icon-card>span{display:inline-flex}.recent-asset-float-icon-card small{font-size:.56rem;font-weight:850;letter-spacing:.1em}.recent-asset-float-copy{min-width:0;display:grid;gap:.22rem;padding-right:1.35rem}.recent-asset-float-topline{display:flex;align-items:center;gap:.38rem;min-width:0}.recent-asset-float-kicker{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--accent-color);font-size:.61rem;font-weight:850;letter-spacing:.08em}.recent-asset-float-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1rem .4rem;border:1px solid color-mix(in srgb,var(--accent-color) 22%,var(--border-color));border-radius:999px;color:var(--text-muted);font-size:.58rem;font-weight:750}.recent-asset-float-copy strong{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.91rem;line-height:1.2}.recent-asset-float-copy small{display:inline-flex;align-items:center;gap:.28rem;color:var(--text-muted);font-size:.7rem;line-height:1.35}.recent-asset-float-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;color:var(--text-muted);font-size:.68rem;line-height:1.35}.recent-asset-float-meta span{display:inline-flex;align-items:center;gap:.25rem}.recent-asset-float-meta i{width:3px;height:3px;border-radius:50%;background:var(--border-color)}.recent-asset-float-progress{display:grid;gap:.2rem;padding-top:.15rem}.recent-asset-float-progress-label{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.66rem;font-weight:650}.recent-asset-float-progress-label strong{color:var(--accent-color);font-size:.68rem}.recent-asset-float-progress-track{height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border-color) 72%,transparent)}.recent-asset-float-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent-color);box-shadow:0 0 7px color-mix(in srgb,var(--accent-color) 35%,transparent)}.recent-asset-float-actions{padding-top:.22rem}.recent-asset-float-continue{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;width:100%;min-height:34px;padding:0 .65rem;border-radius:9px;font:inherit;font-size:.7rem;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;border:1px solid var(--accent-color);background:var(--accent-color);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--accent-color) 20%,transparent)}.recent-asset-float-continue:hover{transform:translateY(-1px);box-shadow:0 7px 14px color-mix(in srgb,var(--accent-color) 28%,transparent)}.recent-asset-float-dismiss{position:absolute;top:.52rem;right:.52rem;display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-color);cursor:pointer;transition:background .16s ease,color .16s ease}.recent-asset-float-dismiss:hover{background:var(--secondary-bg);color:var(--accent-color)}@media(max-width:560px){.recent-asset-float{right:.75rem;bottom:.75rem;width:calc(100vw - 1.5rem)}.recent-asset-float-content{padding:.75rem}.recent-asset-float-heading{grid-template-columns:92px minmax(0,1fr);gap:.6rem}.recent-asset-float-preview,.recent-asset-float-icon-card{width:92px;height:68px}.recent-asset-float-copy strong{font-size:.84rem}.recent-asset-float-continue{font-size:.67rem}}@keyframes recent-asset-float-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mascot-halo{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color) 26%,transparent),transparent 68%);filter:blur(18px);display:none}@keyframes mascot-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-color);font-family:Inter,sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.studio-workspace{min-width:0}.studio-top-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:1.5rem;align-items:start;margin-bottom:2rem}@media(max-width:1080px){.studio-top-grid{grid-template-columns:1fr}}.source-card{max-width:none;margin:0;padding:1.35rem 1.25rem 1.2rem;height:auto;min-height:520px;position:relative;overflow:visible;border:1px solid var(--border-color);border-radius:18px;background:color-mix(in srgb,var(--card-bg) 96%,var(--accent-light));box-shadow:0 10px 28px #26231f0f}.source-card:before{display:none}.source-card>*{position:relative;z-index:1}.source-step-heading{padding-bottom:.85rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 78%,transparent)}.source-step-guide{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;flex-shrink:0;color:var(--accent-color);font-size:.7rem;font-weight:750}.studio-step{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.studio-step-index{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--accent-color),var(--accent-hover));color:#fff;font-size:.78rem;font-weight:750;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color) 32%,transparent)}.studio-step-text{display:grid;gap:.12rem;min-width:0}.studio-step-text strong{font-size:.98rem;letter-spacing:-.015em}.studio-step-text small{color:var(--text-muted);font-size:.76rem;line-height:1.4}.studio-step-lock{margin-left:auto;display:inline-flex;align-items:center;gap:.32rem;flex-shrink:0;padding:.3rem .68rem;border-radius:999px;background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-muted);font-size:.68rem;font-weight:600}.source-label{margin-bottom:.55rem;font-size:.78rem;letter-spacing:.04em}.source-textarea-wrap{position:relative;width:100%;height:190px}.source-textarea{width:100%;height:100%;min-height:118px;max-height:none;padding:.9rem 1rem 3.25rem;background:color-mix(in srgb,var(--secondary-bg) 72%,var(--card-bg));line-height:1.55}.source-textarea-wrap .source-textarea{min-height:0}.source-input-stage{overflow-y:auto}.source-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent)}.source-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.4rem;color:var(--text-muted);font-size:.7rem}.youtube-source-badge{display:inline-flex;align-items:center;gap:.3rem;color:#dc2626;font-weight:700}.source-quick-actions{position:absolute;left:.8rem;right:.8rem;bottom:.7rem;display:flex;flex-wrap:wrap;gap:.4rem}.source-quick-action{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .62rem;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--card-bg) 88%,transparent);color:var(--text-color);font-size:.68rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #26231f0a;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.source-quick-action:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-color);color:var(--accent-color);background:var(--card-bg)}.source-quick-action:disabled{opacity:.52;cursor:not-allowed}.source-actions{display:block;margin:1.15rem -1.25rem -1.25rem;padding:1.1rem 1.25rem 1.25rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);box-shadow:var(--shadow-sm)}.skill-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.skill-choice-grid.is-locked{opacity:.55}.skill-choice{--tone: var(--accent-color);min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;min-height:142px;padding:.9rem;border:1px solid var(--border-color);border-radius:13px;background:color-mix(in srgb,var(--card-bg) 82%,transparent);color:var(--text-color);text-align:left;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease}.skill-choice.tone-reading{--tone: #C2761F}.skill-choice.tone-writing{--tone: #6D5BD0}.skill-choice.tone-news{--tone: #1F8A70}.skill-choice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 12%,transparent),transparent 62%);transition:opacity .2s ease}.skill-choice:hover:not(:disabled){transform:translateY(-4px);border-color:color-mix(in srgb,var(--tone) 55%,var(--border-color));box-shadow:0 16px 34px color-mix(in srgb,var(--tone) 18%,transparent)}.skill-choice:hover:not(:disabled):after{opacity:1}.skill-choice:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.skill-choice:disabled{cursor:not-allowed}.choice-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--tone) 13%,var(--card-bg));border:1px solid color-mix(in srgb,var(--tone) 22%,transparent);color:var(--tone);transition:transform .2s cubic-bezier(.22,1,.36,1)}.skill-choice:hover:not(:disabled) .choice-icon{transform:scale(1.08) rotate(-4deg)}.choice-body{min-width:0;display:grid;gap:.2rem}.skill-choice strong{font-size:1rem;letter-spacing:-.02em}.skill-choice small{color:var(--text-muted);font-size:.74rem;line-height:1.45}.choice-arrow{position:absolute;right:1.15rem;top:1.15rem;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}.skill-choice:hover:not(:disabled) .choice-arrow{opacity:1;transform:none}.full-suite-button{width:100%;position:relative;overflow:hidden;display:flex;align-items:center;gap:.9rem;margin-top:.9rem;padding:.92rem 1.05rem;border:none;border-radius:10px;background:var(--accent-color);color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--accent-color) 30%,transparent);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.full-suite-button:hover:not(:disabled){background:var(--accent-hover)}.full-suite-button:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transition:left .55s ease}.full-suite-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px color-mix(in srgb,var(--accent-color) 38%,transparent)}.full-suite-button:hover:not(:disabled):after{left:120%}.full-suite-button:disabled{box-shadow:none;opacity:.5}.suite-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--accent-color);color:#fff}.full-suite-button .suite-icon{width:40px;height:40px;border-radius:12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff}.suite-body{display:grid;gap:.12rem;flex:1;min-width:0}.full-suite-button strong{color:#fff;font-size:.95rem;letter-spacing:-.015em}.full-suite-button small{color:#ffffffd1;font-size:.74rem}.transcript-open-button{width:100%;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,#dc2626 42%,var(--border-color));border-radius:var(--radius-md);background:color-mix(in srgb,#dc2626 7%,var(--card-bg));color:#dc2626;text-align:left;cursor:pointer}.transcript-open-button>span:nth-child(2){display:grid;flex:1}.transcript-open-button strong{color:var(--text-color);font-size:.88rem}.transcript-open-button small{color:var(--text-muted);font-size:.7rem}.transcript-open-button:hover:not(:disabled){border-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.transcript-open-button:disabled{opacity:.6;cursor:not-allowed}.writing-illustration{margin:1.25rem 0 1.5rem;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg)}.writing-illustration img{display:block;width:100%;max-height:380px;object-fit:cover}.writing-illustration figcaption{display:grid;gap:.2rem;padding:.65rem .8rem;color:var(--text-muted);font-size:.72rem}.writing-illustration figcaption span{color:var(--text-color);font-weight:600}.writing-illustration figcaption small{font-size:.7rem}.writing-illustration figcaption em{font-style:normal;font-size:.64rem;opacity:.78}.loading-state{align-items:flex-start;color:var(--text-color);border:1px solid var(--border-color)}.loading-state span{display:grid;color:var(--text-muted);font-size:.78rem}.loading-state strong{color:var(--accent-color);font-size:.88rem}.error-banner{background:var(--error-bg);border-color:color-mix(in srgb,var(--error-color) 40%,transparent);color:var(--error-color)}.manager-panel,.review-panel{max-width:none}.exam-main{min-height:calc(100vh - 150px)}.task-nav{max-width:1100px;margin-bottom:1.75rem;padding:.35rem;border:1px solid var(--border-color);border-radius:13px;background:var(--secondary-bg);flex-wrap:nowrap;overflow-x:auto}.task-tab-btn{min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;box-shadow:none}.exam-empty{max-width:600px;margin:10vh auto 0;padding:3rem;border:1px solid var(--border-color);border-radius:22px;background:var(--card-bg);box-shadow:var(--shadow-lg);text-align:center}.empty-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 1.25rem;border-radius:18px;background:var(--accent-light);color:var(--accent-color)}.exam-empty h1{margin:.65rem 0;font-size:clamp(1.6rem,4vw,2.25rem);line-height:1.2;letter-spacing:-.035em}.exam-empty p{max-width:470px;margin:0 auto;color:var(--text-muted)}.empty-actions{display:flex;justify-content:center;gap:.65rem;margin-top:1.5rem}.landing-page{overflow:hidden}.landing-nav,.landing-footer{width:min(1180px,calc(100% - 3rem));margin:0 auto}.landing-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:10}.landing-links{display:flex;align-items:center;gap:2rem}.landing-links a{color:var(--text-muted);font-size:.82rem;font-weight:600;text-decoration:none}.landing-links a:hover{color:var(--accent-color)}.landing-actions{display:flex;align-items:center;gap:.55rem}.landing-start{padding:.55rem .9rem}.hero-section{width:min(1240px,calc(100% - 3rem));min-height:660px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,6rem);position:relative}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-orb-one{width:430px;height:430px;top:2%;left:-22%;background:radial-gradient(circle,var(--page-glow),transparent 68%)}.hero-orb-two{width:520px;height:520px;right:-25%;bottom:-15%;background:radial-gradient(circle,var(--accent-light),transparent 68%);opacity:.55}.hero-content{position:relative;z-index:2}.hero-content h1{max-width:700px;margin:1rem 0 1.25rem;font-size:clamp(3rem,6vw,5.3rem);line-height:.98;letter-spacing:-.065em}.hero-content h1 em{color:var(--accent-color);font-family:"Instrument Serif",Georgia,serif;font-weight:400}.hero-content>p{max-width:610px;color:var(--text-muted);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.75}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}.btn-hero{padding:.85rem 1.2rem;font-size:.92rem}.text-link{color:var(--text-color);font-size:.85rem;font-weight:700;text-underline-offset:4px}.hero-proof{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;color:var(--text-muted);font-size:.72rem}.hero-proof span{display:inline-flex;align-items:center;gap:.3rem}.hero-proof svg{color:var(--success-color)}.hero-preview{position:relative;z-index:2;padding:.75rem;border:1px solid var(--border-color);border-radius:24px;background:color-mix(in srgb,var(--card-bg) 92%,transparent);box-shadow:var(--shadow-lg);transform:rotate(1.5deg)}.preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem .8rem 1rem;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.72rem}.preview-dots{display:flex;gap:.3rem}.preview-dots i{width:7px;height:7px;border-radius:50%;background:var(--border-color)}.preview-source{padding:1.25rem;border:1px solid var(--border-color);border-radius:15px;background:var(--secondary-bg)}.preview-label{font-size:.7rem;font-weight:700}.preview-lines{display:grid;gap:.55rem;margin-top:1rem}.preview-lines i{height:7px;border-radius:10px;background:var(--border-color)}.preview-lines i:nth-child(2){width:92%}.preview-lines i:nth-child(3){width:80%}.preview-lines i:nth-child(4){width:55%}.preview-skills{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.65rem}.preview-skills>div{display:flex;align-items:center;gap:.5rem;padding:.85rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);color:var(--accent-color)}.preview-skills span{flex:1;color:var(--text-color);font-size:.75rem;font-weight:700}.preview-skills svg:last-child{color:var(--success-color)}.preview-status{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem;padding:.8rem 1rem;border-radius:12px;background:var(--accent-color);color:#fff;font-size:.76rem;font-weight:700}.preview-status span{display:flex;align-items:center;gap:.45rem}.landing-section,.process-section,.benefit-section{width:min(1120px,calc(100% - 3rem));margin:7rem auto}.section-heading{max-width:680px;margin:0 auto 2.5rem;text-align:center}.section-heading.left{margin-left:0;text-align:left}.section-heading h2,.benefit-copy h2,.landing-cta h2{margin:.65rem 0 .8rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.05em}.section-heading p,.benefit-copy>p,.landing-cta p{color:var(--text-muted)}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.skill-card{min-height:235px;position:relative;padding:1.4rem;overflow:hidden;border:1px solid var(--border-color);border-radius:17px;background:var(--card-bg);transition:.2s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent-color) 35%,var(--border-color))}.skill-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:1.4rem;border-radius:12px;background:var(--accent-light);color:var(--accent-color)}.skill-card h3{margin-bottom:.5rem;font-size:1.1rem}.skill-card p{color:var(--text-muted);font-size:.82rem;line-height:1.7}.card-index{position:absolute;right:1rem;bottom:-.5rem;color:var(--secondary-bg);font-family:"Instrument Serif",serif;font-size:4.5rem;line-height:1}.process-section{padding:clamp(2rem,5vw,4rem);border-radius:28px;background:var(--secondary-bg)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step-card{position:relative;padding:1.5rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg)}.step-number{position:absolute;top:1.2rem;right:1.2rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.step-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:1.4rem;border-radius:12px;background:var(--accent-light);color:var(--accent-color)}.step-card h3{margin-bottom:.5rem;font-size:1rem}.step-card p{color:var(--text-muted);font-size:.8rem}.benefit-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.benefit-visual{min-height:430px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,var(--accent-light),var(--secondary-bg))}.quote-card{width:78%;padding:2rem;border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-lg);transform:rotate(-2deg)}.quote-card svg{color:var(--accent-color)}.quote-card p{margin-top:1rem;font-family:"Instrument Serif",Georgia,serif;font-size:1.65rem;line-height:1.35}.benefit-copy ul{display:grid;gap:.7rem;margin:1.5rem 0;list-style:none}.benefit-copy li{display:flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:600}.benefit-copy li svg{color:var(--success-color)}.landing-cta{width:min(1120px,calc(100% - 3rem));margin:7rem auto 3rem;padding:clamp(3rem,7vw,5rem);border-radius:28px;background:var(--text-color);color:var(--card-bg);text-align:center}.landing-cta p{max-width:570px;margin:0 auto 1.5rem;color:color-mix(in srgb,var(--card-bg) 65%,transparent)}.landing-cta .eyebrow{color:color-mix(in srgb,var(--card-bg) 72%,var(--accent-color))}.landing-cta .btn-primary{margin:0 auto}.landing-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--border-color)}.landing-footer p{color:var(--text-muted);font-size:.78rem}.footer-controls{display:flex;gap:.45rem}@media(max-width:1000px){.header-nav{display:none}.hero-section{min-height:auto;grid-template-columns:1fr;padding:5rem 0}.hero-content{text-align:center}.hero-content>p{margin:0 auto}.hero-actions,.hero-proof{justify-content:center}.hero-preview{width:min(600px,100%);margin:0 auto;transform:none}.skill-grid{grid-template-columns:1fr 1fr}.studio-layout{grid-template-columns:1fr}.skill-choice-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-container{padding:0 .8rem 3rem}.app-header{min-height:64px;margin:0 -.8rem 1.7rem;padding:.6rem .8rem;gap:.5rem}.app-brand>span:nth-child(2),.app-brand .brand-subtitle,.user-name,.app-header .select-control{display:none}.controls-group,.session-user{width:auto}.back-studio{margin-left:auto}.studio-intro{grid-template-columns:minmax(0,1fr) auto;gap:1rem}.studio-intro-mascot{align-self:start}.recent-asset-float{right:.8rem;bottom:.8rem;width:calc(100vw - 1.6rem)}.mascot-hero-img{width:76px}.source-card{border-radius:16px}.source-meta span:last-child{display:none}.studio-step-lock{display:none}.source-mode-tabs{display:flex;width:100%;border-radius:var(--radius-md)}.source-tab-btn{flex:1;justify-content:center}.skill-choice-grid{grid-template-columns:1fr}.skill-choice{flex-direction:row;align-items:center;gap:.85rem;padding:.95rem 1rem}.playlist-picker-heading{align-items:flex-start;flex-direction:column}.playlist-create-inline{flex-direction:column}.choice-arrow{display:none}.choice-icon{width:38px;height:38px;border-radius:11px}.full-suite-button small{display:none}.task-nav{justify-content:flex-start}.exam-empty{margin-top:3rem;padding:2rem 1.2rem}.empty-actions{flex-direction:column}.landing-nav{width:min(100% - 1.5rem,1180px);min-height:64px}.landing-links,.landing-nav .icon-control{display:none}.landing-start{font-size:.75rem}.hero-section{width:min(100% - 1.5rem,1240px);padding:4rem 0}.hero-content h1{font-size:clamp(2.8rem,14vw,4.2rem)}.hero-actions{flex-direction:column;gap:1rem}.hero-proof{display:grid;justify-content:center;text-align:left}.preview-skills{grid-template-columns:1fr}.landing-section,.process-section,.benefit-section{width:min(100% - 1.5rem,1120px);margin:5rem auto}.skill-grid,.steps-grid,.benefit-section{grid-template-columns:1fr}.skill-card{min-height:205px}.process-section{padding:2rem 1rem}.benefit-visual{min-height:340px}.quote-card{width:86%;padding:1.5rem}.quote-card p{font-size:1.4rem}.landing-cta{width:calc(100% - 1.5rem);margin:5rem auto 2rem;padding:3rem 1rem}.landing-footer{width:calc(100% - 1.5rem);padding:1.5rem 0;flex-direction:column;text-align:center}}.media-library{padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-lg)}.media-heading{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.media-heading>div:first-child{flex:1}.media-heading h2{margin:.35rem 0 .2rem;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.035em}.media-heading p{color:var(--text-muted);font-size:.86rem}.media-file-input{display:none}.media-limit{margin:1.2rem 0 .8rem;color:var(--text-muted);font-size:.75rem;text-align:right}.media-list{display:grid;gap:.65rem}.media-row{display:flex;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--secondary-bg)}.media-type-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--accent-light);color:var(--accent-color)}.media-info{min-width:0;flex:1;display:grid}.media-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.media-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.7rem}.media-actions{display:flex;align-items:center;gap:.45rem}.media-actions button:disabled{opacity:.5;cursor:not-allowed}.media-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted)}.media-empty strong{color:var(--text-color)}@media(max-width:700px){.media-heading{align-items:stretch;flex-direction:column}.media-heading .btn-primary{width:100%}.media-limit{text-align:left}.media-row{align-items:flex-start;flex-wrap:wrap}.media-info{width:calc(100% - 54px)}.media-actions{width:100%;justify-content:flex-end}}.transcript-page{min-height:calc(100vh - 150px);scroll-margin-top:90px;position:relative;z-index:1}.transcript-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-bottom:1.25rem}.transcript-topbar h1{margin:.25rem 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.transcript-topbar p{color:var(--text-muted);font-size:.76rem}.transcript-badge{display:inline-flex;padding:.18rem .5rem;border-radius:999px;background:var(--accent-light);color:var(--accent-color);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.transcript-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr);gap:1rem;align-items:start}.transcript-video-column{min-width:0;display:grid;gap:1rem}.youtube-player-shell{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative;border-radius:var(--radius-lg);background:#000;box-shadow:var(--shadow-md)}.youtube-player-host,.youtube-player-host>div,.youtube-player-shell iframe{width:100%;height:100%;border:0}.youtube-player-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 80%,#000);border-radius:var(--radius-lg);background:#151515;box-shadow:var(--shadow-md)}.covey-media-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:#151515;color:#fff;text-align:center;padding:1.5rem}.covey-media-loading>span:last-child{color:#c8c8c8;font-size:.85rem}.youtube-player-card .youtube-player-shell{border-radius:0;box-shadow:none}.youtube-player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1.5rem;background:#111;color:#fff;font-size:.85rem;text-align:center}.player-error-overlay{background:linear-gradient(145deg,#240e0e,#111);color:#fecaca}.youtube-custom-controls{display:grid;gap:.45rem;padding:.55rem .7rem .65rem;background:#171717;color:#f5f5f5}.youtube-player-card[aria-busy=true] .youtube-custom-controls{visibility:hidden}.youtube-progress{width:100%;height:5px;accent-color:#ef4444;cursor:pointer}.youtube-control-row{display:flex;align-items:center;gap:.55rem}.player-icon-button{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.player-icon-button:hover:not(:disabled){background:#ffffff1f}.player-icon-button:disabled,.youtube-custom-controls input:disabled,.youtube-custom-controls select:disabled{opacity:.42;cursor:not-allowed}.youtube-time{min-width:92px;color:#e5e5e5;font-family:JetBrains Mono,Consolas,monospace;font-size:.68rem;font-variant-numeric:tabular-nums}.youtube-volume-control{display:flex;align-items:center;gap:.25rem}.youtube-volume-control input{width:88px;accent-color:#ef4444}.youtube-speed{margin-left:auto}.youtube-speed select{height:32px;padding:0 .45rem;border:1px solid #444;border-radius:7px;background:#242424;color:#fff;font-size:.75rem;cursor:pointer}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.transcript-pane{height:min(72vh,760px);min-height:520px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-md)}.transcript-pane-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border-color)}.language-toggle{display:flex;padding:.2rem;border-radius:9px;background:var(--secondary-bg)}.language-toggle button{padding:.38rem .65rem;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:700;cursor:pointer}.language-toggle button.active{background:var(--card-bg);color:var(--accent-color);box-shadow:var(--shadow-sm)}.auto-follow-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.72rem;font-weight:700;cursor:pointer}.auto-follow-toggle input{accent-color:var(--accent-color)}.follow-current-button{margin-left:auto;padding:.4rem .6rem;font-size:.75rem;border-radius:20px}.transcript-segments{overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.5rem 2rem;scroll-behavior:smooth}.transcript-ted-block{position:relative;overflow:hidden;margin-bottom:1.75rem;padding:.85rem 1.15rem;border-radius:14px;border-left:3.5px solid transparent;transition:all .2s ease;cursor:pointer;background:transparent}.transcript-ted-block:hover{background-color:var(--secondary-bg)}.transcript-ted-block.active{background-color:var(--accent-light)!important;border-left-color:var(--accent-color)!important;box-shadow:0 4px 18px #b85c2f17}.ted-timestamp-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.55rem}.ted-play-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:20px;cursor:pointer;transition:all .2s ease}.ted-play-pill:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.ted-live-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--accent-color);font-family:JetBrains Mono,monospace}.ted-pulsing-dot{width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;animation:pulse-dot 1.5s infinite ease-in-out}@keyframes pulse-dot{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.3);opacity:1}to{transform:scale(.8);opacity:.6}}.ted-paragraph-content{display:flex;flex-direction:column;gap:.45rem}.ted-en-text{font-size:1.05rem;line-height:1.85;color:var(--text-color);letter-spacing:-.01em;margin:0}.transcript-ted-block.active .ted-en-text{font-weight:600}.ted-vi-text{font-size:.92rem;line-height:1.7;color:var(--text-muted);margin:0}.ted-vi-sub{font-style:italic;padding-top:.35rem;border-top:1px dashed var(--border-color)}.segment-word{border-radius:4px;padding:0 2px;transition:color .1s ease,background-color .1s ease}.segment-word.spoken{color:var(--text-color);opacity:.85}.segment-word.current{color:#fff!important;background-color:var(--accent-color)!important;border-radius:4px;padding:.05rem .25rem;box-shadow:0 2px 6px #b85c2f59;font-weight:700}.segment-word.upcoming{color:var(--text-muted);opacity:.65}.clickable-transcript-word{cursor:pointer;border-radius:4px;padding:1px 3px;transition:all .15s ease;display:inline-block}.clickable-transcript-word:hover{background-color:color-mix(in srgb,var(--accent-color) 18%,transparent);color:var(--accent-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 30%,transparent);transform:translateY(-1px)}.clickable-transcript-word:active{transform:scale(.96);background-color:var(--accent-color);color:#fff!important}.transcript-word-trigger{position:relative;outline:none}.transcript-word-trigger:focus-visible{box-shadow:0 0 0 2px var(--accent-color)}.transcript-word-hint{position:absolute;z-index:100;left:50%;bottom:calc(100% + .35rem);width:290px;max-width:min(320px,90vw);transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;padding:.65rem .8rem;border:1px solid var(--border-color, #e2d9c8);border-radius:12px;background:var(--card-bg, #fffdf8);color:var(--text-color, #26231F);box-shadow:0 12px 32px #2d190f33,0 2px 8px #00000014;font-size:.82rem;line-height:1.4;text-align:left;pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:default;animation:fadeInPop .15s ease-out}.transcript-word-hint:before{content:"";position:absolute;left:-20px;right:-20px;bottom:-16px;top:-10px;z-index:-1;background:transparent;pointer-events:auto}.word-copied-flash{color:#10b981!important;font-weight:700!important;transition:all .15s ease}.word-copied-mini-badge{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:99;box-shadow:0 2px 8px #10b98159;animation:fadeInPop .15s ease-out}@keyframes fadeInPop{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.rich-hint-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem;border-bottom:1px solid var(--border-color, #f0eae1);padding-bottom:.35rem}.rich-hint-word-group{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.rich-hint-word{color:var(--accent-color, #e95125);font-size:.98rem;font-weight:800}.rich-hint-ipa{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted, #7c685d)}.rich-hint-pos{font-size:.68rem;background:#e951251a;color:var(--accent-color, #e95125);padding:.1rem .35rem;border-radius:4px;font-weight:700;text-transform:uppercase}.rich-hint-top-actions{display:flex;align-items:center;gap:.25rem}.rich-hint-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid var(--border-color, #e2d9c8);background:var(--secondary-bg, #f8f6f0);color:var(--text-muted, #7c685d);cursor:pointer;transition:all .12s ease}.rich-hint-btn-icon:hover{color:var(--accent-color, #e95125);border-color:var(--accent-color, #e95125);background:#e9512514}.rich-hint-btn-icon.active{background:var(--accent-color, #e95125);color:#fff;border-color:var(--accent-color, #e95125)}.rich-hint-btn-icon.close:hover{background:#ef44441f;color:#dc2626;border-color:#dc2626}.rich-hint-audio-row{display:flex;align-items:center;gap:.35rem}.rich-hint-audio-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;border:1px solid var(--border-color, #e2d9c8);background:var(--secondary-bg, #f8f6f0);color:var(--text-color, #26231F);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .12s ease}.rich-hint-audio-btn:hover{background:var(--accent-color, #e95125);color:#fff;border-color:var(--accent-color, #e95125)}.rich-hint-save-btn{margin-left:auto;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:6px;border:1px solid var(--accent-color, #e95125);background:#e9512514;color:var(--accent-color, #e95125);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .12s ease}.rich-hint-save-btn:hover{background:var(--accent-color, #e95125);color:#fff}.rich-hint-save-btn.saved{background:#10b981;border-color:#10b981;color:#fff}.rich-hint-body{display:flex;flex-direction:column;gap:.25rem;max-height:140px;overflow-y:auto}.rich-hint-meaning-vi{font-size:.88rem;font-weight:700;color:var(--text-color, #26231F);line-height:1.35}.rich-hint-meaning-en{font-size:.76rem;color:var(--text-muted, #7c685d);line-height:1.35}.rich-hint-synonyms{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.2rem;font-size:.72rem}.rich-synonym-tag{color:var(--text-muted, #7c685d);font-weight:600}.rich-synonym-pill{background:var(--secondary-bg, #f8f6f0);border:1px solid var(--border-color, #e2d9c8);border-radius:4px;padding:.05rem .35rem;font-size:.7rem;cursor:pointer;transition:all .12s ease}.rich-synonym-pill:hover{background:var(--accent-color, #e95125);color:#fff;border-color:var(--accent-color, #e95125)}.rich-hint-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding-top:.35rem;border-top:1px solid var(--border-color, #f0eae1);margin-top:.2rem}.rich-hint-full-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--accent-color, #e95125);font-size:.72rem;font-weight:700;cursor:pointer;padding:.15rem .25rem;border-radius:4px}.rich-hint-full-btn:hover{text-decoration:underline}.rich-hint-seek-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .45rem;border-radius:4px;border:1px solid var(--border-color, #e2d9c8);background:var(--secondary-bg, #f8f6f0);color:var(--text-muted, #7c685d);font-size:.7rem;font-weight:600;cursor:pointer}.rich-hint-seek-btn:hover{color:var(--accent-color, #e95125);border-color:var(--accent-color, #e95125)}.segment-word-plain{color:var(--text-color);border-radius:4px;padding:1px 3px;transition:all .15s ease;display:inline-block}[data-theme=dark-velvet] .segment-word.spoken{opacity:.75}[data-theme=dark-velvet] .segment-word.upcoming{opacity:.45}@media(prefers-reduced-motion:reduce){.segment-word,.clickable-transcript-word{transition:none}}.transcript-pane-note{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.65rem .8rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.68rem}.transcript-pane-note span{margin-left:auto;color:var(--accent-color)}.transcript-recent{padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg)}.transcript-recent h2{margin-bottom:.65rem;font-size:1rem}.transcript-recent-list{display:grid;gap:.4rem}.transcript-recent-list article{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:9px}.transcript-recent-list article.active{border-color:var(--accent-color);background:var(--accent-light)}.transcript-recent-list article>button:first-child{min-width:0;flex:1;display:flex;align-items:center;gap:.6rem;padding:.65rem;border:0;background:transparent;color:var(--text-color);text-align:left;cursor:pointer}.transcript-recent-list article span{min-width:0;display:grid}.transcript-recent-list article strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.transcript-recent-list article small{color:var(--text-muted);font-size:.65rem}.transcript-delete{padding:.65rem;border:0;background:transparent;color:var(--error-color);cursor:pointer}.transcript-state{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.transcript-state p{max-width:540px;color:var(--text-muted)}.transcript-state .spinner{color:var(--accent-color)}.transcript-page button:focus-visible,.transcript-open-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 45%,transparent);outline-offset:2px}@media(max-width:1000px){.transcript-topbar{grid-template-columns:auto minmax(0,1fr)}.transcript-topbar>.btn-primary{grid-column:2;justify-self:start}.transcript-layout{grid-template-columns:1fr}.transcript-pane{height:65vh;min-height:480px}}@media(max-width:700px){.transcript-topbar{grid-template-columns:1fr}.transcript-topbar>.btn-primary{grid-column:auto;width:100%;justify-content:center}.transcript-topbar>.btn-secondary{justify-self:start}.transcript-pane{height:72vh;min-height:500px}.transcript-segment{grid-template-columns:48px minmax(0,1fr);padding:.68rem .55rem}.youtube-control-row{flex-wrap:wrap}.youtube-time{flex:1}.youtube-volume-control{order:4;width:100%}.youtube-volume-control input{flex:1;width:auto}.youtube-speed{margin-left:0}.transcript-pane-toolbar{gap:.55rem}.follow-current-button{width:100%;margin-left:0}}.sentence-unit.last-read-bookmark,.news-paragraph-block.last-read-bookmark{position:relative;background-color:var(--accent-light)!important;border-left:4px solid var(--accent-color)!important;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:.65rem .85rem!important;margin:.5rem 0;animation:pulse-glow 3s infinite ease-in-out;transition:all .3s ease}@keyframes pulse-glow{0%{box-shadow:0 0 0 1px #b85c2f33,0 2px 6px #b85c2f14}50%{box-shadow:0 0 0 3px #b85c2f59,0 4px 14px #b85c2f2e}to{box-shadow:0 0 0 1px #b85c2f33,0 2px 6px #b85c2f14}}.last-read-badge-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;font-size:.78rem;font-weight:700;color:var(--accent-color);letter-spacing:.02em}.last-read-badge-bar .badge-label{display:inline-flex;align-items:center;gap:.35rem;background:var(--card-bg);padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.last-read-dismiss-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.15rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.last-read-dismiss-btn:hover{background:var(--card-bg);color:var(--error-color);border-color:var(--error-color)}.current-sentence-preview-box{background:var(--secondary-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent-color);border-radius:var(--radius-sm);padding:.85rem 1rem;margin-top:.5rem}.preview-tag{font-size:.75rem;font-weight:700;color:var(--accent-color);text-transform:uppercase;margin-bottom:.35rem;letter-spacing:.03em}.preview-en{font-size:.95rem;line-height:1.5;font-weight:600;color:var(--text-color);margin-bottom:.35rem}.preview-vi{font-size:.85rem;line-height:1.45;font-style:italic;color:var(--text-muted)}.news-paragraph-block{position:relative;transition:background-color .2s ease,border-color .2s ease;padding:.5rem .65rem;border-radius:var(--radius-sm)}.news-paragraph-block:hover{background-color:#b85c2f0a}.bookmark-pin-action{opacity:0;transform:translate(5px);transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--accent-color);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.2rem .5rem;cursor:pointer;margin-left:.5rem}.news-paragraph-block:hover .bookmark-pin-action,.sentence-unit:hover .bookmark-pin-action{opacity:1;transform:translate(0)}.modal-overlay,.modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:#0f0e12a6!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:1.25rem!important;animation:modal-fade-in .2s ease-out!important}.modal-content,.exit-bookmark-card{position:relative!important;background-color:var(--card-bg, #FFFDF9)!important;color:var(--text-color, #26231F)!important;border:1px solid var(--border-color, #E6DCCD)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:0 20px 45px #0000004d,0 0 0 1px #b85c2f26!important;width:100%!important;max-width:500px!important;max-height:90vh!important;overflow-y:auto!important;animation:modal-pop-up .25s cubic-bezier(.16,1,.3,1)!important}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-up{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.mascot-hero-img{width:clamp(96px,12vw,148px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(184,92,47,.22));animation:float-gentle 4s infinite ease-in-out}@media(prefers-reduced-motion:reduce){.mascot-hero-img,.mascot-halo{animation:none}.skill-choice:hover:not(:disabled),.full-suite-button:hover:not(:disabled){transform:none}.skill-choice:hover:not(:disabled) .choice-icon{transform:none}}@keyframes float-gentle{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.source-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;width:100%;margin-bottom:.85rem;padding:0;overflow:hidden;border-radius:10px;background:var(--secondary-bg);border:1px solid var(--border-color)}.source-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;min-height:40px;padding:.48rem .55rem;border:0;border-right:1px solid var(--border-color);border-radius:0;font-size:.72rem;line-height:1.25;font-weight:640;color:var(--text-muted);background:transparent;cursor:pointer;white-space:nowrap;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.source-tab-btn:last-child{border-right:0}.source-tab-btn:hover:not(.active){color:var(--text-color);background:color-mix(in srgb,var(--card-bg) 70%,transparent)}.source-tab-btn.active{background:var(--accent-color);color:#fff;box-shadow:inset 0 -2px #ffffff38}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;text-align:center;background:#b85c2f05;cursor:pointer;transition:all .2s ease;height:216px;min-height:216px;max-height:216px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;margin:0}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--accent-color);background:var(--accent-light);transform:scale(1.002)}.dropzone-icon{color:var(--accent-color);margin-bottom:.5rem}.dropzone-text strong{display:block;font-size:1rem;color:var(--text-color);margin-bottom:.25rem}.dropzone-text p{font-size:.85rem;color:var(--text-muted);margin:0}.upload-config-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent-color) 34%,var(--border-color));border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-light) 42%,var(--card-bg))}.upload-file-summary{display:flex;align-items:center;gap:.75rem;min-width:0}.upload-file-summary .dropzone-icon{flex:0 0 auto;display:grid;place-items:center;width:2.45rem;height:2.45rem;margin:0;border-radius:10px;background:var(--card-bg)}.upload-file-summary>div:nth-child(2){display:grid;gap:.2rem;min-width:0}.upload-file-summary strong,.upload-file-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-summary small{color:var(--text-muted);font-size:.78rem}.upload-replace-button,.upload-remove-button{flex:0 0 auto;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);cursor:pointer}.upload-replace-button{margin-left:auto;padding:.42rem .65rem;font-size:.78rem}.upload-remove-button{width:1.85rem;height:1.85rem;font-size:1.2rem;line-height:1}.upload-title-field,.upload-language-field,.upload-mode-field{display:grid;gap:.35rem}.upload-title-field>span,.upload-language-field>span,.upload-mode-field>span{color:var(--text-color);font-size:.78rem;font-weight:750}.upload-title-field input,.upload-language-field select{width:100%;box-sizing:border-box;min-height:2.3rem;padding:.55rem .7rem;border:1px solid var(--border-color);border-radius:9px;background:var(--card-bg);color:var(--text-color);font:inherit}.upload-mode-options{display:inline-flex;width:fit-content;padding:3px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg)}.upload-mode-options button{border:0;border-radius:8px;padding:.5rem .8rem;color:var(--text-muted);background:transparent;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700}.upload-mode-options button.active{color:#fff;background:var(--accent-color)}@media(max-width:640px){.upload-file-summary{flex-wrap:wrap}.upload-replace-button{margin-left:0}}.transcription-job-banner{position:sticky;z-index:20;top:.75rem;display:flex;align-items:center;gap:.8rem;width:min(720px,calc(100% - 2rem));margin:.75rem auto;padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--accent-color) 42%,var(--border-color));border-radius:14px;background:color-mix(in srgb,var(--card-bg) 94%,var(--accent-light));box-shadow:0 10px 26px #3c22141c}.transcription-job-banner.is-failed{border-color:color-mix(in srgb,#dc2626 45%,var(--border-color))}.transcription-job-status-icon{display:grid;flex:0 0 auto;place-items:center;width:2.25rem;height:2.25rem;border-radius:10px;color:#fff;background:var(--accent-color);font-weight:800}.transcription-job-banner.is-failed .transcription-job-status-icon{background:#dc2626}.transcription-job-status-icon .spinner{width:1rem;height:1rem;border-width:2px;border-color:#ffffff59;border-top-color:#fff}.transcription-job-copy{display:grid;flex:1 1 auto;gap:.15rem;min-width:0}.transcription-job-kicker{color:var(--accent-color);font-size:.64rem;font-weight:850;letter-spacing:.08em}.transcription-job-copy strong,.transcription-job-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcription-job-copy strong{color:var(--text-color);font-size:.88rem}.transcription-job-copy>span{color:var(--text-muted);font-size:.76rem}.transcription-job-progress{width:min(360px,100%);height:5px;margin-top:.35rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg))}.transcription-job-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent-color);transition:width .3s ease}.transcription-job-actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.transcription-job-open{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .68rem;border:0;border-radius:8px;color:#fff;background:var(--accent-color);cursor:pointer;font:inherit;font-size:.76rem;font-weight:750;white-space:nowrap}.transcription-job-dismiss{display:grid;place-items:center;width:1.9rem;height:1.9rem;border:0;border-radius:8px;color:var(--text-muted);background:transparent;cursor:pointer}.transcription-job-dismiss:hover{background:var(--accent-light);color:var(--text-color)}@media(max-width:640px){.transcription-job-banner{align-items:flex-start;width:calc(100% - 1rem);margin:.5rem auto}.transcription-job-actions{flex-direction:column-reverse}.transcription-job-open{font-size:.7rem}}.asset-filter-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.25rem}.filter-pill{white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .8rem;border-radius:18px;font-size:.8rem;font-weight:600;color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.filter-pill:hover{color:var(--text-color);border-color:var(--accent-color)}.filter-pill.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 6px #b85c2f40}.mascot-progress-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--accent-light);color:var(--accent-color);font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:6px;border:1px solid rgba(184,92,47,.25)}.playlist-picker{margin-top:.9rem;border:1px solid var(--border-color, #ecdcd2);border-radius:13px;background:color-mix(in srgb,var(--secondary-bg, #fbf7f2) 72%,transparent);overflow:hidden}.playlist-picker-trigger{width:100%;display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border:0;background:transparent;color:var(--text-color);text-align:left;cursor:pointer}.playlist-picker-trigger:hover:not(:disabled),.playlist-picker.is-open .playlist-picker-trigger{background:color-mix(in srgb,var(--accent-color) 7%,transparent)}.playlist-picker-trigger-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg))}.playlist-picker-trigger-copy{min-width:0;flex:1;display:grid;gap:.12rem}.playlist-picker-trigger-copy strong{font-size:.82rem}.playlist-picker-trigger-copy small{color:var(--text-muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-picker-trigger-count,.playlist-selection-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .45rem;border:1px solid color-mix(in srgb,var(--accent-color) 30%,var(--border-color));border-radius:999px;color:var(--accent-color);background:var(--card-bg);font-size:.68rem;font-weight:700}.playlist-picker-panel{display:grid;gap:.7rem;padding:.8rem;border-top:1px solid var(--border-color);background:var(--card-bg)}.playlist-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.playlist-picker-heading>div{display:grid;gap:.12rem}.playlist-picker-heading strong{font-size:.78rem}.playlist-picker-heading small{color:var(--text-muted);font-size:.69rem}.playlist-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.45rem;max-height:150px;overflow-y:auto}.playlist-option{position:relative;min-width:0;display:flex;align-items:center;gap:.45rem;padding:.55rem .6rem;border:1px solid var(--border-color);border-radius:9px;color:var(--text-muted);background:var(--secondary-bg);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.playlist-option:hover,.playlist-option.is-selected{border-color:color-mix(in srgb,var(--accent-color) 58%,var(--border-color));color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 9%,var(--card-bg))}.playlist-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.playlist-option:focus-within{outline:2px solid color-mix(in srgb,var(--accent-color) 55%,transparent);outline-offset:2px}.playlist-option-check{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color);border-radius:5px;color:#fff;background:var(--card-bg)}.playlist-option.is-selected .playlist-option-check{border-color:var(--accent-color);background:var(--accent-color)}.playlist-option-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:650}.playlist-option>small{font-size:.68rem;color:var(--text-muted)}.playlist-picker-empty,.playlist-picker-status{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.74rem}.playlist-create-inline{display:flex;gap:.5rem}.playlist-create-inline input{min-width:0;flex:1;padding:.55rem .65rem;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);background:var(--secondary-bg);font:inherit;font-size:.76rem;outline:none}.playlist-create-inline input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent)}.playlist-create-inline .btn-secondary{padding:.5rem .7rem;font-size:.74rem;white-space:nowrap}.playlist-picker-error{color:#b42318;font-size:.72rem}.advanced-setting-item{display:flex;flex-direction:column;gap:4px}.advanced-setting-item label{font-size:.78rem;font-weight:700;color:var(--text-primary, #2d180f)}.advanced-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border-color, #d6c3b5);background:var(--card-bg, #ffffff);font-size:.82rem;color:var(--text-primary, #2d180f);outline:none}.header-nav-tabs{display:flex;align-items:center;gap:.4rem;margin-left:1.5rem}.header-tab-link{padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.header-tab-link:hover{color:var(--text-color);background:var(--surface-bg)}.header-tab-link.active{background:var(--accent-light);color:var(--accent-color);border-color:#b85c2f4d}.btn-shadowing-mode-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;border:1px solid rgba(184,92,47,.4);background:var(--card-bg);color:var(--accent-color);cursor:pointer;transition:all .2s ease}.btn-shadowing-mode-toggle:hover,.btn-shadowing-mode-toggle.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px #b85c2f4d}.shadowing-studio-container{min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(184,92,47,.35);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:0 4px 16px #0000000f}.shadowing-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;background:var(--surface-bg);border-bottom:1px solid var(--border-color)}.shadowing-pill-badge{background:var(--accent-color);color:#fff;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;margin-right:.75rem}.shadowing-progress-info{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.shadowing-step-counter{font-size:.8rem;color:var(--text-muted)}.kokoro-loading-banner{margin-bottom:.75rem;padding:.75rem 1rem;background:#fff8f4;border:1.5px solid #fbd2be;border-radius:var(--radius-md, 12px);box-shadow:0 2px 8px #ee5e2b14;animation:fadeInDown .25s ease-out}.kokoro-banner-content{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.kokoro-banner-icon{font-size:1.4rem;animation:pulse-ring 1.8s infinite}.kokoro-banner-text{display:flex;flex-direction:column;gap:2px}.kokoro-banner-title{font-size:.84rem;font-weight:800;color:#2d180f}.kokoro-banner-desc{font-size:.75rem;color:#c7561a;font-weight:600}.kokoro-progress-bar-wrap{width:100%;height:6px;background:#f4ded2;border-radius:999px;overflow:hidden}.kokoro-progress-bar-fill{height:100%;background:linear-gradient(90deg,#e8590c,#f76707);border-radius:999px;transition:width .25s ease}.shadowing-card{padding:.9rem;display:flex;flex-direction:column;gap:.75rem}.shadowing-sample-voice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .85rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,#ee5e2b14,#f9731608);border:1px solid rgba(238,94,43,.22)}.sample-voice-label{display:flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:800;color:var(--accent-color);white-space:nowrap}.voice-icon-pulse{color:var(--accent-color);animation:pulse-ring 2s infinite}.sample-voice-buttons{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.btn-sample-voice{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;border:1px solid transparent;font-size:.76rem;font-weight:800;cursor:pointer;transition:all .15s ease}.btn-voice-covey{background:linear-gradient(135deg,#ee5e2b,#df4d18);color:#fff;box-shadow:0 2px 8px #ee5e2b40}.btn-voice-covey:hover:not(:disabled){background:linear-gradient(135deg,#f06938,#ee5e2b);transform:translateY(-1px)}.btn-voice-covey:disabled{opacity:.7;cursor:wait}.btn-voice-native{background:#fff;border-color:var(--border-color);color:var(--text-color)}.btn-voice-native:hover{background:var(--card-bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.sample-voice-select{padding:.3rem .5rem;border-radius:8px;border:1px solid var(--border-color);background:#fff;color:var(--text-color);font-size:.74rem;font-weight:700;cursor:pointer}.shadowing-sentence-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.9rem;text-align:center}.shadowing-words-plain,.shadowing-words-scored{font-size:1.08rem;line-height:1.55;font-weight:600;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .5rem;margin:0}.shadowing-word-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .45rem;border-radius:6px;cursor:pointer;transition:all .15s ease;background:#0000000a}.shadowing-word-chip:hover{background:var(--accent-light);color:var(--accent-color);transform:translateY(-1px)}.shadowing-word-chip.matched{background:#22c55e26;color:#16a34a;border-bottom:2px solid #16a34a}.shadowing-word-chip.missed{background:#ef444426;color:#dc2626;border-bottom:2px dashed #dc2626}.saved-icon{color:#16a34a}.shadowing-vi-display{margin-top:.55rem;color:var(--text-muted);font-size:.92rem;font-style:italic}.shadowing-recording-pulse-box{display:flex;align-items:center;gap:1rem;padding:.85rem 1.2rem;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm)}.recording-wave{display:flex;align-items:center;gap:3px;height:20px}.wave-bar{width:4px;height:100%;background:#ef4444;border-radius:2px;animation:wavePulse 1s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.6s}@keyframes wavePulse{0%{height:20%}to{height:100%}}.spoken-live-text{font-size:.88rem;color:#b91c1c;font-weight:600;margin:0}.shadowing-score-banner{display:flex;align-items:center;gap:.8rem;padding:.75rem .85rem;border-radius:var(--radius-sm);background:var(--surface-bg);border:1px solid var(--border-color)}.shadowing-metrics-row{display:flex;flex-direction:column;gap:.45rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--surface-bg);border:1px solid var(--border-color)}.shadowing-metrics-title{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.55}.shadowing-metrics-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.5rem}.shadowing-metric{display:flex;flex-direction:column;gap:.1rem}.shadowing-metric strong{font-size:1.05rem;font-weight:750;line-height:1.2}.shadowing-metric span{font-size:.68rem;line-height:1.35;opacity:.6}.shadowing-score-banner.high-score{border-color:#22c55e66;background:#22c55e14}.shadowing-score-banner.medium-score{border-color:#eab30866;background:#eab30814}.shadowing-score-banner.low-score{border-color:#ef444466;background:#ef444414}.score-badge-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;color:#fff;background:var(--accent-color);flex-shrink:0}.score-details h4{margin:0 0 .25rem;font-size:.95rem}.spoken-review-text{margin:0;font-size:.8rem;color:var(--text-muted)}.shadowing-controls-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem}.shadowing-audio-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.btn-shadowing-mic{grid-column:1 / -1;width:100%;justify-content:center}.shadowing-nav-buttons{grid-column:1 / -1;display:flex;justify-content:center;gap:.5rem}.shadowing-header-nav{display:inline-flex;align-items:center;gap:.35rem}.sentence-practice-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:.35rem 0 .15rem}.sentence-practice-actions .btn-shadowing-mic{width:auto;min-width:220px;grid-column:auto}.btn-shadowing-audio{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .15s ease}.btn-shadowing-audio:hover{background:var(--surface-bg);border-color:var(--accent-color)}.btn-shadowing-audio.tts{color:#7b4b9c;border-color:#7b4b9c61}.covey-voice-control{display:inline-flex;align-items:center;gap:.3rem;padding:.34rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-bg);color:var(--text-muted);font-size:.7rem}.covey-voice-control select{max-width:8.4rem;border:0;background:transparent;color:var(--text-color);font:inherit;font-weight:600;cursor:pointer;outline:none}.btn-shadowing-audio:disabled{cursor:wait;opacity:.68}.shadowing-tts-error{grid-column:1 / -1;margin:0;color:#a33a2b;font-size:.75rem;line-height:1.35}.btn-shadowing-mic{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.4rem;border-radius:999px;font-size:.92rem;font-weight:700;background:var(--accent-color);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #b85c2f59;transition:all .2s ease}.btn-shadowing-mic:hover{transform:translateY(-2px);box-shadow:0 6px 16px #b85c2f73}.btn-shadowing-mic.recording{background:#ef4444;box-shadow:0 0 0 6px #ef444440;animation:pulseRecording 1.5s infinite}@keyframes pulseRecording{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.shadowing-card-footer{text-align:center;font-size:.75rem;color:var(--text-muted);border-top:1px dashed var(--border-color);padding-top:.65rem}.focus-study-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0c0ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto;animation:fadeIn .2s ease-out}.focus-study-card{background:var(--card-bg, #fffdf8);border:1px solid var(--border-color, #e2d9c8);border-radius:24px;max-width:720px;width:100%;max-height:92vh;overflow-y:auto;padding:1.75rem 2rem;box-shadow:0 20px 60px #00000059;position:relative;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}@media(max-width:640px){.focus-study-backdrop{padding:.5rem}.focus-study-card{padding:1.25rem 1rem;border-radius:16px;max-height:96vh}}.flashcard-study-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;box-sizing:border-box}.flashcard-progress-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:640px;font-size:.82rem;color:var(--text-muted);box-sizing:border-box}.keyboard-hint{font-size:.72rem}.quizlet-flashcard-3d{width:100%;max-width:640px;height:380px;min-height:380px;perspective:1200px;cursor:pointer;position:relative;margin:0 auto;box-sizing:border-box}.card-inner{position:relative;width:100%;height:100%;min-height:380px;border-radius:var(--radius-lg);transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-sizing:border-box}.quizlet-flashcard-3d.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 8px 24px #00000014;padding:2.25rem 1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow-y:auto}.card-back{transform:rotateY(180deg);background:var(--surface-bg)}.card-top-badges{position:absolute;top:1rem;left:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:space-between}.card-pos-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--accent-color);background:var(--accent-light);padding:.15rem .5rem;border-radius:4px}.card-date-badge{font-size:.7rem;color:var(--text-muted)}.card-word-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin:.5rem 0 .25rem;letter-spacing:-.5px;word-break:break-word;overflow-wrap:break-word;max-width:100%}.card-ipa-text{font-size:1.15rem;color:var(--text-muted);font-family:JetBrains Mono,Consolas,monospace;margin:0 0 1rem;word-break:break-word}.card-audio-controls{display:flex;gap:.65rem;margin-bottom:1.25rem;flex-wrap:wrap;justify-content:center}.btn-audio-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .15s ease}.btn-audio-pill:hover{background:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.card-context-box{background:var(--bg-color);border-radius:var(--radius-sm);padding:.65rem .9rem;margin-top:.5rem;max-width:100%;width:100%;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.context-label{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:0 0 .2rem}.context-text{font-size:.85rem;font-style:italic;margin:0;line-height:1.45;word-break:break-word;overflow-wrap:break-word}.card-flip-prompt{position:absolute;bottom:.85rem;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.card-meaning-title{font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;color:var(--accent-color);margin:.5rem 0 .85rem;word-break:break-word;overflow-wrap:break-word;max-width:100%}.card-def-en,.card-example-en{font-size:.88rem;line-height:1.5;margin:.35rem 0;max-width:100%;word-break:break-word;overflow-wrap:break-word}.card-mastery-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-mastery{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;transition:all .15s ease}.btn-mastery.learning.active{background:#eab30826;border-color:#eab308;color:#ca8a04}.btn-mastery.mastered.active{background:#22c55e26;border-color:#22c55e;color:#16a34a}.flashcard-nav-controls{display:flex;gap:1rem}.quiz-study-container,.spelling-study-container{display:flex;justify-content:center;width:100%}.quick-drill-container{align-items:stretch;max-width:760px;margin:0 auto;min-height:460px}.quick-drill-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:460px;margin:0;padding:2rem 1.5rem;box-sizing:border-box}.quick-drill-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.quick-drill-heading h2{margin:.35rem 0}.quick-drill-heading p,.quick-drill-hint{color:var(--text-muted);margin:0}.quick-drill-badge{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-color);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quick-drill-question{padding:1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg)}.quick-drill-prompt{margin:.8rem 0 .35rem;font-size:1.08rem;font-weight:700}.quick-drill-explanation{margin:1rem 0 0;padding:.75rem .9rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-color) 8%,transparent)}.quiz-question-box,.spelling-card{width:100%;max-width:600px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.quiz-header-info,.spelling-header-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.quiz-prompt-card{text-align:center;padding:1rem 0}.quiz-target-word{font-size:2.2rem;margin:.25rem 0;font-weight:800}.quiz-options-grid{display:grid;grid-template-columns:1fr;gap:.65rem}.quiz-option-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:var(--radius-sm);background:var(--bg-color);border:1px solid var(--border-color);font-size:.9rem;font-weight:600;color:var(--text-color);cursor:pointer;text-align:left;transition:all .15s ease}.quiz-option-btn:hover:not(:disabled){border-color:var(--accent-color);background:var(--surface-bg)}.quiz-option-btn.correct{background:#22c55e26;border-color:#22c55e;color:#16a34a}.quiz-option-btn.wrong{background:#ef444426;border-color:#ef4444;color:#dc2626}.opt-letter{width:26px;height:26px;border-radius:50%;background:#00000014;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex-shrink:0}.btn-spelling-audio-large{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:var(--accent-light);border:2px dashed rgba(184,92,47,.4);border-radius:var(--radius-md);color:var(--accent-color);font-weight:700;cursor:pointer;transition:all .2s ease}.btn-spelling-audio-large:hover{background:#b85c2f33;transform:scale(1.02)}.spelling-form{display:flex;gap:.5rem}.spelling-input{flex:1;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-color)}.spelling-input.correct{border-color:#22c55e}.spelling-input.wrong{border-color:#ef4444}.spelling-feedback-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:600}.spelling-feedback-banner.correct{background:#22c55e26;color:#16a34a}.spelling-feedback-banner.wrong{background:#ef444426;color:#dc2626}.vocab-list-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box}.vocab-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:.85rem;table-layout:fixed}.vocab-table th,.vocab-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);word-break:break-word;overflow-wrap:break-word}.vocab-table th{background:var(--surface-bg);font-weight:700;color:var(--text-muted)}.vocab-table th:nth-child(1),.vocab-table td:nth-child(1){width:17%}.vocab-table th:nth-child(2),.vocab-table td:nth-child(2){width:13%}.vocab-table th:nth-child(3),.vocab-table td:nth-child(3){width:23%}.vocab-table th:nth-child(4),.vocab-table td:nth-child(4){width:12%}.vocab-table th:nth-child(5),.vocab-table td:nth-child(5){width:18%}.vocab-table th:nth-child(6),.vocab-table td:nth-child(6){width:9%}.vocab-table th:nth-child(7),.vocab-table td:nth-child(7){width:10%}.vocab-table th:nth-child(8),.vocab-table td:nth-child(8){width:5%;text-align:center}.pos-tag{font-size:.65rem;background:var(--accent-light);color:var(--accent-color);padding:.1rem .35rem;border-radius:4px;margin-left:.35rem}.btn-audio-icon-sm{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:.25rem .4rem;cursor:pointer;color:var(--accent-color)}.btn-delete-icon{background:transparent;border:none;color:#ef4444;cursor:pointer}.vocab-modal-card{position:relative!important;background-color:var(--card-bg, #FFFDF9)!important;color:var(--text-color, #26231F)!important;border:1px solid var(--border-color, #E6DCCD)!important;border-radius:24px!important;box-shadow:0 25px 65px #0000004d,0 0 0 1px #e951251f!important;width:100%!important;max-width:500px!important;max-height:92vh!important;overflow-y:auto!important;padding:1.75rem!important;animation:modal-pop-up .25s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important}.vocab-modal-form{display:flex;flex-direction:column;gap:1rem}.vocab-modal-form .form-group{display:flex;flex-direction:column;gap:.35rem}.vocab-modal-form label{font-size:.8rem;font-weight:700;color:var(--text-muted, #7c685d)}.vocab-modal-form input,.vocab-modal-form textarea{padding:.65rem .85rem;border-radius:10px;border:1.5px solid var(--border-color, #e2cfc2);background:var(--bg-color, #ffffff);color:var(--text-color, #26231F);font-size:.9rem;transition:all .2s ease;outline:none}.vocab-modal-form input:focus,.vocab-modal-form textarea:focus{border-color:var(--accent-color, #E95125);box-shadow:0 0 0 3px #e9512526}.vocab-modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.word-action-tag-group{display:inline-flex;align-items:center;gap:.35rem}.btn-quick-add-vocab-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;background:var(--accent-color, #E95125);color:#fff;border:none;font-size:.72rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #e9512540;transition:transform .15s ease,background-color .15s ease}.btn-quick-add-vocab-tag:hover{transform:scale(1.04);background:#c8411b}.word-saved-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;background:#10b981;color:#fff;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #10b98140;animation:fadeInPop .2s ease-out}@media(max-width:1024px){.app-header{padding:.6rem 1rem}.dashboard-charts,.results-skills-grid{grid-template-columns:1fr}}@media(max-width:768px){.app-header{padding:.5rem .75rem;gap:.5rem;flex-wrap:wrap}.brand-lockup .brand-subtitle{display:none}.header-nav-tabs{order:3;width:100%;overflow-x:auto;padding-bottom:.25rem;gap:.35rem;justify-content:flex-start;-webkit-overflow-scrolling:touch}.header-tab-link{font-size:.8rem;padding:.35rem .65rem;white-space:nowrap;flex-shrink:0}.controls-group .select-control{display:none}.session-user .user-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-layout{grid-template-columns:1fr}.studio-intro h1{font-size:1.5rem}.transcript-layout{grid-template-columns:1fr}.transcript-video-column{position:sticky;top:0;z-index:15;background:var(--bg-color);padding-bottom:.5rem}.transcript-pane{max-height:55vh}.quizlet-flashcard-3d{height:240px}.reading-exam-layout{grid-template-columns:1fr}.reading-passage-column{max-height:45vh}.dashboard-stats-row,.dashboard-charts{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.results-points-row{grid-template-columns:1fr}.part-selector{flex-direction:column}.vocab-modal-card{width:92vw;max-width:92vw;margin:1rem;padding:1.25rem}}@media(max-width:480px){.app-header{padding:.4rem .5rem}.brand-lockup span:not(.brand-subtitle){font-size:1rem}.stat-card{padding:1rem}.stat-card-value{font-size:1.8rem}.btn-record{width:68px;height:68px}}.tab-transition-loading-container{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;box-sizing:border-box}.tab-transition-dots{display:inline-flex;align-items:center;gap:.65rem}.tab-transition-dot{width:13px;height:13px;border-radius:50%;background-color:var(--accent-color, #e95125);box-shadow:0 2px 6px #e9512540;animation:dot-wave 1.1s infinite ease-in-out both}.tab-transition-dot:nth-child(1){animation-delay:-.32s}.tab-transition-dot:nth-child(2){animation-delay:-.16s}.tab-transition-dot:nth-child(3){animation-delay:0s}@keyframes dot-wave{0%,80%,to{transform:scale(.4) translateY(0);opacity:.3}40%{transform:scale(1.2) translateY(-9px);opacity:1}}.source-card.source-card-custom{height:auto;min-height:0}.source-card:not(.source-card-custom){height:auto;min-height:560px}.source-card-custom .source-input-stage{height:auto;min-height:0;max-height:none;overflow:visible}.custom-exam-container{display:grid;gap:1rem;width:100%}.custom-exam-type-row{display:grid;grid-template-columns:minmax(150px,.7fr) repeat(3,minmax(0,1fr));align-items:stretch;gap:.55rem;padding:.7rem;border:1px solid var(--border-color);border-radius:14px;background:var(--secondary-bg)}.custom-exam-label{display:flex;align-items:center;padding:0 .35rem;color:var(--text-muted);font-size:.73rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.custom-exam-type-btn{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon hint";align-items:center;column-gap:.48rem;row-gap:.08rem;padding:.62rem .68rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-color);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.custom-exam-type-btn>svg{grid-area:icon;color:var(--accent-color)}.custom-exam-type-btn>span{grid-area:title;min-width:0;font-size:.82rem;font-weight:800}.custom-exam-type-btn>small{grid-area:hint;min-width:0;overflow:hidden;color:var(--text-muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.custom-exam-type-btn:hover:not(.active){border-color:var(--border-color);background:var(--card-bg);transform:translateY(-1px)}.custom-exam-type-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--accent-color) 24%,transparent)}.custom-exam-type-btn.active>svg,.custom-exam-type-btn.active>small{color:#ffffffd1}.custom-exam-form{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--card-bg) 78%,var(--secondary-bg))}.custom-writing-type{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-color)}.custom-field-group{display:grid;gap:.38rem}.custom-field-label{color:var(--text-color);font-size:.78rem;font-weight:800}.custom-field-label span{color:var(--text-muted);font-weight:500}.custom-exam-form .advanced-select{width:100%;min-height:38px}.custom-textarea{height:auto;max-height:none;resize:vertical;background:var(--secondary-bg)}.custom-textarea-prompt{min-height:132px}.custom-textarea-visual{min-height:88px}.custom-textarea-passage{min-height:176px}.custom-textarea-questions{min-height:100px}.custom-exam-actions{display:flex;justify-content:flex-end;padding-top:.15rem}.custom-exam-actions .btn-primary,.custom-exam-form>.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.1rem;font-weight:800}.custom-file-input{width:100%;padding:.65rem;border:1px dashed var(--border-color);border-radius:10px;background:var(--secondary-bg);color:var(--text-muted);font-size:.78rem}.custom-file-name{display:block;margin-top:.42rem;color:var(--accent-color);font-size:.75rem;font-weight:700}@media(max-width:900px){.custom-exam-type-row{grid-template-columns:1fr 1fr 1fr}.custom-exam-label{grid-column:1 / -1}}@media(max-width:720px){.custom-exam-type-row{grid-template-columns:1fr}.custom-exam-label{grid-column:auto;padding:.2rem .35rem}.custom-exam-type-btn{grid-template-columns:auto 1fr auto;grid-template-areas:"icon title hint"}.custom-exam-type-btn>small{text-align:right}.custom-writing-type{grid-template-columns:1fr;gap:.4rem}.custom-exam-actions{justify-content:stretch}.custom-exam-actions .btn-primary,.custom-exam-form>.btn-primary{width:100%}}@media(max-width:900px){.skill-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.source-step-guide{display:none}.source-mode-tabs{display:flex;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.source-tab-btn{flex:0 0 auto;min-height:38px;padding-inline:.72rem}.source-textarea-wrap{height:178px}.source-quick-actions{gap:.3rem}.source-quick-action{padding-inline:.5rem;font-size:.63rem}.source-card{padding:1.1rem 1rem 1rem}.source-actions{margin-inline:-1rem;padding-inline:1rem}.skill-choice-grid{grid-template-columns:1fr}.skill-choice{flex-direction:row;align-items:center;min-height:0;gap:.8rem;padding:.85rem}.source-step-text small{max-width:28rem}}.studio-status-rail{position:fixed;top:auto;bottom:1.15rem;left:max(1rem,calc(50vw - 1040px));z-index:40;display:flex;flex-direction:column;gap:1rem;width:min(360px,calc(100vw - 2rem));max-height:calc(100vh - 2.3rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(184,88,37,.34) transparent}.studio-status-rail>*{min-width:0;animation:studio-status-card-in .48s cubic-bezier(.22,1,.36,1) both}.studio-status-rail>*:nth-child(2){animation-delay:.08s}.studio-status-rail .transcription-job-banner,.studio-status-rail .recent-asset-float,.studio-status-rail .studio-job-banner{position:relative;inset:auto;width:100%;margin:0;border-radius:13px;box-shadow:0 12px 28px #6636181c}.studio-status-rail .transcription-job-banner{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:start;gap:.82rem;padding:1.05rem;border:1px solid rgba(206,91,31,.38);background:linear-gradient(145deg,#fffaf5,#fff)}.studio-status-rail .transcription-job-banner.is-failed{border-color:#b5302759;background:linear-gradient(145deg,#fff8f7,#fff)}.studio-status-rail .transcription-job-banner.is-completed{border-color:#2e8b5b5c;background:linear-gradient(145deg,#f9fffb,#fff)}.studio-status-rail .transcription-job-status-icon{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:11px;color:#d9571e;background:#fff0e7}.studio-status-rail .is-failed .transcription-job-status-icon{color:#b53027;background:#fff0ef}.studio-status-rail .is-completed .transcription-job-status-icon{color:#27824f;background:#e9f8ee}.transcription-job-status-spinner{position:absolute;right:-.1rem;bottom:-.1rem;display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;background:#fffaf5}.studio-status-rail .transcription-job-status-spinner .spinner{width:.82rem;height:.82rem;border-width:2px;border-color:#d9571e2e;border-top-color:#d9571e}.studio-status-rail .transcription-job-copy{min-width:0}.studio-status-rail .transcription-job-kicker,.studio-status-rail .recent-asset-float-kicker{display:inline-flex;align-items:center;gap:.28rem;color:#c6531f;font-size:.68rem;font-weight:800;letter-spacing:.075em;line-height:1.25}.studio-status-rail .transcription-job-banner.is-completed .transcription-job-kicker{color:#2d8754}.studio-status-rail .transcription-job-copy strong,.studio-status-rail .recent-asset-float-copy>strong{display:-webkit-box;overflow:hidden;margin-top:.25rem;color:#2a201b;font-size:.94rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-status-rail .transcription-job-copy>span{display:block;margin-top:.32rem;color:#816e63;font-size:.75rem;line-height:1.45}.studio-status-rail .transcription-job-progress{width:100%;height:.32rem;margin-top:.62rem;overflow:hidden;border-radius:999px;background:#f3e1d6}.studio-status-rail .transcription-job-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e76825,#f08b43);transition:width .35s ease}.studio-status-rail .transcription-job-info{display:flex;align-items:flex-start;gap:.34rem;margin-top:.62rem;padding:.52rem .56rem;border-radius:8px;color:#725f55;background:#fff8f2;font-size:.72rem;line-height:1.4}.studio-status-rail .transcription-job-info svg{flex:0 0 auto;margin-top:.08rem;color:#d9571e}.studio-status-rail .transcription-job-actions{display:flex;align-items:flex-start;gap:.25rem}.studio-status-rail .transcription-job-dismiss,.studio-status-rail .recent-asset-float-dismiss{display:grid;place-items:center;width:1.55rem;height:1.55rem;padding:0;border:0;border-radius:999px;color:#7c6a60;background:transparent}.studio-status-rail .transcription-job-dismiss:hover,.studio-status-rail .recent-asset-float-dismiss:hover{color:#3a2a22;background:#f7e9df}.studio-status-rail .transcription-job-open{display:inline-flex;align-items:center;gap:.24rem;margin-top:.58rem;padding:.48rem .68rem;border:0;border-radius:7px;color:#fff;background:#d9571e;font-size:.73rem;font-weight:700;white-space:nowrap}.studio-status-rail .transcription-job-open:hover{background:#bd4615}.studio-status-rail .recent-asset-float{overflow:hidden;border:1px solid rgba(216,112,57,.3);background:linear-gradient(145deg,#fffdfb,#fff8f2)}.studio-status-rail .recent-asset-float-content{padding:1.05rem}.studio-status-rail .recent-asset-float-heading{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:.7rem}.studio-status-rail .recent-asset-float-preview,.studio-status-rail .recent-asset-float-icon-card{width:92px;height:84px;border-radius:10px}.studio-status-rail .recent-asset-float-preview{overflow:hidden}.studio-status-rail .recent-asset-float-preview-play svg{width:1.4rem;height:1.4rem}.studio-status-rail .recent-asset-float-preview-time{right:.35rem;bottom:.35rem;padding:.13rem .3rem;font-size:.58rem}.studio-status-rail .recent-asset-float-icon-card{gap:.22rem;color:#d9571e;background:#fff0e7}.studio-status-rail .recent-asset-float-icon-card span{display:grid;place-items:center}.studio-status-rail .recent-asset-float-icon-card small{font-size:.51rem;letter-spacing:.05em}.studio-status-rail .recent-asset-float-copy{min-width:0;padding-right:1rem}.studio-status-rail .recent-asset-float-topline{display:flex;flex-wrap:wrap;align-items:center;gap:.28rem}.studio-status-rail .recent-asset-float-type{padding:.17rem .38rem;border:1px solid rgba(188,112,72,.25);border-radius:999px;color:#805e4d;background:#fffaf6;font-size:.56rem;line-height:1.1}.studio-status-rail .recent-asset-float-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .38rem;margin-top:.42rem;color:#816e63;font-size:.7rem;line-height:1.35}.studio-status-rail .recent-asset-float-meta span{display:inline-flex;align-items:center;gap:.22rem}.studio-status-rail .recent-asset-float-meta i{width:3px;height:3px;border-radius:50%;background:#c6a694}.studio-status-rail .recent-asset-float-progress{margin-top:.62rem}.studio-status-rail .recent-asset-float-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.28rem;color:#8b7366;font-size:.68rem}.studio-status-rail .recent-asset-float-progress-label strong{color:#d9571e;font-size:.75rem}.studio-status-rail .recent-asset-float-progress-track{height:.3rem;border-radius:999px;background:#f3e1d6}.studio-status-rail .recent-asset-float-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#db5f20,#f08a40)}.studio-status-rail .recent-asset-float-actions{margin-top:.62rem}.studio-status-rail .recent-asset-float-continue{display:flex;justify-content:center;align-items:center;gap:.28rem;width:100%;min-height:2.35rem;padding:.45rem .58rem;border:0;border-radius:7px;color:#fff;background:#d9571e;font-size:.76rem;font-weight:700;line-height:1.2}.studio-status-rail .recent-asset-float-continue:hover{background:#bd4615}.studio-status-rail .recent-asset-float-dismiss{position:absolute;top:.62rem;right:.62rem}.studio-status-rail .studio-job-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:.82rem;padding:1.05rem;border:1px solid rgba(234,88,12,.35);background:linear-gradient(145deg,#fffaf5,#fff);color:#292524}[data-theme=dreamy-sepia] .studio-status-rail .studio-job-banner{background:linear-gradient(145deg,#fffbf7,#fbf8f3);border-color:#d9770659;box-shadow:0 14px 32px #5c35141f,0 4px 10px #0000000a}.studio-status-rail .studio-job-banner.is-failed{border-color:#dc262659;background:linear-gradient(145deg,#fff8f8,#fff)}.studio-status-rail .studio-job-banner.is-completed{border-color:#16a34a59;background:linear-gradient(145deg,#f7fdf9,#fff)}.studio-status-rail .job-banner-icon-wrap{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;border:1px solid #fed7aa;background:#fff1eb;color:#ea580c;transition:all .2s ease}.studio-status-rail .studio-job-banner.is-failed .job-banner-icon-wrap{border-color:#fecaca;background:#fef2f2;color:#dc2626}.studio-status-rail .studio-job-banner.is-completed .job-banner-icon-wrap{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.studio-status-rail .job-banner-body{min-width:0;display:flex;flex-direction:column;gap:.25rem}.studio-status-rail .job-banner-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#c2410c;line-height:1.2}.studio-status-rail .studio-job-banner.is-failed .job-banner-status{color:#dc2626}.studio-status-rail .studio-job-banner.is-completed .job-banner-status{color:#16a34a}.studio-status-rail .job-banner-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem;font-weight:600;line-height:1.35;color:#1c1917;margin:.1rem 0 0;word-break:break-word}.studio-status-rail .job-banner-body small{margin:0;font-size:.76rem;color:#78716c;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-status-rail .job-banner-progress-track{width:100%;height:4px;background:#ea580c1f;border-radius:9999px;overflow:hidden;margin-top:.35rem}.studio-status-rail .job-banner-progress-bar{display:block;height:100%;background:linear-gradient(90deg,#ea580c,#f97316);border-radius:9999px;transition:width .3s ease}.studio-status-rail .job-banner-footer{margin-top:.45rem;display:flex;align-items:center}.studio-status-rail .job-banner-cta-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:8px;font-size:.78rem;font-weight:700;background:#ea580c17;color:#c2410c;border:1px solid rgba(234,88,12,.22);cursor:pointer;transition:all .15s ease}.studio-status-rail .job-banner-cta-btn:hover{background:#c2410c;color:#fff;border-color:#c2410c}.studio-status-rail .job-banner-actions{display:flex;align-items:flex-start}.studio-status-rail .job-banner-dismiss{border:none;background:transparent;color:#a8a29e;padding:.2rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.studio-status-rail .job-banner-dismiss:hover{color:#1c1917;background:#0000000f}.studio-status-rail .sqp-spin-icon{animation:sqp-spin-keyframes 1.1s linear infinite}@keyframes sqp-spin-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio-status-rail .sqp-live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#ea580c;display:inline-block;box-shadow:0 0 #ea580cb3;animation:sqp-pulse-keyframes 1.6s infinite}@keyframes sqp-pulse-keyframes{0%{box-shadow:0 0 #ea580cb3}70%{box-shadow:0 0 0 5px #ea580c00}to{box-shadow:0 0 #ea580c00}}@keyframes studio-status-card-in{0%{opacity:0;transform:translateY(1.4rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1200px)and (max-width:1600px){.studio-status-rail{position:fixed;top:auto;bottom:1rem;left:1rem;width:min(340px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);margin:0}}@media(max-width:1199px){.studio-status-rail{left:1rem;width:min(340px,calc(100vw - 2rem))}}@media(max-width:720px){.studio-status-rail{bottom:.75rem;left:.75rem;width:calc(100vw - 1.5rem);max-height:min(60vh,calc(100vh - 1.5rem));gap:.65rem}.studio-status-rail .transcription-job-banner,.studio-status-rail .studio-job-banner{grid-template-columns:44px minmax(0,1fr) auto;gap:.55rem;padding:.82rem}.studio-status-rail .transcription-job-status-icon,.studio-status-rail .job-banner-icon-wrap{width:40px;height:40px}.studio-status-rail .transcription-job-copy strong,.studio-status-rail .recent-asset-float-copy>strong{font-size:.77rem}.studio-status-rail .recent-asset-float-content{padding:.82rem}.studio-status-rail .recent-asset-float-heading{grid-template-columns:78px minmax(0,1fr);gap:.58rem}.studio-status-rail .recent-asset-float-preview,.studio-status-rail .recent-asset-float-icon-card{width:78px;height:72px}}@media(prefers-reduced-motion:reduce){.studio-status-rail>*{animation:none}}.studio-intro-mascot{position:relative;display:flex;align-items:center;gap:.75rem}.mascot-speech-bubble{position:absolute;top:-12px;right:-36px;background:#fff;border:1px solid #fbd8c8;border-radius:50%;padding:.85rem 1.15rem;text-align:center;box-shadow:0 4px 14px #b85c2f1f;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.76rem;font-weight:700;color:#b85c2f;line-height:1.25;white-space:nowrap;animation:float-gentle 4s infinite ease-in-out;pointer-events:none}.mascot-speech-bubble em{font-style:italic;font-family:Newsreader,Georgia,serif;font-size:.86rem;color:#c2410c}.source-youtube-stage{display:flex;flex-direction:column;gap:.95rem}.source-yt-row{display:flex;align-items:center;gap:.75rem}.source-yt-input-wrap{flex:1;position:relative;display:flex;align-items:center}.source-yt-link-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.source-yt-input{width:100%;padding:.82rem 2.5rem .82rem 2.65rem;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:.92rem;background:var(--card-bg, #ffffff);color:var(--text-color, #0f172a);transition:all .15s ease;box-sizing:border-box}.source-yt-input:focus{outline:none;border-color:#d96528;box-shadow:0 0 0 3px #d965281f}.source-yt-clear-btn{position:absolute;right:10px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center}.source-yt-clear-btn:hover{color:#dc2626}.source-yt-quick-btn{background:linear-gradient(135deg,#c2410c,#b85c2f);color:#fff;border:none;border-radius:12px;padding:.82rem 1.35rem;font-size:.92rem;font-weight:750;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #b85c2f33;transition:all .15s ease}.source-yt-quick-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #b85c2f40}.source-yt-quick-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.youtube-preview-card{background:var(--card-bg, #ffffff);border:1px solid color-mix(in srgb,#fed7aa 80%,var(--border-color, #e2e8f0));border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 2px 8px #c2410c0a;position:relative;animation:sqpFadeIn .2s ease-out}.youtube-preview-thumb-wrap{width:96px;height:56px;border-radius:8px;overflow:hidden;background:#0f172a;position:relative;flex-shrink:0}.youtube-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}.youtube-preview-duration{position:absolute;bottom:3px;right:4px;background:#000c;color:#fff;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1.2}.youtube-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.youtube-preview-title{font-size:.95rem;font-weight:750;color:var(--text-color, #0f172a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.youtube-preview-meta{font-size:.78rem;color:var(--text-muted, #64748b);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.youtube-preview-dismiss{background:transparent;border:none;color:#94a3b8;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.youtube-preview-dismiss:hover{background:#fee2e2;color:#dc2626}.skill-choice{position:relative}.skill-choice.is-selected{border-color:#0284c7!important;background:#f0f9ff!important;box-shadow:0 4px 14px #0284c71f!important}.skill-choice.tone-reading.is-selected{border-color:#d96528!important;background:#fff7ed!important;box-shadow:0 4px 14px #d965281f!important}.skill-choice.tone-news.is-selected{border-color:#059669!important;background:#ecfdf5!important;box-shadow:0 4px 14px #0596691f!important}.skill-choice.tone-transcript.is-selected{border-color:#7c3aed!important;background:#f5f3ff!important;box-shadow:0 4px 14px #7c3aed1f!important}.skill-choice-check{position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0284c747;animation:sqpFadeIn .15s ease-out}.skill-choice.tone-reading .skill-choice-check{background:#d96528;box-shadow:0 2px 6px #d9652847}.skill-choice.tone-news .skill-choice-check{background:#059669;box-shadow:0 2px 6px #05966947}.skill-choice.tone-transcript .skill-choice-check{background:#7c3aed;box-shadow:0 2px 6px #7c3aed47}.youtube-preview-actions-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.youtube-preview-transcript-btn{display:inline-flex;align-items:center;gap:.35rem;background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;border-radius:7px;padding:.3rem .65rem;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s ease}.youtube-preview-transcript-btn:hover{background:#ede9fe;border-color:#c4b5fd;transform:translateY(-1px)}.source-primary-cta-btn{width:100%;background:linear-gradient(135deg,#c2410c,#b85c2f);border:none;border-radius:14px;padding:.95rem 1.45rem;color:#fff;font-size:1rem;font-weight:750;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 16px #b85c2f47;transition:all .2s ease;margin-top:.85rem;box-sizing:border-box}.source-primary-cta-btn:hover:not(:disabled){opacity:.96;transform:translateY(-1px);box-shadow:0 6px 20px #b85c2f59}.source-primary-cta-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.source-primary-cta-left{display:flex;align-items:center;gap:.55rem}.source-primary-sparkle{display:flex;align-items:center;color:#fde68a}.source-primary-cta-text{letter-spacing:-.01em}.studio-main{max-width:1440px;padding:clamp(.9rem,2.2vw,2rem) clamp(1rem,2.6vw,2.25rem) 3rem}.studio-layout,.studio-workspace{width:100%}.studio-top-grid{grid-template-columns:minmax(0,1.62fr) minmax(355px,.88fr);gap:clamp(1rem,2vw,1.5rem);align-items:start;margin-bottom:1.2rem}.studio-primary-stack{display:grid;gap:1rem;min-width:0}.studio-primary-stack .studio-intro{min-height:118px;gap:1rem;padding:.3rem .1rem .15rem}.studio-primary-stack .studio-intro h1{margin-top:.28rem;font-size:clamp(2rem,3.4vw,3rem)}.studio-primary-stack .studio-intro p{max-width:590px;color:#58709b}.studio-primary-stack .eyebrow{color:#d94c25}.studio-primary-stack .mascot-hero-img{width:clamp(96px,10vw,130px)}.studio-primary-stack .source-card{min-height:0;padding:clamp(1rem,2vw,1.35rem);border-radius:16px;border-color:#e5e9f1;background:#fff;box-shadow:0 9px 26px #2037660e}.studio-primary-stack .source-input-stage{height:auto;min-height:0;max-height:none;overflow:visible}.studio-primary-stack .source-step-heading{border-color:#edf0f5}.studio-primary-stack .studio-step-index{width:34px;height:34px;background:#cf4d2c;box-shadow:0 5px 12px #cf4d2c33}.studio-primary-stack .source-mode-tabs{border-color:#e2e7f0;background:#f7f8fb}.studio-primary-stack .source-tab-btn.active{color:#c74225;background:#fff5f1;box-shadow:inset 0 0 0 1px #f2ad99}.studio-primary-stack .source-yt-quick-btn,.studio-primary-stack .source-primary-cta-btn{background:#cf4d2c}@media(max-width:1080px){.studio-top-grid{grid-template-columns:1fr}.studio-primary-stack .studio-intro{min-height:0}}@media(max-width:680px){.studio-main{padding-inline:.8rem}.studio-primary-stack .studio-intro{grid-template-columns:minmax(0,1fr) auto}.mascot-speech-bubble{display:none}}.source-submit-spinner{animation:sourceSubmitSpin .9s linear infinite}@keyframes sourceSubmitSpin{to{transform:rotate(360deg)}}