@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600&family=Inter:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root,[data-theme=midnight]{--bg-primary: #0A0A0F;--bg-secondary: #12121A;--bg-tertiary: #1A1A25;--bg-hover: #22222E;--bg-active: #2A2A38;--bg-input: rgba(255, 255, 255, .05);--accent-primary: #6366F1;--accent-hover: #818CF8;--accent-muted: rgba(99, 102, 241, .15);--accent-glow: rgba(99, 102, 241, .25);--accent-strong: #4F46E5;--accent-text: #6366F1;--text-primary: #F0F0F5;--text-secondary: #A0A0B0;--text-tertiary: #606070;--text-inverse: #0A0A0F;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .15);--border-active: rgba(99, 102, 241, .5);--highlight-current-bg: linear-gradient(120deg, #6366F1, #4F46E5);--highlight-current-text: #FFFFFF;--highlight-read-bg: rgba(34, 197, 94, .1);--highlight-read-text: #4ADE80;--overlay-current: rgba(99, 102, 241, .3);--overlay-current-ring: rgba(79, 70, 229, .45);--overlay-current-dark: rgba(165, 180, 252, .3);--overlay-current-ring-dark: rgba(199, 210, 254, .9);--overlay-current-veil: #4F46E5;--overlay-hover: rgba(99, 102, 241, .14);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-color: 0, 0, 0;--font-body: "Figtree", "Inter", system-ui, sans-serif;--font-reading: "Inter", sans-serif;--bg-card: #12121A;--wash-ink: linear-gradient(135deg, rgba(99, 102, 241, .16) 0%, rgba(56, 189, 248, .14) 100%);--wash-ink-strong: linear-gradient(135deg, #3730A3 0%, #155E75 100%)}[data-theme=paper]{--bg-primary: #F7F8FA;--bg-secondary: #EEF1F5;--bg-tertiary: #E2E7EE;--bg-hover: #E6EBF1;--bg-active: #DAE1EA;--bg-input: rgba(22, 33, 46, .04);--bg-card: #FFFFFF;--accent-primary: #2563C7;--accent-hover: #1E52A8;--accent-muted: rgba(37, 99, 199, .12);--accent-glow: rgba(37, 99, 199, .15);--accent-strong: #173F85;--accent-text: #1E52A8;--accent-cyan: #3D95A8;--wash-ink: linear-gradient(135deg, rgba(37, 99, 199, .1) 0%, rgba(61, 149, 168, .18) 100%);--wash-ink-strong: linear-gradient(135deg, #2B5CB4 0%, #3A8EA3 100%);--text-primary: #16212E;--text-secondary: #4B5563;--text-tertiary: #667381;--text-inverse: #FFFFFF;--border-subtle: rgba(22, 33, 46, .05);--border-default: rgba(22, 33, 46, .1);--border-hover: rgba(22, 33, 46, .16);--border-active: rgba(37, 99, 199, .4);--highlight-current-bg: rgba(61, 149, 168, .28);--highlight-current-text: #16212E;--highlight-read-bg: rgba(22, 33, 46, .03);--highlight-read-text: #4B5563;--overlay-current: rgba(61, 149, 168, .3);--overlay-current-ring: rgba(37, 99, 199, .45);--overlay-current-dark: rgba(125, 196, 212, .32);--overlay-current-ring-dark: rgba(199, 230, 240, .9);--overlay-current-veil: #2563C7;--overlay-hover: rgba(37, 99, 199, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-color: 22, 33, 46;--font-body: "Figtree", "Inter", system-ui, sans-serif;--font-reading: "Lora", Georgia, serif}[data-theme=dusk]{--bg-primary: #23242A;--bg-secondary: #2B2C33;--bg-tertiary: #34353E;--bg-hover: #3E3F4A;--bg-active: #484955;--bg-input: rgba(0, 0, 0, .2);--accent-primary: #A5B4FC;--accent-hover: #C7D2FE;--accent-muted: rgba(165, 180, 252, .1);--accent-glow: rgba(165, 180, 252, .15);--accent-strong: #818CF8;--accent-text: #C7D2FE;--text-primary: #E2E2E8;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--text-inverse: #1F2937;--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--border-active: rgba(165, 180, 252, .3);--highlight-current-bg: rgba(165, 180, 252, .15);--highlight-current-text: #FFFFFF;--highlight-read-bg: rgba(255, 255, 255, .03);--highlight-read-text: #9CA3AF;--overlay-current: rgba(129, 140, 248, .3);--overlay-current-ring: rgba(129, 140, 248, .5);--overlay-current-dark: rgba(165, 180, 252, .32);--overlay-current-ring-dark: rgba(224, 231, 255, .9);--overlay-current-veil: #5B64D8;--overlay-hover: rgba(165, 180, 252, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-color: 0, 0, 0;--font-body: "Figtree", "Inter", system-ui, sans-serif;--font-reading: "Inter", sans-serif;--bg-card: #2B2C33;--wash-ink: linear-gradient(135deg, rgba(165, 180, 252, .12) 0%, rgba(103, 232, 249, .1) 100%);--wash-ink-strong: linear-gradient(135deg, #4C4F9C 0%, #2F6F7E 100%)}html[dir=rtl]{--font-body: "IBM Plex Sans Arabic", "Figtree", system-ui, sans-serif}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-full: 999px;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-width:320px;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}#root{min-height:100vh}a{color:var(--accent-text);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--accent-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,select,textarea{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent-muted);color:var(--text-primary)}.theme-switcher{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-around}.theme-btn{flex:1;padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease}.theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-btn.active{background:var(--bg-active);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.lang-switcher-btn{background:transparent;border:1px solid transparent;color:var(--text-primary);padding:.4rem .6rem;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.lang-switcher-btn:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.lang-switcher-btn:active{transform:translateY(1px)}.lang-switcher-icon{width:20px;height:20px;object-fit:contain}[data-theme=midnight] .lang-switcher-icon,[data-theme=dusk] .lang-switcher-icon{filter:invert(1) brightness(.9)}.landing-scenes{padding:var(--landing-gap, 96px) 0}.landing-scenes__list{display:flex;flex-direction:column;gap:72px;margin-top:var(--space-12)}.landing-scene{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-12);align-items:center}.landing-scene:nth-child(2n) .landing-scene__copy{order:2}.landing-scene__copy h3{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-3)}[dir=rtl] .landing-scene__copy h3{letter-spacing:0}.landing-scene__copy p{font-size:1.02rem;line-height:1.6;color:var(--text-secondary);max-width:30rem}.scene{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--wash-ink, var(--bg-secondary));padding:var(--space-5);overflow:hidden;-webkit-user-select:none;user-select:none}.scene__stage{position:relative;display:flex;flex-direction:column;min-height:220px;padding:var(--space-6);border-radius:var(--radius-md);background:var(--bg-card, #fff);border:1px solid var(--border-default)}.scene__stage--sheet{border-radius:4px}.scene__stage--photo{background:repeating-linear-gradient(0deg,rgba(22,33,46,.025) 0 2px,transparent 2px 5px),linear-gradient(160deg,#efe9dc,#e6dfcf);transform:rotate(-.8deg);transition:transform .6s var(--ease-out),background .6s ease}.scene__stage--photo.is-found{background:var(--bg-card, #fff);transform:none}.scene__text{font-family:var(--font-reading);font-size:1.02rem;line-height:1.8;color:var(--text-primary)}.scene__text--small{font-size:.9rem;line-height:1.7}.scene__text span{border-radius:3px;transition:background-color .15s ease,color .3s ease}.scene__text .is-read{color:var(--text-secondary)}.scene__text .is-lit{background:var(--highlight-current-bg);color:var(--highlight-current-text)}.scene__text .is-ink{color:transparent;background:#28241e38;filter:blur(1.2px)}.scene__text .is-found{filter:none}.scene__foot{display:flex;justify-content:center;margin-top:var(--space-4);min-height:1.6em}.scene__caption{padding:4px 12px;border-radius:999px;background:var(--bg-card, #fff);border:1px solid var(--border-default);font-size:.85rem;color:var(--text-primary);animation:scene-caption .35s var(--ease-out)}@keyframes scene-caption{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.scene__track{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--border-subtle)}.scene__track span{display:block;height:100%;background:var(--accent-primary);transform-origin:left center}[dir=rtl] .scene__track span{transform-origin:right center}.scene__pointer{position:absolute;z-index:3;pointer-events:none;transition:left .9s var(--ease-out),top .9s var(--ease-out)}.scene__ripple{position:absolute;z-index:2;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--accent-primary);animation:scene-ripple .45s ease-out forwards;pointer-events:none}@keyframes scene-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.scene__wordbar{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:4px 10px;border-radius:999px;background:var(--text-primary);color:var(--bg-card, #fff);font-size:.7rem;transform:translate(-50%,-100%);animation:scene-pop .3s var(--ease-out);direction:ltr}.scene__wordbar-play{color:var(--accent-cyan, var(--accent-primary))}.scene__wordbar-flag{opacity:.7}@keyframes scene-pop{0%{opacity:0;transform:translate(-50%,-80%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%)}}.scene__key{position:absolute;bottom:14px;inset-inline-end:16px;min-width:34px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border-hover);border-bottom-width:3px;background:var(--bg-card, #fff);font-size:.9rem;color:var(--text-primary);transition:transform .08s ease,border-bottom-width .08s ease}.scene__key.is-down{transform:translateY(2px);border-bottom-width:1px}.scene__keyrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:var(--space-4)}.scene__kbd{min-width:34px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border-hover);border-bottom-width:3px;background:var(--bg-card, #fff);font-size:.8rem;color:var(--text-primary);transition:transform .08s ease,border-bottom-width .08s ease}.scene__kbd--wide{min-width:88px}.scene__kbd.is-down{transform:translateY(2px);border-bottom-width:1px;background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.scene__state{margin-inline-start:auto;font-size:.78rem;color:var(--text-tertiary)}.scene__chips{display:flex;gap:6px;margin-top:auto;padding-top:var(--space-4);direction:ltr}.scene__chip{padding:3px 10px;border-radius:999px;border:1px solid var(--border-default);font-size:.78rem;color:var(--text-secondary);transition:transform .12s ease}.scene__chip.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.scene__chip.is-pressed{transform:scale(.92)}.scene-layout__heading{font-family:var(--font-reading);font-weight:600;font-size:1.1rem;margin-bottom:var(--space-3);color:var(--text-primary)}.scene-layout__heading span{border-radius:3px}.scene-layout__heading .is-lit{background:var(--highlight-current-bg)}.scene-layout__heading .is-read{color:var(--text-secondary)}.scene-layout__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.scene-layout__figure{height:46px;border-radius:4px;margin-bottom:var(--space-2);background:var(--wash-ink, var(--bg-tertiary))}.scene__scanline{position:absolute;left:0;right:0;height:3px;background:var(--accent-cyan, var(--accent-primary));box-shadow:0 0 12px var(--accent-cyan, var(--accent-primary));opacity:.8}.scene__caret{display:inline-block;width:2px;height:1.1em;margin-inline-start:1px;vertical-align:text-bottom;background:var(--accent-primary);animation:scene-caret .9s steps(1) infinite}@keyframes scene-caret{50%{opacity:0}}.scene__dock{display:flex;justify-content:center;margin-top:auto;padding-top:var(--space-4)}.scene__play{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-inverse);background:var(--accent-primary);opacity:.55;transition:transform .12s ease,opacity .2s ease}.scene__play.is-on{opacity:1}.scene__play.is-pressed{transform:scale(.88)}[dir=rtl] .scene__text,[dir=rtl] .scene-layout__heading{font-family:"IBM Plex Sans Arabic",var(--font-reading);font-size:1.05rem}[dir=rtl] .scene__text--small{font-size:.92rem}@media(max-width:900px){.landing-scene{grid-template-columns:1fr;gap:var(--space-5)}.landing-scene:nth-child(2n) .landing-scene__copy{order:0}.landing-scenes__list{gap:56px}.scene__stage{padding:var(--space-4);min-height:190px}}@media(prefers-reduced-motion:reduce){.scene__pointer,.scene__text span,.scene__stage--photo{transition:none}.scene__caret{animation:none}}.busy{display:inline-flex;align-items:center;gap:.5em;max-width:100%;line-height:1.3;vertical-align:middle;opacity:0;transition:opacity var(--duration-fast, .15s) ease}.busy.is-shown{opacity:1}.busy__dots{display:inline-flex;flex:none;align-items:center;justify-content:space-between;width:1.5em;height:1em}.busy__dots i{display:block;width:.3em;height:.3em;border-radius:50%;background:currentColor;animation:busy-dot 1.2s ease-in-out infinite}.busy__dots i:nth-child(2){animation-delay:.16s}.busy__dots i:nth-child(3){animation-delay:.32s}@keyframes busy-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-.2em)}}.busy__label{min-width:0;overflow-wrap:anywhere}.busy__sr,.busy--quiet{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.busy--stage{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:50vh;gap:var(--space-3);font-size:1.5rem;color:var(--accent-cyan, var(--accent-primary))}.busy--stage .busy__label{max-width:36ch;font-size:.9rem;color:var(--text-secondary);text-align:center}.busy--over{position:absolute;inset:0;justify-content:center;font-size:1.4rem;color:#16212e66;pointer-events:none}.busy--chip{position:absolute;top:var(--space-3);left:0;right:0;z-index:2;width:max-content;max-width:calc(100% - var(--space-6));margin:0 auto;padding:.3rem .8rem;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;box-shadow:0 4px 14px rgba(var(--shadow-color),.2);pointer-events:none}.busy--chip .busy__dots{color:var(--accent-cyan, var(--accent-primary))}@media(prefers-reduced-motion:reduce){.busy{transition:none}.busy__dots i{animation:none;opacity:.7}}@media(forced-colors:active){.busy__dots i{forced-color-adjust:none}}.playground{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--space-8);align-items:center;margin-top:var(--space-10);outline:none;isolation:isolate}.playground__page{position:relative;padding:var(--space-8) var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-card, #fff);border:1px solid var(--border-default)}.playground__page:before{content:"";position:absolute;inset:-14px;z-index:-1;border-radius:calc(var(--radius-lg) + 10px);background:var(--wash-ink, var(--bg-secondary))}.playground__text{font-family:var(--font-reading);font-size:1.3rem;line-height:1.75;color:var(--text-primary);margin-bottom:var(--space-4)}[dir=rtl] .playground__text{font-family:"IBM Plex Sans Arabic",var(--font-reading);font-size:1.35rem}.playground__text span{cursor:pointer;border-radius:3px;transition:background-color .12s ease,color .2s ease}.playground__text span:hover{background:var(--overlay-hover, var(--accent-muted))}.playground__text .is-read{color:var(--text-secondary)}.playground__text .is-lit{background:var(--highlight-current-bg);color:var(--highlight-current-text)}.playground__bar{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.playground__play{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:var(--text-inverse);font-size:.85rem;flex-shrink:0}.playground__play:hover{background:var(--accent-hover)}.playground__status{flex:1;font-size:.95rem;color:var(--text-secondary)}.playground__rate{padding:3px 10px;border-radius:999px;border:1px solid var(--border-default);font-size:.8rem;color:var(--text-primary);direction:ltr}.playground__note{margin-top:var(--space-3);font-size:.8rem;color:var(--text-tertiary)}.playground__keys{display:flex;flex-direction:column;gap:var(--space-4)}.playground__key-row{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--text-secondary)}.playground__key-row>span:last-child{margin-inline-start:var(--space-2)}.playground__key{min-width:38px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--border-hover);border-bottom-width:3px;background:var(--bg-card, #fff);font-family:var(--font-body);font-size:.85rem;color:var(--text-primary);transition:transform .08s ease,border-bottom-width .08s ease,background .12s ease,color .12s ease}.playground__key--wide{min-width:108px}.playground__key.is-down{transform:translateY(2px);border-bottom-width:1px;background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.playground__tap{width:38px;height:34px;border-radius:7px;border:1px dashed var(--border-hover);background:var(--highlight-current-bg)}.landing-turn{padding:var(--landing-gap, 96px) 0;background:var(--bg-secondary)}.landing-turn__title{font-size:clamp(2.2rem,4.6vw,3.1rem);font-weight:600;line-height:1.1;letter-spacing:-.016em;color:var(--text-primary);margin-bottom:var(--space-4)}[dir=rtl] .landing-turn__title{letter-spacing:0}.landing-answers{margin-top:88px}.landing-answers h3{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-6)}.landing-answers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.landing-answer{padding:var(--space-5);border-radius:var(--radius-md);background:var(--bg-card, #fff);border:1px solid var(--border-default);transition:border-color var(--duration-fast) ease}.landing-answer:hover{border-color:var(--border-hover)}.landing-answer__icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:8px;margin-bottom:var(--space-3);color:var(--accent-primary);background:var(--accent-muted)}.landing-answer h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.landing-answer p{font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.landing-turn__cta{margin-top:72px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.landing-turn__cta h3{font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:600;letter-spacing:-.014em;color:var(--text-primary);margin-bottom:var(--space-2)}@media(max-width:1000px){.landing-answers__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.playground{grid-template-columns:1fr}.playground__page{padding:var(--space-5) var(--space-5) var(--space-4)}.playground__text{font-size:1.12rem}}@media(max-width:560px){.landing-answers__grid{grid-template-columns:1fr}}.landing{min-height:100vh;background:var(--bg-primary);--landing-max: 1120px;--landing-gap: 96px}.landing-nav{position:sticky;top:0;z-index:100;background:var(--bg-primary)}.landing-nav-inner{max-width:var(--landing-max);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.landing-logo-mark{display:block;height:28px;width:auto}.landing-logo-text{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.landing-nav-links{display:flex;align-items:center;gap:var(--space-4)}.landing-btn-primary,.landing-cta-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;color:var(--text-inverse);background:var(--accent-primary);text-decoration:none;transition:background var(--duration-fast) ease}.landing-btn-primary{padding:8px 16px;font-size:.9rem}.landing-cta-primary{padding:12px 28px;font-size:1rem}.landing-btn-primary:hover,.landing-cta-primary:hover{background:var(--accent-hover);color:var(--text-inverse)}.landing-hero{max-width:var(--landing-max);margin:0 auto;padding:var(--space-16) var(--space-6) var(--landing-gap)}.landing-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-12);align-items:center}.landing-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-tertiary);font-size:.8rem;font-weight:500;margin-bottom:var(--space-6)}.landing-h1{font-size:clamp(2.5rem,5.5vw,3.6rem);font-weight:600;line-height:1.08;letter-spacing:-.016em;color:var(--text-primary);margin-bottom:var(--space-6)}[dir=rtl] .landing-h1,[dir=rtl] .landing-h2{letter-spacing:0}.landing-subtitle{font-size:1.2rem;line-height:1.55;color:var(--text-secondary);max-width:34rem;margin-bottom:var(--space-8)}.landing-cta-note{margin-top:var(--space-3);font-size:.85rem;color:var(--text-tertiary)}.landing-hero-card{position:relative;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--bg-card, #fff);border:1px solid var(--border-default)}.landing-hero-card:before{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:calc(var(--radius-lg) + 12px);background:var(--wash-ink)}.landing-sweep{font-family:var(--font-reading);font-size:1.3rem;line-height:1.7;color:var(--text-primary)}.landing-sweep span,.is-lit{border-radius:3px;padding:0 1px}[dir=rtl] .landing-sweep,[dir=rtl] .landing-page-mock__sheet,[dir=rtl] .landing-voice__tile{font-family:"IBM Plex Sans Arabic",var(--font-reading)}.landing-sweep .is-read{color:var(--text-secondary)}.is-lit{background:var(--highlight-current-bg);color:var(--highlight-current-text)}.landing-facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-10);padding:0}.landing-facts li{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.landing-band{padding:var(--landing-gap) 0}.landing-band--alt{background:var(--bg-secondary)}.landing-band-inner{max-width:var(--landing-max);margin:0 auto;padding:0 var(--space-6)}.landing-band-inner--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:center}.landing-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3)}[dir=rtl] .landing-label{letter-spacing:0}.landing-h2{font-size:2.1rem;font-weight:600;line-height:1.2;letter-spacing:-.014em;color:var(--text-primary);margin-bottom:var(--space-4);max-width:30ch}.landing-band-sub{font-size:1.05rem;line-height:1.55;color:var(--text-secondary);max-width:40rem;margin-bottom:var(--space-6)}.landing-formats{font-size:.95rem;color:var(--text-secondary);margin-top:var(--space-2)}.landing-page-mock{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.landing-page-mock__sheet{background:var(--bg-card, #fff);border:1px solid var(--border-default);border-radius:4px;padding:var(--space-8) var(--space-8) var(--space-10);font-family:var(--font-reading);font-size:1rem;line-height:1.75;color:var(--text-primary)}.landing-page-mock__sheet p+p{margin-top:var(--space-3)}.landing-page-mock__title{font-weight:600;font-size:1.15rem;margin-bottom:var(--space-4)}.landing-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-8)}.landing-voice{background:var(--bg-card, #fff);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--duration-fast) ease}.landing-voice:hover{border-color:var(--border-hover)}.landing-voice__tile{font-family:var(--font-reading);font-size:1.05rem;line-height:1.6;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:var(--space-4);min-height:64px}.landing-voice__head{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-2)}.landing-voice h3{font-size:1rem;font-weight:600}.landing-voice p{font-size:.925rem;line-height:1.5;color:var(--text-secondary)}.landing-close{padding:var(--landing-gap) 0;background:var(--wash-ink-strong);text-align:center}.landing-h2--inverse{color:#fff;margin:0 auto var(--space-6)}.landing-cta-primary--inverse{background:#fff;color:var(--accent-strong)}.landing-cta-primary--inverse:hover{background:var(--bg-primary);color:var(--accent-strong)}.landing-cta-note--inverse{color:#fffc}.landing-footer{padding:var(--space-8) 0;border-top:1px solid var(--border-subtle)}.landing-footer-inner{max-width:var(--landing-max);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.landing-footer-brand{font-weight:600;color:var(--text-secondary)}.landing-footer-link{color:var(--text-secondary);font-size:.85rem}.landing-footer-copy{font-size:.8rem;color:var(--text-tertiary)}@media(max-width:900px){.landing-hero-inner,.landing-band-inner--split{grid-template-columns:1fr;gap:var(--space-8)}.landing-voices{grid-template-columns:1fr}.landing-hero{padding-top:var(--space-10)}.landing-hero-card:before{inset:-10px}.landing-sweep{font-size:1.1rem}}@media(max-width:600px){.landing-nav-links{gap:6px}.landing-nav-links .theme-switcher{gap:2px;padding:3px}.landing-nav-links .theme-btn{padding:5px;font-size:1rem}.landing-nav-links .lang-switcher-btn span{display:none}.landing-btn-primary{padding:7px 12px;font-size:.85rem;white-space:nowrap}.landing-nav-inner,.landing-hero,.landing-band-inner,.landing-footer-inner{padding-left:var(--space-4);padding-right:var(--space-4)}.landing-footer-inner{flex-direction:column;text-align:center}.landing-h2{font-size:1.7rem}}.pdf-viewer{position:relative;display:flex;flex-direction:column;margin-top:var(--space-6);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-secondary);min-height:400px}.pdf-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.pdf-viewer-toolbar-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--space-2)}.pdf-viewer-toolbar-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary);animation:viewerPulse 2s ease-in-out infinite}@keyframes viewerPulse{0%,to{opacity:1}50%{opacity:.4}}.pdf-viewer-hint{font-size:.72rem;color:var(--text-tertiary);font-style:italic}.pdf-page-area{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-6);background:var(--pdf-area-bg, hsl(220 12% 14%));display:flex;flex-direction:column;align-items:center;gap:var(--space-8);max-height:calc(100dvh - var(--dock-h, 150px) - 84px)}:root,[data-theme=midnight]{--pdf-area-bg: hsl(220 18% 9%);--pdf-page-bg: hsl(220 14% 14%);--pdf-page-text: hsl(220 12% 90%);--pdf-page-text-read: hsl(220 8% 55%);--pdf-highlight-current-bg: linear-gradient(135deg, #6366F1, #4F46E5);--pdf-highlight-current-text: #ffffff;--pdf-shadow: 0 8px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0,0,0,.4)}[data-theme=paper]{--pdf-area-bg: hsl(40 20% 82%);--pdf-page-bg: hsl(45 40% 97%);--pdf-page-text: hsl(220 15% 18%);--pdf-page-text-read: hsl(220 8% 55%);--pdf-highlight-current-bg: rgba(88, 105, 218, .18);--pdf-highlight-current-text: #2D2D34;--pdf-shadow: 0 8px 24px rgba(0, 0, 0, .15), 0 2px 6px rgba(0,0,0,.1)}[data-theme=dusk]{--pdf-area-bg: hsl(230 12% 14%);--pdf-page-bg: hsl(230 10% 18%);--pdf-page-text: hsl(230 12% 92%);--pdf-page-text-read: hsl(230 8% 55%);--pdf-highlight-current-bg: rgba(165, 180, 252, .18);--pdf-highlight-current-text: #FFFFFF;--pdf-shadow: 0 8px 28px rgba(0, 0, 0, .4), 0 2px 6px rgba(0,0,0,.3)}.pdf-page{width:100%;max-width:680px;background:var(--pdf-page-bg);border-radius:4px;box-shadow:var(--pdf-shadow);position:relative;transition:box-shadow var(--duration-normal) ease}.pdf-page:hover{box-shadow:var(--pdf-shadow),0 0 0 1px var(--accent-primary)}.pdf-page-chrome{height:20px;border-radius:4px 4px 0 0;background:linear-gradient(to bottom,rgba(0,0,0,.04),transparent);pointer-events:none}.pdf-page-chrome--bottom{border-radius:0 0 4px 4px;background:linear-gradient(to top,rgba(0,0,0,.06),transparent);height:24px}.pdf-page-content{padding:40px 56px;font-size:calc(1rem * var(--text-zoom, 1));color:var(--pdf-page-text);line-height:1.85}@media(max-width:640px){.pdf-page-content{padding:24px}}.pdf-page-content--rich{font-family:var(--font-reading, var(--font-body));cursor:text;line-height:1.8}.pdf-page-content--rich h1{font-size:1.6em;font-weight:700;margin:.5em 0 .25em;color:var(--pdf-page-text)}.pdf-page-content--rich h2{font-size:1.25em;font-weight:600;margin:.5em 0 .25em;color:var(--pdf-page-text)}.pdf-page-content--rich h3{font-size:1.05em;font-weight:600;margin:.5em 0 .25em;color:var(--pdf-page-text)}.pdf-page-content--rich [style*=color]{color:inherit!important;background-color:transparent!important}.pdf-page-content--rich p{margin:.3em 0;color:var(--pdf-page-text)}.pdf-page-content--rich div{margin-bottom:.3em;color:var(--pdf-page-text)}.pdf-page-content--rich ul,.pdf-page-content--rich ol{padding-inline-start:1.5em;margin:.25em 0;color:var(--pdf-page-text)}.pdf-page-content--rich li{margin:.15em 0}.pdf-page-content--rich strong,.pdf-page-content--rich b{font-weight:700}.pdf-page-content--rich em,.pdf-page-content--rich i{font-style:italic}.pdf-page-content--rich u{text-decoration:underline}.pdf-page-content--rich s{text-decoration:line-through}.pdf-paragraph{margin-bottom:1.4em;text-indent:1.6em;font-family:var(--font-reading, "Lora", serif);font-size:1em;color:var(--pdf-page-text);text-align:justify}.pdf-paragraph:first-child{margin-top:0}.pdf-block{margin:0 0 1em;font-family:var(--font-reading, "Lora", serif);color:var(--pdf-page-text)}.pdf-block--heading{margin:1.3em 0 .45em;font-weight:700;font-size:1.3em;line-height:1.35}.pdf-block--item{margin:.15em 0;text-indent:0}.pdf-block--chrome{margin:.15em 0;text-indent:0;text-decoration:line-through;opacity:.4;cursor:default}.pdf-block:first-child,.pdf-block--heading:first-child{margin-top:0}.td-word{padding:2px 4px;border-radius:3px;cursor:pointer;transition:all var(--duration-fast) ease;display:inline;color:var(--pdf-page-text)}.td-word:hover{background:#6366f11f;color:var(--accent-primary)}.td-word--current{background:var(--pdf-highlight-current-bg);color:var(--pdf-highlight-current-text);font-weight:600;box-shadow:0 1px 6px var(--accent-glow);border-radius:4px;padding:2px 5px}.td-word--read{color:var(--pdf-page-text-read)}.pdf-viewer-footer{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);flex-shrink:0}.pdf-page-number{font-size:.75rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.04em}.pdf-page-area::-webkit-scrollbar{width:8px}.pdf-page-area::-webkit-scrollbar-track{background:transparent}.pdf-page-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.pdf-page-area::-webkit-scrollbar-thumb:hover{background:#fff3}.pdf-viewer-report{margin-inline-start:auto;padding:2px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);font-size:.72rem;cursor:pointer;text-decoration:underline dotted}.pdf-viewer-report:hover{color:var(--text-primary);background:var(--accent-muted)}.wordbar{position:fixed;z-index:60;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:0 6px 20px #00000047;animation:wordbar-in var(--duration-fast) ease}@keyframes wordbar-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.wordbar-btn{min-width:36px;height:32px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.wordbar-btn:hover{background:var(--accent-muted);color:var(--text-primary)}.wordbar-btn--play{background:var(--bg-tertiary);color:var(--text-primary)}.wordbar-btn--play .busy__dots{width:1.2em}.wordbar-btn--flag:hover,.wordbar-btn--active{color:#ff6b6b}.wordbar-btn--missing{font-size:1.35rem;font-weight:600;line-height:1;padding-bottom:3px}.wordbar-btn--missing:hover{color:var(--accent-primary)}.wordbar-note{display:flex;align-items:center;gap:2px;max-width:0;opacity:0;overflow:hidden;transition:max-width var(--duration-fast) ease,opacity var(--duration-fast) ease,margin var(--duration-fast) ease}.wordbar--note-open .wordbar-note{max-width:360px;opacity:1;margin-inline-start:6px;padding-inline-start:6px;border-inline-start:1px solid var(--border-default)}.wordbar-note-input{width:220px;height:32px;padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;outline:none}.wordbar-note-input:focus{border-color:var(--accent-primary)}.wordbar-btn--collapse{min-width:32px;font-size:.75rem}[dir=rtl] .wordbar-btn--collapse{transform:scaleX(-1)}.zoom-ctl{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:6;width:56px;height:56px;--zoom-ctl-line: rgba(150, 150, 165, .6)}.zoom-ctl:after{content:"";position:absolute;left:44px;top:47px;width:7px;height:22px;border-radius:4px;background:var(--zoom-ctl-line);transform:rotate(-45deg);transform-origin:top center}.zoom-ctl__lens{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;border:2px solid var(--zoom-ctl-line);background:#121218c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px #0000004d}.zoom-ctl__btn{flex:1;min-height:0;padding:0;border:0;background:transparent;color:#eee;font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer}.zoom-ctl__btn:first-child{border-bottom:1px solid var(--zoom-ctl-line)}.zoom-ctl__btn:hover:not(:disabled){background:#ffffff24}.zoom-ctl__btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-primary, #5b7cfa)}.zoom-ctl__btn:disabled{opacity:.35;cursor:default}.page-overlay{position:relative;margin:0 auto;box-shadow:0 2px 14px #0000002e;border-radius:4px;overflow:hidden;background:#fff}.page-overlay__canvas{display:block}.page-overlay__boxes{position:absolute;inset:0}.page-overlay__word{position:absolute;border-radius:3px;cursor:pointer;background:transparent}.page-overlay__word:before{content:"";position:absolute;inset:0;border-radius:3px;background:transparent;mix-blend-mode:multiply;transition:background-color .12s ease}.page-overlay--dark .page-overlay__word:before{mix-blend-mode:screen}.page-overlay__word:hover:before{background:var(--overlay-hover, rgba(99, 102, 241, .14))}.page-overlay__hl{position:absolute;pointer-events:none;border-radius:4px;box-shadow:0 1px 6px #00000040;z-index:1}.page-overlay__word.is-current:before{display:none}.page-overlay__word.is-skipped{cursor:default;box-shadow:inset 0 0 0 1px var(--overlay-skip-edge, rgba(215, 38, 56, .18))}.page-overlay__word.is-skipped:before{background:var(--overlay-skip, rgba(215, 38, 56, .16))}.page-overlay__strike{position:absolute;height:0;border-top:2px solid var(--overlay-skip-line, rgba(215, 38, 56, .85));pointer-events:none}.doc-panel{position:absolute;top:0;bottom:0;inset-inline-start:0;width:320px;max-width:85%;z-index:6;display:flex;flex-direction:column;background:var(--bg-secondary);border-inline-end:1px solid var(--border-subtle);box-shadow:8px 0 24px #00000040;border-radius:8px 0 0 8px}.doc-panel__tabs{display:flex;align-items:center;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--border-subtle)}.doc-panel__tab{flex:1;padding:.4rem .2rem;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.doc-panel__tab.is-active{color:var(--accent-hover, #8ab4ff);border-bottom-color:var(--accent, #5b7cfa)}.doc-panel__close{border:0;background:none;color:var(--text-secondary);font-size:.9rem;padding:.3rem .5rem;cursor:pointer}.doc-panel__body{flex:1;overflow:auto;padding:8px}.doc-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.doc-panel__thumb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid transparent;border-radius:6px;background:none;color:var(--text-secondary);font-size:.7rem;cursor:pointer}.doc-panel__thumb.is-current{border-color:var(--accent, #5b7cfa);color:var(--text-primary)}.doc-panel__thumb canvas{width:100%;height:auto;background:#fff;border-radius:3px;box-shadow:0 1px 4px #0000004d;min-height:80px}.doc-panel__thumb canvas.is-blank{background:#ffffff14}.doc-panel__outline{list-style:none;margin:0;padding:0}.doc-panel__outline button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:.35rem .4rem;border:0;border-radius:4px;background:none;color:var(--text-primary);font:inherit;font-size:.8rem;text-align:start;cursor:pointer}.doc-panel__outline button:hover:not(:disabled){background:var(--bg-hover)}.doc-panel__outline button:disabled{color:var(--text-secondary);cursor:default}.doc-panel__outline-page{color:var(--text-secondary);font-variant-numeric:tabular-nums}.doc-panel__note{color:var(--text-secondary);font-size:.8rem;padding:.5rem .3rem}.doc-panel__bookmarks{display:flex;flex-direction:column;gap:8px}.doc-panel__bookmark{padding:.45rem .6rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);background:var(--bg-tertiary);color:var(--text-primary);font:inherit;font-size:.82rem;text-align:start;cursor:pointer}.doc-panel__bookmark--set{background:none;color:var(--text-secondary)}.doc-scroll__wrap{position:relative}.doc-scroll__zoom{position:absolute;top:10px;right:22px;z-index:5;display:flex;gap:4px}.doc-scroll__zoom-btn{padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;cursor:pointer;border:1px solid rgba(120,120,130,.35);background:#00000073;color:#ddd}.doc-scroll__zoom-btn.is-active{background:var(--accent, #5b7cfa);border-color:var(--accent, #5b7cfa);color:#fff}.doc-scroll{position:relative;height:calc(100dvh - var(--dock-h, 150px) - 84px);overflow:auto;overscroll-behavior-x:contain;border-radius:8px;background:var(--doc-scroll-bg, rgba(0, 0, 0, .06));padding:4px}.doc-scroll__spacer{position:relative;width:100%}.doc-scroll__slot{position:absolute;left:0;right:0}.doc-scroll__loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--doc-scroll-dim, rgba(120, 120, 130, .6));font-size:1.4rem}.doc-scroll__pagenum{position:absolute;left:10px;bottom:6px;font-size:.72rem;padding:2px 8px;border-radius:10px;background:#00000073;color:#fff;pointer-events:none}.doc-scroll.is-pannable{cursor:grab}.doc-scroll.is-pannable:active{cursor:grabbing}.doc-scroll__zoom-sep{width:1px;background:#78788259;margin:0 3px}.doc-scroll__report{font-size:.72rem;text-decoration:underline dotted;opacity:.8}.doc-scroll__where{position:absolute;top:46px;right:22px;z-index:5;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:#0000008c;color:#eee}.doc-scroll__where input{width:3.2em;text-align:center;font:inherit;padding:1px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:inherit}.doc-scroll__slot.is-unloaded{cursor:pointer}.doc-scroll__slot.is-unloaded .page-overlay__word{pointer-events:none}.doc-scroll,.doc-scroll .page-overlay{direction:ltr}.sound-mark{flex:none;fill:var(--accent-cyan, var(--accent-primary))}.sound-mark--md{width:56px;height:20px}.sound-mark--sm{width:36px;height:14px}.sound-mark rect{transform-origin:center;transform-box:fill-box}.sound-mark.is-live rect{animation:sound-mark-pulse .6s ease-in-out infinite alternate}@keyframes sound-mark-pulse{0%{transform:scaleY(.45)}to{transform:scaleY(1.1)}}@media(prefers-reduced-motion:reduce){.sound-mark.is-live rect{animation:none}}.vp-pill{display:inline-flex;align-items:center;gap:8px;max-width:17rem;padding:.3rem .7rem .3rem .55rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font:inherit;font-size:.8rem;cursor:pointer}.vp-pill--open{background:var(--wash-ink);border-color:var(--accent-cyan, var(--accent-primary))}.vp-pill.is-open{box-shadow:0 0 0 3px var(--accent-muted)}.vp-pill:disabled{opacity:.5;cursor:default}.vp-pill__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.vp-pill__caret{color:var(--text-secondary);font-size:.7rem}.vp-badge{flex:none;padding:.05rem .45rem;border-radius:999px;font-size:.66rem;line-height:1.5;color:var(--text-secondary);background:var(--bg-hover, rgba(127, 127, 127, .12));white-space:nowrap}.vp-pill--open .vp-badge,.vp-card--open .vp-badge{color:var(--accent-text);background:var(--accent-muted)}.dock-voices{max-width:860px;max-height:min(52vh,440px);margin:0 auto;padding:var(--space-3) var(--space-4);overflow-y:auto;border-bottom:1px solid var(--border-subtle)}.vp-gallery{display:grid;gap:var(--space-3)}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.vp-card{position:relative;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card, var(--bg-tertiary));transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.vp-card:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.vp-card--open{background:var(--wash-ink),var(--bg-card, var(--bg-tertiary))}.vp-card.is-active{border-color:var(--accent-cyan, var(--accent-primary));box-shadow:0 0 0 3px var(--accent-muted),0 6px 18px var(--accent-glow)}.vp-card__pick{display:grid;gap:4px;justify-items:start;width:100%;padding:.65rem .7rem;border:0;background:none;color:var(--text-primary);font:inherit;text-align:start;cursor:pointer}.vp-card__title{font-weight:600;font-size:.86rem}.vp-card__detail{font-size:.72rem;color:var(--text-secondary);line-height:1.35}.vp-card__hear{position:absolute;top:.5rem;inset-inline-end:.5rem;width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--accent-text);font-size:.62rem;line-height:1;cursor:pointer}.vp-card__hear.is-on,.vp-card__hear:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.vp-lang>summary,.vp-lang>h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-2);padding:.35rem 0;border-bottom:1px solid var(--border-subtle);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);list-style:none;cursor:pointer}.vp-lang>summary::-webkit-details-marker{display:none}.vp-lang>summary:after{content:"▾";margin-inline-start:var(--space-2);font-size:.7rem}.vp-lang:not([open])>summary:after{content:"▸"}html[dir=rtl] .vp-lang:not([open])>summary:after{content:"◂"}.vp-lang__name{flex:1}.vp-lang__count{font-weight:400;color:var(--text-tertiary, var(--text-secondary))}.vp-lang[open]{padding-bottom:var(--space-2)}.vp-note{margin:0 0 var(--space-2);font-size:.78rem;color:var(--text-secondary)}.vp-note a{color:var(--accent-text)}.vp-note--error{color:var(--warning, #e66)}.vp-card{display:flex;flex-direction:column;overflow:hidden}.vp-card__pick,.vp-card__body{flex:1}.vp-card__body{display:grid;gap:4px;justify-items:start;align-content:start;padding:.65rem .7rem}.vp-card--get{border-style:dashed}.vp-card--get .sound-mark{opacity:.45}.vp-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 .7rem .6rem}.vp-card__licence{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;color:var(--text-tertiary, var(--text-secondary))}.vp-card__get,.vp-card__quiet{flex:none;padding:.2rem .55rem;border-radius:999px;font:inherit;font-size:.7rem;cursor:pointer}.vp-card__get{border:1px solid var(--accent-cyan, var(--accent-primary));background:var(--accent-muted);color:var(--accent-text)}.vp-card__get:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.vp-card__quiet{border:1px solid var(--border-subtle);background:none;color:var(--text-secondary)}.vp-card__get:disabled,.vp-card__quiet:disabled{cursor:default}.vp-card__progress{position:absolute;inset-inline-start:0;bottom:0;height:3px;background:var(--accent-cyan, var(--accent-primary));transition:width .2s ease}.vp-folder{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pbc{margin-bottom:var(--space-6)}.pbc-config{display:flex;gap:var(--space-5);margin-bottom:var(--space-6);align-items:flex-end}.pbc-voice,.pbc-speed{flex:1}.pbc-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pbc-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) ease}.pbc-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-muted)}.pbc-speed-row{display:flex;align-items:center;gap:var(--space-3)}.pbc-slider{flex:1;height:4px;border-radius:var(--radius-full);background:var(--bg-hover);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.pbc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:var(--shadow-glow-sm);transition:all var(--duration-fast) ease}.pbc-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--accent-hover)}.pbc-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:var(--shadow-glow-sm)}.pbc-speed-value{font-size:.8rem;font-weight:600;color:var(--accent-primary);min-width:70px;text-align:end;font-variant-numeric:tabular-nums}.pbc-mute-btn{font-size:1rem;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--duration-fast) ease;cursor:pointer;background:none;border:none;padding:0}.pbc-mute-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pbc-slider--volume::-webkit-slider-thumb{background:#22c55e}.pbc-slider--volume::-moz-range-thumb{background:#22c55e}.pbc-buttons{display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.pbc-skip{display:flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all var(--duration-fast) ease;cursor:pointer}.pbc-skip:hover{background:var(--accent-muted);border-color:var(--border-accent);color:var(--accent-hover);transform:translateY(-1px)}.pbc-skip-icon{font-size:.75rem}.pbc-skip-label{font-size:.7rem;opacity:.7}.pbc-play{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-strong));color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-glow);border:none;cursor:pointer}.pbc-play:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 40px var(--accent-glow)}.pbc-play--active{background:linear-gradient(135deg,var(--warning),#E8900C);box-shadow:0 0 30px #f59e0b4d}.pbc-play--active:hover:not(:disabled){box-shadow:0 0 40px #f59e0b66}.pbc-play:disabled{background:var(--bg-hover);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.pbc-progress{margin-top:var(--space-4)}.pbc-progress-row{display:flex;align-items:center;gap:var(--space-3)}.pbc-progress-value{font-size:.75rem;color:var(--text-tertiary);min-width:140px;text-align:end;font-variant-numeric:tabular-nums}@media(max-width:768px){.pbc-config{flex-direction:column;gap:var(--space-4)}.pbc-buttons{flex-wrap:wrap;gap:var(--space-2)}.pbc-skip{padding:var(--space-2);font-size:.75rem}.pbc-play{width:52px;height:52px;font-size:1.2rem}}@media(max-width:480px){.pbc-buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-2);align-items:center}.pbc-play{grid-column:1 / -1;justify-self:center;margin:var(--space-2) 0}}.pbc-presets{display:flex;gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap}.pbc-preset{padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border-subtle);background:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer}.pbc-preset.is-active{background:var(--accent, #5b7cfa);border-color:var(--accent, #5b7cfa);color:#fff}.pbc-pauses{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.pbc-pauses label{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--text-secondary)}.pbc-pauses select{font:inherit;padding:.15rem .4rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary)}.pbc-skip{min-width:2.6rem;justify-content:center;padding:.45rem .7rem}.pbc-skip .pbc-skip-icon{font-size:1.05rem;line-height:1;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.pbc-play{width:48px;height:48px;font-size:1.1rem}.dock{position:fixed;inset-inline-start:240px;inset-inline-end:0;bottom:0;z-index:50;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);box-shadow:0 -6px 24px #00000040}.dock-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);padding:.5rem var(--space-4)}.dock-transport{display:flex;align-items:center;gap:4px}.dock-btn{min-width:2.2rem;height:2.2rem;padding:0 .6rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);font:inherit;font-size:1rem;line-height:1;cursor:pointer}.dock-btn:hover:not(:disabled){color:var(--text-primary)}.dock-btn:disabled{opacity:.4;cursor:default}.dock-play{width:2.9rem;height:2.9rem;margin:0 4px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--accent-primary, #5b7cfa),var(--accent-secondary, #7c5bfa));color:#fff;font-size:1rem;line-height:1;cursor:pointer}.dock-play:disabled{opacity:.4;cursor:default}.dock-speed{display:flex;align-items:center;gap:4px}.dock-chip{padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border-subtle);background:none;color:var(--text-secondary);font:inherit;font-size:.75rem;line-height:1.4;cursor:pointer;white-space:nowrap}.dock-chip.is-active{background:var(--accent, #5b7cfa);border-color:var(--accent, #5b7cfa);color:#fff}.dock-chip.is-muted{text-decoration:line-through}.dock-wpm{font-size:.72rem;color:var(--text-secondary);min-width:5.5em;text-align:center}.dock-voice{display:flex;align-items:center;gap:6px;min-width:0}.dock-tune{display:grid;gap:var(--space-2);max-width:760px;margin:0 auto;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.dock-tune__row{display:grid;grid-template-columns:5rem 1fr 5.5rem;align-items:center;gap:var(--space-2);font-size:.78rem;color:var(--text-secondary)}.dock-tune__value{text-align:end;color:var(--text-primary)}.dock-tune__pauses{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dock-tune__pauses label{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--text-secondary)}.dock-tune__pauses select{font:inherit;padding:.15rem .4rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary)}.dock-tune__note{margin:0;font-size:.75rem;color:var(--warning, #f5a623)}@media(max-width:768px){.dock{inset-inline-start:60px}.dock-row{gap:var(--space-2);padding:.4rem var(--space-2)}.dock-wpm{display:none}}.dock-tune__check{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.8rem;color:var(--text-primary)}.dock-tune__check small{display:block;color:var(--text-secondary);font-size:.72rem}.landing-footer-link{color:var(--accent-hover);text-decoration:none;font-size:.85rem;margin-inline:var(--space-3)}.progress-bar{margin-top:var(--space-4)}.progress-bar-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.progress-bar-row{display:flex;align-items:center;gap:var(--space-3)}.progress-bar-slider{flex:1;height:4px;border-radius:var(--radius-full);background:var(--bg-hover);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.progress-bar-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:var(--shadow-glow-sm);transition:all var(--duration-fast) ease}.progress-bar-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--accent-hover)}.progress-bar-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:var(--shadow-glow-sm)}.progress-bar-slider:disabled{opacity:.4;cursor:not-allowed}.progress-bar-value{font-size:.75rem;color:var(--text-tertiary);min-width:140px;text-align:end;font-variant-numeric:tabular-nums}.dock .progress-bar{margin:0;padding:0 var(--space-4)}.dock .progress-bar-label{display:none}.dock .progress-bar-row{gap:var(--space-2);align-items:center}.dock .progress-bar-slider{height:6px}.dock .progress-bar-value{font-size:.68rem;min-width:0;white-space:nowrap}.write-sheet{max-width:860px;margin:0 auto}.write-sheet__bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--border-default);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--bg-secondary)}.write-sheet__group{display:flex;align-items:center;gap:2px;padding-inline-end:8px;margin-inline-end:8px;border-inline-end:1px solid var(--border-subtle)}.write-sheet__btn{width:30px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.78rem;font-weight:600}.write-sheet__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.write-sheet__select{height:26px;padding:0 8px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.73rem;min-width:76px;margin-inline-end:8px}.write-sheet__count{margin-inline-start:auto;font-size:.72rem;color:var(--text-tertiary)}.write-sheet__count--warn{color:var(--warning)}.write-sheet__read{padding:4px 12px;border-radius:999px;background:var(--accent-primary);color:var(--text-inverse);font-size:.8rem;font-weight:500}.write-sheet__read:hover{background:var(--accent-hover)}.write-sheet__page{min-height:calc(100dvh - var(--dock-h, 150px) - 140px);padding:var(--space-10) var(--space-12);background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-default);border-radius:0 0 var(--radius-md) var(--radius-md);outline:none;color:var(--text-primary);font-family:var(--font-reading, var(--font-body));font-size:1.05rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:break-word}.write-sheet__page:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none;display:block}.write-sheet__page h1{font-size:1.6rem;font-weight:700;margin:.5em 0 .25em}.write-sheet__page h2{font-size:1.25rem;font-weight:600;margin:.5em 0 .25em}.write-sheet__page h3{font-size:1.05rem;font-weight:600;margin:.5em 0 .25em}.write-sheet__page ul,.write-sheet__page ol{padding-inline-start:1.5em;margin:.25em 0}.write-sheet__page li{margin:.15em 0}.write-sheet__page p{margin:.3em 0}.write-sheet__note{margin-top:8px;font-size:.8rem;color:var(--accent-text)}@media(max-width:768px){.write-sheet__page{padding:var(--space-6) var(--space-4)}}.open-sheet{max-width:560px;margin:10vh auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.open-sheet__icon{color:var(--text-secondary)}.open-sheet__title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.open-sheet__sub{color:var(--text-secondary)}.open-sheet__drop{width:100%;padding:var(--space-10) var(--space-6);border:1px dashed var(--border-hover);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-secondary);transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.open-sheet__drop:hover,.open-sheet__drop.is-over{border-color:var(--accent-primary);background:var(--accent-muted)}.open-sheet__drop-text{color:var(--text-primary)}.open-sheet__drop-hint{font-size:.8rem;color:var(--text-tertiary)}.open-sheet__alt{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary)}.open-sheet__alt:hover{color:var(--text-primary);border-color:var(--border-hover)}.range-picker-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.range-picker{width:100%;max-width:460px;background:var(--bg-tertiary, #1a1a22);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 16px);padding:1.5rem;box-shadow:0 20px 60px #00000080;color:var(--text-primary, #ededf2);max-height:90vh;overflow-y:auto}.range-picker-title{margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.range-picker-desc{margin:0 0 1rem;font-size:.9rem;line-height:1.5;color:var(--text-secondary, #a0a0ad)}.range-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.5rem;max-height:240px;overflow-y:auto;padding:.5rem;margin:0 0 1rem;background:var(--bg-secondary, #0f0f14);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 10px)}.range-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;background:var(--bg-tertiary, #1a1a22);border:1px solid var(--border-default, rgba(255, 255, 255, .12));border-radius:6px;cursor:pointer;overflow:hidden;padding:0}.range-thumb:hover{border-color:var(--accent-primary, #5b7cfa)}.range-thumb-canvas{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.range-thumb--text{padding:5px;align-items:flex-start}.range-thumb-snippet{font-size:.5rem;line-height:1.3;color:var(--text-secondary, #a0a0ad);overflow:hidden;text-align:start}.range-thumb-num{position:absolute;bottom:2px;right:3px;font-size:.62rem;font-weight:600;background:#000000a6;color:#fff;padding:0 4px;border-radius:4px}.range-picker-row{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:.5rem}.range-picker-field{display:flex;flex-direction:column;gap:.35rem;flex:1;font-size:.8rem;color:var(--text-secondary, #a0a0ad)}.range-picker-field input{width:100%;padding:.6rem .75rem;font-size:1rem;border-radius:var(--radius-md, 10px);border:1px solid var(--border-default, rgba(255, 255, 255, .15));background:var(--bg-secondary, #0f0f14);color:var(--text-primary, #ededf2)}.range-picker-dash{padding-bottom:.7rem;color:var(--text-secondary, #888)}.range-picker-hint{margin:0 0 1.25rem;font-size:.78rem;color:var(--accent-text, #8ab4ff)}.range-picker-error{color:var(--warning, #f5a623);font-weight:600}.range-picker-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.range-picker-btn{padding:.6rem 1rem;border-radius:var(--radius-md, 10px);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .08s ease,opacity .15s ease}.range-picker-btn:active{transform:scale(.97)}.range-picker-btn:disabled{opacity:.45;cursor:not-allowed}.range-picker-btn:disabled:active{transform:none}.range-picker-btn--ghost{background:transparent;border-color:var(--border-default, rgba(255, 255, 255, .15));color:var(--text-secondary, #a0a0ad)}.range-picker-btn--primary{background:var(--accent-primary, #5b7cfa);color:#fff}.range-enlarge-overlay{position:fixed;inset:0;z-index:1100;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:1rem}.range-enlarge{position:relative;max-width:92vw;max-height:92vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0009}.range-enlarge-canvas{display:block;max-width:100%;height:auto}.range-enlarge-text{padding:1.75rem;color:#111;max-width:70ch;line-height:1.6;white-space:pre-wrap}.range-enlarge-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#000000c7;color:#fff;font-size:.8rem}.range-enlarge-label{flex:1;text-align:center}.range-enlarge-nav{background:#ffffff1f;border:none;color:#fff;font-size:1.2rem;line-height:1;width:28px;height:28px;border-radius:6px;cursor:pointer}.range-enlarge-nav:disabled{opacity:.3;cursor:default}.range-enlarge-close{background:none;border:none;color:#fff;font-size:1.15rem;line-height:1;cursor:pointer;padding:0 .25rem}@media(max-width:480px){.range-picker-actions{flex-direction:column-reverse}.range-picker-btn{width:100%}}.range-thumb--selected{border-color:var(--accent-primary, #5b7cfa);box-shadow:inset 0 0 0 2px var(--accent-primary, #5b7cfa)}.range-thumb--selected:after{content:"";position:absolute;inset:0;background:var(--accent-muted, rgba(99, 102, 241, .22));pointer-events:none}.range-thumb--edge{box-shadow:inset 0 0 0 3px var(--accent-primary, #5b7cfa)}.range-thumb--selected .range-thumb-num{background:var(--accent-primary, #5b7cfa);color:#fff}.range-thumb-zoom{position:absolute;top:2px;right:3px;font-size:.7rem;line-height:1;padding:3px 4px;border-radius:4px;background:#0000008c;opacity:0;transition:opacity .15s ease}.range-thumb:hover .range-thumb-zoom{opacity:1}.range-thumb-zoom:hover{background:var(--accent-primary, #5b7cfa)}.range-picker-pickhint{margin:0 0 .5rem;font-size:.78rem;font-weight:600;color:var(--accent-text, #8ab4ff)}.range-picker-field input::selection{background:var(--accent-primary, #5b7cfa);color:#fff}.range-picker ::selection{background:var(--accent-primary, #5b7cfa);color:#fff}.range-picker{position:relative}.range-picker-close{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);width:32px;height:32px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9rem;cursor:pointer}.range-picker-close:hover{background:var(--accent-muted);color:var(--text-primary)}.range-picker-close:disabled{opacity:.4;cursor:default}.reader{display:flex;min-height:100vh;position:relative}.reader-main{flex:1;min-width:0;max-width:none;margin:0;padding:var(--space-2) var(--space-5) calc(var(--dock-h, 150px) + 6px)}.reader-notification{background:var(--accent-muted);border:1px solid rgba(99,102,241,.2);color:var(--accent-hover);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);text-align:center;font-size:.85rem}.reader-hint{text-align:center;padding:var(--space-4);color:var(--text-tertiary);font-size:.75rem;margin-top:var(--space-6)}.reader-switch{width:42px;height:24px;border-radius:999px;background:var(--bg-tertiary, #3a3a44);border:1px solid var(--border-default);position:relative;cursor:pointer;padding:0;flex-shrink:0;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.reader-switch--on{background:var(--accent-primary, #5b7cfa);border-color:var(--accent-primary, #5b7cfa)}.reader-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform var(--duration-fast) ease}.reader-switch--on .reader-switch-knob{transform:translate(18px)}.reader-bottombar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.reader-rangebar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.reader-rangebar-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.reader-rangebar-total{color:var(--text-tertiary);font-weight:400}.reader-rangebar-btns{display:flex;gap:4px}.reader-rangebar-btns button{min-width:34px;height:30px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease}.reader-rangebar-btns button:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-text, var(--accent-primary))}.reader-rangebar-btns button:disabled{opacity:.35;cursor:default}.reader-rangebar-btns button[aria-disabled=true]{opacity:.35;cursor:default}.reader-rangebar-size{min-width:64px;text-align:center;font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.reader-rangebar-goto{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.reader-rangebar-box{width:4.4em;height:30px;padding:0 4px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.reader-rangebar-box:focus{outline:none;border-color:var(--accent-primary);color:var(--text-primary)}.reader-sc-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);border-radius:999px;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease}.reader-sc-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.reader-sc-overlay{position:fixed;inset:0;z-index:1000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.reader-sc-modal{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 24px 60px #00000080;animation:scModalIn .18s var(--ease-out)}@keyframes scModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reader-sc-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);font-size:.95rem;font-weight:700;color:var(--text-primary)}.reader-sc-close{width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:.95rem}.reader-sc-close:hover{background:var(--bg-hover);color:var(--text-primary)}.reader-sc-list{padding:var(--space-2)}.reader-sc-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) ease;text-align:start}.reader-sc-row:hover{background:var(--accent-muted);color:var(--text-primary)}.reader-sc-row-label{font-size:.88rem;font-weight:500}.reader-sc-row-keys{display:flex;gap:4px;flex-shrink:0}.reader-sc-row-keys kbd{min-width:22px;padding:2px 7px;border-radius:5px;border:1px solid var(--border-default);border-bottom-width:2px;background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono, monospace);font-size:.72rem;text-align:center;line-height:1.4}.reader-sc-foot{padding:var(--space-3) var(--space-5) var(--space-4);color:var(--text-tertiary);font-size:.74rem;text-align:center}.reader-jump-btn{position:absolute;bottom:var(--space-4);inset-inline-end:1.5rem;padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--duration-fast) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.reader-jump-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-2px)}.reader-text-container{position:relative}@media(max-width:768px){.reader-main{padding:var(--space-2) var(--space-3) calc(var(--dock-h, 150px) + 6px);padding-inline-start:calc(var(--space-3) + 32px)}}.entry-fork{position:fixed;inset:0;inset-inline-start:240px;z-index:300;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8)}@media(max-width:768px){.entry-fork{inset-inline-start:60px}}.entry-fork-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);text-align:center}.entry-fork-cards{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.entry-fork-card{width:300px;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.entry-fork-card:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 10px 30px rgba(var(--shadow-color),.25)}.entry-fork-icon{font-size:2.4rem}.entry-fork-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.entry-fork-desc{font-size:.85rem;line-height:1.55;color:var(--text-secondary)}.report-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:70;padding:8px 14px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;box-shadow:0 6px 20px #00000047;animation:report-toast-in var(--duration-fast) ease;pointer-events:none}@keyframes report-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.reader-tips{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem .9rem;margin:0 0 6px;font-size:.7rem;line-height:1.4;color:var(--text-tertiary)}.reader-notification{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:45;margin:0;padding:.4rem .9rem;font-size:.85rem;box-shadow:0 4px 16px #00000040;max-width:min(90vw,640px)}.dock-views{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:.35rem var(--space-4) 0}.reader-offer{display:flex;align-items:center;gap:8px 12px;width:max-content;max-width:min(94vw,760px);text-align:start}.reader-offer>span:not(.reader-offer__actions){flex:1 1 auto;min-width:0}.reader-offer__actions{display:inline-flex;flex:none;align-items:center;gap:8px}.reader-offer__btn,.reader-offer__quiet{flex:none;white-space:nowrap;line-height:1.4}@media(max-width:600px){.reader-offer{flex-wrap:wrap;justify-content:flex-end}.reader-offer>span:not(.reader-offer__actions){flex-basis:100%}}.reader-offer__btn,.reader-offer__quiet{padding:.25rem .75rem;border-radius:999px;font:inherit;font-size:.8rem;cursor:pointer}.reader-offer__btn{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff}.reader-offer__quiet{border:1px solid var(--border-subtle);background:none;color:var(--text-secondary)}.settings-free{max-width:640px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.settings-free__title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-6)}.settings-free__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border-default)}.settings-free__row:last-of-type{border-bottom:1px solid var(--border-default)}.settings-free__label{font-weight:500}.settings-free__hint{font-size:.85rem;color:var(--text-tertiary);margin-top:2px}.settings-free__select{padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-default);font:inherit;color:var(--text-primary)}.settings-free__link{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);color:var(--text-primary);font-weight:500}.settings-free__link:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.settings-free__note{margin-top:var(--space-6);font-size:.85rem;color:var(--text-tertiary)}.library{max-width:880px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.library-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.library-back{color:var(--accent-hover);text-decoration:none;font-weight:500;font-size:.9rem}.library-title{margin:0;font-size:1.35rem;text-align:center}.library-count{font-size:.8rem;color:var(--text-secondary);vertical-align:super;margin-inline-start:.25rem}.library-search{min-width:200px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary)}.library-empty{color:var(--text-secondary);text-align:center;padding:var(--space-8) var(--space-4)}.library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.library-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.library-row:hover{background:var(--bg-hover)}.library-kind{width:64px;height:64px;flex:none;border:0;border-radius:var(--radius-md);background:var(--accent-muted);color:var(--accent-hover);font-weight:700;font-size:.8rem;letter-spacing:.04em;cursor:pointer}.library-body{flex:1;min-width:0}.library-name{display:block;width:100%;text-align:start;background:none;border:0;padding:0;color:var(--text-primary);font:inherit;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-meta{margin-top:.25rem;font-size:.8rem;color:var(--text-secondary)}.library-actions{display:flex;gap:var(--space-2);flex:none}.library-action{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);color:var(--text-secondary);font-size:.85rem;cursor:pointer}.library-action:hover{color:var(--text-primary);border-color:var(--border-accent)}.library-action--delete:hover{color:#d33;border-color:#d33}@media(max-width:640px){.library-header{grid-template-columns:1fr;text-align:center}.library-row{flex-wrap:wrap}.library-actions{width:100%;justify-content:flex-end}}.retro-hint{position:relative;display:inline-block}.retro-hint__link{padding:0;border:0;background:none;color:var(--accent-primary);font:inherit;font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:help}.retro-hint__link:focus-visible{outline:2px dotted var(--accent-primary);outline-offset:2px}.retro-window{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:70;display:block;width:min(360px,86vw);background:var(--bg-card, var(--bg-secondary));color:var(--text-primary);border:2px solid var(--text-primary);box-shadow:5px 5px 0 var(--text-primary);font-size:.8rem;line-height:1.5;animation:retro-pop .12s steps(3,end)}@keyframes retro-pop{0%{transform:translate(-4px,-4px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.retro-window{animation:none}}.retro-window__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.14) 2px 3px),linear-gradient(90deg,var(--accent-primary),var(--accent-cyan, var(--accent-primary)));color:#fff;border-bottom:2px solid var(--text-primary)}.retro-window__title{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em}.retro-window__btns{display:flex;gap:3px}.retro-window__btns i{width:10px;height:10px;background:var(--bg-card, #fff);border:1.5px solid var(--text-primary)}.retro-window__body{display:block;padding:10px 12px 12px}.retro-window__body ul{margin:0;padding-inline-start:1.1rem}.retro-window__body li+li{margin-top:4px}.key-page{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.key-page__header{display:flex;align-items:baseline;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.key-page__header h1{margin:0;font-size:1.35rem}.key-page__back{color:var(--accent-hover);text-decoration:none;font-size:.9rem;font-weight:500}.key-page__why{margin:0 0 var(--space-3)}.key-window{border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 12px);background:var(--bg-secondary);overflow:hidden}.key-page__form{display:grid;gap:var(--space-3);padding:var(--space-4)}.key-page__row{display:grid;grid-template-columns:6rem 1fr auto;align-items:center;gap:var(--space-3);font-size:.85rem;color:var(--text-secondary)}.key-page__row select,.key-page__row input{font:inherit;padding:.45rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);min-width:0}.key-page__row a{color:var(--accent-hover);font-size:.8rem;white-space:nowrap}.key-page__state{margin:0;font-size:.82rem;color:var(--text-secondary)}.key-page__state.is-present{color:var(--accent-hover)}.key-page__check{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.82rem;color:var(--text-secondary)}.key-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.key-page__btn{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font:inherit;font-size:.85rem;cursor:pointer}.key-page__btn--primary{background:var(--accent, #5b7cfa);border-color:var(--accent, #5b7cfa);color:#fff}.key-page__btn--quiet{background:none;color:var(--text-secondary)}.key-page__btn:disabled{opacity:.5;cursor:default}.key-page__message{margin:0;color:var(--accent-hover);font-size:.85rem}.key-page__error{margin:0;color:#e66;font-size:.85rem}.key-page__voices{margin:0;padding-inline-start:1.2rem;columns:2;font-size:.8rem;color:var(--text-secondary)}@media(max-width:560px){.key-page__row{grid-template-columns:1fr}.key-page__voices{columns:1}}.policy{max-width:680px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);line-height:1.65;color:var(--text-primary)}.policy__header{margin-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.policy__header h1{margin:var(--space-2) 0 0;font-size:1.6rem}.policy__back{color:var(--accent-hover);text-decoration:none;font-size:.9rem}.policy__updated{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:.85rem}.policy__section h2{font-size:1.05rem;margin:var(--space-5) 0 var(--space-2)}.policy__section p{margin:0 0 var(--space-3);color:var(--text-primary)}.policy__footer{margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:.85rem;display:flex;flex-wrap:wrap;gap:var(--space-4)}.policy__footer a{color:var(--accent-hover)}.policy__hint{margin:0 0 var(--space-3)}.policy__hint .retro-hint__link{font-size:.9rem}.pricing{min-height:100vh;max-width:880px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8);background:var(--bg-primary);color:var(--text-primary)}.pricing__header{display:flex;align-items:baseline;gap:var(--space-4);padding-block:var(--space-3);margin-bottom:var(--space-5)}.pricing__header h1{margin:0;font-size:1.35rem}.pricing__back{color:var(--accent-hover);text-decoration:none;font-size:.9rem;font-weight:500}.pricing__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4);row-gap:0}.plan{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:var(--space-4);align-content:start;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 14px);background:var(--bg-card, var(--bg-secondary))}.plan--work{border-color:var(--accent-primary);background:var(--wash-ink),var(--bg-card, var(--bg-secondary))}.plan__head h2{margin:0 0 var(--space-2);font-size:1rem;font-weight:600;color:var(--text-secondary)}.plan__price{display:flex;align-items:baseline;gap:8px;margin:0}.plan__price strong{font-size:2.2rem;line-height:1.1}.plan__price span{font-size:.85rem;color:var(--text-secondary)}.plan__note{margin:var(--space-2) 0 0;min-height:2.6em;font-size:.88rem;color:var(--text-secondary)}.plan__rows{margin:0;padding:var(--space-3) 0 0;list-style:none;border-top:1px solid var(--border-subtle)}.plan__row{display:flex;align-items:flex-start;gap:10px;min-height:2.5em;font-size:.88rem}.plan__row.is-off{color:var(--text-tertiary, var(--text-secondary))}.plan__mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--accent-muted);color:var(--accent-primary);font-size:.8rem}.plan__row.is-off .plan__mark{background:none;color:var(--text-tertiary, var(--text-secondary))}.plan__btn{display:block;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border-default, var(--border-subtle));color:var(--text-primary);text-align:center;text-decoration:none;font-weight:600;font-size:.92rem}.plan__btn--primary{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.plan__foot{margin:0;font-size:.78rem;color:var(--text-secondary);text-align:center}@media(max-width:680px){.pricing__plans{grid-template-columns:1fr;row-gap:var(--space-4)}.plan{grid-row:auto;grid-template-rows:auto}}.licence-form{display:grid;gap:var(--space-3);max-width:560px;margin:var(--space-6) auto 0;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 14px);background:var(--bg-card, var(--bg-secondary))}.licence-form h2{margin:0 0 var(--space-2);font-size:1.1rem}.licence-form label{display:grid;gap:4px;font-size:.85rem;color:var(--text-secondary)}.licence-form input,.licence-form textarea{font:inherit;padding:.5rem .65rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary)}.licence-form__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.licence-form__error{margin:0;font-size:.85rem;color:var(--warning, #e66)}.licence-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.licence-form__privacy{font-size:.75rem;color:var(--text-secondary)}.licence-form__done{max-width:560px;margin:var(--space-6) auto 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg, 14px);background:var(--wash-ink),var(--bg-card, var(--bg-secondary));font-size:.95rem}.profile-menu{position:relative;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.profile-menu__btn{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:6px 8px;border-radius:var(--radius-md);color:var(--text-primary);text-align:start}.profile-menu__btn:hover,.profile-menu__btn[aria-expanded=true]{background:var(--bg-hover)}.profile-menu__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-muted);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.profile-menu__label{flex:1;font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__chev{display:flex;color:var(--text-tertiary)}.profile-menu__pop{position:absolute;bottom:calc(100% - 4px);inset-inline-start:var(--space-4);inset-inline-end:var(--space-4);background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-md);padding:6px;z-index:60}.profile-menu__head{padding:8px 10px 10px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.profile-menu__name{font-weight:600;font-size:.9rem}.profile-menu__sub{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.profile-menu__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.profile-menu__lang{width:100%;text-align:start;font:inherit;font-size:.875rem;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:4px}.profile-menu__item:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.profile-menu{padding:var(--space-2)}.profile-menu__label,.profile-menu__chev{display:none}.profile-menu__pop{position:fixed;inset-inline-start:64px;inset-inline-end:auto;bottom:12px;width:240px}}.app-shell{display:flex;min-height:100vh}.shell-sidebar{width:240px;background:var(--bg-secondary);border-inline-end:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;top:0;inset-inline-start:0;bottom:0;z-index:500}.shell-logo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-5);text-decoration:none;border-bottom:1px solid var(--border-subtle)}.shell-logo-mark{display:block;height:25px;width:auto;flex-shrink:0}.shell-logo-text{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.shell-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.shell-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) ease}.shell-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.shell-nav-item--active,.shell-nav-item--active:hover{background:var(--accent-muted);color:var(--accent-hover)}.shell-nav-icon{font-size:1rem;width:24px;text-align:center}.shell-nav-label{flex:1}.shell-nav-item--action{width:100%;background:none;border:0;font:inherit;text-align:start;cursor:pointer}.shell-nav-foot{margin-top:auto;padding:var(--space-3) var(--space-4);display:flex;justify-content:center}.shell-sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.shell-user-info{display:flex;align-items:center;gap:var(--space-3)}.shell-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-muted);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.shell-user-email{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-main{flex:1;margin-inline-start:240px;min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}@media(max-width:768px){.shell-sidebar{width:60px;overflow:hidden}.shell-logo-text,.shell-nav-label,.shell-user-email{display:none}.shell-logo{justify-content:center;padding:var(--space-4)}.shell-nav{align-items:center}.shell-nav-item{justify-content:center;padding:var(--space-2)}.shell-user-info{justify-content:center}.shell-main{margin-inline-start:60px}}