:root{--font-family:"Manrope", system-ui, sans-serif;--canvas:#1a1412;--canvas-deep:#0d0a09;--surface-low:#211916;--surface:#2a201c;--surface-high:#342822;--outline:#5a4a42;--outline-var:#3f3028;--cream:#efe4d9;--tan:#b8a599;--taupe:#7d6e63;--breathe-duration-idle:9s;--breathe-duration-player:9s;--breathe-duration-sos:12s;--breathe-duration-load:11s;--panel-slide-duration:.52s;--panel-slide-easing:cubic-bezier(.32, 0, .12, 1);--phrase-cycle:9s;--edge-pulse:6s;--bloom-drift:26s}[data-theme=mono]{--clay:#6b6b6b;--clay-fixed:#8a8a8a;--clay-subtle:#222;--rose:#7a7a7a;--sage:#6a6a6a;--wine:#3a3a3a;--wine-container:#252525;--wine-fixed:#787878;--bloom-1:#4a4a4a;--bloom-2:#3e3e3e;--bloom-3:#363636;--bloom-4:#424242;--bloom-5:#3a3a3a;--bloom-6:#383838;--bloom-7:#404040;--bloom-op-1:.25;--bloom-op-2:.2;--bloom-op-3:.22;--bloom-op-4:.22;--bloom-op-5:.12;--bloom-op-6:.1;--bloom-op-7:.1;--rim-hot:#d2d2d2eb;--rim-core:#b4b4b4d9;--rim-mid:#969696b3;--rim-outer:#78787873;--rim-shadow:#0000008c;--rim-hot-inhale:#dcdcdc;--rim-core-inhale:#bebebef2;--rim-mid-inhale:#a0a0a0e6;--rim-outer-inhale:#828282a6;--sos-rim-core:#8c8c8cd9;--sos-rim-mid:#6e6e6eb3;--sos-rim-outer:#5a5a5a80;--btn-primary-from:#555;--btn-primary-to:#404040;--btn-primary-text:#e0e0e0;--btn-shadow-glow:#78787840;--toggle-on:#666;--edge-color:#b4b4b42e}[data-theme=color]{--clay:#d97757;--clay-fixed:#eda487;--clay-subtle:#47221a;--rose:#c98098;--sage:#8ca68e;--wine:#8b2f3a;--wine-container:#5c1e28;--wine-fixed:#c77d86;--bloom-1:#d97a52;--bloom-2:#c97a8c;--bloom-3:#8e5a7e;--bloom-4:#b6624a;--bloom-5:#c98098;--bloom-6:#9b6a82;--bloom-7:#e39872;--bloom-op-1:.55;--bloom-op-2:.48;--bloom-op-3:.5;--bloom-op-4:.5;--bloom-op-5:.32;--bloom-op-6:.3;--bloom-op-7:.28;--rim-hot:#ffcdaae6;--rim-core:#f3a078d9;--rim-mid:#d97a52bf;--rim-outer:#c97a8c8c;--rim-shadow:#0000008c;--rim-hot-inhale:#ffdcbe;--rim-core-inhale:#ffb48c;--rim-mid-inhale:#e68c64f2;--rim-outer-inhale:#d98296bf;--sos-rim-core:#c77d86d9;--sos-rim-mid:#aa5a64b3;--sos-rim-outer:#8b2f3a80;--btn-primary-from:#e08560;--btn-primary-to:#c96646;--btn-primary-text:#20100b;--btn-shadow-glow:#d977574d;--toggle-on:var(--clay-fixed);--edge-color:#efe4d938}html{transition:--bloom-op-1 1.2s,--bloom-op-2 1.2s,--bloom-op-3 1.2s,--bloom-op-4 1.2s,--bloom-op-5 1.2s,--bloom-op-6 1.2s,--bloom-op-7 1.2s}[data-theme=mono]{--state-anxiety:#666;--state-calm:#5a5a5a;--state-focus:#606060;--state-sleep:#585858}[data-theme=color]{--state-anxiety:#c98098;--state-calm:#8ca68e;--state-focus:#d97757;--state-sleep:#6b5b8e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);background:var(--canvas-deep);color:var(--cream);-webkit-font-smoothing:antialiased;place-items:center;min-height:100vh;padding:24px;display:grid}.phone{isolation:isolate;background:#1a110e;border-radius:48px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2a201c,0 0 0 10px #0a0807,0 40px 100px #0009,0 8px 28px #0006}.status{height:54px;color:var(--cream);z-index:30;letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:18px 32px 0;font-size:15px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.status .right{opacity:.9;align-items:center;gap:6px;display:flex}.status svg,.icon-signal,.icon-wifi,.icon-battery{display:block}.ambient{z-index:1;filter:saturate(1.05);position:absolute;inset:0;overflow:hidden}.bloom{filter:blur(64px);mix-blend-mode:screen;animation:drift var(--bloom-drift) ease-in-out infinite alternate;border-radius:50%;position:absolute}.bloom.b1{background:var(--bloom-1);width:300px;height:300px;opacity:var(--bloom-op-1);animation-duration:24s;top:80px;left:-80px}.bloom.b2{background:var(--bloom-2);width:260px;height:260px;opacity:var(--bloom-op-2);animation-duration:30s;animation-delay:-6s;top:40px;right:-70px}.bloom.b3{background:var(--bloom-3);width:320px;height:320px;opacity:var(--bloom-op-3);animation-duration:34s;animation-delay:-12s;bottom:160px;right:-90px}.bloom.b4{background:var(--bloom-4);width:280px;height:280px;opacity:var(--bloom-op-4);animation-duration:28s;animation-delay:-4s;bottom:60px;left:-80px}.bloom.b5{background:var(--bloom-5);width:220px;height:220px;opacity:var(--bloom-op-5);animation-duration:22s;animation-delay:-10s;top:58%;left:38%}.bloom.b6{background:var(--bloom-6);width:200px;height:200px;opacity:var(--bloom-op-6);animation-duration:26s;animation-delay:-8s;top:18%;left:30%}.bloom.b7{background:var(--bloom-7);width:180px;height:180px;opacity:var(--bloom-op-7);animation-duration:32s;animation-delay:-14s;bottom:30%;left:50%}.ambient.ambient--quiet{filter:saturate(.9)}.ambient.ambient--quiet .bloom{filter:blur(72px)}.ambient.ambient--quiet .bloom.b1{opacity:calc(var(--bloom-op-1) * .58)}.ambient.ambient--quiet .bloom.b2{opacity:calc(var(--bloom-op-2) * .58)}.ambient.ambient--quiet .bloom.b3{opacity:calc(var(--bloom-op-3) * .6)}.ambient.ambient--quiet .bloom.b4{opacity:calc(var(--bloom-op-4) * .65)}.ambient.ambient--quiet .bloom.b5{opacity:calc(var(--bloom-op-5) * .56)}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(18px,-14px)scale(1.08)}to{transform:translate(-12px,16px)scale(.96)}}.grain{z-index:6;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.edge{background:linear-gradient(to bottom, transparent, var(--edge-color), transparent);z-index:25;width:3px;height:56px;animation:pulseEdge var(--edge-pulse) ease-in-out infinite;border-radius:3px;position:absolute;top:50%;transform:translateY(-50%)}.edge.left{left:0}.edge.right{animation-delay:-3s;right:0}@keyframes pulseEdge{0%,to{opacity:.5}50%{opacity:.9}}.brand{text-align:center;letter-spacing:.42em;color:var(--cream);z-index:20;padding-left:.42em;font-size:20px;font-weight:700;position:absolute;top:68px;left:0;right:0}.stage{z-index:10;justify-content:center;align-items:flex-start;padding-top:180px;display:flex;position:absolute;inset:0}.blob-wrap{transform-origin:50%;width:215px;height:215px;animation:breathe var(--breathe-duration-idle) ease-in-out infinite;filter:drop-shadow(0 0 1px var(--rim-hot)) drop-shadow(0 0 4px var(--rim-core)) drop-shadow(0 0 14px var(--rim-mid)) drop-shadow(0 0 32px var(--rim-outer)) drop-shadow(0 22px 36px var(--rim-shadow));position:relative}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.blob-svg{width:100%;height:100%;display:block;overflow:visible}.sos{z-index:22;appearance:none;cursor:pointer;width:116px;height:116px;color:inherit;background:0 0;border:0;padding:0;font-family:inherit;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.sos-ring{position:absolute;inset:0;transform:rotate(-90deg)}.sos-core{cursor:pointer;background:radial-gradient(circle at 30% 25%,#efe4d90f,#0000 60%),linear-gradient(#3a1d22 0%,#2a1417 100%);border:1px solid #c77d862e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .15s;display:flex;position:absolute;inset:10px;box-shadow:inset 0 1px #efe4d914,inset 0 -10px 24px #00000059}.sos-core:active{transform:scale(.97)}.sos-core .я{letter-spacing:.28em;color:var(--wine-fixed);margin-bottom:3px;padding-left:.28em;font-size:15px;font-weight:700;line-height:1}.sos-core .hint{letter-spacing:.22em;color:#c77d868c;text-align:center;padding-left:.22em;font-size:7px;font-weight:500;line-height:1.4}.sos--compact{width:96px;height:96px}.sos--compact .sos-core{inset:8px}.sos--compact .sos-core .lbl{letter-spacing:.28em;color:var(--wine-fixed);padding-left:.28em;font-size:13px;font-weight:700;line-height:1}.pill{appearance:none;cursor:pointer;background:linear-gradient(180deg, var(--btn-primary-from) 0%, var(--btn-primary-to) 100%);color:var(--btn-primary-text);letter-spacing:.24em;text-transform:uppercase;box-shadow:0 1px 0 #ffdcc34d inset, 0 -6px 18px #50140a40 inset, 0 10px 24px var(--btn-shadow-glow), 0 2px 6px #0000004d;border:0;border-radius:999px;padding:14px 28px 14px calc(28px + .24em);font-family:inherit;font-size:13px;font-weight:700;transition:transform .15s}.pill:active{transform:translateY(1px)scale(.99)}.input-line{color:var(--cream);resize:none;background:0 0;border:none;border-bottom:1px solid #efe4d92e;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:16px;font-weight:400;transition:border-color .2s}.input-line::placeholder{color:var(--taupe);font-style:italic}.input-line:focus{border-bottom-color:var(--clay-fixed)}.divider{background:#efe4d912;height:1px;margin:0}.toggle{flex-shrink:0;width:48px;height:28px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{cursor:pointer;background:#efe4d91a;border:1px solid #efe4d914;border-radius:999px;transition:background .25s,border-color .25s;position:absolute;inset:0}.toggle input:checked~.toggle-track{background:var(--toggle-on);border-color:#0000}.toggle-knob{background:var(--cream);pointer-events:none;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}.toggle input:checked~.toggle-track .toggle-knob{transform:translate(20px)}.panel{-webkit-backdrop-filter:blur(32px)saturate(1.1);z-index:40;background:linear-gradient(160deg,#3c261eb8 0%,#1c120ee0 100%);border-top:1px solid #efe4d912;border-radius:36px 36px 0 0;padding:14px 28px 48px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffdcbe0f}.panel-handle{background:#efe4d938;border-radius:999px;width:44px;height:4px;margin:0 auto 22px}.scrim{z-index:5;pointer-events:none;background:linear-gradient(#0a070659 0%,#0a070600 18% 72%,#0a07068c 100%);position:absolute;inset:0}.bottom-fade{z-index:11;pointer-events:none;background:linear-gradient(#0a070600 0%,#0a0706d9 55%,#0a0706f2 100%);height:170px;position:absolute;bottom:0;left:0;right:0}.home-ind{background:var(--cream);opacity:.75;z-index:40;border-radius:3px;width:134px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.caption{color:#4a3d38;letter-spacing:.18em;font-size:10px;font-weight:500;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.section-label{letter-spacing:.32em;text-transform:uppercase;color:var(--taupe);opacity:.7;margin-bottom:14px;padding-left:.32em;font-size:10px;font-weight:500}.back-link{z-index:22;cursor:pointer;color:var(--taupe);letter-spacing:.22em;text-transform:lowercase;opacity:.75;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px 8px 0;font-family:inherit;font-size:12px;font-weight:500;transition:opacity .15s,color .15s;display:inline-flex;position:absolute;top:64px;left:24px}.back-link:hover{opacity:1;color:var(--cream)}.back-link .arrow{font-size:15px;line-height:1;display:inline-block;transform:translateY(-1px)}.gestures{z-index:20;text-align:center;letter-spacing:.24em;color:var(--taupe);font-size:10px;font-weight:400;line-height:2.4;position:absolute;bottom:216px;left:0;right:0}.gestures .row{opacity:.65;justify-content:center;align-items:center;gap:14px;display:flex}.gestures .bar{background:var(--outline);opacity:.7;width:20px;height:1px;display:inline-block}.phone,.bloom,.sos-core,.pill,.toggle-track,.brand{transition:background 1.2s,border-color 1.2s,color 1.2s,filter 1.2s,opacity 1.2s}