:root{--bg-color: #1a1a1e;--text-main: #d1d1d6;--text-sub: #8e8e93;--state-active: #ffffff;--state-accent: #aeaeb2;--border: #2c2c2e;--border-active: #3a3a3c;--font-lexend: "Lexend", system-ui, sans-serif;--font-atkinson: "Atkinson Hyperlegible", sans-serif;--font-inter: "Inter", system-ui, sans-serif;--font-mono: "Roboto Mono", monospace;--font-main: var(--font-lexend);--line-height: 1.8;--letter-spacing: .04em;--word-spacing: .12em;--size-brand: .875rem;--size-hero: 1.5rem;--size-body: 1.125rem;--size-ui: .8125rem;--max-width: 680px;--radius-minimal: 4px}[data-theme=light]{--bg-color: #f5f5f0;--text-main: #374151;--text-sub: #6b7280;--state-active: #1e293b;--state-accent: #475569;--border: #e5e5e0;--border-active: #d1d1cc}[data-theme=sepia]{--bg-color: #f2f0e6;--text-main: #433422;--text-sub: #7d6e5c;--state-active: #2a241e;--state-accent: #5a4e42;--border: #e3d3b6;--border-active: #dccbb0}[data-theme=sepia]:before{content:"";position:fixed;inset:0;pointer-events:none;background-color:#f90;opacity:.12;z-index:-1}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:var(--line-height);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.app-container{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem;opacity:.6}.product-name{font-size:var(--size-brand);font-weight:500;color:var(--text-sub);text-transform:uppercase;letter-spacing:.1em}.nav-link{font-size:var(--size-ui);color:var(--text-sub);text-decoration:underline;text-underline-offset:4px;margin-left:2rem}.hero-instruction{margin-bottom:5rem;text-align:center}.hero-title{font-size:var(--size-hero);font-weight:500;color:var(--text-main);margin-bottom:.75rem}.hero-sub{font-size:var(--size-ui);color:var(--text-sub);opacity:.8}.upload-zone{border:1px solid var(--text-sub);border-radius:var(--radius-minimal);padding:8rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000003;width:100%;cursor:pointer;transition:background-color .1s ease}.upload-zone:hover,.upload-zone:focus{background-color:#00000008;border-color:var(--text-main)}.upload-text{font-size:var(--size-body);font-weight:500;color:var(--text-main)}.mode-switcher{display:flex;gap:2rem;margin-bottom:4rem;padding:0 1rem}.mode-btn{font-size:var(--size-ui);color:var(--text-sub);background:none;border:none;cursor:pointer;padding:.5rem 0;font-weight:400}.mode-btn.active{color:var(--state-active);font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.settings-dock{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-color);border-top:1px solid var(--border);padding:1.5rem 0;display:flex;justify-content:center;align-items:center;gap:4rem;z-index:100}.setting-item{display:flex;align-items:center;gap:1rem;font-size:var(--size-ui);color:var(--text-sub)}button,.glass,.reading-surface{box-shadow:none!important;animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}