@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Orbitron:wght@500;700&display=swap";:root{--m8-bg-1: #020814;--m8-bg-2: #0a1f3b;--m8-bg-3: #113a5f;--m8-card: rgba(8, 20, 40, .68);--m8-stroke: rgba(145, 226, 255, .34);--m8-ink: #e8f8ff;--m8-muted: #abd6e5;--m8-cyan: #47d8ff;--m8-emerald: #00e6b8;--m8-shadow: 0 22px 52px rgba(0, 0, 0, .44)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--m8-ink);background:radial-gradient(120% 120% at 14% 8%,rgba(97,227,255,.23),transparent 45%),radial-gradient(90% 90% at 88% 18%,rgba(0,228,183,.15),transparent 44%),linear-gradient(170deg,var(--m8-bg-1) 0%,var(--m8-bg-2) 50%,var(--m8-bg-3) 100%);min-height:100vh}.m8{width:min(100%,1080px);margin:0 auto;padding:clamp(14px,2.4vw,28px);display:grid;gap:16px}.m8__hero{background:linear-gradient(120deg,#071124bd,#0c2b4894);border:1px solid rgba(149,228,255,.24);border-radius:24px;padding:clamp(16px,3vw,28px);box-shadow:var(--m8-shadow)}.m8__eyebrow{margin:0;color:#94f0ff;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.m8__hero h1{margin:8px 0 0;font-family:Orbitron,Segoe UI,sans-serif;font-size:clamp(1.85rem,5.8vw,3rem)}.m8__subtitle{margin:10px 0 0;color:var(--m8-muted);line-height:1.45;max-width:72ch}.m8__panel{display:grid;gap:14px}.m8__visual{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--m8-stroke);box-shadow:var(--m8-shadow);background:radial-gradient(circle at 50% 24%,#3a97d659,#050d1afa);isolation:isolate}#m8-canvas{display:block;width:100%;aspect-ratio:1 / 1;touch-action:none}.m8__visual.is-shaking{animation:m8-shake .24s ease-in-out infinite}.m8__answer-window{--m8-aw-x: 0px;--m8-aw-y: 0px;--m8-aw-rot: 0deg;--m8-aw-scale: .92;position:absolute;left:50%;top:49%;width:min(42%,250px);aspect-ratio:1 / .95;transform:translate3d(calc(-50% + var(--m8-aw-x)),calc(-50% + var(--m8-aw-y)),0) rotate(var(--m8-aw-rot)) scale(var(--m8-aw-scale));clip-path:polygon(50% 0,100% 88%,0 88%);display:grid;place-items:center;padding:28% 10% 12%;text-align:center;border:1px solid rgba(120,237,255,.62);background:radial-gradient(88% 60% at 50% 34%,#72f9ff7a,#10315bbd),linear-gradient(180deg,#03102480,#0d2442db);box-shadow:inset 0 0 30px #7eecff42,0 0 28px #3cceff70;opacity:.68;transition:opacity .3s ease,transform .2s ease;pointer-events:none;will-change:transform,opacity}.m8__answer-window.is-visible{opacity:.98;--m8-aw-scale: 1}.m8__answer-window.is-shaking{opacity:0;--m8-aw-scale: .84}.m8__answer{margin:0;font-family:Orbitron,Segoe UI,sans-serif;color:#f1fbff;font-size:clamp(.62rem,1.55vw,.95rem);line-height:1.33;text-wrap:balance;text-shadow:0 0 16px rgba(150,235,255,.56)}.m8__tap{position:absolute;left:50%;bottom:14px;transform:translate(-50%);border:0;border-radius:999px;padding:9px 18px;font-family:Orbitron,Segoe UI,sans-serif;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#05202f;background:linear-gradient(140deg,#80f6ff,#4de8c3);box-shadow:0 12px 28px #00000059;cursor:pointer}.m8__tap:focus-visible,.m8__btn:focus-visible,.m8__input:focus-visible{outline:2px solid #8cf7ff;outline-offset:2px}.m8__fallback{position:absolute;left:12px;right:12px;top:12px;margin:0;font-size:.84rem;color:#fce6b4;background:#131a2cb8;border-radius:10px;border:1px solid rgba(255,224,157,.38);padding:8px 10px}.m8__controls{border-radius:20px;border:1px solid rgba(143,225,255,.25);background:var(--m8-card);backdrop-filter:blur(8px);box-shadow:var(--m8-shadow);padding:clamp(12px,2.2vw,18px)}.m8__label{display:block;font-weight:700;letter-spacing:.01em}.m8__input{width:100%;margin-top:8px;border:1px solid rgba(146,234,255,.3);border-radius:14px;padding:12px 14px;font-size:1rem;color:var(--m8-ink);background:#09182bc2}.m8__input::placeholder{color:#bee4f3ad}.m8__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.m8__btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}.m8__btn:hover{filter:brightness(1.06)}.m8__btn:active{transform:translateY(1px)}.m8__btn[disabled]{opacity:.58;cursor:progress}.m8__btn--primary{color:#05222e;background:linear-gradient(140deg,var(--m8-cyan),#6af4f7 60%,var(--m8-emerald));box-shadow:0 10px 22px #33cdff40}.m8__btn--ghost{color:#d8f6ff;background:#0a203ae6;border:1px solid rgba(130,221,255,.28)}.m8__status{margin:11px 0 0;min-height:1.4em;color:#d8f6ff;font-weight:600}.m8__hint{margin:8px 0 0;color:#bde3f1db;font-size:.92rem}kbd{border:1px solid rgba(148,233,255,.32);border-radius:6px;padding:1px 5px;background:#0c223be6;font-family:Orbitron,Segoe UI,sans-serif;font-size:.78rem}.m8__history-card,.m8__seo{border-radius:18px;border:1px solid rgba(141,221,255,.22);background:#061225a3;box-shadow:var(--m8-shadow);padding:clamp(12px,2.2vw,18px)}.m8__history-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.m8__history-head h2,.m8__seo h2{margin:0;font-family:Orbitron,Segoe UI,sans-serif;font-size:clamp(1rem,2.6vw,1.25rem)}.m8__history-count{min-width:36px;text-align:center;border-radius:999px;padding:4px 10px;font-weight:700;background:#082844d9;border:1px solid rgba(135,221,255,.26)}.m8__history-list{margin:11px 0 0;padding:0;list-style:none;display:grid;gap:8px}.m8__history-item{border:1px solid rgba(132,213,245,.2);border-radius:12px;padding:10px;background:#0c264080}.m8__history-answer{margin:0;font-weight:700;color:#c4f7ff}.m8__history-meta{margin:5px 0 0;color:#bde3f1e0;font-size:.88rem}.m8__seo p{margin:10px 0 0;color:#c2e9f6e6;line-height:1.45}@keyframes m8-shake{0%{transform:translate3d(-.7px,0,0) rotate(-.15deg)}50%{transform:translate3d(.9px,0,0) rotate(.18deg)}to{transform:translate3d(-.7px,0,0) rotate(-.15deg)}}@media(min-width:920px){.m8__panel{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:stretch}.m8__controls{display:flex;flex-direction:column;justify-content:center}.m8__tap{bottom:18px}}@media(max-width:620px){.m8__answer-window{width:min(48%,210px)}.m8__tap{padding:8px 14px;font-size:.68rem}}