@property --accent{syntax: "<color>"; inherits: true; initial-value: #6fd3e0;}@property --blob-a{syntax: "<color>"; inherits: true; initial-value: #155e8a;}@property --blob-b{syntax: "<color>"; inherits: true; initial-value: #0f7d74;}@property --blob-c{syntax: "<color>"; inherits: true; initial-value: #1b2f5e;}:root{--header-h: 60px;--bg: #0a0d14;--text: #e9edf5;--text-dim: #99a3b8;--card: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .09);--radius: 20px;--max-w: 1060px;--accent: #6fd3e0;--blob-a: #155e8a;--blob-b: #0f7d74;--blob-c: #1b2f5e;color-scheme:dark}body[data-mood=focus]{--accent: #94aaff;--blob-a: #2c3a78;--blob-b: #1e2650;--blob-c: #45338f}body[data-mood=sleep]{--accent: #c5b3ff;--blob-a: #3a2769;--blob-b: #1d1542;--blob-c: #251b54}body[data-mood=energize]{--accent: #ffb56f;--blob-a: #8f4116;--blob-b: #7e2046;--blob-c: #5e2b0f}body[data-mood=cozy]{--accent: #ff9f64;--blob-a: #6d3414;--blob-b: #482110;--blob-c: #7e2c1b}body[data-mood=nature]{--accent: #95dba3;--blob-a: #1e5c31;--blob-b: #11412b;--blob-c: #306c20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:--accent 1.2s ease,--blob-a 1.8s ease,--blob-b 1.8s ease,--blob-c 1.8s ease}img,svg{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in oklab,var(--accent) 40%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 800px at 70% -10%,rgba(255,255,255,.04),transparent 60%),var(--bg)}.bg span{position:absolute;width:58vmax;height:58vmax;background:radial-gradient(circle closest-side,var(--blob) 0%,transparent 72%);opacity:.55}.bg span:nth-child(1){--blob: var(--blob-a);top:-22%;left:-12%;animation:drift-a 34s ease-in-out infinite alternate}.bg span:nth-child(2){--blob: var(--blob-b);bottom:-28%;right:-14%;animation:drift-b 41s ease-in-out infinite alternate}.bg span:nth-child(3){--blob: var(--blob-c);top:30%;left:42%;width:40vmax;height:40vmax;opacity:.4;animation:drift-c 47s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(9vw,7vh) scale(1.12)}}@keyframes drift-b{to{transform:translate(-8vw,-6vh) scale(1.08)}}@keyframes drift-c{to{transform:translate(-10vw,8vh) scale(.92)}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,4vw,40px);background:#0a0d14d1;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;color:var(--text);text-decoration:none;font-size:17px}.brand-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 75%),#ffffff1f;box-shadow:0 0 14px var(--accent)}.site-nav{display:flex;gap:clamp(12px,3vw,28px)}.site-nav a{color:var(--text-dim);text-decoration:none;font-size:14px;transition:color .2s}.site-nav a:hover{color:var(--text)}.lang-switch{display:flex;align-items:center}.lang-switch select{appearance:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-dim);font:inherit;font-size:13px;padding:4px 28px 4px 10px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0ae' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.lang-switch select:hover,.lang-switch select:focus-visible{color:var(--text);border-color:#ffffff38;outline:none}.lang-switch select option{background:#12161f;color:var(--text)}main{max-width:var(--max-w);margin:0 auto;padding:calc(var(--header-h) + clamp(40px,8vh,90px)) clamp(16px,4vw,40px) 40px}section{scroll-margin-top:calc(var(--header-h) + 24px)}.hero{text-align:center}.hero h1{margin:0;font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-.02em}.hero h1 em{font-style:normal;color:var(--accent)}.tagline{margin:18px auto 0;max-width:560px;color:var(--text-dim);font-size:clamp(15px,2vw,18px)}.player{margin:clamp(28px,5vh,48px) auto 0;max-width:780px;background:var(--card);border:1px solid var(--card-border);border-top-color:color-mix(in oklab,var(--accent) 30%,var(--card-border));border-radius:var(--radius);padding:clamp(18px,3vw,30px);background-color:#0f131cb8;box-shadow:0 24px 60px #00000059;text-align:left}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mood-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 12px;border-radius:14px;border:1px solid transparent;background:#ffffff0a;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:background .25s,border-color .25s,transform .15s,box-shadow .3s}.mood-btn:hover{background:#ffffff14;transform:translateY(-1px)}.mood-btn:active{transform:translateY(0) scale(.99)}.mood-btn[aria-pressed=true]{border-color:color-mix(in oklab,var(--accent) 60%,transparent);background:color-mix(in oklab,var(--accent) 14%,rgba(255,255,255,.03));box-shadow:0 0 24px color-mix(in oklab,var(--accent) 22%,transparent)}.mood-emoji{font-size:22px}.mood-name{font-weight:650;font-size:15px}.mood-sound{font-size:12.5px;color:var(--text-dim)}.controls{display:flex;align-items:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.play-btn{width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#0a0d14;background:var(--accent);box-shadow:0 6px 24px color-mix(in oklab,var(--accent) 45%,transparent);transition:transform .15s,box-shadow .3s;flex:none}.play-btn:hover{transform:scale(1.05)}.now-playing{display:flex;flex-direction:column;min-width:120px}.now-title{font-weight:650}.now-status{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.eq{display:flex;align-items:flex-end;gap:3px;height:20px}.eq span{width:4px;height:100%;border-radius:2px;background:var(--accent);transform-origin:bottom;transform:scaleY(.15);animation:eq .9s ease-in-out infinite alternate}.eq span:nth-child(2){animation-delay:.18s}.eq span:nth-child(3){animation-delay:.32s}.eq span:nth-child(4){animation-delay:.5s}@keyframes eq{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}body:not([data-playing=true]) .eq span{animation-play-state:paused;transform:scaleY(.15);opacity:.5}.volume{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:140px;flex:1;max-width:220px;color:var(--text-dim)}.volume input{width:100%;accent-color:var(--accent)}.hint{margin:14px 0 0;font-size:13.5px;color:var(--text-dim)}.section{margin-top:clamp(60px,10vh,110px)}.section h2{margin:0 0 16px;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.01em}.section p{color:var(--text-dim);max-width:720px;margin:0 0 14px}.section p strong{color:var(--text)}.faq details{border:1px solid var(--card-border);border-radius:14px;background:var(--card);padding:0 18px;margin-bottom:10px;max-width:720px}.faq summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:20px;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding-bottom:14px;margin:0;color:var(--text-dim)}.ad-slot{margin:clamp(40px,7vh,70px) auto 0;min-height:110px;display:flex;align-items:center;justify-content:center}.ad-slot--placeholder{flex-direction:column;gap:4px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:#ffffff05;color:var(--text-dim)}.ad-slot__tag{font-size:10px;letter-spacing:.28em;text-transform:uppercase;opacity:.7}.ad-slot__note{font-size:13px}.ad-slot__note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--text)}.ad-slot ins.adsbygoogle{display:block;width:100%}.ad-slot:has(ins.adsbygoogle[data-ad-status=unfilled]){display:none}.site-footer{border-top:1px solid rgba(255,255,255,.06);margin-top:clamp(60px,10vh,110px);padding:28px clamp(16px,4vw,40px) 40px;text-align:center;color:var(--text-dim);font-size:13.5px}.site-footer p{margin:0}.site-footer a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}.prose{max-width:720px}.prose h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.02em;margin:0 0 8px}.prose .updated{color:var(--text-dim);font-size:13px;margin:0 0 28px}.prose h2{margin:28px 0 10px;font-size:22px}.prose p,.prose li{color:var(--text-dim)}.prose p{margin:0 0 12px}.prose ul{padding-left:20px;margin:0 0 12px}.prose a{color:var(--accent)}.prose strong{color:var(--text)}@media(max-width:640px){.mood-grid{grid-template-columns:repeat(2,1fr)}.volume{max-width:none}.site-nav a{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg span,.eq span{animation:none}}