:root{--bg:#161614;--surface:#22221e;--ink:#f5f1e8;--muted:#b4afa4;--accent:#e7a16b;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;font-size:23px;font-weight:650;letter-spacing:-1px}.brand i{font-style:normal;color:#767168;margin:0 16px}.brand strong{font:italic 30px Georgia,serif}.violet{color:#c7adff}nav,footer>div{display:flex;gap:28px}nav a{font-size:14px;color:var(--muted)}nav a:hover{color:var(--ink)}.nav-end{font-size:12px;color:var(--muted)}.status{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin:0 7px}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:8px}.hero{max-width:1440px;margin:auto;min-height:790px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;padding:90px 5% 100px;background:radial-gradient(ellipse at 85% 40%,#70412225,transparent 55%)}.eyebrow{font:11px/1.7 ui-monospace,monospace;letter-spacing:2px;color:var(--accent);margin:0 0 30px}h1,h2{font:normal clamp(64px,6.8vw,104px)/1.02 Georgia,serif;letter-spacing:-4px;margin:0 0 30px}em{color:var(--accent);font-weight:normal}p{color:var(--muted)}.lede{font-size:21px;line-height:1.55;color:var(--ink)}.hero-copy>p:not(.eyebrow){max-width:490px}.actions{display:flex;align-items:center;gap:26px;margin:34px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:54px;padding:14px 25px;background:var(--accent);color:#21170f;border-radius:5px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#f5ba8d;transform:translateY(-2px)}small{font-size:11px;color:var(--muted);display:block}.text-link{font-size:14px;border-bottom:1px solid #e7a16b65;padding-bottom:5px}.instrument{position:relative;perspective:1000px;padding:36px 0 20px}.stage-label{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);text-align:center;margin-bottom:28px}.deck{position:relative;border:1px solid #b8ab9350;border-radius:20px;background:linear-gradient(140deg,#37352e,#22231f 65%);padding:26px 30px;box-shadow:0 35px 65px #0007,inset 0 1px #ffffff30;transform:rotateY(-8deg) rotateX(7deg) rotateZ(4deg)}.deck-top,.deck-bottom,.deck-times{display:flex;justify-content:space-between;align-items:center}.deck-top{font:12px Georgia,serif;color:#d1c6b2;letter-spacing:2px}.lamp{width:6px;height:6px;background:#aac595;border-radius:50%;box-shadow:0 0 14px #aac595}.record{width:82%;aspect-ratio:1;margin:27px auto 30px;border-radius:50%;background:repeating-radial-gradient(circle,#131311 0 2px,#272823 3px,#11110f 4px);box-shadow:0 14px 20px #0008;display:grid;place-items:center;animation:spin 24s linear infinite;position:relative}.record:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff12,transparent,#ffffff07,transparent)}.label{width:36%;aspect-ratio:1;border-radius:50%;background:#b46738;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#23170f;z-index:1}.label span{font:10px ui-monospace,monospace;letter-spacing:3px}.label b{font:italic 27px Georgia,serif}.label small{font:6px ui-monospace,monospace;color:#241911;letter-spacing:1px}.tonearm{position:absolute;top:85px;right:32px;width:18px;height:220px;background:linear-gradient(90deg,#605b4e,#d6d0c0,#70695c);border-radius:20px;transform:rotate(28deg);transform-origin:top;box-shadow:4px 3px 7px #0007}.tonearm:after{content:"";position:absolute;bottom:-8px;left:-4px;width:25px;height:38px;background:#ccc6b8;border-radius:3px}.deck-bottom h3{font:24px Georgia,serif;margin:4px 0}.deck-bottom span{font-size:12px;color:var(--muted)}.deck-bottom small{letter-spacing:2px;font-size:8px}.play-toggle{width:50px;height:50px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff08;color:var(--ink);display:grid;place-items:center}.play-toggle svg{width:20px;height:20px}.progress{height:2px;background:#ffffff20;margin-top:23px}.progress i{display:block;width:38%;height:100%;background:var(--accent)}.deck-times{font:9px ui-monospace,monospace;color:var(--muted);margin-top:7px}.stage-note{display:block;font:italic 19px Georgia,serif;text-align:center;margin-top:35px;color:var(--accent)}.illustration-note{text-align:center;margin-top:10px;font-size:10px}.ribbon{display:flex;justify-content:center;gap:60px;padding:25px;border-block:1px solid var(--line);font:italic 21px Georgia,serif;color:#d4cbbb}.ribbon i{color:var(--accent)}.section{max-width:1300px;margin:auto;padding:110px 5%}.section h2{font-size:clamp(42px,5vw,70px);letter-spacing:-2px}.section-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px}.section-intro>p{max-width:350px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.features article{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.number{font:11px ui-monospace,monospace;color:var(--accent)}.features h3{font:25px Georgia,serif;margin:25px 0 15px}.features p{font-size:14px;margin:0}.search-demo,.queue-demo,.mode-demo{height:155px;margin-top:15px;display:flex;align-items:center;justify-content:center;background:#161614;border:1px solid var(--line);border-radius:8px}.search-demo{flex-direction:column;gap:12px;font-size:14px}.search-demo span:first-child{color:var(--accent);font:11px ui-monospace,monospace}.queue-demo{flex-direction:column;align-items:stretch;padding:18px;gap:15px;font-size:11px}.queue-demo span{display:flex;gap:10px}.queue-demo b{font-weight:400;color:var(--accent)}.queue-demo i{margin-left:auto;color:var(--muted);font-style:normal}.mode-demo{position:relative;gap:4px;align-items:flex-start;padding:12px}.mode{z-index:1;border:0;border-radius:4px;background:transparent;color:var(--muted);padding:10px;font-size:11px;min-height:44px}.mode.active{background:#4a3425;color:var(--ink)}.mode-orb{position:absolute;top:65px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffc89d,#a9673c 60%,#302319);box-shadow:0 0 30px #c56a2d25;transition:background .3s}.mode-demo[data-current="Ambient"] .mode-orb{background:radial-gradient(circle at 30% 25%,#bdd2ad,#66725a 60%,#283422)}.mode-demo[data-current="Deck"] .mode-orb{background:repeating-radial-gradient(circle,#333 0 3px,#111 4px);border:10px solid #333}.quiet{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.quiet p{max-width:450px}.privacy-art{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.privacy-circle{width:270px;height:270px;border:1px solid #e7a16b40;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-shadow:0 0 0 25px #e7a16b04,0 0 0 50px #e7a16b03}.privacy-circle img{border-radius:22px}.privacy-circle span{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--accent)}.privacy-art p{font:italic 20px/1.5 Georgia,serif;margin-top:42px}.release{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at center,#68432b20,transparent 60%)}.release>img{border-radius:16px;margin-bottom:30px}.release small{margin-top:22px}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:45px 5%;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer>p{text-align:right;margin:0}footer>div{font-size:13px}footer>small{text-align:right}.legal{max-width:1000px;margin:auto;padding:85px 5%}.legal h1{font-size:clamp(50px,6vw,80px);letter-spacing:-3px}.legal .lede{max-width:750px}.legal section{padding:30px 0;border-top:1px solid var(--line)}.legal h2{font:28px/1.3 Georgia,serif;letter-spacing:-.5px;margin:0 0 16px}.legal p,.legal li{color:var(--muted)}.legal a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:4px}.legal .policy-nav{display:flex;flex-wrap:wrap;gap:18px;margin:35px 0}.legal details{border-top:1px solid var(--line);padding:20px 0}.legal summary{cursor:pointer;font-size:18px;color:var(--ink);min-height:44px}.notice{padding:25px;background:var(--surface);border-left:2px solid var(--accent);margin:30px 0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){header{flex-wrap:wrap;padding:22px 6%;gap:18px}.brand{font-size:20px}.brand strong{font-size:25px}.nav-end{display:none}nav{gap:22px}.hero{grid-template-columns:1fr;padding:60px 6%;gap:55px;min-height:0}h1{font-size:clamp(58px,11vw,86px);letter-spacing:-3px}.instrument{max-width:480px;width:100%;margin:auto}.deck{transform:rotateZ(2deg);padding:22px}.tonearm{height:180px;right:25px}.ribbon{gap:20px;font-size:16px;padding:20px 12px}.section{padding:65px 6%}.section-intro,.quiet{grid-template-columns:1fr;gap:25px}.features{grid-template-columns:1fr}.quiet{gap:65px}.privacy-circle{width:230px;height:230px}.legal{padding:55px 6%}footer{grid-template-columns:1fr;padding:35px 6%}footer>p,footer>small{text-align:left}.actions{flex-wrap:wrap}.lede{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:root{--scene:#b8c4bb}
.focus-scene,.ambient-scene,.mini-deck{height:190px;margin-top:20px;border-radius:9px;overflow:hidden;position:relative;background:#141413;display:flex;align-items:center;justify-content:center;gap:20px}.focus-scene span{font:italic 18px/1.4 Georgia,serif}.cover-shape{width:80px;height:100px;border-radius:7px;background:linear-gradient(135deg,#dfc5ab,#676957 50%,#2e3835);box-shadow:0 8px 20px #0007}.ambient-scene{background:radial-gradient(ellipse at 20% 25%,#4d6259,transparent 70%),radial-gradient(ellipse at 90% 100%,#765764,#17171c)}.ambient-scene span{font:italic 22px Georgia,serif;z-index:1}.ambient-scene i{position:absolute;width:35px;height:35px;border:1px solid #ffffff40;border-radius:50%}.ambient-scene i:nth-child(1){top:25px;left:22px}.ambient-scene i:nth-child(2){bottom:15px;right:20px;width:55px;height:55px}.ambient-scene i:nth-child(3){top:20px;right:50px;width:15px;height:15px}.mini-deck>div{width:150px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#171714 0 2px,#3c3a32 3px,#111 4px)}.mini-deck>div:after{content:"";display:block;width:42px;height:42px;margin:54px;border-radius:50%;background:var(--accent)}.mini-deck i{position:absolute;width:10px;height:110px;background:linear-gradient(90deg,#777,#e6e0cd,#666);right:35px;top:35px;transform:rotate(25deg);border-radius:10px}.atmosphere-section{border-top:1px solid var(--line)}.mood-picker{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 20px}.mood-picker button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:30px;padding:12px 24px;min-height:44px}.mood-picker button.chosen{background:var(--ink);color:var(--bg)}.mood-preview{position:relative;min-height:440px;overflow:hidden;background:#17221f;border:1px solid #ffffff20;border-radius:18px;display:grid;place-items:center;transition:background .4s}.mood-preview[data-mood="Romance"]{background:#38202c;--scene:#cc91aa}.mood-preview[data-mood="Prism"]{background:#252340;--scene:#a59fe8}.mood-preview[data-mood="Groove"]{background:#213637;--scene:#74beb4}.mood-preview[data-mood="Ember"]{background:#38281e;--scene:#dca16d}.mood-cloud{position:absolute;width:65%;height:90%;background:radial-gradient(ellipse,var(--scene),transparent 65%);opacity:.3;animation:drift 12s ease-in-out infinite alternate}.cloud-a{left:-15%;top:-20%}.cloud-b{right:-20%;bottom:-35%;animation-delay:-6s}.mood-player{position:relative;padding:42px;border:1px solid #ffffff30;background:#ffffff07;border-radius:16px;text-align:center;backdrop-filter:blur(12px);width:min(85%,440px)}.mood-player .eyebrow{font-size:9px}.mood-player h3{font:italic 58px Georgia,serif;margin:15px 0;color:#f5f1e8}.mood-player p{font-size:13px;color:#e0ddd5}.player-line{display:block;height:2px;width:70%;margin:25px auto 0;background:linear-gradient(90deg,var(--scene) 40%,#ffffff30 40%)}.mood-symbols span{position:absolute;font-size:42px;color:var(--scene);opacity:.35;animation:drift 9s ease-in-out infinite alternate}.mood-symbols span:nth-child(1){top:12%;left:10%}.mood-symbols span:nth-child(2){bottom:15%;left:15%}.mood-symbols span:nth-child(3){top:15%;right:20%}.mood-symbols span:nth-child(4){bottom:20%;right:12%}.mood-symbols span:nth-child(5){top:55%;right:27%}.mood-caption{position:absolute;bottom:14px;text-align:center;font-size:10px;color:#d0cbc1}.scene-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:24px}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid var(--line)}.personal-grid h2{font-size:clamp(38px,4vw,55px)}.custom-preview{padding:32px;background:linear-gradient(135deg,#44362b,#24231f);border:1px solid #c2a98e50;border-radius:15px;margin-top:30px;box-shadow:0 15px 35px #0003}.custom-preview>span{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--accent)}.custom-preview h3{font:26px Georgia,serif}.custom-track{height:2px;background:linear-gradient(90deg,var(--accent) 40%,#ffffff30 40%)}.custom-controls{display:flex;justify-content:space-between;align-items:center;margin:24px 0;font-size:12px}.custom-controls b{border-radius:30px;background:var(--ink);color:var(--bg);padding:12px 23px}.custom-swatches{display:flex;gap:9px;margin:25px 0 12px}.custom-swatches i{width:16px;height:16px;border-radius:50%;background:#a98989}.custom-swatches i:nth-child(2){background:#b8764c}.custom-swatches i:nth-child(3){background:#d4c099}.custom-swatches i:nth-child(4){background:#e0ded9}.cat-room{position:relative;overflow:hidden;margin-top:30px;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:radial-gradient(ellipse at 30% 35%,#d5a46630,transparent 60%),linear-gradient(#302b23 78%,#44362a 78%);border:1px solid #c2a98e30;border-radius:15px}.cat-room img{position:relative;object-fit:contain;max-width:75%;height:250px;z-index:1}.room-window{position:absolute;top:25px;left:25px;width:78px;height:105px;border:6px solid #6e5841;border-radius:40px 40px 0 0;background:linear-gradient(#857e92,#bb9a83)}.cat-caption{padding:10px 0 17px;font:italic 17px Georgia,serif;color:#e8c8a7}.practical{border-top:1px solid var(--line);text-align:center}.practical p:last-child{max-width:680px;margin:0 auto}@keyframes drift{to{transform:translate(15px,-18px)}}@media(max-width:800px){.personal-grid{grid-template-columns:1fr;gap:65px}.mood-picker button{padding:10px 18px}.mood-preview{min-height:360px}.mood-player{padding:30px 15px}.mood-player h3{font-size:42px}.cat-room{min-height:290px}}
:root{--personal-card-height:310px}
@media(min-width:801px){.personal-grid{grid-template-rows:auto auto auto auto auto;column-gap:7%;row-gap:0;align-items:start}.personal-grid>article{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 5;min-width:0}.personal-grid>article>*{grid-column:1;min-width:0}.personal-grid>article>.eyebrow{grid-row:1}.personal-grid>article>h2{grid-row:2}.personal-grid>article>p:not(.scene-note):not(.eyebrow){grid-row:3;margin:0;align-self:start}.personal-grid .custom-preview,.personal-grid .cat-room{grid-row:4;margin-top:30px;min-height:var(--personal-card-height);align-self:stretch}.personal-grid .scene-note{grid-row:5}.personal-grid .cat-room img{height:250px}}
.mood-preview[data-mood="Atmosphere"]{background:#243237;--scene:#a4c7ca}.mood-preview[data-mood="Cinema"]{background:#272733;--scene:#acadd0}.mood-preview[data-mood="Nocturne"]{background:#1e2237;--scene:#b4bde4}.mood-preview[data-mood="Earth"]{background:#263125;--scene:#b4c39c}.mood-preview[data-mood="Radiance"]{background:#393222;--scene:#e1c989}.mood-preview[data-mood="Glimmer"]{background:#302a38;--scene:#d3bde2}.mood-symbols{position:absolute;inset:0;pointer-events:none}.mood-symbols .mood-particle{left:var(--x);top:var(--y);right:auto;bottom:auto;width:var(--size);height:var(--size);animation-delay:var(--delay);color:var(--scene);opacity:.43}.mood-particle svg{width:100%;height:100%;overflow:visible}.mood-symbols .filled{opacity:.58;filter:drop-shadow(1px 2px 2px #0004)}.mood-symbols .outline{opacity:.4}.mood-preview .mood-player{z-index:1}.mood-preview .mood-caption{z-index:1}
.mood-select-wrap{display:none;margin:28px 0 22px}.mood-select-wrap label{display:block;font-size:13px;color:var(--muted);margin-bottom:9px}.mood-select-wrap select{width:100%;min-height:52px;padding:12px 16px;border:1px solid #ffffff35;border-radius:8px;background:var(--surface);color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}.mood-select-wrap select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1100px){.mood-picker{display:none}.mood-select-wrap{display:block}}