@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&family=Cinzel:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-canvas:#EAE5D2;--bg-canvas-light:#F4EFE0;--bg-canvas-warm:#E2DCB5;--bg-console:#FAF8F2;--bg-pane-input:#F3EFE4;--bg-pane-output:#FDFCF8;--accent-sage-hero:#467054;--accent-sage-halo:rgba(70,112,84,0.16);--accent-sage-subtle:rgba(70,112,84,0.08);--neutral-border:rgba(44,63,58,0.14);--neutral-border-strong:rgba(44,63,58,0.24);--neutral-pill-bg:rgba(44,63,58,0.05);--neutral-pill-hover:rgba(44,63,58,0.10);--text-forest:#243531;--text-secondary:#4A5F59;--text-muted:#738782;--text-faint:#9DAFA9;--font-booklet:"Cormorant Garamond",serif;--font-display:"Cinzel",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-cinematic:0 28px 70px -15px rgba(36,53,49,0.15),0 12px 30px -6px rgba(36,53,49,0.08);--shadow-card:0 10px 30px -6px rgba(36,53,49,0.08);--shadow-subtle:0 4px 14px rgba(36,53,49,0.05);--transition-smooth:all 0.7s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0;transition:var(--transition-smooth)}body{background-color:var(--bg-canvas);color:var(--text-forest);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 95% 50% at 50% -12%,rgba(200,190,160,.35),transparent 75%),radial-gradient(circle 700px at 95% 15%,rgba(195,185,150,.25),transparent 80%),radial-gradient(circle 800px at 5% 85%,rgba(185,175,140,.2),transparent 80%),linear-gradient(180deg,#ECE7D4,#F4EFE0 35%,#E8E3CF);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(rgba(36,53,49,.05) 1px,transparent 0);background-size:20px 20px;opacity:.6;z-index:0}.cinematic-container{max-width:1360px;margin:0 auto;padding:3.5rem 2rem 5rem;position:relative;z-index:1}.archival-header{text-align:center;margin-bottom:3rem}.storybook-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1.25rem;background:var(--bg-console);border:1px solid var(--neutral-border);border-radius:var(--radius-full);font-family:var(--font-booklet);font-size:1.05rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.25rem;box-shadow:var(--shadow-subtle)}.archival-title{font-family:var(--font-booklet);font-size:3.9rem;font-weight:500;letter-spacing:.05em;color:var(--text-forest);margin-bottom:.5rem;line-height:1.1}.archival-subtitle{font-family:var(--font-booklet);font-size:1.35rem;font-style:italic;color:var(--text-secondary);max-width:680px;margin:0 auto 1.75rem;line-height:1.6}.archival-status{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;font-size:.84rem;color:var(--text-muted)}.status-capsule{display:flex;align-items:center;gap:.55rem;background:var(--bg-console);padding:.4rem 1.1rem;border-radius:var(--radius-full);border:1px solid var(--neutral-border);box-shadow:var(--shadow-subtle)}.badge-dot-canonical{background-color:var(--accent-sage-hero);box-shadow:0 0 6px rgba(70,112,84,.4)}.badge-dot-canonical,.badge-dot-extrapolated{width:8px;height:8px;border-radius:50%;display:inline-block}.badge-dot-extrapolated{border:1.75px solid var(--accent-sage-hero);background-color:transparent}.serene-tabs{display:flex;justify-content:center;margin-bottom:2.75rem}.serene-tabs-inner{display:flex;background:var(--bg-console);padding:.35rem;border-radius:var(--radius-full);border:1px solid var(--neutral-border);box-shadow:var(--shadow-card)}.serene-tab-btn{display:flex;align-items:center;gap:.65rem;padding:.65rem 1.8rem;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.92rem;font-weight:500;border-radius:var(--radius-full);cursor:pointer}.serene-tab-btn:hover{color:var(--text-forest);background:var(--neutral-pill-bg)}.serene-tab-btn.active{background:var(--text-forest);color:#FAF8F2;box-shadow:0 4px 14px rgba(36,53,49,.25)}.cinematic-console{background:var(--bg-console);border:1.5px solid var(--neutral-border);border-radius:var(--radius-lg);padding:2.75rem;box-shadow:var(--shadow-cinematic);position:relative;overflow:hidden;margin-bottom:2.5rem}.console-direction{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--neutral-border)}.console-lang{font-family:var(--font-booklet);font-size:1.55rem;font-weight:600;letter-spacing:.04em}.console-lang,.console-lang.target,.serene-swap-btn{color:var(--text-forest)}.serene-swap-btn{background:var(--bg-pane-input);border:1px solid var(--neutral-border);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;box-shadow:var(--shadow-subtle)}.serene-swap-btn:hover{background:var(--text-forest);color:#FAF8F2;border-color:var(--text-forest);transform:rotate(180deg) scale(1.05);box-shadow:0 4px 16px rgba(36,53,49,.2)}.dual-pane-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;margin-bottom:2rem}@media (max-width:900px){.dual-pane-grid{grid-template-columns:1fr;gap:1.75rem}}.pane-wrapper{display:flex;flex-direction:column}.pane-caption{font-family:var(--font-booklet);font-size:1.05rem;font-style:italic;color:var(--text-muted);margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.minimal-textarea{width:100%;min-height:220px;background:var(--bg-pane-input);border:1.5px solid var(--neutral-border);border-radius:var(--radius-md);padding:1.5rem;color:var(--text-forest);font-family:var(--font-sans);font-size:1.25rem;line-height:1.65;resize:vertical;outline:none;box-shadow:inset 0 2px 5px rgba(36,53,49,.03)}.minimal-textarea:focus{background:#FCFBF7;border-color:var(--neutral-border-strong);box-shadow:0 0 0 3px rgba(36,53,49,.06)}.minimal-textarea::placeholder{color:var(--text-faint);font-style:italic}.output-pane{min-height:220px;background:var(--bg-pane-output);border:1.5px solid var(--neutral-border);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:var(--shadow-card)}.output-pane.has-translation,.output-pane:focus-within{border:2.5px solid var(--accent-sage-hero)!important;box-shadow:0 0 0 5px var(--accent-sage-halo),var(--shadow-card)!important}.novo-text-display{font-family:var(--font-booklet);font-size:2.2rem;font-weight:600;color:var(--accent-sage-hero)!important;line-height:1.4;letter-spacing:.02em}.novo-placeholder{color:var(--text-faint);font-family:var(--font-booklet);font-size:1.4rem;font-style:italic}@keyframes windSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.output-pane.loading-sweep{border-color:var(--accent-sage-hero)!important;background:linear-gradient(90deg,var(--bg-pane-output) 0,rgba(70,112,84,.15) 50%,var(--bg-pane-output) 100%);background-size:200% 100%;animation:windSweep 2.2s ease-in-out infinite}.phonetic-capsule{margin-top:1.25rem;padding-top:.85rem;border-top:1px dashed var(--neutral-border);font-family:var(--font-mono);font-size:.95rem;display:flex;align-items:center;gap:.6rem}.phonetic-guide-pill{background:var(--accent-sage-subtle);border:1px solid rgba(70,112,84,.3);padding:.25rem .75rem;border-radius:var(--radius-sm);color:var(--accent-sage-hero);font-weight:500;letter-spacing:.05em}.pane-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem}.serene-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;background:var(--bg-console);border:1px solid var(--neutral-border);color:var(--text-forest);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-subtle)}.serene-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(36,53,49,.2)}.serene-btn.primary,.serene-btn:hover{background:var(--text-forest);color:#FAF8F2;border-color:var(--text-forest)}.serene-btn.primary:hover{background:#15221F;transform:translateY(-1px);box-shadow:0 6px 18px rgba(21,34,31,.25)}.naturalist-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2rem}.chip-label{font-family:var(--font-booklet);font-size:1rem;font-style:italic;color:var(--text-muted)}.naturalist-chip{background:var(--bg-pane-input);border:1px solid var(--neutral-border);color:var(--text-forest);padding:.45rem 1.1rem;border-radius:var(--radius-full);font-size:.86rem;cursor:pointer}.naturalist-chip:hover{background:#FCFBF7;border-color:var(--neutral-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.provenance-card{margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--neutral-border)}.provenance-title{font-family:var(--font-booklet);font-size:1.25rem;font-weight:600;letter-spacing:.05em;color:var(--text-forest);margin-bottom:1.1rem;display:flex;align-items:center;justify-content:space-between}.provenance-legend{display:flex;align-items:center;gap:1.5rem;font-size:.82rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.45rem}.tokens-shelf{display:flex;flex-wrap:wrap;gap:.85rem}.provenance-pill{background:var(--bg-pane-input);border:1px solid var(--neutral-border);border-radius:var(--radius-md);padding:.85rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;min-width:130px;box-shadow:var(--shadow-subtle)}.provenance-pill:hover{background:#FCFBF7;border-color:var(--neutral-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-card)}.pill-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.pill-novo{font-family:var(--font-booklet);font-size:1.45rem;font-weight:600;color:var(--accent-sage-hero)}.pill-source{font-size:.85rem;color:var(--text-secondary)}.pill-pos{font-size:.76rem;color:var(--text-muted);font-style:italic}.pill-phonetic{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.pill-notes{font-size:.75rem;color:var(--text-muted);line-height:1.35;margin-top:.2rem}.archival-gallery{background:var(--bg-console);border:1.5px solid var(--neutral-border);border-radius:var(--radius-lg);padding:2.75rem;box-shadow:var(--shadow-cinematic)}.gallery-search-bar{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.gallery-input{flex:1 1;min-width:260px;background:var(--bg-pane-input);border:1px solid var(--neutral-border);border-radius:var(--radius-full);padding:.75rem 1.4rem;color:var(--text-forest);font-family:var(--font-sans);font-size:.95rem;outline:none}.gallery-input:focus{background:#FCFBF7;border-color:var(--neutral-border-strong);box-shadow:0 0 0 3px rgba(36,53,49,.06)}.gallery-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-capsule{background:var(--bg-pane-input);border:1px solid var(--neutral-border);color:var(--text-secondary);padding:.45rem 1.1rem;border-radius:var(--radius-full);font-size:.85rem;cursor:pointer}.filter-capsule.active{background:var(--text-forest);color:#FAF8F2;border-color:var(--text-forest);box-shadow:0 2px 10px rgba(36,53,49,.2)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:1.25rem;gap:1.25rem}.gallery-card{background:var(--bg-pane-input);border:1px solid var(--neutral-border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-subtle)}.gallery-card:hover{background:#FCFBF7;border-color:var(--neutral-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-card)}.gallery-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.gallery-novo{font-family:var(--font-booklet);font-size:1.55rem;font-weight:600;color:var(--accent-sage-hero)}.gallery-en{font-size:.95rem;color:var(--text-secondary);margin-bottom:.4rem}.gallery-phonetic{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem}.gallery-notes{font-size:.78rem;line-height:1.4;margin-top:auto;padding-top:.5rem}.archival-footer,.gallery-notes{color:var(--text-muted);border-top:1px solid var(--neutral-border)}.archival-footer{text-align:center;margin-top:4.5rem;padding-top:2rem;font-family:var(--font-booklet);font-size:1.1rem;font-style:italic}.output-vertical-structure{display:flex;flex-direction:column;gap:1.25rem;width:100%}.glyph-inscription-strip{padding-bottom:1.15rem;border-bottom:1px solid var(--neutral-border);overflow-x:auto;scrollbar-width:thin}.glyph-row{display:flex;align-items:flex-end;gap:1.25rem;padding:.35rem .2rem}.glyph-symbol-wrapper{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--accent-sage-hero);cursor:pointer;transition:var(--transition-smooth)}.glyph-symbol-wrapper:hover{transform:translateY(-2px);color:#2F533C}.glyph-svg{filter:drop-shadow(0 2px 6px rgba(70,112,84,.2));transition:transform .3s ease}.glyph-symbol-wrapper:hover .glyph-svg{transform:scale(1.06)}.glyph-caption{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.transcription-tier{display:flex;flex-direction:column;gap:.5rem}.root-breakdown-subtle{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:1rem;border-top:1px dashed var(--neutral-border)}.root-breakdown-label{font-family:var(--font-booklet);font-size:.95rem;font-style:italic;color:var(--text-muted);margin-right:.25rem}.root-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.root-subtle-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-pane-input);border:1px solid var(--neutral-border);padding:.25rem .65rem;border-radius:var(--radius-sm);color:var(--text-forest);font-size:.8rem;cursor:default;transition:var(--transition-smooth)}.root-subtle-chip:hover{background:#FCFBF7;border-color:var(--neutral-border-strong);transform:translateY(-1px)}.root-term{color:var(--accent-sage-hero);font-family:var(--font-booklet);font-size:1rem;font-weight:600}.root-gloss{color:var(--text-muted);font-size:.76rem}.archival-disclaimer{font-size:.72rem;color:var(--text-muted);opacity:.75;margin-top:.35rem;letter-spacing:.02em}