:root{--blue:#6678e8;--paper:#edf0f5;--ink:#171d36;--muted:#747b91;--line:#dce1eb;--soft:#e5e9f1;--white:#f8f9fc;--blue-wash:#e2e7ff;--shadow:0 22px 65px #28365d12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6.3vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-.7px}.brand-light{font-weight:500;color:#888b87}.brand-mark{height:23px;display:flex;align-items:center;gap:3px}.brand-mark i{display:block;width:3px;border-radius:5px;background:var(--blue);height:10px;animation:wave 1.5s ease-in-out infinite}.brand-mark i:nth-child(2){height:20px;animation-delay:.15s}.brand-mark i:nth-child(3){height:14px;animation-delay:.3s}.brand-mark i:nth-child(4){height:7px;animation-delay:.45s}@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}.top-note,.about-link,.tiny-label,.eyebrow,.prompt-counter,.results-meta,.sort-control,.saved-head>span,footer>span,.back-top{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:1.15px;color:var(--muted)}.top-note{display:flex;align-items:center;gap:9px}.live-dot,.blue-dot{height:6px;width:6px;background:var(--blue);border-radius:50%;display:inline-block}.live-dot{box-shadow:0 0 0 4px #6678e812}.about-link{color:var(--ink);text-decoration:none}.about-link span{color:var(--blue);margin-left:8px}.hero{padding:76px 6.3vw 60px;max-width:1440px;margin:auto}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span:first-child{color:var(--blue)}.eyebrow-line{width:34px;height:1px;background:#b9bab5}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px}.hero h1{font-size:clamp(62px,8.5vw,116px);line-height:.94;letter-spacing:-.09em;margin:30px 0 22px;font-weight:700}.hero h1 em,.about-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue);letter-spacing:-.08em}.hero-copy{max-width:460px;font-size:15px;line-height:1.85;color:#626763;margin:0 0 30px}.orbit-art{height:300px;max-width:420px;width:100%;justify-self:end;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #6678e835;border-radius:50%;aspect-ratio:1;transform:rotate(-28deg)}.orbit-a{width:77%;border-color:#6678e870}.orbit-b{width:98%;transform:rotate(28deg) scaleY(.7);border-color:#6678e845}.orbit-c{width:62%;border-style:dashed;animation:spin 38s linear infinite}@keyframes spin{to{transform:rotate(332deg)}}.orbit-core{width:110px;height:110px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font:800 26px "DM Mono",monospace;box-shadow:0 0 0 13px #6678e80c,0 0 0 28px #6678e808;z-index:1}.orbit-label{position:absolute;font:9px "DM Mono",monospace;letter-spacing:1px;color:#7e817d;background:var(--paper);padding:4px 6px}.label-top{top:35px;right:26px}.label-bottom{bottom:31px;left:17px}.orbit-cross{position:absolute;color:var(--blue);font-size:22px}.cross-a{top:52px;left:53px}.cross-b{right:51px;bottom:54px;font-size:26px}
.prompt-box{background:#fff;border:1px solid #e2e1dc;border-radius:12px;padding:22px 23px 18px;max-width:880px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.prompt-box:focus-within{border-color:#8eafff;box-shadow:0 22px 65px #6678e813}.prompt-top,.prompt-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.prompt-counter{color:#999c97}.prompt-counter .blue-dot{margin-left:7px}textarea{display:block;width:100%;resize:vertical;min-height:85px;background:transparent;border:0;outline:0;color:var(--ink);font:500 18px/1.65 Manrope,sans-serif;padding:18px 0 16px}textarea::placeholder{color:#a0a19c}.prompt-bottom{border-top:1px solid #e9e8e3;padding-top:15px}.hint{font-size:11px;color:#858983}.spark{color:var(--blue);font-size:15px;margin-right:6px}.discover-btn{border:0;background:var(--blue);color:white;border-radius:6px;padding:13px 17px;font:800 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap;transition:transform .2s,background .2s}.discover-btn:hover{transform:translateY(-2px);background:#5668d4}.discover-btn span{font-size:16px;margin-left:15px}.quick-picks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.quick-picks .tiny-label{margin-right:7px}.chip{border:1px solid #d9d8d2;background:transparent;color:#626661;padding:8px 12px;border-radius:50px;font:10px "DM Mono",monospace;cursor:pointer;transition:.2s}.chip:hover,.chip:focus-visible{border-color:var(--blue);color:var(--blue);background:var(--blue-wash);outline:none}
.results-section{padding:56px 6.3vw 76px;border-top:1px solid var(--line);background:#f2f1ed}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto 24px}.section-heading h2,.saved-head h2{font-size:clamp(25px,3.5vw,40px);letter-spacing:-1.8px;margin:15px 0 0}.results-meta{padding-bottom:7px}.filter-row{max-width:1440px;margin:0 auto 19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.filter-copy{display:flex;align-items:center;gap:9px;color:#7a7d77;font-size:11px}.filter-pulse{height:6px;width:6px;background:var(--blue);border-radius:50%}.sort-control{display:flex;align-items:center;gap:9px}.sort-control select{font:11px Manrope,sans-serif;border:1px solid #d9d8d2;background:transparent;color:#424641;padding:7px 9px;border-radius:5px;outline-color:var(--blue)}.track-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.track-card{border:1px solid #e2e1dc;background:var(--paper);border-radius:9px;overflow:hidden;min-width:0;animation:appear .4s both;transition:transform .25s,border-color .25s,box-shadow .25s}.track-card:hover{transform:translateY(-4px);border-color:#bdcfff;box-shadow:0 12px 35px #142b5c0a}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.art-wrap{aspect-ratio:1/1;position:relative;background:linear-gradient(135deg,#d9e4ff,#c4c9d1 48%,#f0d9cb);overflow:hidden}.art-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.track-card:hover .art-wrap img{transform:scale(1.04)}.art-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:46px;color:var(--blue);background:radial-gradient(circle at 30% 25%,#dfe8ff,#b8c8f1 45%,#d8d8d2)}.track-number{position:absolute;top:11px;left:11px;background:#edf0f5e8;border:1px solid #ffffffa6;border-radius:4px;padding:5px 7px;color:var(--ink);font:9px "DM Mono",monospace;backdrop-filter:blur(8px)}.play-preview{position:absolute;right:11px;bottom:11px;width:40px;height:40px;border:0;border-radius:50%;background:var(--blue);color:white;font-size:14px;cursor:pointer;box-shadow:0 5px 20px #00184d26;transition:transform .2s}.play-preview:hover{transform:scale(1.08)}.track-info{padding:14px}.track-kicker{font:9px "DM Mono",monospace;letter-spacing:1px;color:var(--blue);text-transform:uppercase;margin-bottom:8px}.track-title{font-size:14px;line-height:1.4;font-weight:800;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:11px;color:#7b7e79;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-actions{display:flex;align-items:center;gap:7px;margin-top:14px}.action-btn{flex:1;background:transparent;border:1px solid #ddddd6;border-radius:5px;padding:8px 4px;color:#6d716b;font:9px "DM Mono",monospace;cursor:pointer;transition:.2s}.action-btn:hover,.action-btn.active{border-color:var(--blue);color:var(--blue);background:var(--blue-wash)}.open-track{display:block;text-align:center;text-decoration:none;color:#5f635d;border-top:1px solid #e6e5df;padding:11px;font:9px "DM Mono",monospace;letter-spacing:.5px}.open-track:hover{color:var(--blue)}.empty-state{max-width:1440px;margin:0 auto;border:1px dashed #d4d3cd;border-radius:9px;min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#7a7d77;text-align:center}.empty-state[hidden]{display:none}.empty-glyph{font-size:30px;color:var(--blue);margin-bottom:4px}.empty-state strong{font-size:14px;color:#353934}.empty-state span{font-size:12px}.more-btn{display:block;margin:25px auto 0;background:var(--paper);color:var(--ink);border:1px solid #d7d6d0;border-radius:6px;padding:12px 17px;font:10px "DM Mono",monospace;cursor:pointer}.more-btn:hover{border-color:var(--blue);color:var(--blue)}.saved-section{padding:46px 6.3vw 65px;border-top:1px solid var(--line)}.saved-head{max-width:1440px;margin:15px auto 22px;display:flex;align-items:center;justify-content:space-between}.saved-head h2{margin:0}.saved-head>span{color:var(--blue)}.saved-list{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saved-row{display:flex;align-items:center;gap:13px;background:white;border:1px solid #e2e1dc;padding:10px;border-radius:7px;min-width:0}.saved-row img{width:48px;height:48px;object-fit:cover;border-radius:4px}.saved-row div{min-width:0;flex:1}.saved-row strong,.saved-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-row strong{font-size:12px}.saved-row small{color:var(--muted);font-size:11px;margin-top:4px}.saved-row a{color:var(--blue);text-decoration:none;font:10px "DM Mono",monospace}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 8vw;display:grid;grid-template-columns:75px 1fr 1fr;align-items:center;gap:28px;background:var(--paper)}.about-stamp{height:62px;width:62px;border:1px solid #cbd8f7;border-radius:50%;display:grid;place-items:center;position:relative;color:var(--blue);font:700 16px "DM Mono",monospace}.about-stamp i{position:absolute;right:-5px;top:-8px;background:var(--paper);font-style:normal;font-size:22px}.about-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-2px;margin:14px 0 0}.about-section p{font-size:12px;line-height:1.95;color:#777b75;max-width:390px;margin:0}footer{padding:24px 6.3vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:12px}.footer-brand .brand-mark{transform:scale(.8);transform-origin:left center}.back-top{color:var(--blue);text-decoration:none}.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}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr .7fr}.orbit-art{transform:scale(.85);transform-origin:center right}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-section{grid-template-columns:60px 1fr;gap:20px}.about-section p{grid-column:2}}
@media(max-width:700px){.topbar{padding:0 22px}.top-note{display:none}.hero{padding:55px 22px 48px}.hero-grid{display:block}.hero h1{font-size:clamp(58px,13vw,86px);margin-top:27px}.hero-copy{font-size:14px}.orbit-art{height:160px;width:210px;position:absolute;right:0;top:175px;opacity:.75;transform:scale(.7);transform-origin:top right;pointer-events:none}.hero{position:relative}.hero-grid>div:first-child{position:relative;z-index:1}.hero-copy{max-width:340px}.prompt-box{position:relative;z-index:1;padding:17px}.prompt-bottom{align-items:flex-start;flex-direction:column}.discover-btn{width:100%;display:flex;justify-content:space-between;align-items:center}.quick-picks{gap:7px}.quick-picks .tiny-label{width:100%;margin-bottom:4px}.results-section{padding:42px 22px 55px}.section-heading{align-items:flex-start;flex-direction:column}.results-meta{padding:0}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.track-info{padding:10px}.track-title{font-size:12px}.track-actions{gap:4px}.action-btn{font-size:8px;padding:8px 2px}.play-preview{width:35px;height:35px}.filter-row{align-items:flex-start;flex-direction:column}.saved-section{padding:40px 22px}.saved-list{grid-template-columns:1fr}.about-section{padding:45px 24px;grid-template-columns:42px 1fr;gap:17px}.about-stamp{height:42px;width:42px;font-size:12px}.about-copy h2{font-size:36px}.about-section p{font-size:12px}footer{padding:22px;flex-wrap:wrap}footer>span,.back-top{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


.ai-note{max-width:1440px;margin:0 auto 18px;padding:13px 15px;border:1px solid #cddaff;background:#edf2ff;border-radius:7px;color:#485575;font-size:12px;line-height:1.65}
.ai-note strong{color:var(--blue);font-weight:800}.ai-note[hidden]{display:none}
.action-btn:disabled{opacity:.45;cursor:not-allowed}

/* Softer pearl-lavender theme */
body{background:radial-gradient(ellipse at 70% 10%,#e5e9ff 0,transparent 32%),var(--paper)}
.prompt-box,.track-card,.saved-row{background:rgba(249,250,253,.88);border-color:#e0e4ef}
.prompt-box{border-radius:20px}
.discover-btn{border-radius:999px}
.chip{border-radius:999px;background:#f5f6fb;border-color:#dfe3ef}
.track-card{border-radius:16px;overflow:hidden;box-shadow:0 12px 34px #29365c0a}
.art-wrap img{border-radius:12px}
.ai-note{background:#e5e9fb;border-color:#d3daf9;color:#424d78;border-radius:14px}
.empty-state{border-radius:18px;border-color:#cfd5e4}