.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)}}.local-video-element{width:100%;height:100%;display:block;background:#000;object-fit:contain}.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}.local-video-element.audio-only{background:linear-gradient(135deg,#101728,#1d2a44)}.saved-audio-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}.news-main{max-width:940px;margin:0 auto;min-height:calc(100vh - 150px)}.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.news-toolbar-actions{display:flex;gap:.6rem;flex-wrap:wrap}.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:1.15rem;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:.5rem 1.1rem;margin-top:1.3rem;font-size:.8rem;color:var(--text-muted);letter-spacing:.02em}.news-byline span{display:inline-flex;align-items:center;gap:.3rem}.news-byline span+span:before{content:"·";margin-right:.75rem;opacity:.6}.news-lang-hint{color:var(--accent-color)}.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.2rem 1.4rem;border:1px solid var(--border-color);border-left:3px solid var(--accent-color);border-radius:14px;background:var(--secondary-bg)}.news-keyfacts h2{margin:0 0 .8rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-color)}.news-keyfacts ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.7rem}.news-keyfacts li{display:flex;flex-direction:column;gap:.2rem;line-height:1.55}.news-keyfact-vi{color:var(--text-muted);font-style:italic;font-size:.92rem}.news-section{margin-bottom:2.4rem}.news-section-heading{margin:0 0 .35rem;font-size:clamp(1.25rem,2.2vw,1.6rem);letter-spacing:-.02em;line-height:1.25}.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:1.05rem;line-height:var(--line-height-reading, 1.75)}.news-paragraph-vi{margin:.45rem 0 0;padding-left:.9rem;border-left:2px solid var(--border-color);color:var(--text-muted);font-size:.97rem;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-actions{width:100%}}.asset-library-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:1.5rem;width:100%}.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;height:560px;min-height:560px;max-height:560px;overflow:hidden}.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;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:1.2rem;flex:0 0 auto}.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-list-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:250px;flex:1 1 auto;overflow-y:auto;scrollbar-width:thin}.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:14px;padding:10px 14px;border:1px solid var(--border-color, #ecdcd2);border-radius:12px;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}.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{font-size:.95rem;font-weight:700;color:var(--text-primary, #2d180f);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:480px}.modern-asset-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:6px}.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{font-size:.78rem;color:var(--text-muted, #7c685b)}.modern-asset-progress-col{display:flex;align-items:center;gap:8px;flex-shrink:0;width:140px}.modern-progress-track{flex:1;height:6px;background:#f0e4dc;border-radius:999px;overflow:hidden}.modern-progress-fill{height:100%;background:#d96528;border-radius:999px;transition:width .3s ease}.modern-progress-pct{font-size:.78rem;font-weight:700;color:#8c7667;width:32px;text-align:right}.modern-asset-actions{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}.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{height:auto;min-height:485px;max-height:none;overflow:visible}.asset-list-container{flex:0 0 auto;overflow:visible}.modern-asset-progress-col{display:none}.studio-bottom-tip-banner{flex-direction:column;align-items:flex-start}}.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%;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}.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:inline-flex;align-items:center;gap:.5rem;min-width:0}.date-filter-label span{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)}.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;display:flex;flex-direction:column;gap:1rem}.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{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;margin:0 auto}.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;min-height:340px;perspective:1600px;cursor:pointer;margin:0 auto}.vcard-inner{position:relative;width:100%;min-height:340px;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)}.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%;padding:1.5rem 1rem}.vcard-meaning-centered{margin:.5rem 0;font-size:clamp(1.85rem,4.5vw,2.45rem);font-weight:800;color:var(--accent-color, #ee5e2b);letter-spacing:-.02em;line-height:1.25}.vcard-def-centered{margin:.4rem auto 0;font-size:.94rem;color:var(--text-muted);font-style:italic;line-height:1.45;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}}.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);width:34px;height:34px;border-radius:8px;color:#70584b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.dict-bookmark-btn:hover{background:#eedfd5;color:var(--brand-primary, #d96528);transform:scale(1.06)}.dict-bookmark-btn.saved{background:#10b981;border-color:#10b981;color:#fff}.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}}.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:480px;max-width:92vw;min-width:360px;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)}.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}.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% - 4px);left:20px;right:20px;background:#fff;border:1px solid #e2cfc2;border-radius:10px;box-shadow:0 8px 24px #2d180f1f;z-index:10;max-height:260px;overflow-y:auto;padding:4px;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{font-size:.8rem;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)}.search-tab-btn{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.active{background:#fff;color:#c7561a;border-color:#e5cdbe;box-shadow:0 2px 6px #2d170c0f}.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:16px 20px}.dict-loading-box,.dict-empty-state,.dict-not-found{text-align:center;padding:40px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dict-empty-icon{font-size:2.4rem;margin-bottom:12px}.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:16px}.dict-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dict-word-title{font-size:1.5rem;font-weight:900;color:var(--text-primary, #2d180f);margin:0;letter-spacing:-.02em}.dict-ipa{display:inline-block;margin-top:4px;font-size:.92rem;font-weight:700;color:#c7561a;background:#fdf2ec;padding:2px 8px;border-radius:6px}.dict-save-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;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{background:#f7ede6;border-color:#d96528;color:#d96528}.dict-save-btn.saved{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.dict-audio-bar{display:flex;gap:8px}.dict-audio-btn{padding:5px 12px;border-radius:8px;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-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:.96rem;font-weight:700;color:#2d180f;margin:0}.dict-sense-card{padding:10px 12px;background:#faf6f2;border-radius:10px;border:1px solid #ebdcd2;margin-bottom:8px}.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-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-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:12px 14px;background:#fff;border-radius:12px;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:center;gap:6px}.result-icon{font-size:.9rem}.result-title{font-size:.85rem;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}.result-snippet-en{font-size:.84rem;color:#3b241c;line-height:1.45;margin:0;background:#fff9f5;padding:6px 8px;border-radius:6px;border-left:2px solid #e06d2d}.result-snippet-vi{font-size:.76rem;color:#8c7365;line-height:1.4;margin:0}.result-card-footer{display:flex;justify-content:flex-end;margin-top:2px}.result-action-hint{font-size:.72rem;font-weight:800;color:#d96528}.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)}.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}.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:980px;margin:0 auto;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}.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}.source-card{max-width:none;margin:0;padding:1.25rem;height:560px;min-height:560px;position:relative;overflow:visible;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);box-shadow:var(--shadow-sm)}.source-card:before{display:none}.source-card>*{position:relative;z-index:1}.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{min-height:118px;padding:.85rem 1rem;background:var(--secondary-bg);line-height:1.55}.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-actions{display:block;margin:1.15rem -1.25rem -1.25rem;padding: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;padding:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);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:1.05rem 1.25rem;border:none;border-radius:10px;background:linear-gradient(115deg,var(--accent-color),var(--accent-hover) 55%,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: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}.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}.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{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)}.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-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)}.floating-bookmark-bar{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:30px;padding:.5rem 1rem .5rem 1.15rem;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slide-up-fade .3s ease}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.floating-bookmark-bar .current-info{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-color);font-weight:500}.floating-bookmark-bar .current-info strong{color:var(--accent-color)}.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:inline-flex;align-items:center;gap:.25rem;margin-bottom:.85rem;padding:.25rem;border-radius:999px;background:var(--secondary-bg);border:1px solid var(--border-color);flex-wrap:wrap;max-width:100%}.source-tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .95rem;border-radius:999px;font-size:.8rem;font-weight:640;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.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:0 2px 10px #b85c2f4d}.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}.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)}.advanced-settings-btn{display:inline-flex;align-items:center;gap:6px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #d6c3b5);border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--text-muted, #7c685b);cursor:pointer;transition:all .15s ease}.advanced-settings-btn:hover{border-color:var(--brand-primary, #d96528);color:var(--brand-primary, #d96528)}.advanced-settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--secondary-bg, #fbf7f2);border:1px solid var(--border-color, #ecdcd2);border-radius:12px;padding:12px 16px;margin-bottom:12px;animation:modal-fade-in .2s ease}.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%}}