:root{color:#2f352f;font-synthesis:none;--paper:#fffefa;--ink:#2f352f;--muted:#858a80;--line:#e6e7de;--orange:#eb633e;--green:#496758;--sidebar:214px;background:#f7f6f1;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.38;cursor:not-allowed}button,select,a,input,textarea{outline-offset:4px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--orange)}button{touch-action:manipulation}a{color:var(--green)}svg{vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600}small{font-size:11px}input[type=range]{appearance:none;cursor:pointer;height:3px;accent-color:var(--orange);background:#dddfd5;border-radius:10px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--orange);border:2px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #eac2b3}input[type=checkbox],input[type=radio]{accent-color:var(--orange)}select{color:inherit;border:1px solid var(--line);background:0 0;border-radius:7px;max-width:100%;padding:8px 24px 8px 10px}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);z-index:20;background:#f0f0e8;border-right:1px solid #e5e6dc;flex-direction:column;padding:33px 22px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;white-space:nowrap;letter-spacing:-.8px;align-items:center;gap:11px;padding:0;font-size:23px;font-weight:650;display:flex}.brand small{letter-spacing:3.3px;margin-top:3px;margin-left:1px;font-size:8px;font-weight:500;display:block}.brand-mark{background:var(--orange);border-radius:12px;justify-content:center;align-items:center;gap:3px;width:37px;height:40px;display:flex;box-shadow:0 5px 13px #e5806130}.brand-mark i{background:#fff9e9;border-radius:9px;width:3px;height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:19px}.brand-mark i:nth-child(4){height:9px}.sidebar-caption{color:#9b9e92;letter-spacing:.5px;margin-top:23px;margin-bottom:33px;font-size:10px}.sidebar nav{gap:8px;display:grid}.sidebar nav button{text-align:left;color:#6e766a;border-radius:9px;align-items:center;gap:15px;padding:13px 17px;font-size:14px;transition:background .18s;display:flex}.sidebar nav button:hover{background:#e7e9df}.sidebar nav .nav-active{color:#344e3c;background:#e2e6d9;font-weight:650}.nav-active i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-divider{background:#dedfd4;height:1px;margin:30px 0 24px}.library-heading{letter-spacing:.6px;color:#8d9385;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 10px;font-size:10px;display:flex}.library-heading button{padding:3px}.sidebar-collection{text-align:left;color:#6b7368;align-items:center;gap:10px;padding:11px 8px;font-size:11px;display:flex}.sidebar-collection span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-collection small{color:#9c9f92;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-bottom:101px}.sidebar-note{color:#929685;padding:30px 10px 34px;position:relative}.sidebar-note p{letter-spacing:1px;color:#616c59;margin-top:22px;font-family:Songti SC,Georgia,serif;font-size:14px;line-height:1.9}.sidebar-note>span{color:#989d8f;margin-top:10px;font-size:9px;display:block}.tiny-record{background:repeating-radial-gradient(circle,#d5d9c9 0 1px,#e6e8dc 2px 3px);border:1px solid #d5d9ca;border-radius:50%;width:39px;height:39px;position:relative}.tiny-record:after{content:"";background:#e9eddf;border:3px solid #a9b39b;border-radius:50%;width:11px;height:11px;margin:auto;position:absolute;inset:0}.local-profile{text-align:left;border-top:1px solid #dfe1d5;align-items:center;gap:10px;width:100%;padding:18px 0 0;font-size:11px;display:flex}.local-profile span:nth-child(2){flex:1}.local-profile small{color:#999e8f;margin-top:4px;font-size:9px;display:block}.avatar{background:var(--avatar-color);color:#4e5749;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Songti SC,serif;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 3px #ffffff30}.topbar{border-bottom:1px solid var(--line);background:#f7f6f1;justify-content:space-between;align-items:center;height:72px;padding:0 44px;font-size:11px;display:flex}.topbar-title{color:#7c8576;letter-spacing:.6px}.topbar-right{align-items:center;gap:22px;display:flex}.demo-label{color:#8c9386;align-items:center;gap:7px;font-size:10px;display:inline-flex}.demo-label i{background:#96a289;border-radius:50%;width:5px;height:5px}.icon-button{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:inline-flex}.icon-button:hover{background:#e9eade}.eyebrow{letter-spacing:1.8px;color:#959c8d;align-items:center;gap:6px;font-size:8px;font-weight:550;display:flex}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:.5px;color:#303b2e;margin:12px 0;font-size:34px;font-weight:600}.page-heading h1 span{color:#7b8973}.page-heading p{color:#91968c;letter-spacing:.4px;font-size:12px}.edition-mark{color:#a8ac9d;flex-direction:column;align-items:center;gap:7px;font-family:Georgia,serif;display:flex}.edition-mark span{letter-spacing:3px;font-family:Songti SC,serif;font-size:11px}.edition-mark strong{letter-spacing:2px;font-size:11px;font-weight:400}.edition-mark i{background:#bfc4b6;width:33px;height:1px;margin-top:7px}.listening-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px;display:grid}.player-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0;padding:23px 26px 24px;box-shadow:0 5px 20px #5c644404}.player-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;display:flex}.live-dot,.idle-dot{background:#849776;border-radius:50%;width:5px;height:5px}.live-dot{animation:2s infinite glow;box-shadow:0 0 0 3px #84977618}.idle-dot{background:#bbc2b4}.subtle-label{color:#959b8e;font-size:10px;line-height:1.7}.player-body{grid-template-columns:minmax(170px,.9fr) minmax(210px,1fr);gap:30px;display:grid}.album-area>.artwork{aspect-ratio:1;border-radius:6px;max-height:285px;box-shadow:0 12px 26px #21332917}.album-tags{color:#93988b;letter-spacing:1px;align-items:center;gap:10px;margin-top:13px;font-size:8px;display:flex}.album-tags svg{color:#a1aa94;margin-left:auto}.track-details{min-width:0;padding:10px 0 0}.track-kicker{letter-spacing:1.45px;color:#979f8d;font-size:7px}.track-details h2{letter-spacing:1.5px;margin-top:11px;font-size:27px}.track-subtitle{color:#8b9381;margin-top:10px;font-size:11px}.lyric-caption{color:#a8ac9f;justify-content:space-between;align-items:center;gap:5px;margin-top:29px;margin-bottom:11px;font-size:9px;display:flex}.text-button{color:var(--green);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:5px 0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--orange)}.lyric-caption .text-button{font-size:9px}.lyric-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6dacb transparent;height:132px;padding-right:7px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0 87%,#0000 100%);mask-image:linear-gradient(#000 0 87%,#0000 100%)}.lyric-line{color:#a1a697;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:0 4px;font-size:11px;display:flex}.lyric-text{text-align:left;flex:1;padding:5px 0;font-size:12px;line-height:1.7}.lyric-line>button:last-child:not(.lyric-text){color:#b7bdac;min-width:27px;min-height:30px}.lyric-line>button.is-lit{color:var(--orange)!important}.lyric-current .lyric-text{color:#394f37;font-weight:600}.lyric-current>button:last-child{color:#788a69}.lyric-selected{color:#385737;background:#e9eddf}.lyric-selected .lyric-text{color:#385737}.lyric-line>span{font-size:8px}.no-lyrics{color:#969d8b;align-items:center;gap:15px;height:110px;display:flex}.no-lyrics p{font-size:12px;line-height:1.8}.no-lyrics small{font-size:10px}.player-progress{margin-top:25px}.player-progress>input{background:linear-gradient(to right, var(--orange) var(--progress), #e3e6db var(--progress));width:100%;height:3px;display:block}.player-progress>div{color:#9da491;font-variant-numeric:tabular-nums;letter-spacing:.6px;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.player-progress button{color:var(--green);font-size:9px}.player-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.transport{align-items:center;gap:13px;display:flex}.transport .icon-button{color:#78826c}.play-main{color:#fffdf0;background:#394b35;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.play-main:hover{background:#4a6144}.play-main svg{margin-left:1px}.moment-controls{align-items:center;gap:14px;display:flex}.visibility-control{color:#969e8c;align-items:center;gap:2px;display:flex}.visibility-control select{border:0;max-width:96px;padding:6px 1px;font-size:10px}.moment-button{background:var(--orange);color:#fffbef;letter-spacing:.7px;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-size:12px;display:flex;box-shadow:0 4px 12px #eb633e19}.moment-button:hover{background:#db5633;transform:translateY(-1px)}.audio-error{color:#ae5134;text-align:left;background:#fcf0e6;border-radius:6px;align-items:center;gap:10px;width:100%;margin-top:13px;padding:10px;font-size:11px;display:flex}.moment-aside{background:#eceee3;border:1px solid #e1e5d7;border-radius:15px;flex-direction:column;padding:23px 21px;display:flex}.aside-heading{color:#89977b;justify-content:space-between;align-items:center;gap:8px;display:flex}.aside-heading .eyebrow{letter-spacing:1.3px;font-size:7px}.moment-aside h2{color:#47593e;margin-top:24px;font-size:21px}.moment-aside h2 span{letter-spacing:1px;color:#8d9980;margin-top:9px;font-size:12px;font-weight:400;display:block}.moment-count{align-items:baseline;gap:12px;margin-top:24px;display:flex}.moment-count strong{color:#7a896b;font-family:Georgia,serif;font-size:44px;font-weight:400}.moment-count>span{color:#98a08b;font-size:9px}.recent-moments{flex:1;margin:18px 0 21px}.recent-moments>button{text-align:left;border-bottom:1px solid #dadecf;align-items:center;gap:8px;width:100%;padding:12px 0;display:flex}.recent-moments strong{font-size:10px;font-weight:500}.recent-moments small{text-overflow:ellipsis;white-space:nowrap;color:#97a089;max-width:138px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.recent-moments>button>svg{color:#7c8b6c;margin-left:auto}.moment-mini-dot{background:var(--orange);border-radius:50%;width:4px;height:4px}.empty-note{color:#99a489;text-align:center}.empty-note>span{color:#adb79b;font-size:33px}.empty-note p{margin-top:10px;font-size:11px;line-height:2}.empty-note small{color:#a5ae97;margin-top:12px;font-size:9px;display:block}.outline-button{color:#647756;background:0 0;border:1px solid #d7ddcd;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:inline-flex}.outline-button:hover{background:#e7ecde}.moment-aside .outline-button{gap:8px;padding:11px 8px;font-size:10px}.aside-footnote{color:#a4ad95;text-align:center;letter-spacing:.5px;margin-top:18px;font-size:9px;line-height:1.8}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:.5px;align-items:center;gap:9px;font-size:19px;display:flex}.section-heading .eyebrow{letter-spacing:1.6px;margin-bottom:9px;font-size:7px}.resonance-preview{border:1px solid var(--line);background:#f9faf4;border-radius:13px;margin-top:31px;padding:23px 26px}.resonance-preview .section-heading{margin-bottom:15px}.resonance-preview .section-heading h2{font-size:17px}.resonance-preview-grid{grid-template-columns:minmax(0,1fr) 210px;gap:31px;display:grid}.preview-graph{min-width:0;position:relative}.graph-legend{color:#97a28e;align-items:center;gap:16px;margin-bottom:12px;font-size:8px;display:flex}.graph-legend>span{align-items:center;gap:5px;display:flex}.graph-legend .graph-unit{color:#a3aa99;margin-left:auto;font-size:7px}.legend-mine{background:#ed8057;border-radius:50%;width:5px;height:5px}.legend-community{background:#9daea0;border-radius:2px;width:7px;height:6px}.graph svg{width:100%;display:block;overflow:visible}.graph svg g{cursor:pointer}.graph-scroll{overflow:auto}.reveal-button{white-space:nowrap;color:#6b7d61;background:#f8fbf0f0;border:1px solid #dce2d0;border-radius:20px;align-items:center;gap:9px;padding:9px 15px;font-size:10px;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #485a3210}.co-create{border-left:1px solid #e2e6d9;padding-left:26px}.co-create-title{color:#819373;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.co-create-title strong{color:#6a8357;font-family:Georgia,serif;font-size:23px;font-weight:400}.co-create-title small{color:#a6b198;font-size:12px}.co-create-progress{background:#e0e6d6;border-radius:5px;height:4px;margin:12px 0}.co-create-progress i{background:#8d9f78;border-radius:5px;height:100%;transition:width .4s;display:block}.co-create p{color:#819471;margin-bottom:7px;font-size:10px}.co-create>small{color:#a0ad91;font-size:8px}.join-button,.joined-button{color:#728861;background:#e9efdc;border:1px solid #dce6cc;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:13px;padding:9px 12px;font-size:10px;display:flex}.joined-button{background:#e1ecd2}.song-shelf,.recommendations{margin-top:37px}.song-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.song-tile{text-align:left;border:1px solid var(--line);background:0 0;border-radius:9px;align-items:center;gap:14px;padding:11px;transition:background .2s;display:flex}.song-tile:hover{background:#eeeee5}.song-tile.song-selected{background:#eff1e8;border-color:#d2d9c9}.song-tile>.artwork{border-radius:4px;flex-shrink:0;width:68px;height:68px}.song-tile>span:nth-child(2){flex:1}.song-tile small{letter-spacing:1px;color:#a1aa94;font-size:7px}.song-tile strong{margin:6px 0;font-size:13px;display:block}.song-tile em{color:#8f9984;font-size:10px;font-style:normal}.song-play{color:#87997a;border:1px solid #dce0d2;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px;display:flex}.recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.recommendation-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.recommend-art{width:100%;height:143px;display:block;position:relative;overflow:hidden}.recommend-art>.artwork{border-radius:0;position:absolute;inset:0}.recommend-art .art-sun{width:41%;top:3%;left:31%}.art-play{color:#56634c;background:#f9f9ecdc;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:13px;right:14px;box-shadow:0 3px 12px #15241820}.recommend-index{color:#fffaeac7;font-family:Georgia,serif;font-size:10px;position:absolute;top:13px;left:15px}.recommend-info{padding:17px}.source-label{color:#859270;background:#eef0e5;border-radius:3px;padding:4px 7px;font-size:8px;display:inline-block}.source-social{color:#b2916b;background:#f4ebe0}.recommend-title{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.recommend-title h3{font-size:14px}.recommend-title .icon-button{color:#929e85;width:24px;height:24px}.recommend-info>small{color:#a2ab96;font-size:9px}.recommend-info>p{color:#89977b;min-height:36px;margin-top:12px;font-size:10px;line-height:1.8}.recommend-info details{color:#a2ad95;margin-top:13px;font-size:9px}.recommend-info details summary{cursor:pointer}.recommend-info details p{margin-top:9px;line-height:1.8}.page-footer{border-top:1px solid var(--line);color:#b0b6a6;letter-spacing:1px;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding-top:25px;font-size:8px;display:flex}.brand-mini{letter-spacing:1px;color:#8c9880;font-size:12px}.audio-dock{bottom:0;left:var(--sidebar);z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fdfdf8f5;border-top:1px solid #e5e7dc;align-items:center;gap:28px;height:77px;padding:0 35px;display:flex;position:fixed;right:0}.dock-track{text-align:left;align-items:center;gap:11px;min-width:180px;display:flex}.dock-track>.artwork{border-radius:4px;width:42px;height:42px}.dock-track strong{font-size:11px;display:block}.dock-track small{color:#9fa895;letter-spacing:1px;margin-top:6px;font-size:7px;display:block}.dock-controls{color:#839377;align-items:center;gap:8px;display:flex}.dock-controls>span{color:#738366;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:10px;font-size:9px}.dock-controls em{color:#b3bcaa;font-style:normal}.dock-play{color:#57704a;background:#e9eee0;width:33px;height:33px}.dock-progress{flex:1}.dock-progress input{width:100%}.dock-right{color:#7d9171;align-items:center;gap:9px;display:flex}.dock-right>input{width:58px;margin-left:1px}.dock-right>.icon-button{width:29px}.equalizer{align-items:center;gap:2px;margin-left:8px;display:flex}.equalizer i{background:var(--orange);width:2px;height:10px;animation:.6s infinite alternate equalize}.equalizer i:nth-child(2){height:15px;animation-delay:-.3s}.equalizer i:nth-child(3){animation-delay:-.1s}.mobile-nav{display:none}.toast{bottom:98px;left:calc(50% + var(--sidebar) / 2);color:#f2f5e9;z-index:100;background:#364c35;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:min(700px,88vw);padding:14px 18px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #16331920}.toast>span{line-height:1.5}.toast button{white-space:nowrap;color:#f6cdb4;font-size:11px}.storage-warning{color:#95643d;background:#fbe9cf;padding:12px 40px;font-size:12px}.small-primary,.primary-button{color:#fffdf1;background:#4f6944;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;display:inline-flex}.primary-button{width:100%;margin-top:14px;padding:14px 20px;font-size:13px}.small-primary:hover,.primary-button:hover{background:#627f55}.empty-state{text-align:center;color:#8b9980;border:1px dashed #dce1d2;border-radius:12px;padding:43px 20px}.empty-state>svg{margin-bottom:16px}.empty-state h3{color:#6e8260;margin-bottom:11px;font-size:18px}.empty-state p{color:#99a58e;margin-bottom:20px;font-size:12px;line-height:1.8}.empty-disc{border:1px solid #dfe5d6;border-radius:50%;place-items:center;width:73px;height:73px;margin:0 auto 23px;display:grid;box-shadow:0 0 0 8px #f2f4eccc,0 0 0 9px #e9eddf}.empty-inline{color:#949e87;padding:25px 0;font-size:12px;line-height:1.8}.full-width{width:100%;margin-top:12px}.danger-text{color:#b56a52!important}.artwork{isolation:isolate;background:#d2a87d;position:relative;overflow:hidden}.art-grain{z-index:5;opacity:.12;pointer-events:none;mix-blend-mode:multiply;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.art-dusk{background:linear-gradient(160deg,#e3c296,#dda483 62%,#7b938e)}.art-sun{aspect-ratio:1;background:#cf674c;border-radius:50%;width:61%;position:absolute;top:17%;left:20%;box-shadow:inset -7px -8px 35px #b1544540}.art-horizon{clip-path:polygon(0 9%,15% 9%,28% 17%,39% 11%,55% 18%,70% 12%,82% 17%,100% 9%,100% 100%,0 100%);background:linear-gradient(#4f6d69,#314d4b);position:absolute;inset:54% 0 0}.art-line{z-index:2;border:1px solid #b5b39a70;border-radius:50%;width:125%;height:25%;position:absolute;bottom:-2%;left:-10%}.art-line-2{width:160%;bottom:8%;left:-28%}.art-line-3{width:119%;bottom:18%;left:4%}.art-edition{letter-spacing:1.3px;color:#faefd8b0;z-index:6;font-size:6px;line-height:1.8;position:absolute;top:6%;left:7%}.art-word{color:#e0d2ad;z-index:6;letter-spacing:-1px;font-family:Georgia,serif;font-size:27px;font-weight:400;position:absolute;bottom:8%;left:7%}.art-cross{color:#f9e8c6b0;font-size:14px;position:absolute;top:6%;right:7%}.art-blue{background:linear-gradient(125deg,#b4c0ca,#748ba3)}.art-blue .art-sun{background:#e9dfc6;width:50%;top:13%;left:29%;box-shadow:inset 4px 5px 20px #d5c4a854}.art-blue .art-horizon{clip-path:polygon(0 30%,30% 8%,53% 26%,72% 3%,100% 15%,100% 100%,0 100%);background:linear-gradient(150deg,#4e6981,#243d53);inset:47% 0 0}.art-blue .art-line{border-color:#c4cad657}.art-blue .art-word{color:#e2e6db}.art-night{background:linear-gradient(155deg,#9aa174,#5c7970)}.art-night .art-sun{background:#e0bb7a;border-radius:2px;width:41%;top:20%;left:30%;transform:rotate(-14deg);box-shadow:0 0 35px #d7c4884a}.art-night .art-horizon{clip-path:polygon(0 14%,30% 14%,30% 3%,69% 3%,69% 28%,100% 28%,100% 100%,0 100%);background:linear-gradient(30deg,#183e3c,#42624b)}.art-night .art-line{border-color:#b1a17a80;border-radius:0;bottom:1%;transform:rotate(-14deg)}.art-night .art-line-2{bottom:12%}.art-night .art-line-3{bottom:23%}.art-island{background:linear-gradient(155deg,#ddd3cb,#b5a9c3)}.art-island .art-sun{width:45%;box-shadow:none;background:#edddc2;top:18%;left:21%}.art-island .art-horizon{clip-path:none;background:linear-gradient(#a18eaa,#736d89);border-radius:50%;inset:48% -10% 0;transform:rotate(-11deg)}.art-island .art-line{border-color:#e1d6dd70}.art-island .art-word{color:#f1e5d4}.song-select{color:#6d7e60;background:#f6f8ef;font-size:12px}.community-graph-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:27px}.community-graph-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.community-track{align-items:center;gap:18px;display:flex}.community-track>.artwork{border-radius:5px;flex-shrink:0;width:61px;height:61px}.community-track h2{font-size:19px}.community-track h2 span{color:#939f86;margin-left:7px;font-size:13px;font-weight:400}.community-track p{color:#8a977d;margin-top:9px;font-size:10px}.community-track small{color:#a5af99;margin-top:7px;font-size:8px;display:block}.segmented{background:#eeeee6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:inline-flex}.segmented button{color:#909a86;white-space:nowrap;border-radius:5px;padding:9px 15px;font-size:11px}.segmented .selected{color:#596f49;background:#fffef7;box-shadow:0 2px 5px #4b583e08}.segmented button small{color:#7f9365;background:#e0e8d2;border-radius:3px;margin-left:5px;padding:2px 4px;font-size:8px}.graph-expanded .graph-legend{margin-bottom:20px;font-size:10px}.graph-expanded svg{min-width:0}.graph-expanded .graph-unit{font-size:9px}.graph-scrubber{color:#919e84;flex-direction:column;align-items:stretch;gap:12px;margin-top:15px;font-size:10px;display:flex}.graph-scrubber input{flex:none;width:100%;height:3px;margin:6px 0 10px;display:block}.graph-scrubber input::-webkit-slider-thumb{width:16px;height:16px}.graph-scrubber input::-moz-range-thumb{background:var(--orange);border:2px solid #fff;border-radius:50%;width:12px;height:12px}.graph-timeline{width:100%}.graph-plot{position:relative}.graph-peer-hint{color:#667b59;margin:-4px 0 12px;font-size:11px}.graph-peer-hint span{color:#87917b;margin-left:12px}.graph-peer-cluster{text-align:center;position:absolute;top:0}.graph-peer-faces{background:#fffef7;border:1px solid #dce2d5;border-radius:24px;justify-content:center;align-items:center;padding:3px;display:flex;box-shadow:0 4px 12px #3448310c}.graph-peer-avatar,.graph-peer-more{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.graph-peer-more{color:#546d49;background:#f0f3e7;font-size:11px;font-weight:600}.graph-peer-avatar:hover,.graph-peer-more:hover{background:#e7efdc}.graph-peer-avatar:focus-visible,.graph-peer-more:focus-visible{outline-offset:2px;outline:2px solid #657f57}.graph-peer-time{color:#6e7d64;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;display:block}.graph-peer-panel{background:#f5f7ed;border:1px solid #dce3d4;border-radius:14px;margin-top:16px;padding:16px}.graph-peer-panel header{justify-content:space-between;align-items:start;gap:12px;display:flex}.graph-peer-panel strong{color:#526849;font-size:13px}.graph-peer-panel p{color:#7c8773;margin:7px 0;font-size:11px}.graph-peer-panel header button{color:#61774f;white-space:nowrap;padding:4px;font-size:12px}.graph-peer-list{max-height:260px;padding:3px;overflow:auto}.graph-peer-list h4{color:#7a866f;margin:12px 0 8px;font-size:11px}.graph-peer-list>div>div{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.graph-peer-list button{text-align:left;color:#536449;background:#fffef8;border-radius:9px;align-items:center;gap:9px;padding:9px;font-size:12px;display:flex}.graph-peer-list small{color:#8a9380;margin-top:3px;font-size:10px;display:block}.graph-readout{color:#8b9980;min-height:18px;margin:14px 0 0;font-size:11px}.graph-toolbar{color:#a1ad96;border-top:1px solid #e9ecdf;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:12px;font-size:9px;display:flex}.graph-toolbar .text-button{font-size:10px}.zoom-graph .graph-timeline{min-width:1400px}.community-filters{flex-wrap:wrap;align-items:center;gap:13px;margin:28px 0 23px;display:flex}.community-filters>.subtle-label{margin-left:auto}.filter-chip{color:#849770;background:#eeeedf;border:1px solid #dbe2cc;border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;display:flex}.community-layout{grid-template-columns:minmax(0,1fr) 240px;gap:23px;display:grid}.community-layout .section-heading{margin-bottom:16px}.community-layout .section-heading h2{font-size:17px}.count-pill{color:#8c9f76;background:#e7eddf;border-radius:5px;padding:3px 7px;font-size:10px}.listener-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.listener-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0;padding:19px}.listener-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.person-button{text-align:left;align-items:center;gap:11px;padding:0;display:flex}.person-button strong{font-size:13px}.person-button small{color:#a1aa96;margin-top:6px;font-size:8px;display:block}.listener-head>.icon-button{color:#7f936b;border:1px solid #dde5d4;width:28px;height:28px}.match-evidence{color:#9a9871;align-items:center;gap:5px;margin-top:18px;font-size:9px;display:flex}.little-dot{background:#d8b16c;border-radius:50%;width:4px;height:4px}.self-report{color:#929d86;min-height:36px;margin-top:12px;font-size:10px;line-height:1.8}.tag-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag-row>span{color:#929f81;border:1px solid #e0e5d8;border-radius:4px;padding:4px 7px;font-size:9px}.listener-footer{border-top:1px solid #edefe5;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:13px;display:flex}.listener-footer>span{color:#a1ad94;font-size:8px}.listener-footer>.text-button{gap:5px;font-size:9px}.cohort-card{background:#edf0e4;border:1px solid #e1e7d6;border-radius:12px;align-self:start;padding:25px 21px}.cohort-card h2{color:#637d4e;letter-spacing:1px;margin-top:18px;font-family:Songti SC,serif;font-size:23px;font-weight:500;line-height:1.6}.cohort-card>p{color:#99a889;margin-top:16px;font-size:10px;line-height:1.9}.cohort-card strong{color:#819773;font-weight:500}.cohort-card h4{color:#728865;margin:24px 0 16px;font-size:11px;font-weight:500}.reason-bars>div{color:#81976f;align-items:center;gap:10px;height:28px;font-size:9px;display:flex;position:relative}.reason-bars span{flex-shrink:0;width:25px}.reason-bars i{background:#afbe98;border-radius:4px;max-width:100px;height:4px}.reason-bars small{margin-left:auto;font-size:8px}.cohort-note{color:#a4b294;margin-top:12px;font-size:8px;line-height:1.8;display:block}.cohort-song{color:#7f976d;align-items:center;gap:8px;width:100%;padding:10px 0;font-size:10px;display:flex}.cohort-song small{color:#a0b38c;margin-left:auto;font-size:8px}.cohort-source{color:#a1b18f;border-top:1px solid #dce6cf;gap:8px;margin-top:25px;padding-top:15px;font-size:8px;line-height:1.8;display:flex}.my-profile-banner{background:#edf0e4;border:1px solid #e0e6d6;border-radius:12px;align-items:center;gap:20px;margin-bottom:28px;padding:26px;display:flex}.my-profile-banner h2{margin:8px 0;font-size:20px}.my-profile-banner p{color:#8b9b7c;font-size:10px;line-height:1.8}.my-profile-banner p span{color:#a5b395;font-size:8px}.profile-stat{text-align:center;border-left:1px solid #d9e2cf;margin-left:10px;padding-left:25px}.profile-stat strong{color:#849973;font-family:Georgia,serif;font-size:29px;font-weight:400;display:block}.profile-stat>span{color:#a2b090;margin-top:8px;font-size:8px;display:block}.my-profile-banner>.text-button{margin-left:auto;font-size:10px}.collection-section{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:23px 26px}.collection-tabs{border-bottom:1px solid var(--line);align-items:center;gap:20px;display:flex;overflow-x:auto}.collection-tabs button{white-space:nowrap;color:#949f87;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 1px 17px;font-size:11px;display:flex}.collection-tabs .selected{color:#4c6840;border-bottom-color:#69845a}.collection-tabs button>span{color:#9bae88;font-size:8px}.collection-heading{justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.collection-heading h2{font-size:20px}.collection-heading p{color:#96a38a;margin-top:9px;font-size:10px}.collection-actions{align-items:center;gap:15px;display:flex}.collection-actions .text-button{font-size:10px}.clip-row{border-top:1px solid #e9ece1;align-items:center;gap:15px;min-width:0;padding:16px 0;display:flex}.row-number{color:#a5b096;width:15px;font-family:Georgia,serif;font-size:10px}.clip-thumb{flex-shrink:0;width:52px;height:52px;padding:0;position:relative}.clip-thumb>.artwork{border-radius:4px;width:100%;height:100%}.clip-thumb>span{color:#fff8e8;background:#23342010;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clip-row-body{flex:1;min-width:0}.clip-row-body strong{font-size:12px}.clip-row-body p{color:#95a187;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:10px;overflow:hidden}.clip-row-body small{color:#a8b299;margin-top:7px;font-size:8px;display:block}.clip-active{background:#f2f5eafa}.clip-menu{flex-shrink:0;position:relative}.clip-menu>summary{cursor:pointer;color:#8fa07e;border-radius:5px;padding:7px;list-style:none;display:flex}.clip-menu>summary::-webkit-details-marker{display:none}.menu-panel{background:var(--paper);border:1px solid var(--line);z-index:25;border-radius:8px;width:220px;max-height:440px;padding:7px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 8px 30px #29391e1f}.menu-panel>button,.menu-inline button{text-align:left;border-radius:4px;align-items:center;gap:6px;width:100%;padding:10px;font-size:11px;display:flex}.menu-panel button:hover{background:#eef2e5}.menu-panel>label{color:#8c9a7e;padding:8px;font-size:10px;display:block}.menu-panel select{width:100%;margin-top:7px;font-size:11px}.menu-inline{border-top:1px solid #e8ecde;display:flex}.reason-picker{flex-wrap:wrap;gap:5px;padding:8px;display:flex}.reason-picker small{color:#a2ae91;width:100%;font-size:9px}.reason-picker button{border:1px solid #e1e8d5;border-radius:4px;padding:5px 8px;font-size:9px}.reason-picker .selected{color:#6c8650;background:#e3eccf}.highlight-management{border:1px solid var(--line);color:#7a8e68;border-radius:10px;margin-top:20px;padding:20px 23px}.highlight-management summary{cursor:pointer;font-size:12px}.highlight-management summary span{color:#9fab90;margin-left:15px;font-size:9px}.highlight-management>p{color:#9aaa89;margin-top:13px;font-size:10px;line-height:1.8}.highlight-record{border-top:1px solid var(--line);align-items:center;gap:15px;margin-top:10px;padding:15px 0;display:flex}.highlight-record>span{flex:1;min-width:0}.highlight-record strong{font-size:11px}.highlight-record small{color:#9faf8c;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:9px;display:block;overflow:hidden}.highlight-record select{font-size:10px}.exchange-history{margin-top:30px}.exchange-history>div:not(.section-heading){color:#91a07f;background:#edf0e6;border-radius:8px;align-items:center;gap:13px;margin-top:10px;padding:15px;font-size:11px;display:flex}.exchange-history p{flex:1}.exchange-history p small{margin-top:8px;display:block}.exchange-history>div>span{color:#a2b08f;font-size:9px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:60;background:#2736246b;justify-content:center;align-items:center;padding:30px;animation:.15s fadein;display:flex;position:fixed;inset:0}.modal{background:#fffef7;border:1px solid #dfe4d4;border-radius:17px;outline:none;width:510px;max-width:100%;max-height:88vh;padding:28px;overflow:auto;box-shadow:0 20px 100px #10230d35}.modal-wide{width:790px}.modal-top{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.modal-top h2{color:#4f6942;letter-spacing:.5px;font-size:23px;font-weight:500}.modal-top p{color:#9bab89;margin-top:11px;font-size:10px;line-height:1.8}.modal-top .icon-button{color:#809b69;background:#edf1e4;width:30px;height:30px}.modal>p{color:#95a481;margin-top:13px;font-size:12px;line-height:1.9}.modal h3{font-size:16px}.modal-footnote{line-height:1.8;color:#a4b291!important;margin-top:18px!important;font-size:10px!important}.join-highlight{color:#869e6c;background:#f0f3e6;border:1px solid #e1e8d1;border-radius:9px;align-items:center;gap:13px;padding:17px;font-size:11px;display:flex}.join-highlight strong{color:#617d49;margin-top:7px;font-size:13px;line-height:1.8;display:block}.visibility-options{gap:10px;margin:22px 0;display:grid}.visibility-options label{cursor:pointer;border:1px solid #e1e7d5;border-radius:8px;align-items:center;gap:13px;padding:16px;display:flex}.visibility-options label.selected{background:#f0f4e5;border-color:#aebe95}.visibility-options strong{color:#66804e;font-size:12px;display:block}.visibility-options span{color:#a0b087;margin-top:7px;font-size:10px;display:block}.queue-player{grid-template-columns:210px 1fr;align-items:center;gap:29px;display:grid}.queue-player>.artwork{border-radius:7px;width:210px;height:210px;box-shadow:0 9px 21px #33422119}.queue-player h2{margin:15px 0 9px;font-size:27px}.queue-player p{color:#95a57e;margin-bottom:8px;font-size:12px}.queue-player small{color:#a9b692;font-size:10px}.queue-transport{align-items:center;gap:12px;margin-top:19px;display:flex}.queue-transport .icon-button{color:#8da375}.queue-actions{align-items:center;gap:20px;margin-top:13px;display:flex}.queue-actions .text-button{font-size:10px}.auto-continue{color:#9bac87;align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.queue-finished{margin-top:10px;font-size:10px!important}.queue-list{gap:3px;max-height:255px;margin-top:25px;display:grid;overflow:auto}.queue-list button{color:#92a67e;text-align:left;border-bottom:1px solid #edf0e4;border-radius:6px;align-items:center;gap:14px;padding:13px 12px;display:flex}.queue-list .selected{color:#668646;background:#edf3e1}.queue-list span{font-size:9px}.queue-list strong{flex:1;font-size:11px}.queue-list small{color:#a1b28b;font-size:9px}.queue-other{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.queue-other>small{color:#a0b18a;width:100%;margin-top:4px;font-size:9px}.profile-intro{align-items:center;gap:18px;display:flex}.profile-intro>div{flex:1}.profile-intro h2{font-size:23px}.profile-intro p{color:#94a77d;margin:8px 0;font-size:12px;line-height:1.7}.profile-intro small{color:#a8b991;font-size:9px}.profile-numbers{text-align:center;border-bottom:1px solid #e4ead9;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:25px 0 18px;display:grid}.profile-numbers strong{color:#7e9a60;font-family:Georgia,serif;font-size:28px;font-weight:400}.profile-numbers span{color:#a1b68a;margin-top:9px;font-size:9px;display:block}.profile-basis{color:#a3b68b!important;font-size:10px!important}.profile-tags h4{color:#718f55;margin-top:23px;font-size:12px}.profile-tags small{color:#a4b68e;margin-left:10px;font-size:9px;font-weight:400}.shared-evidence{background:#eff5e3;border-radius:8px;margin-top:21px;padding:17px}.shared-evidence h4{color:#749851;font-size:12px}.shared-evidence p{color:#9bb480;align-items:center;gap:9px;margin-top:12px;font-size:10px;display:flex}.profile-collection{margin-top:26px}.profile-collection .section-heading{margin-bottom:13px}.profile-collection .clip-row{gap:11px}.form-label{color:#8da274;margin-top:19px;font-size:11px;display:block}.form-label input,.form-label select,.form-label textarea{color:#68884c;background:#f8fbf0;border:1px solid #dce5cf;border-radius:7px;width:100%;margin-top:10px;padding:12px 13px;font-size:13px;display:block}.form-label textarea{resize:vertical;min-height:100px}.form-label input::placeholder,.form-label textarea::placeholder{color:#bbc7ab}.range-form{grid-template-columns:1fr 1fr;gap:15px;display:grid}.publish-preview{max-height:320px;margin:20px 0;overflow:auto}.publish-preview>div{color:#92aa77;border-bottom:1px solid #e5ecd9;align-items:center;gap:8px;padding:13px 0;font-size:11px;display:flex}.publish-preview>div>span{flex:1}.publish-preview small{color:#a7ba8e;font-size:9px}.settings-note{color:#8ca96d;background:#eff5e4;border-radius:10px;align-items:flex-start;gap:16px;padding:17px;display:flex}.settings-note p{color:#95aa7f;font-size:11px;line-height:2}.settings-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.settings-actions button{font-size:10px}.fatal-error{background:#fffdf5;border:1px solid #d9e1cd;border-radius:12px;max-width:550px;margin:20vh auto;padding:30px}.fatal-error h1{font-size:24px}.fatal-error p{margin:20px 0;font-size:13px;line-height:1.8}.fatal-error button{color:#fff;background:#506f3c;border-radius:7px;padding:12px 24px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{50%{opacity:.45}}@keyframes equalize{to{transform:scaleY(.3)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (width>=1600px){.main-shell main{padding-top:44px}.player-body{gap:45px}.player-card{padding:26px 32px}.track-details h2{font-size:32px}.lyric-panel{height:150px}.listening-layout{grid-template-columns:minmax(0,1fr) 260px}.moment-aside{padding:26px}.lyric-text{font-size:13px}.player-body{grid-template-columns:minmax(220px,.85fr) minmax(230px,1fr)}.album-area>.artwork{max-height:295px}.recommend-art{height:169px}}@media (width<=1200px){:root{--sidebar:180px}.sidebar{padding:28px 15px 0}.brand{font-size:21px}.brand-mark{width:32px;height:35px}.brand small{letter-spacing:3px;font-size:7px}.sidebar-caption{font-size:9px}.main-shell main{padding:32px 28px 110px}.topbar{padding:0 28px}.listening-layout{grid-template-columns:minmax(0,1fr) 200px;gap:15px}.player-card{padding:21px}.player-body{grid-template-columns:minmax(140px,.85fr) minmax(150px,1fr);gap:20px}.track-details h2{font-size:23px}.track-kicker{font-size:6px}.lyric-caption{margin-top:19px;font-size:8px}.lyric-panel{height:117px}.lyric-line{min-height:30px}.lyric-text{font-size:11px}.moment-controls{gap:6px}.moment-button{padding:12px 13px;font-size:11px}.visibility-control{gap:0}.visibility-control svg{display:none}.visibility-control select{max-width:90px;font-size:9px}.transport{gap:4px}.moment-aside{padding:20px 17px}.aside-heading .eyebrow{letter-spacing:1px;font-size:6px}.moment-aside h2{font-size:18px}.co-create{padding-left:21px}.audio-dock{gap:17px;padding:0 23px}.dock-track{min-width:145px}.dock-right>input{display:none}.community-layout{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.listener-card{padding:15px}.my-profile-banner{gap:14px;padding:22px}.profile-stat{margin-left:0;padding-left:18px}.my-profile-banner>.text-button{font-size:9px}.collection-actions{gap:10px}.my-profile-banner .eyebrow{font-size:7px}}@media (width<=1000px){.listening-layout{grid-template-columns:1fr}.moment-aside{display:none}.player-body{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr);gap:32px}.track-details h2{font-size:29px}.lyric-panel{height:150px}.lyric-caption{margin-top:27px}.player-card{padding:25px}.player-body>.album-area .artwork{max-height:285px}.recommend-grid{gap:12px}.recommend-info{padding:14px}.recommend-art{height:119px}.recommend-info>p{font-size:9px}.community-layout{grid-template-columns:1fr}.cohort-card{max-width:none;display:block;position:static}.my-profile-banner>.text-button{display:none}.community-graph-heading{align-items:flex-start}.community-track h2 span{margin:6px 0 0;display:block}.community-track small{font-size:7px}.dock-progress{display:none}.dock-right{margin-left:auto}.dock-controls>span{margin-left:2px;font-size:8px}.dock-track{min-width:140px}.resonance-preview-grid{grid-template-columns:minmax(0,1fr) 176px;gap:17px}.resonance-preview{padding:22px}.co-create{padding-left:17px}.co-create-title strong{font-size:20px}.page-heading h1{font-size:31px}.section-heading h2{font-size:17px}.song-tile{gap:11px}.song-tile>.artwork{width:58px;height:58px}.song-tile em{font-size:8px}.song-tile strong{font-size:12px}.song-play,.edition-mark{display:none}}@media (width<=760px){:root{--sidebar:0px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:56px;padding:0 19px}.topbar-title{font-size:10px}.topbar-right{gap:8px}.demo-label{gap:5px;font-size:8px}.main-shell main{padding:25px 18px 165px}.page-heading{gap:10px;margin-bottom:23px}.page-heading .eyebrow{letter-spacing:1.4px;font-size:6px}.page-heading h1{letter-spacing:0;margin-top:11px;font-size:28px}.page-heading p{letter-spacing:.2px;font-size:10px}.page-heading>.outline-button{flex-shrink:0;padding:8px;font-size:9px}.player-card{border-radius:13px;padding:19px 18px 20px}.player-card-top{gap:5px;margin-bottom:18px}.player-card-top .eyebrow{letter-spacing:1.2px;font-size:6px}.player-card-top .subtle-label{font-size:8px}.player-body{grid-template-columns:minmax(120px,.85fr) minmax(165px,1fr);gap:20px}.album-area>.artwork{border-radius:5px}.album-tags{letter-spacing:.5px;gap:7px;margin-top:10px;font-size:6px}.album-tags svg{width:12px;height:12px}.track-details{padding-top:3px}.track-kicker{letter-spacing:.5px;font-size:5px}.track-details h2{letter-spacing:1px;margin-top:9px;font-size:23px}.track-subtitle{margin-top:8px;font-size:9px}.lyric-caption{gap:3px;margin-top:17px;margin-bottom:6px;font-size:7px}.lyric-caption .text-button{gap:3px;font-size:7px}.lyric-caption svg{width:11px}.lyric-panel{height:107px;padding-right:3px}.lyric-text{font-size:10px}.lyric-line{gap:3px;min-height:28px;padding-left:1px}.lyric-line svg{width:12px}.lyric-line>button:last-child:not(.lyric-text){min-width:22px;min-height:28px}.art-word{font-size:20px}.art-edition{letter-spacing:.7px;font-size:4px}.art-cross{font-size:10px}.player-progress{margin-top:19px}.player-actions{margin-top:12px}.transport{gap:9px}.transport .icon-button{width:29px}.play-main{width:42px;height:42px}.moment-controls{gap:8px}.moment-button{gap:7px;padding:12px 16px;font-size:11px}.moment-button svg{width:17px}.visibility-control select{max-width:85px;font-size:9px}.resonance-preview{margin-top:18px;padding:19px 17px}.resonance-preview .section-heading .eyebrow{letter-spacing:1.2px;margin-bottom:7px;font-size:5px}.resonance-preview .section-heading h2{font-size:15px}.resonance-preview .text-button{gap:5px;font-size:9px}.resonance-preview-grid{grid-template-columns:1fr;gap:15px}.graph-legend{gap:12px;margin-bottom:8px;font-size:7px}.graph-legend .graph-unit{font-size:6px}.co-create{border-top:1px solid #e2e7d6;border-left:0;grid-template-columns:1fr auto;align-items:center;gap:7px 19px;padding:14px 0 0;display:grid}.co-create-title{grid-area:1/1;justify-content:flex-start;gap:20px;font-size:10px}.co-create-title strong{font-size:20px}.co-create-progress{grid-area:2/1;max-width:230px;height:3px;margin:0}.co-create p{grid-area:3/1;margin:0;font-size:8px}.co-create>small{grid-area:4/1;font-size:7px}.co-create button{grid-area:1/2/5;width:auto;margin:0;padding:10px 11px;font-size:9px}.section-heading{gap:10px;margin-bottom:16px}.section-heading h2{font-size:17px}.section-heading .eyebrow{letter-spacing:1.4px;font-size:6px}.section-heading>.subtle-label{text-align:right;max-width:115px;font-size:8px}.song-shelf,.recommendations{margin-top:27px}.song-grid{gap:9px}.song-tile{border-radius:7px;gap:9px;padding:8px}.song-tile>.artwork{width:42px;height:51px}.song-tile strong{margin:4px 0;font-size:11px}.song-tile small{letter-spacing:.4px;font-size:6px}.song-tile em{display:none}.recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recommendation-card{border-radius:7px}.recommend-art{height:105px}.recommend-info{padding:11px 9px}.source-label{padding:3px 4px;font-size:6px}.recommend-title h3{white-space:nowrap;font-size:11px}.recommend-title{gap:2px;margin-top:7px}.recommend-title .icon-button{width:20px;height:20px}.recommend-title .icon-button svg{width:13px}.recommend-info>small{white-space:nowrap;font-size:7px}.recommend-info>p{min-height:44px;margin-top:8px;font-size:8px;line-height:1.8}.recommend-info details{margin-top:10px;font-size:7px}.recommend-info details p{font-size:9px}.art-play{width:25px;height:25px;bottom:9px;right:9px}.recommend-index{font-size:8px;top:10px;left:10px}.page-footer{letter-spacing:.3px;gap:10px;margin-top:28px;padding-top:18px;font-size:6px}.brand-mini{font-size:10px}.page-footer>span:nth-child(2){font-size:7px}.audio-dock{gap:12px;height:63px;padding:0 18px;bottom:61px;left:0}.dock-track{flex:1;gap:9px;min-width:0}.dock-track>.artwork{width:37px;height:37px}.dock-track strong{font-size:10px}.dock-track small{letter-spacing:.7px;font-size:6px}.dock-controls{gap:5px}.dock-controls>.icon-button:not(.dock-play),.dock-controls>span{display:none}.dock-play{width:34px;height:34px}.dock-right{gap:8px;margin-left:0}.dock-right>.icon-button{width:28px}.dock-right>svg{display:none}.mobile-nav{height:61px;padding-bottom:env(safe-area-inset-bottom,0);z-index:40;background:#fbfcf6;border-top:1px solid #e6eadc;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#9ca98e;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.mobile-nav .selected{color:#536f43}.toast{max-width:calc(100vw - 30px);padding:12px 14px;font-size:11px;bottom:140px;left:50%}.toast>svg{display:none}.song-select{max-width:124px;padding:7px;font-size:10px}.community-graph-card{padding:18px}.community-graph-heading{flex-wrap:wrap;gap:17px;margin-bottom:19px}.community-track{gap:12px}.community-track>.artwork{width:50px;height:50px}.community-track h2{font-size:17px}.community-track h2 span{margin-left:5px;font-size:10px;display:inline}.community-track p{font-size:9px}.community-track small{font-size:7px}.graph-expanded .graph-legend{margin-bottom:13px;font-size:8px}.graph-expanded .graph-unit{font-size:7px}.graph-toolbar{font-size:8px}.graph-scrubber{gap:13px;font-size:9px}.graph-readout{font-size:9px}.community-filters{gap:12px;margin:20px 0 17px}.community-filters .segmented{justify-content:space-between;width:100%}.community-filters .segmented button{padding:8px 11px;font-size:10px}.community-filters>.subtle-label{font-size:8px}.listener-grid{grid-template-columns:1fr 1fr;gap:10px}.listener-card{padding:13px}.person-button{gap:8px}.person-button .avatar{width:35px!important;height:35px!important;font-size:13px!important}.person-button strong{font-size:11px}.person-button small{margin-top:4px;font-size:7px}.listener-head{gap:5px}.listener-head>.icon-button{width:24px;height:24px}.listener-head>.icon-button svg{width:14px}.match-evidence{margin-top:13px;font-size:8px;line-height:1.7}.self-report{margin-top:9px;font-size:9px}.tag-row{gap:4px}.tag-row>span{padding:3px 5px;font-size:8px}.listener-footer{flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px}.listener-footer>span{font-size:7px}.listener-footer .text-button{font-size:9px}.my-profile-banner{flex-wrap:wrap;gap:13px;padding:20px 16px}.my-profile-banner>.avatar{width:47px!important;height:47px!important;font-size:19px!important}.my-profile-banner .eyebrow{font-size:6px}.my-profile-banner h2{margin:6px 0;font-size:18px}.my-profile-banner p{font-size:9px}.profile-stat{border-top:1px solid #dfe6d4;border-left:0;flex:1;margin-top:7px;padding-top:16px;padding-left:0}.profile-stat strong{font-size:25px}.profile-stat>span{font-size:8px}.collection-section{padding:18px 15px}.collection-heading{flex-direction:column;align-items:flex-start;gap:15px;padding:20px 0}.collection-heading h2{font-size:18px}.collection-actions{justify-content:flex-end;width:100%}.collection-actions>.text-button:first-child{margin-right:auto}.collection-heading p{font-size:9px}.collection-tabs{gap:18px}.collection-tabs button{padding-bottom:14px;font-size:10px}.clip-row{gap:9px;padding:13px 0}.row-number{width:12px;font-size:9px}.clip-thumb{width:42px;height:42px}.clip-row-body strong{font-size:11px}.clip-row-body p{font-size:9px}.clip-row-body small{font-size:7px;line-height:1.6}.clip-menu>summary{padding:5px}.highlight-management{padding:17px 14px}.highlight-management summary{font-size:11px}.highlight-management>p{font-size:9px}.highlight-record{gap:7px}.highlight-record strong{font-size:10px}.highlight-record small{font-size:8px}.highlight-record select{max-width:96px;padding:6px 3px;font-size:9px}.highlight-record>.icon-button{width:24px}.exchange-history .section-heading{flex-wrap:wrap}.exchange-history>div>span{font-size:8px}.modal-backdrop{align-items:center;padding:15px}.modal{border-radius:13px;max-height:88dvh;padding:22px 18px}.modal-top{gap:10px;margin-bottom:20px}.modal-top h2{font-size:20px}.modal-top p{font-size:9px}.modal-top .icon-button{width:28px;height:28px}.queue-player{grid-template-columns:118px 1fr;align-items:start;gap:18px}.queue-player>.artwork{width:118px;height:145px}.queue-player .art-word{font-size:15px}.queue-player .eyebrow{letter-spacing:1px;font-size:6px}.queue-player h2{margin:10px 0;font-size:23px}.queue-player p{font-size:10px}.queue-player small{font-size:8px}.queue-transport{gap:6px;margin-top:12px}.queue-transport .icon-button{width:25px;height:25px}.queue-transport .icon-button svg{width:18px}.queue-transport .play-main{width:35px;height:35px}.queue-transport .play-main svg{width:20px}.queue-actions{flex-wrap:wrap;gap:10px;margin-top:9px}.queue-actions .text-button{font-size:9px}.auto-continue{gap:4px;font-size:8px;line-height:1.6}.queue-list button{gap:10px;padding:12px 8px}.queue-list strong{font-size:10px}.queue-list small{font-size:8px}.queue-list{max-height:215px;margin-top:18px}.profile-intro{flex-wrap:wrap;gap:12px}.profile-intro>.avatar{width:53px!important;height:53px!important;font-size:21px!important}.profile-intro h2{font-size:20px}.profile-intro p{font-size:10px}.profile-intro>.outline-button{margin-left:auto;padding:8px 11px;font-size:9px}.profile-numbers{padding-top:15px}.profile-numbers strong{font-size:25px}.profile-numbers span{font-size:8px}.profile-basis{font-size:9px!important}.profile-collection h3{font-size:13px}.profile-collection .small-primary{padding:9px 11px;font-size:9px}.settings-actions{flex-direction:column}.range-form{gap:10px}.form-label{font-size:10px}.form-label input,.form-label select{font-size:12px}.settings-note p{font-size:10px}.visibility-options span{font-size:9px}.join-highlight strong{font-size:12px}.collection-empty{padding:35px 14px}}@media (width<=420px){.player-body{grid-template-columns:128px minmax(0,1fr);gap:17px}.track-details h2{font-size:21px}.track-kicker{display:none}.track-subtitle{font-size:8px}.lyric-caption{margin-top:12px}.lyric-panel{height:107px}.lyric-text{font-size:9px;line-height:1.7}.lyric-line>button:last-child:not(.lyric-text){min-width:18px}.lyric-line svg{width:11px}.player-progress{margin-top:18px}.track-details{padding-top:0}.album-tags{gap:5px;font-size:5px}.player-actions{gap:7px}.transport{gap:5px}.transport .icon-button{width:24px}.transport .icon-button svg{width:17px}.moment-button{padding:12px 13px;font-size:10px}.moment-controls{gap:5px}.visibility-control select{max-width:78px;font-size:8px}.player-card{padding:18px 15px}.recommend-grid{grid-template-columns:1fr}.recommendation-card{grid-template-columns:105px 1fr;align-items:stretch;display:grid}.recommend-art{height:100%;min-height:145px}.recommend-art .art-sun{width:75%;top:20%;left:14%}.recommend-info{padding:13px 14px}.recommend-title h3{font-size:13px}.recommend-info>p{min-height:0;margin-top:8px;font-size:9px}.source-label{font-size:7px}.recommend-info>small{font-size:8px}.recommend-info details{margin-top:9px;font-size:8px}.recommend-index{font-size:10px}.song-grid{grid-template-columns:1fr 1fr}.song-tile{gap:8px}.song-tile>.artwork{width:37px;height:45px}.song-tile strong{font-size:10px}.listener-grid{grid-template-columns:1fr}.listener-card{padding:17px}.person-button .avatar{width:42px!important;height:42px!important;font-size:16px!important}.person-button strong{font-size:13px}.person-button small{font-size:9px}.match-evidence{font-size:10px}.self-report{min-height:0;font-size:11px}.listener-footer{flex-wrap:nowrap}.listener-footer>span,.tag-row>span{font-size:9px}.community-filters .segmented button{padding:8px}.queue-player{grid-template-columns:95px 1fr;gap:16px}.queue-player>.artwork{width:95px;height:125px}.queue-player .art-word{font-size:12px}.page-heading h1{font-size:26px}.co-create button{padding:9px;font-size:8px}.resonance-preview .section-heading h2{font-size:14px}.resonance-preview .text-button{font-size:8px}.main-shell main{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.moment-button:hover{transform:none}}.graph-mine{white-space:nowrap;color:var(--ink);align-items:center;gap:6px;font-size:11px;display:flex}@media (width<=760px){.graph-toolbar{flex-wrap:wrap}.graph-toolbar>span{order:3;width:100%}.community-filters>.segmented{max-width:100%;overflow-x:auto}.community-layout{gap:24px}.cohort-card{padding:24px}.page-heading{flex-direction:column;align-items:flex-start;gap:16px}.page-heading h1{max-width:none}.song-select{align-self:flex-start}.graph-legend,.graph-unit,.community-track small,.cohort-note,.cohort-source,.clip-row-body small,.modal-footnote,.queue-other small,.profile-basis{font-size:10px;line-height:1.6}}.main-shell{margin-left:0}.main-shell main{max-width:1220px;margin:auto;padding:28px 36px 150px}.topbar{border-bottom:1px solid var(--line);max-width:1220px;height:84px;margin:auto;padding:0 36px}.app-brand{text-align:left;align-items:center;gap:12px;font-size:21px;font-weight:650;display:flex}.app-brand small{color:var(--muted);letter-spacing:1px;margin-top:5px;font-size:10px;font-weight:400;display:block}.app-brand .brand-mark{background:#3d725e;border-radius:11px;width:34px;height:36px}.desktop-nav{align-items:center;gap:16px;display:flex}.desktop-nav button{color:var(--muted);border-radius:30px;align-items:center;gap:9px;padding:12px 23px;font-size:14px;display:flex}.desktop-nav button[aria-current=page]{color:var(--green);background:#e7ece4}.app-page-listen{color:#f2f3e9;--muted:#a1b3a8;background:#151e1b}.app-page-listen .topbar{background:0 0;border-color:#ffffff12}.app-page-listen .icon-button{color:#d3ddd4}.app-page-listen .app-brand small{color:#95a79b}.app-page-listen .desktop-nav button{color:#a1b3a8}.app-page-listen .desktop-nav button[aria-current=page]{color:#bce7ad;background:#ffffff0e}.app-page-listen .page-footer{display:none}.app-page-listen .main-shell main{padding:24px 36px 36px}.listening-app{grid-template-columns:minmax(340px,480px) minmax(300px,400px);justify-content:center;gap:clamp(56px,8vw,130px);display:grid}.phone-player{min-width:0;padding:0 26px}.player-view-tabs{justify-content:center;align-items:center;gap:16px;height:42px;margin-bottom:16px;display:flex}.player-view-tabs button{color:#8a9d91;padding:9px 6px;font-size:13px}.player-view-tabs button[aria-selected=true]{color:#f2f3e9}.player-view-tabs>span{background:#ffffff20;width:1px;height:12px}.player-stage{justify-content:center;align-items:flex-start;height:336px;display:flex}.player-cover{text-align:center;width:304px;max-width:100%}.player-cover .artwork{aspect-ratio:1;border-radius:13px;width:100%;box-shadow:0 16px 50px #0005}.cover-caption{letter-spacing:2px;color:#93a79a;margin-top:17px;font-size:10px;display:block}.app-track-title{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;display:flex}.app-track-title h1{letter-spacing:1px;color:#f5f3eb;font-size:25px;line-height:1.35}.app-track-title p{color:#9bab9f;margin-top:8px;font-size:12px}.app-track-title>button{color:#aab9ae;margin-right:-10px;padding:10px}.app-timeline{margin-top:24px}.app-timeline input{background:linear-gradient(to right, #bce7ad var(--progress), #ffffff23 var(--progress));width:100%;height:4px;display:block}.app-timeline input::-webkit-slider-thumb{width:9px;height:9px;box-shadow:none;background:#cee9c4;border:0}.app-timeline>div{font-variant-numeric:tabular-nums;color:#95a79a;justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.app-timeline>div button{color:#cee9c4;font-size:10px}.app-transport{justify-content:center;align-items:center;gap:42px;margin:18px 0 22px;display:flex}.app-transport>button{color:#e2e8df;width:48px;height:48px}.app-transport .app-play{color:#243a2d;background:#e9efdf;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.app-play svg{stroke-width:1.5px}.app-moment-action{flex-direction:column;align-items:center;gap:11px;display:flex}.app-light-button{letter-spacing:2px;color:#203e2b;background:#bce7ad;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 20px;font-size:15px;font-weight:600;transition:transform .15s,background .15s;display:flex}.app-light-button:active{background:#d5f3cd;transform:scale(.98)}.app-privacy-hint{color:#9bac9f;padding:2px 8px;font-size:10px}.app-resonance-entry{text-align:left;border-top:1px solid #ffffff16;align-items:center;gap:14px;width:100%;margin-top:23px;padding:18px 0;display:flex}.app-resonance-entry>span:nth-child(2){flex:1}.app-resonance-entry strong{color:#e5eadf;font-size:13px;font-weight:500;display:block}.app-resonance-entry small{color:#8eaa98;margin-top:6px;font-size:10px;display:block}.app-resonance-entry>svg{color:#a3b99d}.entry-wave{align-items:center;gap:3px;width:36px;display:flex}.entry-wave i{background:#98bd94;border-radius:3px;width:3px;height:13px;display:block}.entry-wave i:nth-child(2n){height:22px}.entry-wave i:nth-child(3){height:32px}.listening-context{padding-top:52px}.context-intro .eyebrow{color:#86a08c;letter-spacing:2px;font-size:9px}.context-intro h2{letter-spacing:2px;margin:18px 0;font-size:32px;font-weight:450;line-height:1.6}.context-intro p{color:#a0b0a2;font-size:13px;line-height:2}.context-graph{background:#ffffff04;border:1px solid #ffffff13;border-radius:18px;margin-top:36px;padding:24px 22px}.context-graph .section-heading{margin-bottom:16px}.context-graph h3,.context-moments h3{color:#d3dfce;font-size:14px;font-weight:500}.context-graph .graph-legend{color:#a2b19c}.context-graph .text-button{color:#bce7ad;margin-top:12px;font-size:12px}.context-graph>p{color:#91a38e;margin-top:14px;font-size:10px}.context-moments{margin-top:28px}.context-moments .section-heading{margin-bottom:12px}.context-moments .section-heading>span{color:#8da08e;font-size:10px}.context-moments>button{text-align:left;color:#b2c2ab;border-bottom:1px solid #ffffff10;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.context-moments>button>span{flex:1;min-width:0}.context-moments strong{color:#e0e8d9;font-size:12px;font-weight:450;display:block}.context-moments small{color:#94a58f;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.context-moments>p{color:#94a58f;padding:12px 0;font-size:12px}.context-moments .context-library{color:#c1d4b6;border:0;justify-content:space-between;padding-top:18px;font-size:12px}.app-lyrics{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.app-lyrics-toolbar{justify-content:space-between;align-items:center;gap:8px;padding-bottom:13px;display:flex}.app-lyrics-toolbar small{color:#9aaa9c;font-size:9px}.app-lyrics-toolbar button{color:#c3d5bb;align-items:center;gap:4px;padding:8px 0;font-size:11px;display:flex}.app-lyric-lines{scrollbar-width:none;overscroll-behavior:contain;flex:1;padding:20px 0 70px;position:relative;overflow-y:auto}.app-lyric-line{color:#8d9e91;align-items:center;gap:8px;min-height:55px;display:flex}.app-lyric-line>button:first-child{text-align:left;flex:1;min-width:0;padding:8px 0;font-size:18px;font-weight:550;line-height:1.7}.app-lyric-line>button:last-child:not(:first-child),.app-lyric-line>span{flex-shrink:0;place-items:center;width:32px;min-height:44px;display:grid}.app-lyric-line[data-current=true],.app-lyric-line .is-lit{color:#c5ecb5}.app-lyric-line.selected{color:#d2efc6;background:#ffffff0a;border-radius:8px}.lyric-save{color:#24422a;background:#bce7ad;border-radius:10px;padding:12px;font-size:12px}.lyrics-empty{text-align:center;color:#a8b8a7;padding:45px 0}.lyrics-empty p{margin:20px 0 10px;font-size:18px}.app-page-listen .modal{color:#2f352f;--muted:#858a80}.app-page-listen .modal .icon-button{color:#2f352f}.app-page-listen .toast{color:#f2f5e9}.app-page-listen .audio-error{margin-top:12px;font-size:11px}.app-song-list{flex-direction:column;display:flex}.app-song-list>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.app-song-list .artwork{border-radius:9px;flex-shrink:0;width:54px;height:54px}.app-song-list>button>span{flex:1;min-width:0}.app-song-list strong{font-size:15px;display:block}.app-song-list small{color:var(--muted);margin-top:6px;line-height:1.6;display:block}.moment-detail{text-align:center;color:#46644f;padding:20px 15px 28px}.moment-detail p{margin:14px 0 10px;font-size:22px;line-height:1.6}.moment-detail small{color:#7d8979}.moment-reasons{margin:20px 0}.moment-reasons p{margin-bottom:12px;font-size:13px}.moment-reasons p small{color:var(--muted);margin-left:6px}.moment-reasons button{border:1px solid var(--line);border-radius:20px;margin:0 6px 8px 0;padding:9px 13px;font-size:12px}.moment-reasons button[aria-pressed=true]{color:#3d6844;background:#e9f1e2;border-color:#a9c79f}.community-join{border-bottom:1px solid var(--line);color:var(--green);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;font-size:12px;display:flex}.audio-dock{border:1px solid var(--line);border-radius:18px;width:calc(100% - 64px);max-width:1160px;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #203a2410}.toast{z-index:110;bottom:110px}.app-page-listen .toast{bottom:28px}.clip-sheet .queue-player>.artwork{touch-action:none}@media (width>=761px) and (height<=850px){.player-stage{height:282px}.player-cover{width:250px}.player-view-tabs{margin-bottom:10px}.app-track-title{margin-top:16px}.app-timeline{margin-top:20px}.app-transport{margin:14px 0 18px}.app-transport .app-play{width:58px;height:58px}.context-intro h2{font-size:29px}.listening-context{padding-top:35px}}@media (width<=900px){.listening-app{grid-template-columns:minmax(320px,430px) minmax(230px,320px);gap:32px}.phone-player{padding:0 8px}.context-intro h2{font-size:25px}}@media (width<=760px){.main-shell{margin:0}.main-shell main{padding:24px 20px 170px}.topbar{background:0 0;height:66px;padding:0 22px;position:relative}.app-brand{gap:9px;padding:0;font-size:16px}.app-brand .brand-mark{border-radius:9px;width:27px;height:29px}.app-brand small{letter-spacing:.5px;margin-top:3px;font-size:8px}.desktop-nav{display:none}.app-page-listen .main-shell main{padding:0 27px 90px}.listening-app{display:block}.phone-player{max-width:430px;margin:auto;padding:0}.listening-context{display:none}.player-view-tabs{height:43px;margin-bottom:11px}.player-view-tabs button{font-size:12px}.player-stage{height:280px}.player-cover{width:250px}.player-cover .artwork{border-radius:11px}.cover-caption{margin-top:14px;font-size:9px}.app-track-title{margin-top:17px}.app-track-title h1{letter-spacing:.5px;font-size:23px}.app-track-title p{margin-top:7px;font-size:11px}.app-timeline{margin-top:25px}.app-transport{gap:36px;margin:15px 0 19px}.app-transport .app-play{width:59px;height:59px}.app-light-button{border-radius:13px;padding:14px;font-size:14px}.app-privacy-hint{font-size:9px}.app-moment-action{gap:9px}.app-resonance-entry{margin-top:18px;padding:17px 0}.app-resonance-entry strong{font-size:12px}.app-resonance-entry small{font-size:9px}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcfcf7f5;justify-content:space-around;align-items:center;display:flex}.mobile-nav button{gap:6px;min-width:70px;padding:9px 12px;font-size:10px}.app-page-listen .mobile-nav{background:#17221ff2;border-top:1px solid #ffffff0c}.app-page-listen .mobile-nav button{color:#869d8c}.app-page-listen .mobile-nav button.selected{color:#c4eeb4}.audio-dock{bottom:calc(64px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;width:calc(100% - 20px);height:65px;left:10px;right:10px;transform:none}.dock-track{flex:1;min-width:0}.dock-right{display:flex}.dock-right>svg,.dock-right>input,.dock-right>button:nth-child(2){display:none}.dock-controls{margin:0}.toast,.app-page-listen .toast{bottom:calc(142px + env(safe-area-inset-bottom));gap:8px;width:auto;max-width:none;padding:13px;font-size:11px;left:15px;right:15px;transform:none}.app-page-listen .toast{bottom:calc(78px + env(safe-area-inset-bottom))}.toast>span{white-space:normal}.toast button{flex-shrink:0;padding:7px 4px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:90dvh;padding:25px 24px calc(26px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal-top h2{font-size:21px}.modal-top p{font-size:11px;line-height:1.8}.modal.clip-sheet{background:#f3f4ed;border-radius:0;height:100dvh;max-height:100dvh}.clip-sheet .queue-player{text-align:center;flex-direction:column;align-items:stretch;gap:22px;padding:8px 0 20px;display:flex}.clip-sheet .queue-player>.artwork{aspect-ratio:1;border-radius:16px;width:min(68vw,280px);height:auto;margin:auto}.clip-sheet .queue-player>div:not(.artwork){width:100%}.clip-sheet .queue-transport,.clip-sheet .queue-actions{justify-content:center}.clip-sheet .queue-player h2{margin-top:12px;font-size:24px}.community-join{font-size:11px}.page-heading h1{font-size:26px}.app-lyric-line>button:first-child{font-size:17px}}@media (width<=760px) and (height<=760px){.player-stage{height:225px}.player-cover{width:198px}.app-track-title{margin-top:12px}.app-timeline{margin-top:19px}.app-transport{margin:12px 0 16px}.app-transport .app-play{width:54px;height:54px}.player-view-tabs{margin-bottom:7px}.app-resonance-entry{margin-top:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media (width<=760px){.clip-sheet .queue-transport .icon-button{width:44px;height:44px}.clip-sheet .queue-transport .play-main{width:58px;height:58px}.clip-sheet .queue-player small{font-size:11px}.clip-sheet .queue-actions button{min-height:44px;font-size:12px}.clip-sheet .auto-continue{font-size:11px}.clip-sheet .queue-list button{min-height:56px}}.art-rain{background:linear-gradient(155deg,#d4d4bd,#6f938c 56%,#263f45)}.art-rain .art-sun{background:#f1dcaf;width:37%;top:25%;left:33%;box-shadow:0 0 60px #f8e5b568}.art-rain .art-horizon{background:linear-gradient(#345b5a,#18383f)}.art-rain .art-line{border-color:#d8e2c377}.art-after{background:linear-gradient(150deg,#d3acc2,#777796 55%,#303959)}.art-after .art-sun{background:#e1d2dc;width:48%;top:24%;left:35%;box-shadow:inset -18px -5px #787791}.art-after .art-horizon{background:linear-gradient(#545578,#272d49)}.art-after .art-line{border-color:#b3a6ca66}.track-credit{color:#aebbb5;margin:18px 0 0;font-size:11px;line-height:1.8}.track-credit summary{cursor:pointer;min-height:28px}.track-credit p{margin:5px 0}.track-credit a{color:inherit;text-underline-offset:3px;text-decoration:underline}.track-credit a+a{margin-left:12px}.graph-unified-note{color:#72866f;white-space:nowrap;background:#edf1e7;border-radius:30px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.listeners-heading{gap:12px;scroll-margin-top:24px}.listeners-toggle{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.listeners-more{border:1px solid var(--line);color:#627658;background:#f0f3e9;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:14px;font-size:12px;display:flex}.listeners-more:hover{background:#e7eddc}.graph .legend-community{background:#668c7c;border-radius:50%;width:15px;height:3px}.graph .legend-mine{background:0 0;border:2px solid #e58a62;border-bottom:0;border-radius:0;width:13px;height:6px}.graph-cursor{pointer-events:none}.context-graph .graph-grid-line{stroke:#ffffff16}.context-graph .personal-choice-tick{fill:#f4af88}.context-graph .resonance-curve{stroke:#a2c59d}@media (width<=760px){.community-graph-heading{flex-wrap:wrap;gap:12px}.graph-unified-note{font-size:10px}.graph-expanded .graph-legend{gap:13px}}.art-heartbeat{background:linear-gradient(145deg,#e6c18e,#ce7664 58%,#663f50)}.art-heartbeat .art-sun{background:#f5d5a5}.art-heartbeat .art-horizon{background:linear-gradient(#805360,#463347)}.art-quiet{background:linear-gradient(145deg,#a9c0c5,#5a788f 60%,#253952)}.art-quiet .art-sun{background:#e4e7d6;box-shadow:inset -18px -5px #72919e}.art-quiet .art-horizon{background:linear-gradient(#375165,#182e43)}.art-star{background:linear-gradient(145deg,#d5c599,#958c76 60%,#404c50)}.art-star .art-sun{background:#f4e4b8;box-shadow:0 0 50px #f4e4b855}.art-star .art-horizon{background:linear-gradient(#5d6a61,#263b40)}.art-dream{background:linear-gradient(145deg,#dac4d1,#9d8cac 60%,#554963)}.art-dream .art-sun{background:#f1d8c5}.art-dream .art-horizon{background:linear-gradient(#7c6b89,#443953)}