:root{color-scheme:dark;--sp-ink:#f8f8f7;--sp-muted:rgba(248,248,247,.58);--sp-line:rgba(255,255,255,.13);--sp-glass:rgba(18,18,22,.46);--sp-control:rgba(255,255,255,.09);--sp-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)}html,body{background:#070709!important;color:var(--sp-ink)!important}body{overflow-x:hidden}.shell{width:min(1480px,calc(100% - 28px));position:relative;z-index:1}.ambient-art,.ambient-wash,.ambient-grain{position:fixed;inset:0;pointer-events:none}.ambient-art{z-index:-4;inset:-12vh -10vw;background-position:center;background-size:cover;filter:blur(92px) saturate(1.45) brightness(.54);transform:scale(1.16);opacity:.72;transition:background-image .7s ease}.ambient-wash{z-index:-3;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.12),transparent 30%),radial-gradient(circle at 78% 20%,rgba(102,90,130,.22),transparent 32%),radial-gradient(circle at 68% 82%,rgba(35,48,70,.32),transparent 36%),linear-gradient(180deg,rgba(6,6,9,.28),rgba(6,6,9,.86) 78%)}.ambient-grain{z-index:-2;opacity:.07;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{position:sticky!important;top:12px!important;z-index:30!important;min-height:68px!important;margin-top:12px!important;padding:0 14px 0 18px!important;border:1px solid var(--sp-line)!important;border-radius:24px!important;background:var(--sp-glass)!important;box-shadow:0 12px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(34px) saturate(140%);-webkit-backdrop-filter:blur(34px) saturate(140%)}.brand{color:var(--sp-ink)!important;font-weight:700!important}.top-actions{gap:8px!important}.icon-button,.secondary-button,.primary-button,.apple-button,.size-control{border:1px solid var(--sp-line)!important;background:var(--sp-control)!important;color:var(--sp-ink)!important;border-radius:999px!important;min-height:40px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}.apple-button,.primary-button{background:rgba(255,255,255,.92)!important;color:#101014!important;border-color:rgba(255,255,255,.48)!important;font-weight:680!important}.apple-button.connected{background:var(--sp-control)!important;color:var(--sp-ink)!important;border-color:var(--sp-line)!important}.intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,450px)!important;gap:40px!important;align-items:end!important;padding:86px 10px 44px!important}.eyebrow{margin:0 0 13px!important;text-transform:uppercase!important;letter-spacing:.2em!important;font-size:.66rem!important;font-weight:760!important;color:rgba(255,255,255,.64)!important}.intro h1{margin:0!important;font-family:"Avenir Next Condensed","Arial Narrow","SF Pro Display",sans-serif!important;font-stretch:condensed;font-size:clamp(4.1rem,8.3vw,8.8rem)!important;line-height:.75!important;letter-spacing:-.07em!important;font-weight:780!important;text-transform:uppercase!important;color:#fff!important;text-shadow:0 10px 40px rgba(0,0,0,.18)}.lede{margin:0 0 6px!important;color:var(--sp-muted)!important;font-size:clamp(.98rem,1.35vw,1.17rem)!important;line-height:1.5!important}.workspace{display:grid!important;grid-template-columns:350px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}.library-panel,.board-panel{position:relative!important;border:1px solid var(--sp-line)!important;background:var(--sp-glass)!important;box-shadow:var(--sp-shadow)!important;backdrop-filter:blur(34px) saturate(140%);-webkit-backdrop-filter:blur(34px) saturate(140%)}.library-panel{position:sticky!important;top:94px!important;padding:13px!important;min-height:640px!important;max-height:calc(100vh - 108px)!important;border-radius:24px!important}.board-panel{padding:16px!important;border-radius:30px!important}.library-panel:before,.board-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 28%,rgba(255,255,255,.015) 72%)}.source-tabs{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;padding:4px!important;gap:2px!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.1)!important}.source-tab{border:0!important;background:transparent!important;border-radius:999px!important;padding:9px 4px!important;font-size:.72rem!important;font-weight:680!important;color:var(--sp-muted)!important}.source-tab.active{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:0 2px 14px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.11)!important}.search-wrap{padding:11px 0 10px!important}.search-field input{height:46px!important;border-radius:15px!important;border:1px solid var(--sp-line)!important;background:rgba(0,0,0,.18)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}.search-field input::placeholder{color:rgba(255,255,255,.36)!important}.search-field input:focus{border-color:rgba(255,255,255,.32)!important;box-shadow:0 0 0 4px rgba(255,255,255,.055)!important}.search-icon{color:var(--sp-muted)!important}.results{position:relative;z-index:1;scrollbar-color:rgba(255,255,255,.18) transparent!important}.album-art-wrap{border-radius:15px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.06)!important;box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;transition:transform .18s ease,box-shadow .18s ease}.album-card:hover .album-art-wrap{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.24)!important}.album-name{color:#fff!important}.album-artist{color:var(--sp-muted)!important}.album-art-wrap:after{background:rgba(18,18,22,.5)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.source-message{border:1px solid var(--sp-line)!important;background:rgba(255,255,255,.045)!important;color:var(--sp-muted)!important;border-radius:15px!important}.board-toolbar{position:relative;z-index:1!important;margin-bottom:15px!important;padding:4px 3px 2px!important}.title-input{color:#fff!important;font-size:1.23rem!important;font-weight:720!important;letter-spacing:-.04em!important}.board-meta,.hint{color:var(--sp-muted)!important}.size-control select{color:#fff!important}.primary-button{box-shadow:0 8px 25px rgba(0,0,0,.12)!important}.export-surface{position:relative;z-index:1!important;padding:18px!important;border-radius:22px!important;overflow:hidden!important;background:rgba(7,7,10,.66)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.18)!important}.export-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.06),transparent 30%)}.export-heading{position:relative;z-index:1;color:#fff!important}.export-heading>span:last-child{opacity:.44!important;letter-spacing:.16em!important}.board{position:relative;z-index:1;gap:5px!important}.slot{border-radius:8px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.slot.filled{box-shadow:0 8px 20px rgba(0,0,0,.18)!important}.slot .rank-badge{background:rgba(12,12,16,.42)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.toast{background:rgba(18,18,22,.68)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 16px 44px rgba(0,0,0,.28)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}footer{color:var(--sp-muted)!important}[data-theme="light"] body,[data-theme="light"] html{background:#e8e8e6!important;color:#101014!important}[data-theme="light"] .ambient-art{filter:blur(96px) saturate(1.25) brightness(.96);opacity:.5}[data-theme="light"] .ambient-wash{background:radial-gradient(circle at 16% 8%,rgba(255,255,255,.72),transparent 32%),linear-gradient(180deg,rgba(244,244,245,.32),rgba(232,232,230,.76) 78%)}[data-theme="light"] .topbar,[data-theme="light"] .library-panel,[data-theme="light"] .board-panel{background:rgba(248,248,250,.55)!important;border-color:rgba(255,255,255,.6)!important}[data-theme="light"] .brand,[data-theme="light"] .title-input,[data-theme="light"] .album-name{color:#101014!important}[data-theme="light"] .eyebrow,[data-theme="light"] .lede,[data-theme="light"] .album-artist,[data-theme="light"] .board-meta,[data-theme="light"] .hint{color:rgba(16,16,20,.58)!important}@media(max-width:960px){.intro{grid-template-columns:1fr!important;padding-top:62px!important}.workspace{grid-template-columns:1fr!important}.library-panel{position:relative!important;top:auto!important;min-height:0!important;max-height:none!important}.results{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important}.album-card{flex:0 0 132px!important}}@media(max-width:640px){.shell{width:min(100% - 16px,1480px)!important}.topbar{top:8px!important;margin-top:8px!important;border-radius:21px!important}.brand>span:last-child{display:none!important}.intro{padding:54px 3px 28px!important;gap:22px!important}.intro h1{font-size:clamp(4rem,21vw,6rem)!important;line-height:.76!important}.board-panel{padding:10px!important;border-radius:24px!important}.board-toolbar{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.secondary-button{display:none!important}.export-surface{padding:10px!important;border-radius:17px!important}.board{gap:3px!important}.slot{border-radius:5px!important}}
/* search UI refinement */
.source-mode{gap:3px!important;padding:3px!important;margin-bottom:8px!important;background:rgba(0,0,0,.16)!important;border-color:rgba(255,255,255,.075)!important}.mode-tab{min-height:38px!important;padding:0 10px!important;font-size:.76rem!important;font-weight:650!important}.mode-tab.active{background:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important}.apple-source-tabs{margin-bottom:8px!important}.search-wrap{padding:0 0 10px!important}.search-field input{height:48px!important;padding:0 14px!important;border-radius:14px!important;font-size:16px!important;background:rgba(8,8,11,.24)!important}.search-icon{display:none!important}.results{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1px 1px 8px!important;min-height:0!important;align-content:start!important}.album-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:11px!important;row-gap:0!important;align-items:center!important;width:100%!important;padding:7px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}.album-card:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.065)!important}.album-card:active{transform:scale(.992)!important}.album-art-wrap{grid-column:1!important;grid-row:1 / span 3!important;width:64px!important;height:64px!important;aspect-ratio:1!important;border-radius:10px!important;box-shadow:none!important}.album-card:hover .album-art-wrap{transform:none!important;box-shadow:none!important}.album-art-wrap:after{right:5px!important;bottom:5px!important;width:23px!important;height:23px!important;font-size:15px!important;opacity:.88!important;background:rgba(16,16,20,.58)!important}.album-name,.album-artist,.result-source{grid-column:2!important;min-width:0!important;text-align:left!important}.album-name{align-self:end!important;margin:0!important;font-size:.82rem!important;line-height:1.2!important;font-weight:680!important}.album-artist{align-self:center!important;margin:3px 0 0!important;font-size:.74rem!important;line-height:1.2!important}.result-source{display:none!important}.empty-state{padding:36px 12px!important}.loading-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.skeleton{aspect-ratio:auto!important;height:78px!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.09),rgba(255,255,255,.045))!important;background-size:220% 100%!important;animation:sgShimmer 1.2s linear infinite!important}@keyframes sgShimmer{to{background-position:-220% 0}}.source-message{margin:2px 0 9px!important;padding:10px 12px!important;font-size:.76rem!important;border-style:solid!important}.library-panel{overflow:hidden!important}.results::-webkit-scrollbar{width:6px!important}.results::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)!important;border-radius:999px!important}.results::-webkit-scrollbar-track{background:transparent!important}
@media(min-width:961px){.workspace{grid-template-columns:370px minmax(0,1fr)!important}.library-panel{padding:11px!important}.results{flex:1 1 auto!important}}
@media(max-width:960px){.library-panel{overflow:hidden!important}.results{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:10px!important;max-height:360px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1px 1px 8px!important}.album-card{display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.album-card:hover{background:transparent!important;border-color:transparent!important}.album-art-wrap{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:12px!important}.album-name{display:block!important;margin:7px 1px 0!important;font-size:.78rem!important;line-height:1.2!important}.album-artist{display:block!important;margin:2px 1px 0!important;font-size:.7rem!important;line-height:1.2!important}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:10px!important}.skeleton{height:auto!important;aspect-ratio:1!important;border-radius:12px!important}}
@media(max-width:640px){.source-mode{margin-bottom:7px!important}.mode-tab{min-height:36px!important}.source-tabs{border-radius:12px!important}.source-tab{border-radius:9px!important;padding:8px 3px!important}.search-field input{height:46px!important}.results{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:350px!important;gap:9px!important}.album-art-wrap{border-radius:11px!important}.album-name{font-size:.76rem!important}.album-artist{font-size:.69rem!important}.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.empty-state{padding:28px 10px!important}}