:root{--bg:#04060d;--surface:#0B1020;--indigo-deep:#1E1B4B;--indigo:#312E81;--violet:#8B5CF6;--violet-soft:#A78BFA;--cyan:#22D3EE;--teal:#5EEAD4;--amber:#FBBF24;--text:#F6F7FB;--text-2:rgba(210,216,235,0.86);--text-3:rgba(200,208,232,0.62);--text-4:rgba(196,205,232,0.44);--text-faint:rgba(196,205,232,0.30);--glass:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));--glass-quiet:rgba(255,255,255,0.028);--glass-border:rgba(255,255,255,0.08);--glass-border-strong:rgba(255,255,255,0.12);--inner-hi:rgba(255,255,255,0.06);--grad-primary:linear-gradient(135deg,#A78BFA 0%,#8B5CF6 45%,#6D28D9 100%);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;}body{margin:0;background:#04060d;color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}a{color:inherit;text-decoration:none;}button{font-family:inherit;cursor:pointer;}img{max-width:100%;display:block;} #sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none;} .css-sky{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:0.0;}.css-aurora{position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:screen;opacity:0.5;}.css-aurora.a1{width:70vw;height:60vh;left:-10vw;top:-12vh;background:radial-gradient(ellipse at 40% 40%,rgba(139,92,246,0.5),transparent 65%);}.css-aurora.a2{width:60vw;height:55vh;right:-8vw;top:6vh;background:radial-gradient(ellipse at 60% 40%,rgba(34,211,238,0.34),transparent 65%);}.css-aurora.a3{width:80vw;height:50vh;left:8vw;bottom:-14vh;background:radial-gradient(ellipse at 50% 60%,rgba(124,58,237,0.4),transparent 65%);}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 38vh 16vh rgba(2,3,8,0.92);opacity:var(--vig,0.66);transition:opacity .6s var(--ease);}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0.35;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,0.5) 0.5px,transparent 0.5px);background-size:3px 3px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000,transparent 80%);} .breath-veil{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(94,234,212,0.10),transparent 70%);} .chrome{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,46px);opacity:0;transition:opacity 1s var(--ease);}.chrome.show{opacity:1;}.wordmark{display:flex;align-items:center;gap:10px;font-weight:500;font-size:18px;letter-spacing:0.02em;color:var(--text);}.wm-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--indigo),var(--violet));box-shadow:0 6px 18px rgba(139,92,246,0.4),inset 0 1px 0 rgba(255,255,255,0.25);}.wm-name{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:0.04em;}.chrome-right{display:flex;align-items:center;gap:14px;}.sound-toggle{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;background:var(--glass-quiet);border:1px solid var(--glass-border);color:var(--text-3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:12.5px;letter-spacing:0.04em;transition:color .3s var(--ease),border-color .3s var(--ease);}.sound-toggle:hover{color:var(--text);border-color:var(--glass-border-strong);}.snd-bars{display:flex;align-items:flex-end;gap:2px;height:13px;}.snd-bars i{width:2.5px;border-radius:2px;background:var(--text-3);height:5px;transition:background .3s;}.sound-toggle[aria-pressed="true"]{color:var(--text);border-color:rgba(94,234,212,0.4);}.sound-toggle[aria-pressed="true"] .snd-bars i{background:var(--teal);animation:sndEq 1.1s var(--ease) infinite;}.sound-toggle[aria-pressed="true"] .snd-bars i:nth-child(1){animation-delay:0s}.sound-toggle[aria-pressed="true"] .snd-bars i:nth-child(2){animation-delay:.18s}.sound-toggle[aria-pressed="true"] .snd-bars i:nth-child(3){animation-delay:.36s}.sound-toggle[aria-pressed="true"] .snd-bars i:nth-child(4){animation-delay:.12s}@keyframes sndEq{0%,100%{height:4px}50%{height:13px}}.store-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--grad-primary);color:#fff;font-size:13px;font-weight:500;box-shadow:0 8px 22px rgba(139,92,246,0.4),inset 0 1px 0 rgba(255,255,255,0.22);transition:transform .25s var(--ease),box-shadow .25s var(--ease);}.store-pill:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(139,92,246,0.55);} .rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:14px;opacity:0;transition:opacity .8s var(--ease);}.rail.show{opacity:1;}.rail-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.18);transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);}.rail-dot.on{background:var(--violet-soft);transform:scale(1.5);box-shadow:0 0 12px var(--violet-soft);} .scroll-hint{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--text-4);opacity:0;transition:opacity 1s var(--ease);}.scroll-hint.show{opacity:1;}.scroll-hint .sh-line{width:1px;height:40px;background:linear-gradient(180deg,var(--text-3),transparent);animation:shPulse 2.4s var(--ease) infinite;transform-origin:top;}@keyframes shPulse{0%{transform:scaleY(0);opacity:0}40%{opacity:1}100%{transform:scaleY(1);opacity:0}} .phone-stage{position:fixed;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none;perspective:1600px;opacity:0;}.phone-halo{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,0.34),transparent 62%);filter:blur(60px);opacity:0.6;}.device{--w:300px;position:relative;width:var(--w);aspect-ratio:300/650;border-radius:50px;padding:11px;transform-style:preserve-3d;background:linear-gradient(150deg,#23273a,#05070f 62%);box-shadow:0 60px 130px rgba(0,0,0,0.7),0 0 0 1.5px rgba(255,255,255,0.06),inset 0 1px 0 rgba(255,255,255,0.10);will-change:transform;}.device .island{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:92px;height:27px;border-radius:20px;background:#000;z-index:40;}.screen-stack{position:absolute;inset:11px;border-radius:40px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#1E1B4B 0%,#0B1020 55%,#060814 100%);}.screen{position:absolute;inset:0;opacity:0;}.screen[data-screen="home"]{opacity:1;} .glass-reflect{position:absolute;inset:11px;border-radius:40px;pointer-events:none;z-index:30;mix-blend-mode:screen;background:linear-gradient(140deg,var(--reflect,rgba(167,139,250,0.0)) 0%,transparent 42%,transparent 70%,var(--reflect2,rgba(34,211,238,0.0)) 100%);opacity:0.9;} .phone-birth{position:absolute;inset:-2px;border-radius:50px;pointer-events:none;z-index:35;background:linear-gradient(180deg,rgba(255,255,255,0.0),rgba(199,210,254,0.0));box-shadow:0 0 0 0 rgba(255,255,255,0);opacity:0;} .scr-statusbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:15px 22px 0;font-size:12.5px;font-weight:600;color:#fff;}.scr-statusbar .icons{display:flex;align-items:center;gap:5px;}.scr-body{position:relative;z-index:5;height:calc(100% - 28px);padding:16px 15px 0;overflow:hidden;}.scr-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}.scr-aurora i{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(44px);opacity:0.5;}.scr-aurora i.b1{top:-12%;left:-18%;background:var(--violet);}.scr-aurora i.b2{top:34%;right:-24%;background:var(--cyan);opacity:0.32;}.scr-aurora i.b3{bottom:-16%;left:12%;background:var(--indigo);}.s-greet{font-size:11.5px;color:var(--text-3);letter-spacing:0.02em;}.s-h1{font-size:20px;font-weight:600;letter-spacing:-0.02em;margin:2px 0 0;}.s-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#312E81,#8B5CF6);display:grid;place-items:center;font-size:13px;font-weight:600;box-shadow:0 6px 16px rgba(139,92,246,0.45);}.s-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}.s-label{font-size:13.5px;font-weight:600;}.s-link{font-size:11.5px;color:var(--text-3);}.s-chips{display:flex;gap:8px;overflow:hidden;}.s-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;border-radius:15px;min-width:62px;background:var(--glass-quiet);border:1px solid var(--glass-border);font-size:11.5px;color:var(--text-2);}.s-chip.active{background:linear-gradient(180deg,rgba(139,92,246,0.30),rgba(139,92,246,0.05));border-color:rgba(139,92,246,0.5);color:#fff;}.s-hero-card{position:relative;border-radius:20px;overflow:hidden;padding:16px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#3F1D5E,#7C3AED);border:1px solid var(--glass-border);box-shadow:0 18px 44px rgba(192,132,252,0.30);}.s-hero-card .glow{position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,0.7),transparent 70%);filter:blur(28px);}.s-tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;background:rgba(192,132,252,0.22);color:#E9D5FF;border:1px solid rgba(192,132,252,0.4);}.s-hero-card h3{margin:10px 0 4px;font-size:21px;font-weight:600;letter-spacing:-0.02em;}.s-hero-card .desc{font-size:11.5px;color:rgba(255,255,255,0.78);max-width:80%;}.s-mono{font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;font-weight:500;}.s-play{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.96);color:#2D2152;display:grid;place-items:center;box-shadow:0 6px 22px rgba(192,132,252,0.7);}.s-grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px;}.s-qcard{padding:12px;border-radius:16px;display:flex;flex-direction:column;gap:9px;background:var(--glass);border:1px solid var(--glass-border);}.s-qicon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;}.s-qcard .qt{font-size:12.5px;font-weight:600;}.s-qcard .qs{font-size:10px;color:var(--text-4);margin-top:1px;}.s-freq{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);}.s-freq .orb{width:40px;height:40px;border-radius:13px;flex-shrink:0;}.s-freq .ft{flex:1;min-width:0;}.s-freq .fn{font-size:13.5px;font-weight:600;}.s-freq .fd{font-size:10.5px;color:var(--text-4);}.s-mix{display:grid;grid-template-columns:1fr 1fr;gap:11px;}.s-tile{position:relative;border-radius:16px;padding:12px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;background:var(--glass);border:1px solid var(--glass-border);overflow:hidden;}.s-tile.on{border-color:rgba(94,234,212,0.5);background:linear-gradient(160deg,rgba(94,234,212,0.22),rgba(94,234,212,0.02));}.s-tile .tic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;}.s-tile .tn{font-size:12px;font-weight:600;}.s-tile .track{height:4px;border-radius:2px;background:rgba(255,255,255,0.1);margin-top:8px;position:relative;}.s-tile .track i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;}.s-dot{width:17px;height:17px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.2);}.s-dot.on{background:var(--teal);border-color:var(--teal);}.glass{position:relative;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 var(--inner-hi);} .s-breath{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:26px;}.s-orb{width:190px;height:190px;border-radius:50%;position:relative;display:grid;place-items:center;}.s-orb .ring{position:absolute;border-radius:50%;}.s-orb .r1{inset:0;background:radial-gradient(circle,rgba(94,234,212,0.22),transparent 70%);border:1px solid rgba(94,234,212,0.4);box-shadow:0 0 60px rgba(94,234,212,0.35);}.s-orb .r2{inset:26px;border:1px solid rgba(94,234,212,0.25);}.s-orb .core{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#fff,var(--teal) 70%);box-shadow:0 0 40px rgba(94,234,212,0.7);}.s-breath .phase{font-size:23px;font-weight:500;letter-spacing:-0.01em;}.s-breath .pat{font-size:11.5px;color:var(--text-3);} .s-player{display:flex;flex-direction:column;align-items:center;height:100%;gap:2px;}.s-visual{width:188px;height:188px;border-radius:50%;position:relative;display:grid;place-items:center;margin:14px 0 8px;}.s-visual .vring{position:absolute;border-radius:50%;border:1px solid;}.s-visual .sleep-moon{filter:drop-shadow(0 0 14px rgba(129,140,248,0.6));}.s-seek{width:84%;height:4px;border-radius:3px;background:rgba(255,255,255,0.12);margin-top:14px;position:relative;}.s-seek-fill{position:absolute;left:0;top:0;bottom:0;width:65%;border-radius:3px;background:linear-gradient(90deg,#818CF8,#A78BFA);box-shadow:0 0 10px rgba(129,140,248,0.6);}.s-seek-row{width:84%;display:flex;justify-content:space-between;margin-top:7px;color:var(--text-4);}.s-controls{display:flex;align-items:center;gap:24px;margin-top:18px;}.s-cbtn{color:var(--text-2);}.s-cmain{width:60px;height:60px;border-radius:50%;background:var(--grad-primary);display:grid;place-items:center;box-shadow:0 12px 30px rgba(139,92,246,0.5);} .s-tscript{margin-top:16px;display:flex;flex-direction:column;gap:14px;}.tline{font-family:var(--serif);font-size:18px;line-height:1.35;letter-spacing:0.01em;margin:0;color:var(--text-4);transition:color .5s var(--ease),opacity .5s var(--ease);}.tline.active{color:#fff;}.tline.dim{opacity:0.55;} .s-tabbar{position:absolute;left:13px;right:13px;bottom:13px;z-index:35;display:flex;padding:6px;border-radius:22px;background:rgba(15,18,35,0.6);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--glass-border);box-shadow:0 14px 40px rgba(0,0,0,0.45);}.s-tabbar .tb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:16px;font-size:8.5px;color:var(--text-faint);}.s-tabbar .tb.active{color:#fff;background:linear-gradient(180deg,rgba(139,92,246,0.32),rgba(34,211,238,0.16));border:1px solid var(--glass-border-strong);box-shadow:0 0 22px rgba(139,92,246,0.4);}@media (max-width:600px){.device{--w:262px;}.wm-name{font-size:20px;}.store-pill span{display:none;}.store-pill{padding:9px;}.rail{right:14px;}}