@font-face{font-family:Lobster Two;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/a86ff75eab4224f1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lobster Two;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/5ee457a0da602c9f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lobster Two;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3381559cf14f02c6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lobster Two;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/d1f57dee88fa787e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lobster Two Fallback;src:local("Arial");ascent-override:122.47%;descent-override:30.62%;line-gap-override:0.00%;size-adjust:81.65%}.__className_45870e{font-family:Lobster Two,Lobster Two Fallback}.__variable_45870e{--font-lobster-two:"Lobster Two","Lobster Two Fallback"}:root{--bg-warm:#FAF6EE;--bg-sidebar:#F3ECE0;--bg-popover:rgba(253,251,247,0.94);--text-primary:#352B28;--text-secondary:#6B5B55;--text-muted:#9E8D85;--accent-clay:#C26D5C;--accent-sage:#5A7A68;--accent-ochre:#C48F45;--accent-rose:#D37B7B;--border-soft:rgba(130,105,95,0.1);--border-strong:rgba(130,105,95,0.2);--border-active:var(--accent-clay);--shadow-subtle:0 4px 16px -4px rgba(90,75,70,0.05);--shadow-medium:0 12px 32px -8px rgba(90,75,70,0.08);--shadow-deep:0 20px 48px -12px rgba(90,75,70,0.12);--transition-smooth:0.5s cubic-bezier(0.16,1,0.3,1);--transition-bounce:0.6s cubic-bezier(0.175,0.885,0.32,1.15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{max-width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-warm);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}::selection{background:var(--accent-clay);color:#fff}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-clay);outline-offset:2px}.ambient-orbs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;mix-blend-mode:multiply;animation:floatOrb 30s ease-in-out infinite alternate}.orb-1{top:-15%;left:-5%;width:45vw;height:45vw;background:radial-gradient(circle,#EFE2CE 0,#E3CDBC 100%);animation-duration:25s}.orb-2{bottom:-15%;right:-5%;width:50vw;height:50vw;background:radial-gradient(circle,#E1D3BF 0,#D8C2AC 100%);animation-duration:35s;animation-delay:-8s}.orb-3{top:30%;left:45%;width:30vw;height:30vw;background:radial-gradient(circle,#F2EAE0 0,#DFD5C6 100%);opacity:.1;animation-duration:40s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,6%) scale(1.05)}to{transform:translate(-3%,-3%) scale(.95)}}.glass-container{background:rgba(255,255,255,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:16px;box-shadow:var(--shadow-subtle);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color .3s ease,background-color .3s ease;position:relative}.glass-container-hover:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-medium)}.glass-panel-heavy{background:var(--bg-popover);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-top:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow-deep)}h1,h2,h3,h4{font-family:var(--font-lobster-two,"Lobster Two"),Georgia,"Times New Roman",Palatino,serif;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.65}.brand-title{font-family:var(--font-lobster-two,"Lobster Two"),Georgia,"Times New Roman",Palatino,serif;font-size:1.4rem;line-height:1.2;color:var(--accent-clay);font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}#app-container{max-width:1350px;margin:0 auto;padding:24px;display:grid;grid-template-columns:290px minmax(0,1fr);grid-gap:28px;gap:28px;height:calc(100vh - 48px);position:relative}aside{gap:20px}aside,main{display:flex;flex-direction:column;height:100%}main{gap:24px;min-width:0}header{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;z-index:10}header>div{min-width:0;flex-wrap:wrap}header>div:last-child{margin-left:auto}.tab-group{display:flex;background:rgba(130,105,95,.05);border-radius:99px;padding:4px;border:1px solid rgba(130,105,95,.08);position:relative}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 20px;min-height:44px;white-space:nowrap;font-weight:600;font-size:.88rem;border-radius:99px;cursor:pointer;transition:color .3s ease;position:relative;z-index:1}.tab-btn.active,.tab-btn:hover{color:var(--text-primary)}.tab-slider{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);background:rgba(255,255,255,.95);border:1px solid rgba(130,105,95,.1);box-shadow:0 2px 8px rgba(90,75,70,.04);border-radius:99px;z-index:0;transition:transform var(--transition-bounce)}.eyebrow-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-clay);font-weight:700}.library-view{display:flex;gap:20px}.library-view,.reader-view{flex:1 1;flex-direction:column;min-height:0}.reader-view{display:none;gap:24px;min-width:0;max-width:100%}.reader-view.active{display:flex}.library-header{display:flex;flex-direction:column;gap:14px}.library-header-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.library-filter-group{display:flex;gap:8px;flex-wrap:wrap}.lang-pill{display:flex;align-items:center;gap:6px}.lang-pill .flag{font-size:1rem;line-height:1}[data-lang=ja] .target-line{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-weight:600;line-height:2.1}[data-lang=ru] .target-line{font-family:Georgia,"PT Serif",Times New Roman,serif}.library-grid{flex:1 1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px;padding-right:4px;padding-bottom:8px;align-content:start}.story-card{background:#fff;border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);transition:transform .4s var(--transition-smooth),box-shadow .4s var(--transition-smooth),border-color .3s ease}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-deep);border-color:var(--border-strong)}.story-card-cover{height:130px;width:100%;object-fit:cover;display:block;background:var(--bg-sidebar)}.story-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;overflow:hidden;background:linear-gradient(135deg,#F3ECE0,#E9DECC);border-radius:14px}.story-cover--card{height:130px;border-radius:0}.story-cover--placeholder .story-cover-mono{font-family:Georgia,Times New Roman,Palatino,serif;font-size:2rem;font-weight:700;line-height:1;color:var(--accent-clay);opacity:.85}.story-cover--placeholder .story-cover-hint{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.lang-es.story-cover--placeholder{background:linear-gradient(135deg,rgba(90,122,104,.16),#F3ECE0)}.lang-es.story-cover--placeholder .story-cover-mono{color:var(--accent-sage)}.lang-ru.story-cover--placeholder{background:linear-gradient(135deg,rgba(196,143,69,.16),#F3ECE0)}.lang-ru.story-cover--placeholder .story-cover-mono{color:var(--accent-ochre)}.lang-ja.story-cover--placeholder{background:linear-gradient(135deg,rgba(194,109,92,.16),#F3ECE0)}.lang-ja.story-cover--placeholder .story-cover-mono{color:var(--accent-clay)}.story-card .story-cover--placeholder{aspect-ratio:auto;height:130px;border-radius:0}.story-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1}.story-card-top-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px}.story-card-title{font-family:var(--font-lobster-two,"Lobster Two"),Georgia,"Times New Roman",Palatino,serif;font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3;min-width:0;overflow-wrap:anywhere}.story-card-author{font-size:.75rem;color:var(--text-muted);font-style:italic}.story-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;flex:1 1}.story-card-meta{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border-soft);padding-top:10px;margin-top:2px}.level-badge{padding:2px 8px;border-radius:99px;font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.02em}.level-badge.A1,.level-badge.N5{background:rgba(90,122,104,.12);color:var(--accent-sage)}.level-badge.A2,.level-badge.N4{background:rgba(196,143,69,.12);color:var(--accent-ochre)}.level-badge.B1,.level-badge.N3{background:rgba(194,109,92,.12);color:var(--accent-clay)}.level-badge.B2,.level-badge.N2{background:rgba(211,123,123,.14);color:var(--accent-rose)}.level-badge.C1,.level-badge.N1{background:rgba(53,43,40,.08);color:var(--text-primary)}.level-badge.C2{background:rgba(53,43,40,.16);color:var(--text-primary)}.mode-selector-bar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;min-width:0;max-width:100%}.mode-bar-leading{flex-wrap:wrap;min-width:0}.mode-bar-heading{flex:1 1 auto;min-width:0}.mode-bar-title{font-size:1.05rem;overflow-wrap:anywhere}.layout-toggle-group{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}.pill-btn{background:rgba(255,255,255,.6);border:1px solid var(--border-soft);color:var(--text-secondary);padding:6px 14px;min-height:44px;white-space:nowrap;border-radius:99px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s var(--transition-smooth)}.pill-btn:hover{background:#fff;color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.pill-btn.active{background:var(--bg-sidebar);border-color:var(--accent-clay);color:var(--accent-clay)}.reader-workspace{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:20px 14px;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth;background:#FCFAF6;border-color:var(--border-soft)}.custom-scroll,.reader-workspace{scrollbar-width:thin;scrollbar-color:rgba(130,105,95,.25) transparent}.custom-scroll::-webkit-scrollbar,.reader-workspace::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-track,.reader-workspace::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb,.reader-workspace::-webkit-scrollbar-thumb{background:rgba(130,105,95,.12);border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover,.reader-workspace::-webkit-scrollbar-thumb:hover{background:rgba(130,105,95,.25)}.sentence-block{padding:10px 16px;margin-bottom:.55rem;border-radius:8px;border-left:2px solid transparent;transition:all .4s var(--transition-smooth);display:flex;flex-direction:column;gap:6px;cursor:pointer;position:relative;isolation:isolate}.sentence-block.has-open-popover{position:relative;z-index:60}.sentence-block:hover{background:rgba(130,105,95,.02)}.sentence-block.active{background:rgba(194,109,92,.04);border-left-color:var(--accent-clay)}.target-line{font-family:var(--font-lobster-two,"Lobster Two"),Georgia,"Times New Roman",Palatino,serif;font-size:1.4rem;line-height:1.9;font-weight:500;color:var(--text-primary);display:block;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-wrap:pretty}.translation-line{font-family:var(--font-lobster-two,"Lobster Two"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-style:italic;line-height:1.75;margin-top:4px;transition:opacity .3s}.word-token{min-width:0;overflow-wrap:anywhere;padding:0 2px;border-radius:3px;cursor:pointer;border-bottom:1.5px solid transparent;transition:transform .25s var(--transition-smooth),color .25s ease,background-color .25s ease,border-color .25s ease}.word-token,.word-wrap{position:relative;display:inline-block}.word-token:hover{transform:translateY(-1px);background-color:#EFE6D8;color:var(--text-primary);border-bottom-color:var(--accent-clay)}.word-token.active-word{background-color:rgba(194,109,92,.09);border-bottom-color:var(--accent-clay);color:var(--accent-clay);font-weight:600}.word-token.repeat-match{background-color:rgba(194,109,92,.05);border-bottom-color:rgba(194,109,92,.4)}.word-wrap.has-open{z-index:60}.reading-mode-side-by-side .sentence-block{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:28px;gap:28px;align-items:flex-start}.reading-mode-side-by-side .translation-line{border-left:1.5px solid var(--border-soft);padding-left:18px;margin-top:2px}.reading-mode-line-by-line .sentence-block{display:flex;flex-direction:column}.reading-mode-interactive .translation-line{opacity:0;max-height:0;overflow:hidden;margin-top:0;padding:4px 10px;background:rgba(130,105,95,.03);border-radius:6px}.reading-mode-interactive .sentence-block.revealed .translation-line{opacity:.85;max-height:500px;margin-top:4px}.reading-mode-interactive .sentence-block:after{content:"✦ Tap sentence to reveal translation";font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:4px;transition:opacity .3s}.reading-mode-interactive .sentence-block.revealed:after{content:"✦ Tap sentence to hide translation";color:var(--accent-clay)}.word-popover{position:fixed;z-index:200;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:min(72vh,640px);padding:18px 18px calc(16px + env(safe-area-inset-bottom, 0px));border-radius:18px 18px 0 0;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s var(--transition-smooth),transform .4s var(--transition-smooth);box-shadow:0 -18px 48px -14px rgba(90,75,70,.3);border:1px solid var(--border-strong);isolation:isolate}.word-popover.active{opacity:1;transform:translateY(0);pointer-events:auto}.word-popover-scrim{position:fixed;inset:0;z-index:199;background:rgba(53,43,40,.4);opacity:0;pointer-events:none;overscroll-behavior:contain;transition:opacity .3s var(--transition-smooth)}.word-popover-scrim.active{opacity:1;pointer-events:auto}.word-popover.glass-panel-heavy{background:#FCFAF5}.word-popover.glass-panel-heavy>*{position:relative;z-index:1}.word-popover.glass-panel-heavy .popover-arrow{background:#FCFAF5}.popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.popover-target-word{font-family:Georgia,Times New Roman,Palatino,serif;font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.popover-pos{font-size:.72rem;text-transform:uppercase;background:rgba(90,122,104,.09);color:var(--accent-sage);padding:2px 8px;border-radius:99px;font-weight:700;letter-spacing:.02em}.popover-lemma{font-size:.8rem;color:var(--text-muted);margin-bottom:8px;font-style:italic}.popover-translation{color:var(--accent-clay)}.popover-none,.popover-translation{font-size:.95rem;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-soft)}.popover-none{font-style:italic;color:var(--text-muted)}.popover-context{display:block;font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:14px;background:rgba(130,105,95,.03);padding:8px 10px;border-radius:6px;border-left:2px solid var(--accent-ochre)}.popover-context-label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.popover-context-target{display:block;font-family:Georgia,Times New Roman,Palatino,serif;color:var(--text-primary);margin-bottom:2px}.popover-context-en{display:block;color:var(--text-secondary)}.popover-actions{display:flex;flex-wrap:wrap;gap:8px}.popover-btn{flex:1 1;min-height:44px;border:none;padding:8px 12px;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .25s var(--transition-smooth)}.btn-pronounce{background:rgba(130,105,95,.06);color:var(--text-secondary);border:1px solid var(--border-soft)}.btn-pronounce:hover{background:rgba(130,105,95,.12);color:var(--text-primary)}.btn-save-vocab{background:var(--accent-clay);color:#fff;border:1px solid rgba(194,109,92,.2)}.btn-save-vocab:hover{background:#b55f4f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(194,109,92,.15)}.btn-save-vocab.saved{background:var(--accent-sage);border-color:var(--accent-sage)}.popover-arrow{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:var(--bg-popover);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.audio-sync-footer{padding:14px;display:flex;flex-direction:column;align-items:stretch;gap:14px;border-color:var(--border-soft)}.player-subrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 100%}.player-subrow .layout-toggle-group{padding:3px}.player-subrow .pill-btn{font-size:.78rem;padding:4px 12px}.mini-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.playback-controls{gap:12px}.playback-controls,.round-btn{display:flex;align-items:center}.round-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-soft);background:#fff;color:var(--text-secondary);cursor:pointer;justify-content:center;transition:all .3s var(--transition-smooth);box-shadow:var(--shadow-subtle)}.round-btn:hover{background:var(--bg-sidebar);color:var(--text-primary);transform:scale(1.05)}.round-btn:active{transform:scale(.96)}.round-btn.btn-play-pause{background:var(--accent-clay);color:#fff;border-color:rgba(194,109,92,.1);box-shadow:0 4px 12px rgba(194,109,92,.15)}.round-btn.btn-play-pause:hover{background:#b55f4f;transform:scale(1.05)}.audio-timeline-container{flex:1 1;min-width:0;display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-secondary);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline-track-bg{flex:1 1;min-width:0;height:44px;position:relative;cursor:pointer}.timeline-track-bg:after{content:"";right:0;background:rgba(130,105,95,.08)}.timeline-fill,.timeline-track-bg:after{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;border-radius:99px}.timeline-fill{width:0;background:var(--accent-clay);transition:width .1s linear}.timeline-handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:1.5px solid var(--accent-clay);box-shadow:var(--shadow-subtle);cursor:pointer;transition:transform .2s,left .1s linear}.timeline-track-bg:hover .timeline-handle{transform:translate(-50%,-50%) scale(1.2)}#reels-platform{display:none;height:100%;align-items:center;justify-content:center;position:relative;flex:1 1;min-height:0}#reels-platform.active{display:flex}.reel-mockup-frame{width:360px;max-width:100%;height:100%;max-height:680px;min-height:420px;border-radius:28px;border:8px solid var(--bg-sidebar);position:relative;overflow:hidden;box-shadow:var(--shadow-deep);background:#FAF6EE;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.saved-vocab-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:8px;border:1px solid var(--border-soft);background:#fff;transition:all .3s var(--transition-smooth);box-shadow:var(--shadow-subtle)}.saved-vocab-card:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-medium)}.vocab-word-row{display:flex;justify-content:space-between;align-items:center}.vocab-word-target{font-family:Georgia,Times New Roman,Palatino,serif;font-weight:700;font-size:1.05rem;color:var(--accent-clay)}.vocab-word-translation{font-size:.88rem;color:var(--accent-clay);font-weight:600}.vocab-word-reading{font-size:.72rem;letter-spacing:.06em;color:var(--text-muted);background:rgba(130,105,95,.06);border-radius:99px;padding:1px 8px}.vocab-word-note{font-size:.75rem;color:var(--text-secondary);font-style:italic}.vocab-context-translation{font-size:.75rem;color:var(--text-muted);line-height:1.4;padding-left:10px;margin-top:-2px}.vocab-context-sentence{font-family:Georgia,Times New Roman,Palatino,serif;font-size:.8rem;color:var(--text-secondary);font-style:italic;line-height:1.45;border-left:2px solid var(--border-strong);padding-left:8px;margin-top:2px}.vocab-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-muted);margin-top:2px}.vocab-badge{background:var(--accent-clay);color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:99px;margin-left:auto;box-shadow:0 2px 6px rgba(194,109,92,.2);transition:transform .3s var(--transition-bounce)}#particle-canvas{top:0;left:0;width:100vw;height:100vh;z-index:40}#particle-canvas,.ghost-token{position:fixed;pointer-events:none}.ghost-token{z-index:999;font-family:Georgia,Times New Roman,Palatino,serif;font-weight:600;font-size:.95rem;color:var(--accent-clay);background:#fff;border:1px solid var(--accent-clay);border-radius:4px;padding:3px 8px;box-shadow:var(--shadow-medium)}.pace-notification{position:fixed;bottom:24px;right:24px;z-index:1001;padding:12px 16px;display:flex;align-items:center;gap:12px;width:310px;max-width:calc(100vw - 32px);border-radius:10px;transform:translateY(100px) scale(.95);opacity:0;transition:all .4s var(--transition-smooth)}.pace-notification.show{transform:translateY(0) scale(1);opacity:1}.notification-icon{width:32px;height:32px;border-radius:50%;background:rgba(90,122,104,.12);color:var(--accent-sage);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-body{flex:1 1}.notification-title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.notification-desc{font-size:.75rem;color:var(--text-secondary)}.pronounce-visualizer{display:inline-block;width:12px;height:12px;position:relative;margin-left:2px}.pronounce-visualizer span{display:block;position:absolute;bottom:0;width:1.5px;height:2px;background:var(--accent-clay);animation:waveAudio 1s infinite alternate}.pronounce-visualizer span:first-child{left:0;animation-delay:.1s}.pronounce-visualizer span:nth-child(2){left:3px;height:5px;animation-delay:.3s}.pronounce-visualizer span:nth-child(3){left:6px;height:3px;animation-delay:.5s}@keyframes waveAudio{0%{height:1px}to{height:8px}}.setting-block{padding:20px;display:flex;flex-direction:column;gap:12px}.setting-block h2{font-size:1.25rem;margin:0}.setting-block>p{font-size:.9rem;margin:0}.setting-note{font-size:.75rem!important;color:var(--text-muted)!important;margin:0!important;border-top:1px solid var(--border-soft);padding-top:10px}.word-popover.in-word{top:auto;left:0;right:0;bottom:0;text-align:left;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.word-popover.in-word .popover-arrow{display:none}.romaji{display:inline-block;font-size:.5em;letter-spacing:.1em;color:var(--text-muted);vertical-align:super;margin-left:2px}.side-toggle{margin-left:auto}.side-toggle-restore{display:inline-flex}.side-toggle-mobile{display:none}@media (max-width:1024px){.side-toggle-mobile{display:inline-flex}.side-toggle-restore{display:none}}#app-container.side-collapsed{grid-template-columns:minmax(0,1fr)}#app-container.side-collapsed aside{display:none}@media (max-width:1024px){#app-container{grid-template-columns:minmax(0,1fr);height:auto;padding:12px;gap:16px}aside{display:none}aside.sidebar-open{display:flex}}@media (max-width:768px){.reading-mode-side-by-side .sentence-block{grid-template-columns:1fr;gap:0}.reading-mode-side-by-side .translation-line{border-left:none;padding-left:0;margin-top:4px}}@media (min-width:768px){.mode-selector-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:0;padding:12px 20px}.mode-selector-bar .layout-toggle-group{flex-wrap:nowrap}.mode-bar-title{font-size:1.15rem}.reader-workspace{padding:36px 40px;gap:32px}.audio-sync-footer{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 20px}.word-popover{position:absolute;width:290px;max-width:calc(100vw - 64px);max-height:none;padding:16px;border-radius:12px;box-shadow:var(--shadow-deep)}.word-popover.in-word{bottom:calc(100% + 12px);left:50%;right:auto;top:auto;transform:translateX(-50%) translateY(6px) scale(.97);text-align:left;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:auto;-webkit-overflow-scrolling:auto}.word-popover.in-word.active{transform:translateX(-50%) translateY(0) scale(1)}.word-popover.in-word .popover-arrow{display:block;left:50%}.word-popover.in-word.align-left{left:0;transform:translateY(6px) scale(.97)}.word-popover.in-word.align-left.active{transform:translateY(0) scale(1)}.word-popover.in-word.align-left .popover-arrow{left:28px}.word-popover.in-word.align-right{left:auto;right:0;transform:translateY(6px) scale(.97)}.word-popover.in-word.align-right.active{transform:translateY(0) scale(1)}.word-popover.in-word.align-right .popover-arrow{left:auto;right:28px;transform:rotate(45deg)}.word-popover.in-word.below{bottom:auto;top:calc(100% + 12px);transform:translateX(-50%) translateY(-6px) scale(.97)}.word-popover.in-word.below.active{transform:translateX(-50%) translateY(0) scale(1)}.word-popover.in-word.below .popover-arrow{top:-7px;bottom:auto;transform:translateX(-50%) rotate(45deg);border:none;border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong)}.word-popover.in-word.below.align-left{transform:translateY(-6px) scale(.97)}.word-popover.in-word.below.align-left.active{transform:translateY(0) scale(1)}.word-popover.in-word.below.align-right{transform:translateY(-6px) scale(.97)}.word-popover.in-word.below.align-right.active{transform:translateY(0) scale(1)}.word-popover.in-word.below.align-right .popover-arrow{transform:rotate(45deg)}}@media (min-width:1024px){header{flex-wrap:nowrap;padding:14px 20px}.tab-btn{min-height:34px}.pill-btn{min-height:32px}.round-btn{width:40px;height:40px}}