@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--bg:#0d1110;--panel:#111716d1;--line:#fff7e31a;--text:#f4ead4;--muted:#c9b99a;--accent:#d58c5b;--accent-strong:#f0bb8a;--success:#86c9aa;--danger:#ff8e7a;--shadow:0 28px 80px #00000059;--content-width:1480px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#d58c5b2e,#0000 28%),radial-gradient(circle at 85% 15%,#7eb39629,#0000 20%),linear-gradient(#0b0f0e 0%,#101514 52%,#0b0f0e 100%);font-family:Manrope,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(var(--content-width), calc(100% - 32px));margin:24px auto 64px}.topbar,.hero,.panel,.metric-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.topbar{z-index:10;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 22px;display:flex;position:sticky;top:12px}.brand-block{gap:6px;display:grid}.brand-block strong{font-size:1.4rem;line-height:1}.route-nav{align-items:center;gap:10px;display:flex}.route-link{min-height:42px;color:var(--muted);background:#fff7e30a;border:1px solid #fff7e30f;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}.route-link:hover,.route-link.active{color:var(--text);border-color:#f0bb8a66;transform:translateY(-1px)}.hero{border-radius:34px;grid-template-columns:minmax(0,1.3fr) minmax(360px,460px);gap:28px;padding:36px;display:grid}.hero-import{background:radial-gradient(circle at 0 0,#f0bb8a1f,#0000 28%),linear-gradient(#111716eb,#111716d1)}.eyebrow,.panel-kicker{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.24em;align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.eyebrow:before,.panel-kicker:before{content:"";background:currentColor;width:26px;height:1px}h1,h2,h3,strong{font-family:Cormorant Garamond,Noto Serif SC,serif}h1{margin:18px 0 16px;font-size:clamp(3rem,6vw,5.6rem);line-height:.95}h2{margin:6px 0 0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.04}h3{margin:0;font-size:1.45rem;line-height:1.05}.hero-lead,.field-tip,.issue-card p,.video-card p,.word-card p,.metric-card p{color:var(--muted)}.hero-notes{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-notes span,.tag{background:#fff7e30f;border:1px solid #fff7e314;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;display:inline-flex}.tag-success{color:#c4f1dc;background:#86c9aa1f}.import-panel,.word-form{gap:14px;display:grid}.import-form-page{min-height:100%}.import-panel,.panel,.metric-card,.issue-card,.video-card,.word-card,.empty-state,.analytics-table{border-radius:24px}.import-panel{background:linear-gradient(#fff7e30f,#fff7e305);border:1px solid #fff7e314;padding:22px}.panel,.metric-card{padding:22px}.panel-head{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field{gap:8px;display:grid}.field span,.upload-box span{color:var(--muted);font-size:.9rem}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-action-button{color:var(--text);background:#fff7e30d;border:1px solid #fff7e324;border-radius:999px;min-height:32px;padding:0 14px;font-size:.82rem}.field-action-button:disabled{opacity:.45;cursor:not-allowed}.field input,.field textarea,.analytics-controls input,.analytics-controls select{width:100%;color:var(--text);background:#070a0ab8;border:1px solid #fff7e31f;border-radius:16px;outline:none;padding:14px 16px}.field input[readonly],.field textarea[readonly]{opacity:.88;cursor:default}.word-submit-row{grid-template-columns:minmax(0,1fr) 110px 110px;align-items:end;gap:12px;display:grid}.submit-inline-button{width:100%}.secondary-button{min-height:42px;color:var(--text);background:#fff7e30f;border:1px solid #fff7e31f;border-radius:999px}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button,.article-chip,.word-actions button{border:none;border-radius:999px;min-height:42px}.primary-button{background:linear-gradient(90deg, var(--accent) 0%, #efb16f 100%);color:#26150c;padding:0 22px;font-weight:700}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.import-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;margin-top:22px;display:grid}.page-section{gap:18px;display:grid}.page-head{justify-content:space-between;align-items:end;gap:20px;margin-top:6px;display:flex}.page-title{margin:8px 0 0}.page-copy{max-width:480px;color:var(--muted);margin:0}.article-list-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.article-list-card{box-shadow:var(--shadow);background:#fff7e30a;border:1px solid #fff7e314;border-radius:24px;gap:14px;padding:22px;transition:transform .18s,border-color .18s;display:grid}.article-list-card:hover{border-color:#f0bb8a57;transform:translateY(-2px)}.article-list-card h2{margin:0}.article-list-card p{color:var(--muted);margin:0}.list-card-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.84rem;display:flex}.list-card-arrow{color:var(--accent-strong);font-size:.92rem}.home-empty{min-height:300px}.article-page{gap:22px}.article-page-head{align-items:center}.article-detail-layout{grid-template-columns:minmax(0,1.35fr) 360px;align-items:start;gap:18px;display:grid}.back-link{min-height:38px;color:var(--accent-strong);background:#f0bb8a14;border:1px solid #f0bb8a2e;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.article-reader-panel{gap:18px;display:grid}.article-side-column{align-content:start;gap:18px;display:grid}.issue-context-panel{gap:14px;display:grid}.issue-context-meta{color:var(--muted);gap:10px;display:grid}.standalone-word-panel{gap:18px;display:grid}.guide-steps,.import-preview-list{gap:14px;display:grid}.guide-step{background:#fff7e30a;border:1px solid #fff7e314;border-radius:20px;padding:18px}.guide-step strong{margin-bottom:8px;display:block}.metric-card{flex-direction:column;justify-content:space-between;min-height:170px;display:flex}.metric-card span{color:var(--muted)}.metric-card strong{margin:12px 0 10px;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1;display:block}.flash-row{gap:12px;margin-top:18px;display:grid}.flash{border:1px solid var(--line);border-radius:18px;padding:14px 18px}.flash-info{background:#86c9aa1f}.flash-error{background:#ff8e7a1f}.workspace{grid-template-columns:320px minmax(0,1.2fr) 360px;align-items:start;gap:18px;margin-top:22px;display:grid}.issue-list,.word-list,.article-chip-list{gap:14px;display:grid}.issue-card,.video-card,.word-card,.empty-state{background:#fff7e30a;border:1px solid #fff7e314;padding:18px}.issue-card.active{border-color:#f0bb8a52}.issue-meta,.article-meta-bar,.video-card-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:.85rem;display:flex}.progress-track{background:#fff7e314;border-radius:999px;height:8px;margin:14px 0 16px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, #f0bb8a 100%);height:100%;display:block}.article-chip{width:100%;color:var(--text);background:#060909b8;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.article-chip.active{background:#d58c5b2e}.article-summary{border-left:2px solid var(--accent);color:var(--muted);background:#fff7e30a;margin:0 0 22px;padding:18px 20px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px;display:grid}.video-card :is(video,audio){border-radius:16px;width:100%;margin-top:12px}.article-prose{background:#fff7e308;border:1px solid #fff7e314;border-radius:24px;padding:22px}.article-prose :where(img,video,audio,iframe){border-radius:16px;max-width:100%!important;height:auto!important}.upload-box{background:#d58c5b14;border:1px dashed #f0bb8a4d;border-radius:18px;gap:8px;margin:18px 0 20px;padding:16px;display:grid}.word-card.learned{background:#86c9aa14}.word-card-head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:10px;display:flex}.word-note{margin-top:8px}.word-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.word-actions button{color:var(--text);background:#fff7e314;padding:0 14px}.analytics-panel{margin-top:22px}.analytics-head{justify-content:space-between;align-items:end;gap:18px;display:flex}.analytics-controls{align-items:center;gap:12px;display:flex}.analytics-table{border:1px solid #fff7e314;overflow:hidden}.analytics-row{background:#fff7e308;grid-template-columns:2fr repeat(4,minmax(90px,1fr));align-items:center;gap:12px;padding:16px 18px;display:grid}.analytics-row:nth-child(odd){background:#fff7e30d}.analytics-row strong,.analytics-row small{display:block}.analytics-row small{color:var(--muted)}.analytics-row-head{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.86rem}.empty-state{text-align:center;min-height:220px;color:var(--muted);place-items:center;display:grid}@media (width<=1200px){.stats-grid,.import-grid,.workspace,.article-detail-layout,.hero{grid-template-columns:1fr}}@media (width<=760px){.shell{width:min(calc(100% - 20px), var(--content-width));margin:12px auto 32px}.topbar,.hero,.panel,.metric-card{padding:18px}.topbar,.route-nav{display:grid}.stats-grid{grid-template-columns:1fr 1fr}.page-head{align-items:start;display:grid}.word-submit-row{grid-template-columns:1fr}.article-side-column{position:static}.analytics-head,.analytics-controls{display:grid}.analytics-row{grid-template-columns:1.4fr repeat(4,minmax(0,1fr));font-size:.92rem}}@media (width<=560px){.stats-grid,.video-grid,.analytics-row{grid-template-columns:1fr}.analytics-row-head{display:none}}