:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#eef1f6;--card:#fff;--fg:#111;--muted:#6e6e73;--accent:#0b84fe;--danger:#ff3b30;--border:#d1d1d6;--voice:#d5dae3;--voice-fg:#5b6474;font-family:system-ui,-apple-system,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0b0d;--card:#1c1c1e;--fg:#f2f2f7;--muted:#a1a1a6;--border:#3a3a3c;--voice:#2a2a30;--voice-fg:#9a9aa2}}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);margin:0;overflow-x:hidden}main{z-index:1;max-width:480px;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));gap:16px;margin:0 auto;display:grid;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.typing-dots{background:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;gap:2.5px;width:28px;height:28px;display:inline-flex}.typing-dots i{background:#fff;border-radius:50%;width:4.5px;height:4.5px;animation:1.2s ease-in-out infinite typing}.typing-dots.big{gap:7px;width:72px;height:72px}.typing-dots.big i{width:11px;height:11px}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.lang-switch{background:var(--card);letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 2px 10px #00000014}.lang-switch select{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.lang-switch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(2rem,9vw,2.6rem);line-height:1.1}.lead{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.4}.why{color:var(--accent);white-space:nowrap;margin-left:4px}.card{background:var(--card);border-radius:20px;gap:12px;padding:16px;display:grid;box-shadow:0 8px 30px #00000014}form{gap:12px;display:grid}label{gap:4px;font-size:.9rem;display:grid}.label-row{justify-content:space-between;display:flex}#counter{opacity:.6;font-variant-numeric:tabular-nums}#counter.over{color:var(--danger);opacity:1;font-weight:600}.hint{color:var(--danger);margin:0;font-size:.9rem}textarea,select,button{font:inherit;border:1px solid var(--border);color:inherit;background:0 0;border-radius:12px;padding:10px 12px;font-size:16px}textarea{resize:vertical}button{background:var(--accent);color:#fff;cursor:pointer;border:none;padding:14px;font-weight:600}button:disabled{opacity:.5;cursor:default}html.modal-open{overflow:hidden}dialog#sheet{background:var(--card);width:min(100%,480px);max-width:100%;max-height:100%;color:var(--fg);border:none;border-radius:24px;margin:auto;padding:0}dialog#sheet::backdrop{background:#0009}@media (max-width:520px){dialog#sheet{border-radius:0;width:100%;height:100%;max-height:100dvh}}.sheet{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{margin:0;font-size:1.35rem}.icon-btn{background:var(--bg);width:40px;height:40px;color:var(--fg);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.sheet-media{aspect-ratio:1;background:#000;border-radius:16px;width:100%;max-width:min(100%,62dvh);margin:0 auto;position:relative;overflow:hidden}.sheet-media video{width:100%;height:100%;display:block}.sheet-progress{background:var(--bg);place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}.sheet-progress .pct{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.sheet-progress .bar{background:var(--border);border-radius:3px;width:180px;height:6px;overflow:hidden}.sheet-progress .bar i{background:var(--accent);width:0;height:100%;transition:width .2s linear;display:block}.note{text-align:center;color:var(--muted);margin:0;font-size:.9rem}.sheet .primary{margin-top:auto;padding:16px;font-size:1.05rem}.link-btn{color:var(--accent);background:0 0;padding:8px}.about{scroll-margin-top:16px}.about h2{margin:0;font-size:1.3rem}.about p{margin:0;line-height:1.5}.about .privacy{color:var(--muted);font-size:.9rem}.about .note-soft{background:var(--bg);border-radius:14px;padding:12px 14px;font-size:.95rem}footer{text-align:center;color:var(--muted);gap:6px;font-size:.8rem;display:grid}footer p{margin:0}footer a{color:inherit}.inapp{color:#5c4400;background:#fff4d6;border-radius:16px;gap:10px;padding:12px 14px;font-size:.92rem;line-height:1.4;display:grid}.inapp p{margin:0}.inapp-btn{color:#fff4d6;background:#5c4400;border-radius:999px;justify-self:start;padding:8px 14px;font-weight:600;text-decoration:none}@media (prefers-color-scheme:dark){.inapp{color:#ffe39a;background:#3a2f12}.inapp-btn{color:#3a2f12;background:#ffe39a}}#voice-rain{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 35%,#000 60%);mask-image:linear-gradient(#0000 35%,#000 60%)}.voice{left:var(--x);background:var(--voice);color:var(--voice-fg);font-variant-numeric:tabular-nums;opacity:.8;transform:scale(var(--s));animation:rise var(--dur) linear var(--delay) infinite;will-change:transform;border-radius:18px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:-60px}.voice .play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0}.voice .wave{align-items:center;gap:2px;height:18px;display:flex}.voice .wave i{background:currentColor;border-radius:1px;width:2px;display:block}@keyframes rise{0%{transform:translateY(0) scale(var(--s))}to{transform:translateY(calc(-100vh - 120px)) scale(var(--s))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.typing-dots i{opacity:.9;animation:none}.voice{bottom:auto;top:var(--y);animation:none}}