*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--fs-3xs: 9px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 18px;--fs-3xl: 22px;--fs-4xl: 28px;--fs-5xl: 36px;--fs-6xl: 40px}:root,[data-theme=dark]{--bg: #0a0a0f;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.07);--border-hover: rgba(124,58,237,.4);--purple: #7c3aed;--purple-light: #a855f7;--purple-dim: rgba(124,58,237,.15);--accent-text: #ffffff;--text: #f0eeff;--text-muted: rgba(240,238,255,.45);--text-dim: rgba(240,238,255,.25);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(124,58,237,.18);--orb-color-2: rgba(168,85,247,.12);--bg-dropdown: rgba(18,16,24,.98);--shadow-dropdown: 0 18px 40px rgba(0,0,0,.4)}[data-theme=midnight]{--bg: #05050f;--bg-card: rgba(100,120,255,.04);--bg-card-hover: rgba(100,120,255,.08);--border: rgba(100,120,255,.1);--border-hover: rgba(79,110,255,.5);--purple: #4f6eff;--purple-light: #7b96ff;--purple-dim: rgba(79,110,255,.15);--accent-text: #ffffff;--text: #eef0ff;--text-muted: rgba(238,240,255,.45);--text-dim: rgba(238,240,255,.25);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(79,110,255,.15);--orb-color-2: rgba(123,150,255,.1);--bg-dropdown: rgba(8,8,22,.98);--shadow-dropdown: 0 18px 40px rgba(0,0,0,.45)}[data-theme=warm]{--bg: #0d0905;--bg-card: rgba(255,180,80,.04);--bg-card-hover: rgba(255,180,80,.08);--border: rgba(255,180,80,.09);--border-hover: rgba(194,118,42,.5);--purple: #c2762a;--purple-light: #e09a50;--purple-dim: rgba(194,118,42,.15);--accent-text: #17100a;--text: #fff3e8;--text-muted: rgba(255,243,232,.5);--text-dim: rgba(255,243,232,.25);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(194,118,42,.15);--orb-color-2: rgba(224,154,80,.1);--bg-dropdown: rgba(20,12,4,.98);--shadow-dropdown: 0 18px 40px rgba(0,0,0,.4)}[data-theme=ocean]{--bg: #060d12;--bg-card: rgba(56,189,248,.04);--bg-card-hover: rgba(56,189,248,.08);--border: rgba(56,189,248,.09);--border-hover: rgba(14,165,233,.5);--purple: #0ea5e9;--purple-light: #38bdf8;--purple-dim: rgba(14,165,233,.15);--accent-text: #07131a;--text: #e0f2fe;--text-muted: rgba(224,242,254,.5);--text-dim: rgba(224,242,254,.25);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(14,165,233,.15);--orb-color-2: rgba(56,189,248,.1);--bg-dropdown: rgba(4,14,20,.98);--shadow-dropdown: 0 18px 40px rgba(0,0,0,.4)}[data-theme=rose]{--bg: #0f0609;--bg-card: rgba(244,114,182,.04);--bg-card-hover: rgba(244,114,182,.08);--border: rgba(244,114,182,.09);--border-hover: rgba(236,72,153,.5);--purple: #ec4899;--purple-light: #f472b6;--purple-dim: rgba(236,72,153,.15);--accent-text: #170a10;--text: #fce7f3;--text-muted: rgba(252,231,243,.5);--text-dim: rgba(252,231,243,.25);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(236,72,153,.15);--orb-color-2: rgba(244,114,182,.1);--bg-dropdown: rgba(22,4,12,.98);--shadow-dropdown: 0 18px 40px rgba(0,0,0,.4)}[data-theme=petal]{--bg: #fdf6f8;--bg-card: rgba(255,255,255,.75);--bg-card-hover: rgba(255,255,255,.95);--border: rgba(219,39,119,.1);--border-hover: rgba(219,39,119,.3);--purple: #c2185b;--purple-light: #db2777;--purple-dim: rgba(194,24,91,.09);--accent-text: #ffffff;--text: #2d0e1c;--text-muted: rgba(45,14,28,.62);--text-dim: rgba(45,14,28,.3);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(251,207,232,.55);--orb-color-2: rgba(253,242,248,.7);--bg-dropdown: rgba(255,255,255,.98);--shadow-dropdown: 0 12px 32px rgba(194,24,91,.12)}[data-theme=paper]{--bg: #f7f8fc;--bg-card: rgba(255,255,255,.82);--bg-card-hover: rgba(255,255,255,.98);--border: rgba(59,130,246,.12);--border-hover: rgba(37,99,235,.32);--purple: #2563eb;--purple-light: #3b82f6;--purple-dim: rgba(37,99,235,.09);--accent-text: #ffffff;--text: #0f172a;--text-muted: rgba(15,23,42,.55);--text-dim: rgba(15,23,42,.28);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(219,234,254,.75);--orb-color-2: rgba(191,219,254,.55);--bg-dropdown: rgba(255,255,255,.98);--shadow-dropdown: 0 12px 32px rgba(37,99,235,.12)}[data-theme=sage]{--bg: #f3f7f3;--bg-card: rgba(255,255,255,.8);--bg-card-hover: rgba(255,255,255,.97);--border: rgba(22,163,74,.12);--border-hover: rgba(22,163,74,.35);--purple: #16a34a;--purple-light: #22c55e;--purple-dim: rgba(22,163,74,.09);--accent-text: #ffffff;--text: #0d2114;--text-muted: rgba(13,33,20,.55);--text-dim: rgba(13,33,20,.28);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(187,247,208,.65);--orb-color-2: rgba(220,252,231,.7);--bg-dropdown: rgba(255,255,255,.98);--shadow-dropdown: 0 12px 32px rgba(22,163,74,.12)}[data-theme=sand]{--bg: #faf7f2;--bg-card: rgba(255,255,255,.78);--bg-card-hover: rgba(255,255,255,.96);--border: rgba(180,83,9,.12);--border-hover: rgba(180,83,9,.32);--purple: #b45309;--purple-light: #d97706;--purple-dim: rgba(180,83,9,.09);--accent-text: #ffffff;--text: #1c1107;--text-muted: rgba(28,17,7,.55);--text-dim: rgba(28,17,7,.28);--radius: 16px;--radius-sm: 10px;--orb-color-1: rgba(254,243,199,.75);--orb-color-2: rgba(253,230,138,.55);--bg-dropdown: rgba(255,255,255,.98);--shadow-dropdown: 0 12px 32px rgba(180,83,9,.12)}[data-theme=petal],[data-theme=paper],[data-theme=sage],[data-theme=sand]{color-scheme:light}[data-theme=petal] ::-webkit-scrollbar-thumb{background:rgba(219,39,119,.2)}[data-theme=paper] ::-webkit-scrollbar-thumb{background:rgba(37,99,235,.2)}[data-theme=sage] ::-webkit-scrollbar-thumb{background:rgba(22,163,74,.2)}[data-theme=sand] ::-webkit-scrollbar-thumb{background:rgba(180,83,9,.2)}[data-theme=petal] .glass-card{box-shadow:0 2px 16px #db27770f}[data-theme=paper] .glass-card{box-shadow:0 2px 16px #2563eb0f}[data-theme=sage] .glass-card{box-shadow:0 2px 16px #16a34a0f}[data-theme=sand] .glass-card{box-shadow:0 2px 16px #b453090f}[data-theme=petal] .hard-word-tooltip,[data-theme=paper] .hard-word-tooltip,[data-theme=sage] .hard-word-tooltip,[data-theme=sand] .hard-word-tooltip{background:#fff;color:var(--text);border-color:var(--border-hover);box-shadow:0 4px 20px #0000001a}[data-theme=petal] .section-label,[data-theme=paper] .section-label,[data-theme=sage] .section-label,[data-theme=sand] .section-label{color:var(--purple)}[data-theme=petal] .section-label:before,[data-theme=paper] .section-label:before,[data-theme=sage] .section-label:before,[data-theme=sand] .section-label:before{background:var(--purple)}:root,[data-theme=dark],[data-theme=midnight],[data-theme=warm],[data-theme=ocean],[data-theme=rose]{--danger-text: rgba(248,113,113,.85);--danger-bg: rgba(239,68,68,.06);--danger-border: rgba(239,68,68,.2);--danger-bg-hov: rgba(239,68,68,.12);--danger-bdr-hov:rgba(239,68,68,.4)}[data-theme=petal],[data-theme=paper],[data-theme=sage],[data-theme=sand]{--danger-text: #b91c1c;--danger-bg: rgba(220,38,38,.07);--danger-border: rgba(220,38,38,.25);--danger-bg-hov: rgba(220,38,38,.13);--danger-bdr-hov:rgba(220,38,38,.45)}.ts-card{background:linear-gradient(160deg,rgba(26,12,44,.97) 0%,rgba(14,7,24,.99) 100%);border:1px solid rgba(168,85,247,.15);box-shadow:0 20px 60px #0006}[data-theme=midnight] .ts-card{background:linear-gradient(160deg,rgba(10,14,32,.98) 0%,rgba(5,8,20,.99) 100%);box-shadow:0 20px 60px #000a3273}[data-theme=warm] .ts-card{background:linear-gradient(160deg,rgba(32,16,8,.97) 0%,rgba(18,9,4,.99) 100%);box-shadow:0 20px 60px #280f0073}[data-theme=ocean] .ts-card{background:linear-gradient(160deg,rgba(6,16,30,.98) 0%,rgba(3,8,18,.99) 100%);box-shadow:0 20px 60px #00143273}[data-theme=rose] .ts-card{background:linear-gradient(160deg,rgba(28,8,18,.98) 0%,rgba(14,4,10,.99) 100%);box-shadow:0 20px 60px #32081c73}[data-theme=petal] .ts-card,[data-theme=paper] .ts-card,[data-theme=sage] .ts-card,[data-theme=sand] .ts-card{background:var(--bg-card);border:1px solid var(--border-hover);box-shadow:var(--shadow-dropdown)}:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-xl);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.ui-shell{max-width:720px;margin:0 auto;position:relative}.ui-shell-padded{max-width:720px;margin:0 auto;padding:0 20px 60px}.ui-back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:var(--fs-md);cursor:pointer;padding:4px 0;margin-bottom:28px;text-decoration:none;transition:color .15s ease}.ui-back-link:hover{color:var(--text)}.ui-section-label{display:block;margin-bottom:8px;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase}@media (max-width: 900px){.app-steps-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.3);border-radius:3px}.orb-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0;animation:orbFloat linear infinite;will-change:transform,opacity}.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%);top:-200px;left:-200px;animation-duration:28s;animation-delay:0s;animation-name:orbDrift1}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(79,46,168,.22) 0%,transparent 70%);top:30%;right:-150px;animation-duration:34s;animation-delay:-8s;animation-name:orbDrift2}.orb-3{width:600px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%);bottom:-100px;left:30%;animation-duration:40s;animation-delay:-14s;animation-name:orbDrift3}.orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(99,40,200,.2) 0%,transparent 70%);top:55%;left:10%;animation-duration:22s;animation-delay:-5s;animation-name:orbDrift4}.orb-5{width:450px;height:450px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);top:10%;left:55%;animation-duration:50s;animation-delay:-20s;animation-name:orbDrift5}@keyframes orbDrift1{0%{transform:translate(0) scale(1);opacity:.8}25%{transform:translate(120px,80px) scale(1.1);opacity:1}50%{transform:translate(60px,200px) scale(.9);opacity:.7}75%{transform:translate(-60px,120px) scale(1.05);opacity:.9}to{transform:translate(0) scale(1);opacity:.8}}@keyframes orbDrift2{0%{transform:translate(0);opacity:.7}33%{transform:translate(-100px,150px);opacity:1}66%{transform:translate(-50px,300px);opacity:.6}to{transform:translate(0);opacity:.7}}@keyframes orbDrift3{0%{transform:translate(0) rotate(0);opacity:.6}50%{transform:translate(-150px,-80px) rotate(20deg);opacity:.9}to{transform:translate(0) rotate(0);opacity:.6}}@keyframes orbDrift4{0%{transform:translate(0);opacity:.8}40%{transform:translate(80px,-120px);opacity:1}80%{transform:translate(140px,-40px);opacity:.6}to{transform:translate(0);opacity:.8}}@keyframes orbDrift5{0%{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-200px,100px) scale(1.2);opacity:.8}to{transform:translate(0) scale(1);opacity:.5}}.wisp{position:absolute;border-radius:50%;filter:blur(40px);opacity:0;animation:wispFloat ease-in-out infinite alternate}.wisp-1{width:200px;height:80px;background:rgba(124,58,237,.15);top:20%;left:60%;animation-duration:12s;animation-delay:0s}.wisp-2{width:160px;height:60px;background:rgba(168,85,247,.1);top:70%;left:20%;animation-duration:16s;animation-delay:-4s}.wisp-3{width:250px;height:90px;background:rgba(99,40,200,.12);top:45%;left:80%;animation-duration:20s;animation-delay:-8s}@keyframes wispFloat{0%{transform:translate(0);opacity:.6}to{transform:translate(30px,-20px);opacity:1}}.page-content{position:relative;z-index:1}.container{max-width:1140px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:var(--fs-lg);font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--purple);color:var(--accent-text, #fff);box-shadow:0 0 30px #7c3aed59}.btn-primary:hover{background:var(--purple);box-shadow:0 0 40px #7c3aed8c;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--purple-light);background:var(--purple-dim)}.btn-ghost{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:rgba(255,255,255,.09)}.btn-lg{padding:14px 32px;font-size:var(--fs-xl);border-radius:12px}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s,transform .2s}.glass-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-light);margin-bottom:16px}.section-label:before{content:"";display:block;width:20px;height:1px;background:var(--purple-light)}h2.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px}p.section-sub{font-size:17px;color:var(--text-muted);max-width:520px;line-height:1.7}.grad{background:linear-gradient(135deg,#c4b5fd 0%,#7c3aed 50%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes scanBeam{0%{top:15%;opacity:1}85%{top:85%;opacity:1}to{top:85%;opacity:0}}@keyframes textReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7c3aed66}50%{box-shadow:0 0 40px #7c3aedcc}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin:0}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:var(--fs-sm);font-weight:500;background:var(--purple-dim);color:var(--purple-light);border:1px solid rgba(124,58,237,.25)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 32px;text-align:center;cursor:pointer;transition:all .25s ease;background:var(--bg-card)}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--purple);background:var(--purple-dim)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes authGlow{0%{box-shadow:0 0 #a855f700,0 0 #7c3aed00;transform:scale(1)}50%{box-shadow:0 0 24px #a855f773,0 0 48px #7c3aed40;transform:scale(1.04)}to{box-shadow:0 0 #a855f700,0 0 #7c3aed00;transform:scale(1)}}@keyframes authDim{0%{opacity:.95}50%{opacity:.55}to{opacity:.95}}.auth-wait-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(700px 240px at 50% 20%,color-mix(in srgb,var(--purple) 22%,transparent),transparent 70%),radial-gradient(500px 220px at 50% 75%,color-mix(in srgb,var(--bg) 78%,#000),var(--bg))}.auth-wait-card{width:min(420px,92vw);padding:28px 22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--purple-light) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 90%,transparent),color-mix(in srgb,var(--bg) 90%,transparent));text-align:center;animation:authDim 2.8s ease-in-out infinite}.auth-wait-orb{width:46px;height:46px;margin:0 auto 14px;border-radius:999px;border:2px solid color-mix(in srgb,var(--purple-light) 36%,transparent);border-top-color:color-mix(in srgb,var(--purple-light) 88%,#fff);animation:spin .95s linear infinite,authGlow 1.6s ease-in-out infinite}.auth-wait-title{margin:0 0 6px;font-size:var(--fs-md);color:var(--text);font-weight:600}.auth-wait-sub{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}@keyframes progressPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--purple-light),var(--purple));background-size:200% 100%;animation:progressPulse 1.5s ease infinite}.result-page{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;margin-bottom:16px}.result-page h3{font-size:var(--fs-md);color:var(--purple-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-weight:600}.para-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 640px){.para-pair{grid-template-columns:1fr}}.para-original{color:var(--text-muted);font-size:var(--fs-md);line-height:1.8;border-left:2px solid var(--border);padding-left:16px}.para-translated{color:var(--text);font-size:var(--fs-md);line-height:1.8;border-left:2px solid var(--purple);padding-left:16px}.hard-word{display:inline;background:rgba(168,85,247,.15);border-bottom:1px solid var(--purple-light);border-radius:2px;cursor:help;position:relative}.hard-word-tooltip{display:none}@media (max-width: 640px){.container{padding:0 16px}.upload-zone{padding:32px 16px}.upload-mode-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.upload-mode-tabs::-webkit-scrollbar{display:none}.app-lang-row{grid-template-columns:1fr!important}.app-lang-row .btn-lg{width:100%;justify-content:center}.app-options-grid{grid-template-columns:1fr!important;padding:16px!important}.app-option-select{width:100%!important;min-width:0!important}.app-pill-row{flex-wrap:wrap!important}.app-steps-grid{grid-template-columns:1fr!important}.options-divider{display:none!important}.export-panel{padding:16px!important;grid-template-columns:1fr!important;align-items:stretch!important}.export-panel .export-formats{flex-wrap:wrap}.export-panel>.btn-primary{width:100%;min-width:0!important;justify-self:stretch!important;justify-content:center}.result-viewer-controls{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;scrollbar-width:none;padding-bottom:2px}.result-viewer-controls::-webkit-scrollbar{display:none}.history-viewer-panel{position:relative!important;top:auto!important;max-height:none!important}.btn-full-mobile{width:100%!important;justify-content:center!important}.footer-shell{flex-direction:column;align-items:flex-start!important;gap:14px!important}.footer-links{flex-wrap:wrap;gap:14px!important}.footer-rights{font-size:var(--fs-sm)!important;line-height:1.5}}@media (max-width: 768px){.how-it-works-grid,.guide-top-grid,.guide-bottom-grid,.features-grid{grid-template-columns:1fr!important}.guide-top-grid>*,.guide-bottom-grid>*{min-width:0}}.ui-pill-row{display:flex;gap:6px;flex-wrap:wrap}.ui-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.ui-pill-btn--active{border-color:#7c3aedb3;background:rgba(124,58,237,.2);color:#c084fc}.ui-pill-btn--locked{color:var(--text-dim)}.ui-select{position:relative;width:100%;min-width:0}.ui-select-trigger{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);font-size:var(--fs-base);outline:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.ui-select-trigger--open{background:rgba(124,58,237,.1)}.ui-select-trigger__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-trigger__chevron{flex-shrink:0;transition:transform .18s ease}.ui-select-trigger__chevron--open{transform:rotate(180deg)}.ui-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;border-radius:14px;overflow:hidden;background:var(--bg-dropdown);border:1px solid rgba(124,58,237,.24);box-shadow:var(--shadow-dropdown);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ui-select-menu--padded{padding:6px;border-radius:12px;overflow-y:auto;max-height:240px}.ui-select-item{width:100%;border:none;background:transparent;color:var(--text);padding:11px 12px;font-size:var(--fs-base);text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.ui-select-item:hover{background:rgba(124,58,237,.1)}.ui-select-item--active{background:rgba(124,58,237,.22);color:#d8b4fe}.ui-select-menu--padded .ui-select-item{border-radius:9px;padding:10px 12px}.ui-toolbar-surface{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;margin-bottom:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.ui-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .15s ease}.ui-action-btn--active{background:rgba(124,58,237,.2);color:var(--purple-light)}.ui-action-btn:disabled{cursor:wait;opacity:.7}.ui-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid;font-size:var(--fs-base)}.ui-banner--success{background:rgba(74,222,128,.08);border-color:#4ade8038;color:var(--text)}.ui-banner--error{background:rgba(239,68,68,.07);border-color:#ef444440;color:#fca5a5}.ui-inline-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:var(--fs-sm);font-weight:500}.ui-inline-badge--accent{background:rgba(124,58,237,.12);color:var(--purple-light)}.ui-inline-badge--success{background:rgba(34,197,94,.1);color:#86eface6}.ui-inline-badge--error{background:rgba(239,68,68,.08);color:#fca5a5}.ui-helper-text{font-size:var(--fs-sm);color:var(--text-dim)}.ui-story-content{font-size:var(--fs-xl);line-height:1.85;color:var(--text);font-family:Georgia,Times New Roman,serif}.ui-story-content p{margin-bottom:1.2em}.story-reader__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.story-reader__title{flex:1 1 auto;margin:0;color:var(--text);font-size:var(--fs-4xl);font-weight:700;line-height:1.25}.story-reader__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.story-reader__date{align-self:center;margin-left:4px;color:var(--text-muted);font-size:var(--fs-sm)}.story-reader__error{padding:20px;font-size:var(--fs-md)}.story-reader__speed{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--fs-base)}.story-reader__speed-group{min-width:188px}.story-reader__badge-compact{padding:7px 12px;border-radius:999px;font-weight:600}.story-reader__badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.85;animation:storiesPulse .9s ease-in-out infinite}.story-reader__spinner{animation:storiesSpin .8s linear infinite}.story-reader__icon-muted{opacity:.6}.app-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:rgba(124,58,237,.12);border-radius:14px;overflow:hidden}.app-step-card{background:var(--bg);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.app-step-head{display:flex;align-items:center;gap:7px;margin-bottom:2px}.app-step-index{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);font-weight:800;color:var(--purple-light)}.app-step-title{font-size:var(--fs-sm);font-weight:700;color:var(--text)}.app-step-desc{margin:0;padding-left:27px;font-size:var(--fs-xs);line-height:1.5;color:var(--text-dim)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-dim);padding:4px;border-radius:6px;transition:color .15s ease,background .15s ease,transform .15s ease}.icon-btn:hover{color:var(--text);background:var(--bg-card)}.icon-btn--danger:hover{color:#f87171cc;background:rgba(239,68,68,.08)}.history-card{padding:18px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:all .2s ease;cursor:pointer}.history-card:hover{background:var(--bg-card-hover)}.history-card--active{background:rgba(124,58,237,.08);border-color:#7c3aed4d}.history-card--active:hover{background:rgba(124,58,237,.08)}.history-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-card__main{flex:1;min-width:0}.history-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--purple-dim);color:var(--purple-light);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.history-chip--compact{padding:3px 7px;border-radius:999px;font-size:var(--fs-2xs);font-weight:800;white-space:nowrap;flex-shrink:0}.history-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.history-meta-text{display:flex;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--text-muted)}.history-meta-dim{font-size:var(--fs-sm);color:var(--text-dim)}.history-snippet{margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;color:var(--text-muted)}.history-card--compact{width:100%;text-align:left;padding:12px 12px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .18s ease}.history-card--compact:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.history-card--compact.history-card--active{background:rgba(124,58,237,.12);border-color:#7c3aed57;box-shadow:0 0 0 1px #7c3aed14,0 8px 24px #7c3aed14;transform:none}.history-card__topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.history-card__date-compact{flex-shrink:0;font-size:var(--fs-xs);color:var(--text-dim)}.history-card__snippet-compact{margin:0;min-height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--fs-sm);line-height:1.45;color:var(--text-muted)}.history-card--active .history-card__snippet-compact{color:var(--text)}.ui-search-row{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.ui-search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:var(--fs-base)}.result-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding:8px 0;margin-bottom:10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent)}.result-toolbar--controlled{top:-1px}.result-toolbar--mobile{position:relative;top:auto;flex-direction:column;align-items:stretch;gap:10px;padding:8px 0 10px}.result-toolbar__stats{display:flex;flex-wrap:wrap;gap:4px 16px;min-width:0;font-size:var(--fs-sm);color:var(--text-dim)}.result-toolbar__annotated{border-bottom:1.5px dotted rgba(168,85,247,.6);padding-bottom:1px}.result-toolbar__controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;min-width:0}.result-toolbar__controls--mobile{width:100%;flex-direction:column;align-items:stretch;gap:8px;justify-content:stretch}.result-toolbar__toggle{display:flex;gap:2px;padding:3px;border-radius:24px;background:rgba(255,255,255,.05)}.result-toolbar__toggle .ui-pill-btn{border:none;background:transparent;color:var(--text-dim)}.result-toolbar__toggle .ui-pill-btn--active{background:rgba(124,58,237,.35);color:#c084fc}.result-toolbar__tts-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.result-toolbar__tts-wrap--mobile,.result-toolbar__selects--mobile{width:100%}.result-toolbar__tts-cluster{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);background:rgba(255,255,255,.04)}.result-toolbar__tts-cluster--desktop{flex-wrap:nowrap;border-radius:999px}.result-toolbar__tts-cluster--mobile{width:100%;flex-wrap:wrap;border-radius:16px}.result-toolbar__listen--mobile{flex:1 1 100%}.result-toolbar__control-half{flex:1 1 0}.result-toolbar__selects{display:flex;flex:1 1 auto;gap:8px;min-width:0}.result-toolbar__selects--desktop{flex-direction:row}.result-toolbar__selects--mobile{flex-direction:column}.result-toolbar__select-grow{flex:1;min-width:0}.result-toolbar__select-fixed{flex-shrink:0}.result-toolbar__select{min-width:120px}.result-toolbar__select--fluid{min-width:0}.result-toolbar__select--compact{min-width:78px}.result-toolbar__select-trigger{min-height:34px;padding:0 12px;font-size:var(--fs-sm);font-weight:500}.result-toolbar__menu{z-index:20}.result-toolbar__btn{padding:7px 14px}.result-toolbar__btn--mobile{padding:9px 14px}.result-toolbar__btn--listen-pro{color:var(--purple-light);border-color:#7c3aed59}.result-toolbar__btn--listen-locked{color:var(--text-dim);border-color:transparent}.result-toolbar__btn--muted{background:var(--bg-card);color:var(--text);border-color:transparent}.result-toolbar__btn--disabled{opacity:.6}.result-toolbar__btn--plain{color:var(--text);border-color:transparent}.result-toolbar__icon{margin-right:6px}.result-toolbar__speed-select{min-width:78px}.language-picker__trigger{padding:10px 14px;font-size:var(--fs-md)}.language-picker__menu{z-index:50}.language-picker__item{font-size:var(--fs-md)}.language-picker__empty{padding:12px 14px;color:var(--text-muted);font-size:var(--fs-base)}.ocr-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ocr-toolbar__label{color:var(--text-muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ocr-engine-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;transition:all .15s}.ocr-engine-btn--active{border-color:var(--purple);background:var(--purple-dim);color:var(--purple-light)}.ocr-engine-btn--disabled{opacity:.6;cursor:default}.ocr-engine-badge{padding:1px 5px;border-radius:4px;font-size:var(--fs-3xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ocr-engine-badge--free{background:rgba(74,222,128,.13);color:#4ade80}.ocr-engine-badge--api{background:rgba(167,139,250,.13);color:#a78bfa}.ocr-viewfinder{position:relative;overflow:hidden;margin-bottom:12px;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--border);background:#000;transition:border-color .3s,box-shadow .3s}.ocr-viewfinder--active{border-color:#7c3aed80;box-shadow:0 0 0 2px #7c3aed33}.ocr-video{width:100%;height:100%;display:block;object-fit:cover}.ocr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(8,4,16,.88)}.ocr-overlay--spacious{gap:12px}.ocr-overlay__hint{color:var(--text-muted);font-size:var(--fs-base)}.ocr-scanning-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:rgba(0,0,0,.65);color:#4ade80;font-size:var(--fs-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ocr-scanning-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#4ade80;animation:pulseDot 1s ease-in-out infinite}.ocr-note{position:absolute;bottom:10px;left:10px;padding:3px 10px;border-radius:8px;background:rgba(0,0,0,.6);color:var(--text-muted);font-size:var(--fs-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ocr-error{margin-bottom:10px;color:#f87171;font-size:var(--fs-sm)}.ocr-actions{display:flex;gap:8px;margin-bottom:14px}.ocr-btn-grow{flex:1}.ocr-btn-icon{padding:0 14px}.ocr-preview{max-height:180px;overflow-y:auto;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.ocr-preview__label{margin-bottom:8px;color:var(--text-muted);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ocr-preview__text{color:var(--text);font-size:var(--fs-base);line-height:1.7;white-space:pre-wrap}.ocr-dropzone{text-align:center;padding:24px 20px;border:2px dashed var(--border);border-radius:12px;background:transparent;transition:all .2s}.ocr-dropzone--active{border-color:var(--purple);background:rgba(124,58,237,.06)}.ocr-dropzone--spaced{margin-bottom:12px}.ocr-dropzone__icon{margin-bottom:10px;opacity:.5}.ocr-dropzone__title{margin-bottom:4px;font-size:var(--fs-md);font-weight:500}.ocr-dropzone__hint{color:var(--text-muted);font-size:var(--fs-sm)}.ocr-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:14px}.ocr-thumb{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.ocr-thumb--error{border-color:#ef444466}.ocr-thumb__img{width:100%;height:100%;display:block;object-fit:cover}.ocr-thumb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ocr-thumb__overlay--processing{background:rgba(0,0,0,.55)}.ocr-thumb__overlay--done{background:rgba(0,0,0,.3)}.ocr-thumb__overlay--error{background:rgba(239,68,68,.3)}.ocr-thumb__spinner{width:20px;height:20px;border:2px solid rgba(168,85,247,.3);border-top-color:#a855f7;border-radius:50%;animation:imgSpin .8s linear infinite}.ocr-thumb__remove{position:absolute;top:3px;right:3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0,0,0,.75);color:#fff}.ocr-thumb__index{position:absolute;bottom:3px;left:3px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:var(--fs-3xs);font-weight:700}.ocr-progress{margin-bottom:10px;color:var(--text-muted);font-size:var(--fs-sm)}.ocr-spinner-inline{width:13px;height:13px;flex-shrink:0;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:imgSpin .8s linear infinite}.ocr-spinner-inline--lg{width:28px;height:28px}.story-library{max-width:720px;margin:0 auto;padding:0 20px 60px}.story-library__list{display:flex;flex-direction:column;gap:14px}.story-library__card{position:relative;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);cursor:pointer;transition:all .15s}.story-library__card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.story-library__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.story-library__main{flex:1;min-width:0}.story-library__title{margin-bottom:6px;color:var(--text);font-size:var(--fs-xl);font-weight:700;line-height:1.3}.story-library__meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.story-library__preview{margin:0;color:var(--text-muted);font-size:var(--fs-base);line-height:1.5}.story-library__aside{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.story-library__date{color:var(--text-muted);font-size:var(--fs-xs)}.story-library__delete{padding:4px;border:none;border-radius:6px;background:none;color:var(--text-muted);transition:color .15s}.story-library__delete:hover{color:#fca5a5}.story-library__empty,.story-library__loading,.story-library__error{text-align:center}.story-library__loading{padding:60px 20px;color:var(--text-muted)}.story-library__error{padding:40px 20px;color:#fca5a5}.story-library__empty{padding:80px 20px}.story-library__empty-icon{margin-bottom:16px;font-size:var(--fs-6xl)}.story-library__empty-title{margin-bottom:8px;color:var(--text-muted);font-size:var(--fs-lg)}.story-library__empty-hint{color:var(--text-muted);font-size:var(--fs-base)}@keyframes imgSpin{to{transform:rotate(360deg)}}@keyframes storiesPulse{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.15);opacity:1}}@keyframes storiesSpin{to{transform:rotate(360deg)}}.nav-shell{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 20px;transition:all .3s ease}.nav-shell--solid{background:var(--bg-card-hover);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-shell--transparent{background:transparent;border-bottom:1px solid transparent}.nav-inner{max-width:1140px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-brand__mark{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple),var(--purple-light));box-shadow:0 0 16px var(--purple-dim)}.nav-brand__text{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.nav-desktop,.nav-user-row,.nav-mobile-actions{display:flex;align-items:center}.nav-desktop{gap:4px}.nav-user-row,.nav-mobile-actions{gap:8px}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;font-size:14px;color:var(--text-muted);text-decoration:none;position:relative;transition:color .15s ease}.nav-link:hover{color:var(--text)}.nav-link--active{color:var(--purple-light)}.nav-link--buttonish{padding:8px 14px;font-size:14px}.nav-dot{position:absolute;top:6px;right:4px;width:6px;height:6px;border-radius:50%;background:#a855f7;box-shadow:0 0 6px #a855f7cc}.nav-dot--mobile{top:6px;right:6px;width:7px;height:7px}.nav-ghost-btn,.nav-chip-btn,.nav-hamburger{display:inline-flex;align-items:center;gap:5px;border-radius:10px;cursor:pointer;transition:all .15s ease}.nav-ghost-btn{padding:7px 10px;background:var(--bg-card);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-muted)}.nav-ghost-btn:hover{border-color:var(--border-hover)}.nav-chip-btn{padding:7px 14px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);font-size:13px;color:var(--text)}.nav-chip-btn--open{background:rgba(124,58,237,.2)}.nav-chip-btn__label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-divider{height:1px;margin:4px 0;background:var(--border)}.nav-mobile-dot{width:7px;height:7px;margin-left:4px;border-radius:50%;background:#a855f7;box-shadow:0 0 6px #a855f7cc}.nav-mobile-indent{width:16px}.nav-plan-chip{padding:2px 6px;border-radius:4px;background:rgba(124,58,237,.2);color:var(--purple-light);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:6px;z-index:200;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 94%,black 6%);box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-dropdown--compact{top:calc(100% + 6px);min-width:100px;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0006}.nav-dropdown-link,.nav-dropdown-btn,.nav-mobile-link{display:flex;align-items:center;gap:10px;text-decoration:none;transition:background .12s ease,color .12s ease}.nav-dropdown-link,.nav-dropdown-btn{padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text)}.nav-dropdown-link:hover,.nav-dropdown-btn:hover{background:rgba(124,58,237,.12)}.nav-dropdown-btn{width:100%;border:none;background:transparent;text-align:left;cursor:pointer}.nav-dropdown-btn--danger{color:#f87171d9}.nav-dropdown-btn--danger:hover{background:rgba(239,68,68,.08)}.nav-mobile-link{padding:14px 20px;border-bottom:1px solid var(--border);font-size:15px;color:var(--text)}.nav-mobile-link--active{color:var(--purple-light)}.nav-hamburger{justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);position:relative}.nav-hamburger--open{background:rgba(124,58,237,.15)}.nav-mobile-panel{border-top:1px solid var(--border);padding-bottom:12px}.nav-mobile-lang-row,.pill-wrap{display:flex;gap:8px;flex-wrap:wrap}.nav-mobile-lang-row{padding:10px 20px;border-bottom:1px solid var(--border)}.nav-mobile-user-row{padding:12px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.nav-mobile-user-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text)}.nav-mobile-cta{padding:10px 20px;border-bottom:1px solid var(--border)}.nav-mobile-auth{padding:12px 20px;display:flex;gap:10px}.nav-mobile-auth .btn{flex:1;justify-content:center}.nav-mobile-full-btn{width:100%;justify-content:center;padding:11px}.nav-mobile-action-btn{width:100%;background:none;border:none;cursor:pointer;text-align:left}.page-narrow{max-width:640px}.page-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:32px;font-size:var(--fs-base);color:var(--text-muted);text-decoration:none;transition:color .15s ease}.page-back-link:hover{color:var(--text)}.page-header-row{display:flex;align-items:center;gap:18px;margin-bottom:36px}.page-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-light));box-shadow:0 0 20px var(--purple-dim)}.page-title{margin-bottom:2px;font-size:var(--fs-3xl);font-weight:700}.page-subtitle{font-size:var(--fs-md);color:var(--text-muted)}.section-card{padding:24px 28px;margin-bottom:20px}.section-card__title{margin-bottom:20px;font-size:var(--fs-base);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.section-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.section-row__label{font-size:var(--fs-md);color:var(--text-muted)}.section-row__value{font-size:var(--fs-md);font-weight:500;color:var(--text)}.page-header-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title-lg{margin-bottom:4px;font-size:26px;font-weight:800;letter-spacing:-.02em}.page-note{margin-top:6px;font-size:var(--fs-sm);color:var(--text-dim)}.account-main{padding-top:80px}.account-wrap{padding-top:40px;padding-bottom:80px}.account-header{margin-bottom:36px}.account-copy{margin-bottom:16px;color:var(--text-muted);font-size:var(--fs-base)}.account-status{margin-top:10px;font-size:var(--fs-sm)}.account-status--success{color:var(--purple-light);opacity:.8}.account-status--error{color:#f87171e6}.account-stack-sm{margin-bottom:18px}.account-label-sm{margin-bottom:10px;color:var(--text-muted);font-size:var(--fs-base)}.account-signout{display:flex;align-items:center;gap:8px;margin-top:8px;padding:11px 20px;border:1px solid var(--danger-border);border-radius:10px;background:var(--danger-bg);color:var(--danger-text);font-size:var(--fs-md);cursor:pointer;transition:all .15s}.account-signout:hover{background:var(--danger-bg-hov);border-color:var(--danger-bdr-hov)}.account-theme-wrap{position:relative;width:100%}.account-theme-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:rgba(128,128,128,.04);cursor:pointer;transition:all .2s}.account-theme-trigger--open{border-color:color-mix(in srgb,var(--purple-light) 40%,var(--border))}.account-theme-label{flex:1;text-align:left;color:var(--text);font-size:var(--fs-md);font-weight:500}.account-theme-panel{position:fixed;padding:6px;z-index:9999;border:1px solid var(--border);border-radius:12px;background:var(--bg-dropdown);box-shadow:var(--shadow-dropdown);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeInUp .15s ease}.account-theme-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s}.account-theme-option:hover{background:rgba(128,128,128,.08)}.account-theme-option--active{background:color-mix(in srgb,var(--purple-light) 16%,transparent)}.account-theme-option__label{flex:1;text-align:left;color:var(--text-muted);font-size:var(--fs-base)}.account-theme-option__label--active{color:var(--purple-light);font-weight:600}.account-swatch{width:32px;height:22px;position:relative;overflow:hidden;flex-shrink:0;border-radius:6px}.account-swatch__line{position:absolute;left:5px;border-radius:2px}.account-swatch__line--top{top:5px;right:5px;height:3px;opacity:.8}.account-swatch__line--bottom{top:12px;right:10px;height:2px}.upgrade-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-modal{position:fixed;top:50%;left:50%;z-index:301;width:100%;max-width:420px;padding:32px 32px 28px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card-hover);box-shadow:0 24px 80px #0006,0 0 40px #7c3aed14;transform:translate(-50%,-50%)}.upgrade-modal__close{position:absolute;top:16px;right:16px;padding:4px;border:none;border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}.upgrade-modal__badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:20px;padding:5px 13px;border:1px solid rgba(124,58,237,.4);border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(168,85,247,.15))}.upgrade-modal__badge-text{color:#c084fc;font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.upgrade-modal__title{margin-bottom:8px;font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em}.upgrade-modal__intro{margin-bottom:24px;color:var(--text-muted);font-size:var(--fs-md);line-height:1.5}.upgrade-modal__feature-name{color:var(--purple-light)}.upgrade-modal__price{display:flex;align-items:baseline;gap:6px;margin-bottom:20px;padding:16px 20px;border:1px solid rgba(124,58,237,.15);border-radius:12px;background:rgba(124,58,237,.08)}.upgrade-modal__price-main{color:var(--text);font-size:32px;font-weight:900;letter-spacing:-.03em}.upgrade-modal__price-sub{color:var(--text-muted);font-size:var(--fs-md)}.upgrade-modal__features{margin-bottom:24px}.upgrade-modal__feature{display:flex;align-items:center;gap:10px;padding:6px 0}.upgrade-modal__feature-text{color:var(--text-muted);font-size:var(--fs-base)}.upgrade-modal__error{margin-bottom:12px;color:#f87171;font-size:var(--fs-base)}.upgrade-modal__cta{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:var(--fs-lg);font-weight:700;box-shadow:0 4px 20px #7c3aed59;transition:opacity .15s,transform .1s}.upgrade-modal__cta:hover{transform:translateY(-1px)}.upgrade-modal__cta:disabled{opacity:.7;cursor:not-allowed}.upgrade-modal__foot{margin-top:12px;color:var(--text-dim);font-size:var(--fs-xs);text-align:center}.info-surface{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;margin-bottom:24px;border-radius:10px;border:1px solid rgba(124,58,237,.18);background:rgba(124,58,237,.07);font-size:var(--fs-base);line-height:1.55;color:var(--text-muted)}.empty-state{padding:80px 0;text-align:center;color:var(--text-muted)}.empty-state__title{margin-bottom:8px;font-size:var(--fs-xl)}.empty-state__body{margin-bottom:28px;font-size:var(--fs-md);opacity:.6}.history-layout{display:grid;align-items:start;gap:24px;grid-template-columns:112px 1fr}.history-layout--mobile{grid-template-columns:1fr}.history-rail{position:sticky;top:84px;display:flex;flex-direction:column;gap:10px;align-self:start}.history-rail__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 0}.history-rail__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.history-viewer-panel{display:flex;flex-direction:column;grid-column:auto;overflow-x:hidden;overflow-y:hidden;border-radius:16px;border:1px solid rgba(124,58,237,.15);background:rgba(124,58,237,.03)}.history-viewer-panel--sticky{position:sticky;top:84px;max-height:calc(100vh - 120px)}.history-viewer-panel--mobile{position:relative;grid-column:1 / -1;overflow-y:visible;max-height:none}.history-viewer-panel__header{flex-shrink:0;padding:16px 20px 12px;border-bottom:1px solid rgba(124,58,237,.12)}.history-viewer-panel__scroll{flex:1;min-height:0;padding:0 20px 20px;overflow-x:hidden}.history-viewer-panel__scroll--desktop{overflow-y:auto}.history-viewer-panel__scroll--mobile{overflow-y:visible}.app-hero-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.app-hero-actions,.feature-pill-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feature-pill-row{gap:8px;margin-bottom:28px}.feature-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;background:rgba(124,58,237,.09);border:1px solid rgba(124,58,237,.2);color:var(--purple-light);font-size:var(--fs-sm)}.app-lang-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:16px}.progress-center{text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid rgba(124,58,237,.1)}.app-title{margin:0;font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:-.02em}.app-subtitle{margin-bottom:16px;font-size:var(--fs-lg);color:var(--text-muted)}.app-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;padding:16px 20px}.app-option-select{width:100%;min-width:0}.app-upload-card{padding:28px;margin-bottom:20px}.app-lang-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.app-progress-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.app-progress-meta__muted,.app-progress-meta__warning,.app-progress-meta__success{font-size:var(--fs-sm)}.app-progress-meta__muted{color:var(--text-muted)}.app-progress-meta__warning{color:#fbbf24e6}.app-progress-meta__success{color:#4ade80e6}.app-progress-stack{display:flex;flex-direction:column;align-items:center;gap:12px}.app-progress-bar{width:200px;height:3px;overflow:hidden;border-radius:4px;background:var(--border)}.app-progress-bar__fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#7c3aed,#a855f7);transition:width .5s ease}.app-progress-text{font-size:var(--fs-sm);color:var(--text-dim)}.app-progress-hint{font-size:var(--fs-xs);color:var(--text-dim);opacity:.6}.app-error-state{max-width:480px;margin:80px auto;text-align:center}.app-error-state__icon{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.1)}.app-error-state__title{margin-bottom:8px;font-size:var(--fs-2xl);font-weight:600}.app-error-state__body{margin-bottom:28px;font-size:var(--fs-md);color:var(--text-muted)}.app-error-state__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.history-header-actions,.history-confirm-row,.history-mobile-list,.history-export-row,.history-sheet__list{display:flex}.history-header-actions,.history-confirm-row,.history-export-row{align-items:center;gap:8px}.history-mobile-list,.history-sheet__list{flex-direction:column;gap:10px}.history-confirm-text{font-size:var(--fs-base);color:var(--text-muted)}.history-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--fs-base);cursor:pointer;transition:all .15s ease}.history-btn:hover{border-color:var(--border-hover);color:var(--text)}.history-btn--soft-danger:hover{border-color:#ef44444d;color:#f87171b3}.history-btn--danger,.history-btn--danger:hover{border-color:#ef44444d;background:rgba(239,68,68,.15);color:#f87171e6}.history-viewer-toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-viewer-toprow__meta{font-size:var(--fs-base);font-weight:600;color:var(--purple-light)}.history-close-btn{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-2xl);line-height:1}.history-mode-toggle{display:flex;gap:2px;width:fit-content;margin-bottom:10px;padding:3px;border-radius:24px;background:rgba(255,255,255,.05)}.history-mode-toggle .ui-pill-btn{border:none;background:transparent;color:var(--text-dim)}.history-mode-toggle .ui-pill-btn--active{background:rgba(124,58,237,.35);color:#c084fc}.history-export-note{margin-bottom:8px;font-size:var(--fs-sm);color:var(--text-muted)}.history-format-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer}.history-format-btn--active{border-color:var(--purple);background:var(--purple-dim);color:var(--purple-light)}.history-format-btn--locked{color:var(--text-dim)}.history-export-error{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--fs-sm);color:#f87171}.history-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;background:rgba(6,5,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-sheet{position:fixed;top:84px;left:max(24px,calc(50% - 620px));bottom:24px;z-index:241;width:min(420px,calc(100vw - 48px));display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid rgba(124,58,237,.18);background:color-mix(in srgb,var(--bg) 84%,black 16%);box-shadow:0 24px 80px #0000006b}.history-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 16px;border-bottom:1px solid rgba(124,58,237,.12)}.history-sheet__eyebrow{margin-bottom:4px;font-size:var(--fs-sm);color:var(--text-dim)}.history-sheet__title{margin:0;font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}.history-sheet__close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer}.history-sheet__subbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(124,58,237,.08)}.history-sheet__subtext{margin:0;font-size:var(--fs-base);color:var(--text-muted)}.history-sheet__list{flex:1;overflow-y:auto;padding:16px}.auth-shell{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-wrap{width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:36px}.auth-logo__link{display:inline-flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none}.auth-logo__mark{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 0 28px #7c3aed73}.auth-logo__text{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em;color:var(--text)}.auth-card{padding:32px 32px 28px}.auth-tabs{display:flex;margin-bottom:24px;padding:3px;border-radius:10px;background:var(--bg-card)}.auth-tab{flex:1;padding:8px 0;border:none;border-radius:8px;font-size:var(--fs-base);font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);transition:background .2s,color .2s}.auth-tab--active{background:rgba(124,58,237,.5);color:#fff}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;padding:11px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#1f1f1f;font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:box-shadow .15s,opacity .15s}.auth-google-btn:hover:not(:disabled){box-shadow:0 2px 12px #00000026}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-divider__line{flex:1;height:1px;background:var(--border)}.auth-divider__text{font-size:var(--fs-sm);color:var(--text-dim)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-back{margin-top:20px;text-align:center;font-size:var(--fs-base);color:var(--text-dim)}.auth-back a{color:var(--text-muted);text-decoration:none}.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-dim)}.auth-input{width:100%;box-sizing:border-box;padding:10px 12px 10px 36px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);font-size:var(--fs-md);outline:none;transition:border-color .2s,background .2s}.auth-input:focus{background:rgba(124,58,237,.06);border-color:#7c3aed99}.plan-chip{padding:3px 9px;border-radius:6px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:rgba(128,128,128,.08);color:var(--text-muted)}.plan-chip--pro{background:var(--purple-dim);color:var(--purple-light)}.whatsnew-main{padding-top:80px}.whatsnew-wrap{max-width:760px;padding-top:40px;padding-bottom:100px}.whatsnew-hero{margin-bottom:52px;padding:28px 26px;border:1px solid color-mix(in srgb,var(--purple) 22%,transparent);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 14%,transparent),color-mix(in srgb,var(--purple-light) 7%,transparent) 45%,rgba(255,255,255,0))}.whatsnew-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;border:1px solid color-mix(in srgb,var(--purple) 28%,transparent);border-radius:20px;background:var(--purple-dim)}.whatsnew-badge__text{font-size:var(--fs-sm);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--purple-light)}.whatsnew-title{margin-bottom:10px;font-size:var(--fs-5xl);font-weight:900;letter-spacing:-.03em}.whatsnew-subtitle{font-size:var(--fs-lg);line-height:1.6;color:var(--text-muted)}.whatsnew-timeline{position:relative}.whatsnew-timeline:before{content:"";position:absolute;top:0;bottom:0;left:19px;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 28%,transparent),color-mix(in srgb,var(--purple) 8%,transparent))}.whatsnew-release{display:flex;gap:28px;margin-bottom:52px}.whatsnew-node{position:relative;z-index:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid var(--border);background:var(--bg-card)}.whatsnew-node--new{border-color:color-mix(in srgb,var(--purple) 55%,transparent);background:var(--purple-dim)}.whatsnew-node__dot{width:6px;height:6px;border-radius:999px;background:var(--text-dim)}.whatsnew-node__dot--new{width:10px;height:10px;background:var(--purple-light);box-shadow:0 0 8px var(--purple-light)}.whatsnew-release__body{flex:1;padding-top:8px}.whatsnew-release__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.whatsnew-release__version{font-size:var(--fs-xl);font-weight:800;color:var(--text-muted)}.whatsnew-release__version--new{color:var(--text)}.whatsnew-release__pill{padding:2px 8px;border-radius:6px;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-light);background:var(--purple-dim)}.whatsnew-release__date{font-size:var(--fs-base);color:var(--text-dim)}.whatsnew-items{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--purple) 16%,transparent);border-radius:16px;background:linear-gradient(140deg,color-mix(in srgb,var(--purple) 7%,transparent),rgba(0,0,0,0) 50%)}.whatsnew-item{display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);transition:border-color .15s ease,transform .15s ease}.whatsnew-item:hover{border-color:color-mix(in srgb,var(--purple) 34%,transparent);transform:translate(2px)}.whatsnew-item__emoji{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.whatsnew-item__title{margin-bottom:3px;font-size:var(--fs-md);font-weight:600;color:var(--text)}.whatsnew-item__desc{font-size:var(--fs-base);line-height:1.55;color:var(--text-muted)}.legal-main{padding-top:80px}.legal-wrap{max-width:740px;padding-top:60px;padding-bottom:100px}.legal-header{margin-bottom:48px}.legal-kicker{display:inline-flex;margin-bottom:18px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--purple) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--purple) 8%,transparent);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-light)}.legal-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:20px;border:1px solid rgba(124,58,237,.3);border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(168,85,247,.2))}.legal-title{margin-bottom:12px;font-size:clamp(30px,5vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.04}.legal-updated{font-size:var(--fs-base);color:var(--text-dim)}.legal-card{padding:40px 44px}.legal-section{margin-bottom:36px}.legal-section:last-child{margin-bottom:0}.legal-section__title{margin-bottom:10px;font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em}.legal-section__body{font-size:var(--fs-lg);line-height:1.85;color:var(--text-muted)}.legal-divider{height:1px;margin-top:36px;background:rgba(124,58,237,.12)}.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;flex-wrap:wrap}.legal-footer__text{font-size:var(--fs-base);color:var(--text-muted)}.legal-link-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px;padding:16px 20px;border:1px solid rgba(124,58,237,.15);border-radius:12px;background:rgba(124,58,237,.06)}.legal-link{font-size:var(--fs-base);font-weight:600;color:#a855f7;text-decoration:none}.legal-home{margin-top:40px;text-align:center;font-size:var(--fs-base)}.legal-home a{color:var(--text-muted);text-decoration:none}@media (max-width: 640px){.whatsnew-wrap,.legal-wrap{padding-bottom:72px}.whatsnew-hero,.legal-card{padding:24px 20px}.whatsnew-release{gap:18px}.whatsnew-items{padding:12px}}.story-form{max-width:640px;margin:0 auto;padding:0 20px 60px}.story-form__title{margin-bottom:6px;font-size:var(--fs-3xl);font-weight:700;color:var(--text)}.story-form__subtitle{margin-bottom:32px;font-size:var(--fs-md);color:var(--text-muted)}.story-form__field{margin-bottom:24px}.story-form__toggle-row{display:flex;align-items:center;gap:12px}.story-form__toggle{position:relative;flex-shrink:0;width:44px;height:24px;border:none;border-radius:12px;cursor:pointer;background:var(--border);transition:background .2s ease}.story-form__toggle--on{background:var(--purple)}.story-form__toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:left .2s ease}.story-form__toggle--on .story-form__toggle-knob{left:calc(100% - 21px)}.story-form__toggle-label{font-size:var(--fs-md);color:var(--text-muted)}.story-form__input{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--bg-card);color:var(--text);font-size:var(--fs-md);transition:border-color .15s ease}.story-form__input:focus{border-color:var(--purple)}.story-form__error{margin-bottom:20px;padding:10px 14px;border:1px solid rgba(239,68,68,.2);border-radius:8px;background:rgba(239,68,68,.08);font-size:var(--fs-base);color:#fca5a5}.story-form__submit{width:100%;padding:13px;border:none;border-radius:12px;color:#fff;font-size:var(--fs-lg);font-weight:700;transition:all .2s ease}.story-form__submit--ready{cursor:pointer;background:linear-gradient(135deg,var(--purple),var(--purple-light));box-shadow:0 4px 20px #7c3aed59}.story-form__submit--loading,.story-form__submit:disabled{cursor:wait;background:rgba(124,58,237,.3);box-shadow:none}.story-form__submit-inner{display:inline-flex;align-items:center;gap:8px}.story-form__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:imgSpin .8s linear infinite}.story-form__hint{margin-top:12px;font-size:var(--fs-base);text-align:center;color:var(--text-muted)}.marketing-stat{text-align:center}.marketing-stat__value{font-size:36px;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--text)}.marketing-stat__label{margin-top:6px;font-size:13px;color:var(--text-muted)}.marketing-card{padding:22px 22px 20px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s,background .2s,transform .2s}.marketing-card:hover{border-color:#7c3aed40;background:rgba(124,58,237,.04);transform:translateY(-2px)}.marketing-card__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.2);margin-bottom:14px}.marketing-card__icon--large{width:44px;height:44px;margin-bottom:18px}.marketing-card__title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text)}.marketing-card__title--spaced{margin-bottom:10px}.marketing-card--belief{padding:28px 26px}.marketing-card__body{margin:0;font-size:14px;line-height:1.65;color:var(--text-muted)}.page-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;border-radius:999px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.24)}.page-badge__text{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a78bfa}.marketing-main{padding-top:80px}.marketing-section{padding:80px 0}.marketing-section--hero{padding:100px 0 80px;text-align:center}.marketing-section--guide-hero{padding:92px 0 52px}.marketing-section--tight-bottom{padding-bottom:36px}.marketing-section--large-bottom{padding-bottom:90px}.marketing-section--cta{padding:80px 0 100px}.marketing-container-sm{max-width:620px}.marketing-container-md{max-width:760px}.marketing-container-lg{max-width:820px}.marketing-container-xl{max-width:860px}.marketing-text-center{text-align:center}.marketing-tag{display:inline-flex;margin-bottom:24px}.marketing-tag__icon{color:#f472b6}.marketing-hero-title{margin-bottom:28px;font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-.04em;line-height:1.06}.marketing-hero-title--guide{margin-bottom:18px;font-size:clamp(34px,6vw,60px);line-height:1.04}.marketing-hero-body{max-width:620px;margin:0 auto 48px;color:var(--text-muted);font-size:18px;line-height:1.75}.marketing-hero-body--guide{max-width:720px;margin:0 0 32px;font-size:17px}.marketing-cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.marketing-cta-row--start{justify-content:flex-start;margin-bottom:40px}.marketing-problem-card{position:relative;overflow:hidden;padding:48px 52px;border:1px solid rgba(124,58,237,.18);border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(79,110,255,.05))}.marketing-problem-orb{position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%)}.marketing-problem-icon{margin-bottom:24px}.marketing-title-lg{margin-bottom:16px;font-size:28px;font-weight:800;letter-spacing:-.02em}.marketing-body{color:var(--text-muted);font-size:16px;line-height:1.75}.marketing-body+.marketing-body{margin-top:20px}.marketing-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:48px;max-width:640px;margin:0 auto;padding:48px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card)}.marketing-section-head{text-align:center;margin-bottom:52px}.marketing-section-title{margin-bottom:12px;font-size:34px;font-weight:900;letter-spacing:-.03em}.marketing-section-subtitle{max-width:560px;margin:0 auto;color:var(--text-muted);font-size:16px}.marketing-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.marketing-loop-title{margin-bottom:16px;text-align:center;font-size:32px;font-weight:900;letter-spacing:-.03em}.marketing-loop-subtitle{margin-bottom:52px;text-align:center;color:var(--text-muted);font-size:16px;line-height:1.7}.marketing-loop-item{display:flex;align-items:flex-start;gap:24px;margin-bottom:36px}.marketing-loop-index{min-width:28px;padding-top:3px;color:#7c3aed80;font-size:11px;font-weight:800;letter-spacing:.1em}.marketing-loop-card{flex:1;padding:20px 24px;border-left:2px solid rgba(124,58,237,.2);border-radius:12px;background:linear-gradient(90deg,rgba(124,58,237,.06),rgba(124,58,237,0))}.marketing-loop-card h3{margin:0 0 8px;color:var(--text);font-size:16px;font-weight:700}.marketing-loop-card p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.7}.marketing-cta-title{margin-bottom:16px;font-size:32px;font-weight:900;letter-spacing:-.03em}.marketing-cta-body{margin-bottom:36px;color:var(--text-muted);font-size:16px;line-height:1.7}.guide-quick-card{margin-bottom:24px;padding:20px 22px;border:1px solid rgba(124,58,237,.18);border-radius:18px;background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(255,255,255,.02))}.guide-quick-card h2,.guide-panel h2,.guide-callout h2{margin-bottom:10px;font-size:18px;font-weight:800}.guide-quick-card p{margin:0;color:var(--text-muted);font-size:15px;line-height:1.7}.guide-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-steps-title{margin-bottom:20px;font-size:28px;font-weight:850;letter-spacing:-.03em}.guide-steps-list{display:grid;gap:14px}.guide-step{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--bg-card)}.guide-step__index{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(124,58,237,.24);border-radius:50%;background:rgba(124,58,237,.16);color:#c4b5fd;font-size:14px;font-weight:800}.guide-step h3{margin:0 0 8px;font-size:16px;font-weight:750}.guide-step p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.7}.guide-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.guide-panel{padding:22px 22px 20px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card)}.guide-panel h2{font-size:20px;margin-bottom:14px}.guide-tip-list{display:grid;gap:12px}.guide-tip{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}.guide-tip__icon{margin-top:3px}.guide-tip p,.guide-callout p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.65}.guide-callout{padding:22px 22px 20px;border:1px solid rgba(124,58,237,.22);border-radius:20px;background:linear-gradient(145deg,rgba(124,58,237,.14),rgba(168,85,247,.06))}.guide-callout__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.08)}.guide-callout h2{font-size:20px}.sound-teaser-section{padding:80px 0 60px}.sound-teaser-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;overflow:hidden;padding:52px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--purple-dim) 0%,var(--bg-card) 50%,var(--bg-card) 100%);box-shadow:0 0 80px var(--purple-dim)}.sound-teaser-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.8;background-image:radial-gradient(circle,var(--purple-dim) 1px,transparent 1px);background-size:28px 28px}.sound-teaser__copy,.sound-teaser-visual{position:relative;z-index:1}.sound-teaser__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;border:1px solid var(--border-hover);border-radius:20px;background:var(--purple-dim)}.sound-teaser__badge-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--purple-light);box-shadow:0 0 6px var(--purple-light);animation:pulse 2s ease-in-out infinite}.sound-teaser__badge-text{color:var(--purple-light);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.sound-teaser__greeting{margin-bottom:8px;color:var(--text-muted);font-size:14px;font-weight:500}.sound-teaser__title{margin-bottom:18px;color:var(--text);font-size:clamp(26px,3.5vw,42px);font-weight:900;letter-spacing:-.03em;line-height:1.12}.sound-teaser__title-accent{background-image:linear-gradient(90deg,var(--purple),var(--purple-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sound-teaser__body{max-width:380px;margin-bottom:32px;color:var(--text-muted);font-size:15px;line-height:1.7}.sound-teaser__cta{display:flex;align-items:center;gap:14px}.sound-teaser__button{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid var(--border-hover);border-radius:12px;background:var(--purple-dim);color:var(--purple-light);font-size:14px;font-weight:600;transition:all .2s}.sound-teaser__button:hover{background:var(--bg-card-hover);border-color:var(--purple)}.sound-teaser__eta{color:var(--text-dim);font-size:13px}.sound-teaser-visual{display:flex;justify-content:center}.sound-teaser__stage{position:relative;width:260px;height:220px}.sound-teaser__orb{position:absolute;top:50%;left:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-hover);border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--purple-dim) 0%,var(--bg-card) 70%,transparent);box-shadow:0 0 40px var(--purple-dim);transform:translate(-50%,-50%)}.sound-teaser__ripple{position:absolute;border:1px solid var(--border);border-radius:50%;animation:ripple 2.4s ease-out infinite}.sound-teaser__wave{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sound-wave{display:flex;align-items:center;gap:3px}.sound-wave__bar{width:3px;border-radius:2px;background:var(--purple);animation-name:soundBar;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.sound-pill{position:absolute;padding:5px 12px;border:1px solid var(--border);border-radius:20px;background:var(--purple-dim);color:var(--purple);font-size:12px;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation-name:floatPill;animation-duration:3.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes soundBar{0%{transform:scaleY(.3);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes floatPill{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-8px);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes ts-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes ts-sentence-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ts-card-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes ts-card-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes ts-progress-fill{0%{width:0%}to{width:100%}}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:80px;padding-bottom:60px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-copy,.hero-visual{animation:fadeInUp .7s ease both}.hero-visual{display:flex;justify-content:center;animation-duration:.9s;animation-delay:.15s}.hero-tag{margin-bottom:28px}.hero-tag__dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#4ade80}.hero-title{margin-bottom:24px;font-size:clamp(36px,5.5vw,68px);font-weight:900;letter-spacing:-.04em;line-height:1.08}.hero-body{max-width:440px;margin-bottom:40px;font-size:18px;line-height:1.75;color:#f0eeff8c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions--with-stats{margin-bottom:48px}.hero-stats{margin-top:48px}.hero-stats__row{display:flex;gap:40px;margin-bottom:14px}.hero-stats__value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#f0eeff}.hero-stats__label{margin-top:2px;font-size:13px;color:#f0eeff66}.hero-stats__note{max-width:400px;font-size:11px;line-height:1.6;color:#f0eeff38}.showcase-section{padding:80px 0 100px}.showcase-head{margin-bottom:52px;text-align:center}.showcase-kicker{margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light)}.showcase-title{margin-bottom:12px;font-size:clamp(24px,3.5vw,36px);font-weight:800;letter-spacing:-.02em}.showcase-subtitle{max-width:440px;margin:0 auto;font-size:15px;line-height:1.65;color:var(--text-muted)}.showcase-shell{position:relative;max-width:740px;margin:0 auto}.showcase-card{padding:36px 40px 32px;border-radius:20px}.showcase-card--from-right{animation:ts-card-in-right .3s ease-in-out forwards}.showcase-card--from-left{animation:ts-card-in-left .3s ease-in-out forwards}.showcase-card__header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.showcase-level-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.06em}.showcase-language-row{font-size:12px;color:var(--text-muted)}.showcase-title-small{margin-left:auto;font-size:12px;font-style:italic;color:var(--text-dim)}.showcase-sentence{margin-bottom:22px;opacity:0;animation:ts-sentence-in .35s ease forwards}.showcase-original{display:block;margin-bottom:4px;font-size:16px;line-height:1.75;font-weight:400;color:var(--text)}.showcase-translation{display:block;padding-left:12px;border-left:2px solid var(--border-hover);font-size:13px;line-height:1.65;font-style:italic;color:var(--purple);opacity:.7}.showcase-word{position:relative;display:inline}.showcase-word__term{border-bottom:1.5px dotted var(--purple);cursor:pointer;transition:color .15s}.showcase-word__term--open{color:var(--purple-light)}.showcase-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:100;display:block;width:240px;padding:12px 14px;border:1px solid var(--border-hover);border-radius:12px;background:var(--bg-dropdown);box-shadow:var(--shadow-dropdown);animation:ts-tooltip-in .18s ease forwards;transform-origin:bottom center}.showcase-tooltip__arrow{position:absolute;bottom:-5px;left:50%;display:block;width:8px;height:8px;background:var(--bg-dropdown);border:1px solid var(--border-hover);border-top:none;border-left:none;transform:translate(-50%) rotate(45deg)}.showcase-tooltip__title{margin-bottom:4px;font-size:11px;font-weight:700;color:var(--purple-light)}.showcase-tooltip__body{margin-bottom:8px;font-size:12px;line-height:1.5;color:var(--text-muted)}.showcase-tooltip__example{padding-top:6px;border-top:1px solid var(--border);font-size:11px;line-height:1.5;font-style:italic;color:var(--text-dim)}.showcase-hint{margin-top:8px;font-size:11px;font-style:italic;color:var(--text-dim)}.showcase-nav-btn{position:absolute;top:50%;z-index:1;display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border-hover);border-radius:999px;background:var(--purple-dim);color:var(--purple-light);cursor:pointer;transform:translateY(-50%);transition:background .15s ease}.showcase-nav-btn:hover{background:var(--bg-card-hover)}.showcase-nav-btn--left{left:-48px}.showcase-nav-btn--right{right:-48px}.showcase-progress{max-width:740px;margin:20px auto 0}.showcase-dots{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.showcase-dot{height:7px;padding:0;border:none;border-radius:4px;background:var(--border-hover);cursor:pointer;transition:width .3s ease,background .3s ease}.showcase-dot--active{width:24px;background:var(--purple)}.showcase-dot--idle{width:7px}.showcase-progress-track{height:2px;overflow:hidden;border-radius:1px;background:var(--border)}.showcase-progress-bar{width:0%;height:100%;border-radius:1px;background:var(--purple);opacity:.5;animation:ts-progress-fill 9s linear forwards}@media (max-width: 900px){.showcase-nav-btn{display:none}.guide-top-grid,.guide-bottom-grid{grid-template-columns:1fr}}@media (max-width: 640px){.marketing-section--hero,.marketing-section,.marketing-section--cta,.marketing-section--guide-hero{padding-left:0;padding-right:0}.marketing-problem-card,.marketing-stat-grid,.marketing-loop-card,.guide-quick-card,.guide-panel,.guide-callout{padding-left:18px;padding-right:18px}.sound-teaser-section{padding:40px 0 32px}.sound-teaser-grid{grid-template-columns:1fr;gap:0;padding:28px 24px}.sound-teaser-visual{display:none}.showcase-card{padding:28px 24px 24px}.showcase-title-small{width:100%;margin-left:0}.marketing-loop-item{gap:14px}.marketing-section-title,.marketing-loop-title,.marketing-cta-title,.guide-steps-title{font-size:28px}}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}}