@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-bold:700;--font-weight-black:900;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-w-0{min-width:calc(var(--spacing) * 0)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.justify-self-start{justify-self:flex-start}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\[\#fffdf7\]{background-color:#fffdf7}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.uppercase{text-transform:uppercase}@media (min-width:40rem){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--background:#fff;--foreground:#111;--muted:#77777d;--faint:#9c9ca2;--line:#e7e7ea;--line-strong:#dddddf;--ink:#111}*{box-sizing:border-box}html{background:var(--background);color:var(--foreground)}html,body{overflow:hidden}body{background:var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.shell{grid-template-rows:70px minmax(0,1fr);width:100%;height:100dvh;padding:0 28px;display:grid;overflow:hidden}.app-scroll-region{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:108px;overflow-y:auto}.auth-shell{place-items:center;min-height:100dvh;padding:42px 24px;display:grid;overflow-y:auto}.auth-wrap{width:min(100%,380px)}.auth-wrap-wide{width:min(100%,760px)}.auth-wrap h1{color:#111;letter-spacing:0;margin:0;font-size:22px;font-weight:520}.auth-wrap p{color:#77777d;margin:8px 0 28px;font-size:13px;font-weight:350;line-height:1.5}.auth-heading{text-align:center;width:min(100%,380px);margin:0 auto 34px}.auth-heading p{margin-bottom:0}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;display:grid}.auth-grid h2{color:#111;margin:0 0 12px;font-size:12.5px;font-weight:470}.auth-choice{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:18px;display:grid}.auth-choice button{border:1px solid var(--line);color:#66666c;cursor:pointer;background:#fff;border-radius:999px;min-height:42px;font-size:12.5px;font-weight:390}.auth-choice button:hover{color:#222226;border-color:#ccccd1}.auth-choice button.active{color:#111;border-color:#111}.auth-selected-form{margin-top:24px}.auth-selected-form h2{color:#8a8a90;margin:0 0 12px;font-size:12px;font-weight:390}.auth-form{border-top:1px solid var(--line);display:grid}.auth-form input,.auth-form textarea{border:0;border-bottom:1px solid var(--line);color:#111;background:0 0;outline:none;width:100%;min-height:58px;font-size:13.5px;font-weight:380}.auth-form textarea{resize:vertical;min-height:92px;padding-top:19px}.auth-form input::placeholder,.auth-form textarea::placeholder{color:#9a9aa0}.auth-form input:focus,.auth-form textarea:focus{border-bottom-color:#bdbdc2}.auth-handle-field{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;column-gap:14px;display:grid}.auth-handle-field span{color:#9a9aa0;grid-column:1/-1;padding-top:16px;font-size:11.5px;font-weight:360}.auth-form .auth-handle-field input{border-bottom:0;min-height:38px}.auth-handle-field em{color:#8a8a90;white-space:nowrap;padding-bottom:11px;font-size:12px;font-style:normal;font-weight:360}.auth-handle-field:focus-within{border-bottom-color:#bdbdc2}.auth-form button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:999px;width:fit-content;min-height:44px;margin-top:26px;padding:0 22px;font-size:13px;font-weight:430}.auth-form button:disabled{cursor:default;opacity:.55}.auth-error{color:#9b1d1d;margin:14px 0 0;font-size:12px;line-height:1.4}.auth-email{border-bottom:1px solid var(--line);color:#8a8a90;margin:0;padding:0 0 14px;font-size:12.5px}.auth-link{color:#85858b;text-align:center;margin:22px 0 0;font-size:12.5px}.auth-link a{color:#111;font-weight:430}.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.btn{border:1px solid var(--ink);background:var(--ink);color:#fffdf7;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:650;display:inline-flex}.btn.secondary{border-color:var(--line);color:var(--ink);background:0 0}.btn.danger{background:#9b1d1d;border-color:#9b1d1d}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf7;border-radius:8px;outline:none;padding:12px 13px}.input:focus{border-color:var(--ink)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.soup-header{z-index:34;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;display:grid;position:relative}.soup-wordmark{letter-spacing:0;justify-self:start;font-size:19px;font-weight:540}.soup-nav{color:#66666c;align-items:center;gap:38px;font-size:13.5px;font-weight:400;display:flex}.soup-nav a{padding:13px 0 17px;position:relative}.soup-nav a.active{color:#111}.soup-nav a.active:after{content:"";background:#111;border-radius:999px;height:2px;position:absolute;bottom:7px;left:0;right:0}.soup-account{justify-self:end;position:relative}.soup-sign-in-link{color:#111;justify-self:end;font-size:13px;font-weight:420;text-decoration:none}.soup-avatar{color:#66666c;cursor:pointer;text-transform:lowercase;background:linear-gradient(135deg,#e2e2dee0,#b6b6b0b8),#efefed;border:2px solid #050505;border-radius:999px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;font-size:11.5px;font-weight:430;display:flex;overflow:hidden}.soup-avatar img{object-fit:cover;width:100%;height:100%}.soup-account-menu{z-index:35;background:#fff;border:1px solid #e4e4e6;border-radius:6px;width:128px;padding:5px 0;display:grid;position:absolute;top:39px;right:0;box-shadow:0 12px 30px #0000000e}.soup-account-menu a,.soup-account-menu button{color:#27272b;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:380;display:block}.soup-account-menu a:hover,.soup-account-menu button:hover{background:#f8f8f8}.feed-wrap{width:min(100%,720px);margin:58px auto 0}.feed-tools{z-index:20;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;padding:0 0 12px;display:grid;position:sticky;top:0}.feed-mode-toggle{color:#8b8b91;align-items:center;gap:18px;font-size:11.5px;font-weight:360;display:flex}.feed-mode-toggle button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.feed-mode-toggle button.active{color:#141416}.feed-loading{color:#9a9aa0;text-align:center;padding:18px 0 0;font-size:11.5px}.feed-sentinel{height:1px}.feed-empty{color:#8a8a90;text-align:center;padding:46px 0;font-size:13px}.track-list{display:grid}.track-row{border-bottom:1px solid var(--line);grid-template-columns:60px 36px minmax(140px,1fr) auto;align-items:center;gap:18px;min-height:76px;display:grid;position:relative}.track-artwork{object-fit:cover;background:#f2f2f2;border-radius:4px;width:60px;height:60px;overflow:hidden}.play-ring{cursor:pointer;background:#fff;border:1px solid #e1e1e4;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .16s,transform .16s;display:inline-flex}.play-ring:hover{border-color:#c9c9ce;transform:scale(1.02)}.play-ring.is-playing{background:#fafafa;border-color:#cfcfd3}.track-title{color:#0d0d0f;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:430;line-height:1.16;display:block;overflow:hidden}.track-artist{color:#7f7f85;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;font-weight:340;line-height:1.12;display:block;overflow:hidden}.track-metrics{color:#89898f;grid-template-columns:48px 40px 28px 20px;justify-content:end;align-items:center;gap:8px;font-size:11px;font-weight:360;display:grid}.track-metrics.no-actions{grid-template-columns:48px 40px 28px}.metric-pill,.icon-button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.icon-button{cursor:pointer;justify-content:center}.track-owner-menu{justify-content:center;display:inline-flex;position:relative}.track-owner-popover{z-index:25;background:#fff;border:1px solid #e4e4e6;border-radius:6px;width:118px;padding:5px 0;position:absolute;top:24px;right:0;box-shadow:0 10px 26px #0000000e}.track-owner-popover button{color:#333338;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:7px 11px;font-size:12.5px;font-weight:380;display:block}.track-owner-popover button:hover{background:#f8f8f8}.track-owner-popover button.danger{color:#9b2b2b}.soup-icon{stroke:currentColor;stroke-width:1.25px;width:15px;height:15px}.soup-icon-fill{fill:currentColor;stroke:none}.profile-page{margin-top:48px}.profile-wrap{width:min(100%,680px);margin:0 auto}.profile-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 0;display:grid}.profile-avatar-large{color:#66666c;text-transform:lowercase;background:linear-gradient(135deg,#e2e2dee0,#b6b6b0b8),#efefed;border-radius:6px;justify-content:center;align-items:center;width:66px;height:66px;font-size:22px;font-weight:430;display:flex;overflow:hidden}.profile-avatar-large img{object-fit:cover;filter:saturate(.9)contrast(.96);width:100%;height:100%}.profile-copy{min-width:0}.profile-handle{color:#85858b;margin:0 0 5px;font-size:12.5px;font-weight:360}.profile-copy h1{color:#101012;letter-spacing:-.01em;margin:0;font-size:23px;font-weight:480;line-height:1.08}.profile-bio{color:#6f6f75;max-width:440px;margin:10px 0 0;font-size:13px;font-weight:350;line-height:1.48}.profile-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.profile-actions .btn{color:#111;background:#fff;border-color:#dcdcdf;min-height:32px;padding:0 14px;font-size:12.5px;font-weight:430}.profile-actions .btn:hover{border-color:#c9c9ce}.profile-actions .icon-button{color:#77777d;justify-content:center;width:24px;height:24px}.profile-meta{color:#85858b;gap:22px;padding:13px 0;font-size:12px;font-weight:360;display:flex}.profile-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px;padding:12px 0;font-size:12.5px;font-weight:380;display:flex}.profile-tabs a{color:#85858b}.profile-tabs a.active{color:#111}.profile-page .feed-wrap{width:min(100%,680px);margin-top:12px}.quiet-page{place-items:center;min-height:calc(100vh - 210px);display:grid}.quiet-page p{color:#55555b;text-align:center;width:min(100%,440px);margin:0;font-size:13.5px;font-weight:350;line-height:1.6}.invites-page{align-content:center}.invite-code-list{border-top:1px solid var(--line);width:min(100%,440px);margin:24px auto 0;display:grid}.invite-code-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 0;display:grid}.invite-code-row code{color:#111;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;overflow:hidden}.invite-code-row span{color:#8a8a90;font-size:11.5px}.settings-page{width:min(100%,620px);margin:50px auto 120px}.settings-section{border-top:1px solid var(--line);grid-template-columns:118px minmax(0,1fr);gap:32px;padding:30px 0 34px;display:grid}.settings-section:last-child{border-bottom:1px solid var(--line)}.settings-section h1{color:#77777d;margin:0;font-size:12px;font-weight:410;line-height:1.35}.settings-form{gap:0;display:grid}.settings-form label{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:50px;display:grid}.settings-form label span,.settings-stat-list span,.settings-file span{color:#8a8a90;font-size:12px;font-weight:370}.settings-form input,.settings-form textarea{color:#111;background:0 0;border:0;outline:none;width:100%;font-size:13px;font-weight:380}.settings-form textarea{resize:vertical;min-height:78px;padding:17px 0}.settings-form input:focus,.settings-form textarea:focus{color:#000}.settings-form button,.settings-danger button{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:999px;width:fit-content;min-height:36px;margin-top:20px;padding:0 16px;font-size:12.5px;font-weight:410}.settings-progress{color:#8a8a90;align-self:center;margin:10px 0 0 14px;font-size:12px;font-weight:380}.settings-form button:disabled,.settings-danger button:disabled{cursor:default;opacity:.5}.settings-subform{margin-top:30px}.settings-avatar-row{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:20px;padding:0 0 18px;display:grid}.settings-avatar-preview{color:#6c6c72;text-transform:lowercase;background:#ecebe8;border-radius:6px;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:430;display:flex;overflow:hidden}.settings-avatar-preview img{object-fit:cover;filter:saturate(.9)contrast(.96);width:100%;height:100%}.settings-file{grid-template-columns:112px minmax(0,1fr);align-items:center;display:grid}.settings-avatar-row .settings-file{border-bottom:0;min-height:auto}.settings-file input{color:#77777d;cursor:pointer;font-size:12px}.settings-file input::file-selector-button{color:#161616;cursor:pointer;background:#fff;border:1px solid #dedee1;border-radius:999px;margin-right:14px;padding:7px 12px;font-size:12px;font-weight:420;transition:border-color .15s,background .15s}.settings-file input:hover::file-selector-button{background:#fafafa;border-color:#c9c9ce}.settings-message{color:#66666c;margin:14px 0 0;font-size:12px;line-height:1.45}.settings-message.error{color:#9b1d1d}.settings-text-link{color:#77777d;cursor:pointer;background:0 0;border:0;width:fit-content;margin-top:30px;padding:0;font-size:12.5px;font-weight:390;display:inline-flex}.settings-text-link:hover{color:#111}.settings-stat-list{border-top:1px solid var(--line);display:grid}.settings-stat-list div,.settings-invite-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:42px;display:grid}.settings-stat-list strong{color:#111;font-size:12.5px;font-weight:420}.settings-invite-list{border-top:1px solid var(--line);margin-top:22px}.settings-invite-row code{color:#111;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;overflow:hidden}.settings-invite-row span{color:#8a8a90;font-size:11.5px}.settings-danger p{color:#77777d;max-width:340px;margin:0;font-size:12.5px;font-weight:350;line-height:1.55}.settings-danger button{background:#9b1d1d;border-color:#9b1d1d}.player-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #e4e4e6;height:66px;position:fixed;bottom:0;left:0;right:0}.player-inner{grid-template-columns:206px minmax(200px,1fr) 176px;align-items:center;gap:28px;height:100%;padding:0 56px;display:grid}.player-track{align-items:center;gap:14px;min-width:0;display:flex}.player-track-trigger{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0}.player-artwork{object-fit:cover;background:#eef1f5;border-radius:5px;flex:none;width:44px;height:44px;overflow:hidden}.player-title{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:430;line-height:1.18;overflow:hidden}.player-artist{color:#7b7b82;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:340;overflow:hidden}.player-progress{color:#85858b;grid-template-columns:34px minmax(120px,1fr) 34px;align-items:center;gap:12px;font-size:11.5px;display:grid}.progress-scrubber{align-items:center;height:22px;display:flex;position:relative}.progress-scrubber input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.progress-scrubber input:disabled{cursor:default}.progress-line{background:#dedee1;width:100%;height:1px;position:relative}.progress-fill{background:#111;position:absolute;top:0;bottom:0;left:0}.progress-dot{background:#111;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-scrubber:has(input:focus-visible) .progress-line{outline-offset:6px;outline:1px solid #bdbdc2}.player-controls{justify-content:flex-end;align-items:center;gap:14px;display:flex}.player-control{color:#111;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.player-control:disabled{cursor:default;opacity:.28}.player-main-control{background:#fff;border:1px solid #d9d9dc;border-radius:999px;width:36px;height:36px}.now-playing-screen{display:none}.upload-wrap{width:min(100%,400px);margin:68px auto 0}.upload-form{border-top:1px solid var(--line);display:grid}.upload-field{border-bottom:1px solid var(--line);cursor:text;grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:62px;display:grid}.upload-field:has(.upload-file){cursor:pointer}.upload-description-field{grid-template-columns:1fr;align-items:start;gap:9px;min-height:auto;padding:17px 0 14px}.upload-label{color:#8a8a90;font-size:12px;font-weight:380}.upload-input{color:#111;background:0 0;border:0;outline:none;width:100%;min-height:62px;font-size:13.5px;font-weight:380}.upload-input::placeholder{color:#b5b5ba}.upload-description{resize:none;min-height:58px;padding:0;line-height:1.45}.upload-description-limit{color:#9a9aa0;font-size:11.5px;font-style:normal;font-weight:360}.upload-file{color:#77777d;cursor:pointer;min-height:auto;font-size:12px}.upload-file::file-selector-button{color:#161616;cursor:pointer;background:#fff;border:1px solid #dedee1;border-radius:999px;margin-right:14px;padding:7px 12px;font-size:12px;font-weight:420;transition:border-color .15s,background .15s}.upload-file:hover::file-selector-button{background:#fafafa;border-color:#c9c9ce}.upload-file:focus-visible::file-selector-button{border-color:#111}.upload-active{border-bottom:1px solid var(--line);gap:0;padding:18px 0 2px;display:grid}.upload-active-head,.upload-active-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.upload-active-head{color:#8a8a90;margin-bottom:6px;font-size:12px;font-weight:380}.upload-active-row{color:#202024;min-height:34px;font-size:12.5px;font-weight:400}.upload-active-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-active-row button{color:#77777d;cursor:pointer;background:0 0;border:0;padding:6px 0 6px 12px;font-size:12px;font-weight:390}.upload-active-row button:hover{color:#111}.upload-active-row button:disabled{cursor:default;opacity:.45}.upload-message{color:#77777d;margin:18px 0 0;font-size:12.5px;line-height:1.5}.upload-actions{align-items:center;gap:14px;margin-top:28px;display:flex}.upload-submit{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:999px;justify-self:start;padding:9px 18px;font-size:13px;font-weight:430}.upload-submit:disabled{cursor:default;opacity:.52}.upload-progress{color:#85858b;letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:380}.upload-progress.complete{color:#303034}.comments-popover{z-index:20;background:#fff;border:1px solid #e5e5e7;border-radius:6px;width:338px;padding:15px 16px 14px;position:absolute;top:62px;right:24px;box-shadow:0 14px 34px #0000000e}.comments-popover:before{content:"";background:#fff;border-top:1px solid #e5e5e7;border-left:1px solid #e5e5e7;width:10px;height:10px;position:absolute;top:-6px;right:98px;transform:rotate(45deg)}.comments-popover-head{color:#111;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:460;display:flex}.comments-popover-head button,.comments-view-all,.comments-mini-composer button,.comments-sheet-composer button,.comments-back{color:#8b8b91;cursor:pointer;background:0 0;border:0;padding:0}.comments-list{display:grid}.comments-list.compact{margin-top:14px}.comment-row{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:11px 0;display:grid}.comments-list.compact .comment-row+.comment-row{border-top:1px solid #eeeeef}.comment-avatar{color:#00000094;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:470;display:inline-flex}.comment-avatar.tone-0{background:#e7e1d8}.comment-avatar.tone-1{background:#dfe5e2}.comment-avatar.tone-2{background:#e8e3e9}.comment-avatar.tone-3{background:#dedfd7}.comment-avatar.tone-4{background:#e8dfd5}.comment-body{min-width:0}.comment-meta{color:#9a9aa0;grid-template-columns:auto auto;align-items:center;column-gap:8px;font-size:11.5px;display:grid}.comment-meta>span{color:#202024;font-weight:470}.comment-body p{color:#202024;margin:4px 0 0;font-size:12.5px;font-weight:360;line-height:1.45}.comments-view-all{color:#55555b;margin-top:4px;font-size:12px}.comments-mini-composer{border-top:1px solid #eeeeef;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0 0;padding-top:12px;display:grid}.comments-mini-composer input,.comments-sheet-composer input{color:#151518;background:0 0;border:0;outline:none;width:100%;font-size:12.5px}.comments-mini-composer input::placeholder,.comments-sheet-composer input::placeholder{color:#a2a2a8}.comments-mini-composer button,.comments-sheet-composer button{color:#111;font-size:12px;font-weight:430}.comments-sign-in{color:#696970;border-top:1px solid #eeeeef;margin-top:10px;padding-top:12px;font-size:12px;font-weight:400;display:block}.comments-sheet{display:none}.comments-sheet.expanded{z-index:38;background:#fff;grid-template-rows:auto auto auto 1fr auto;display:grid;position:fixed;inset:0 0 74px}.comments-sheet.expanded~.comments-popover{display:none}.comments-popover:has(+.comments-sheet.expanded){display:none}.comments-sheet-top{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;width:min(100%,780px);min-height:58px;margin:0 auto;padding:0 4px;display:grid}.comments-back{color:#111;text-align:left;font-size:28px;line-height:1}.comments-sheet-title{color:#111;font-size:14px;font-weight:470}.comments-track-head{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100%,780px);margin:0 auto;padding:13px 4px;display:grid}.comments-track-head img{object-fit:cover;border-radius:4px;width:46px;height:46px}.comments-track-head div div{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:440;overflow:hidden}.comments-track-head span,.comments-track-head time{color:#86868c;font-size:12px}.comments-sheet-count{color:#111;width:min(100%,780px);margin:0 auto;padding:20px 4px 4px;font-size:12.5px;font-weight:470}.comments-sheet-list{width:min(100%,780px);margin:0 auto;padding:0 4px 18px;overflow-y:auto}.comments-empty{color:#8a8a90;padding:22px 0;font-size:12.5px}.comments-empty.compact{padding:18px 2px 14px;font-size:12px}.comments-sheet-list .comment-row{border-bottom:1px solid #eeeeef;grid-template-columns:26px minmax(0,1fr);gap:11px;padding:15px 0}.comments-sheet-list .comment-avatar{width:26px;height:26px}.comments-sheet-composer{border-top:1px solid var(--line);width:min(100%,780px);padding:13px 4px calc(13px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 auto;display:grid}.comments-sheet-composer.comments-sign-in{color:#696970;text-align:center;font-size:12px;display:block}.track-detail-page{width:min(100%,780px);margin:42px auto 0}.track-detail-player{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:236px minmax(0,1fr);align-items:center;gap:42px;padding:30px 0;display:grid}.track-detail-artwork{aspect-ratio:1;object-fit:cover;background:#f0f0f1;border-radius:6px;width:236px}.track-detail-info{min-width:0}.track-detail-artist-row{align-items:center;gap:9px;margin-bottom:8px;display:flex}.track-detail-artist{color:#77777d;font-size:12.5px;font-weight:360;display:inline-block}.track-detail-follow{border-radius:4px;min-height:24px;padding:0 9px;font-size:11px;font-weight:400}.track-detail-info h1{overflow-wrap:anywhere;color:#101013;letter-spacing:0;margin:0;font-size:24px;font-weight:470;line-height:1.12}.track-detail-timeline{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:16px;margin-top:30px;display:grid}.track-detail-play{width:38px;height:38px}.track-detail-progress{min-width:0}.track-detail-progress .progress-scrubber{height:28px}.track-detail-times{color:#8a8a90;justify-content:space-between;font-size:11.5px;font-weight:360;display:flex}.track-detail-meta{color:#99999f;gap:16px;margin-top:24px;font-size:11.5px;font-weight:350;display:flex}.track-detail-description{color:#55555b;width:min(100%,520px);margin:22px 0 0 278px;font-size:13px;font-weight:350;line-height:1.55}.track-detail-comments{margin-top:38px}.track-comments-head{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding-bottom:12px;display:flex}.track-comments-head h2{color:#111;margin:0;font-size:13px;font-weight:470}.track-comments-head span{color:#9a9aa0;font-size:12px;font-weight:360}.track-comment-list{display:grid}.track-comment-row{border-bottom:1px solid #eeeeef;grid-template-columns:26px minmax(0,1fr) 22px;align-items:start;gap:11px;padding:16px 0;display:grid}.track-comment-avatar{object-fit:cover;border-radius:999px;width:26px;height:26px}.track-comment-body{min-width:0}.track-comment-meta{color:#9a9aa0;align-items:baseline;gap:8px;font-size:11.5px;display:flex}.track-comment-meta a{color:#222226;font-weight:470}.track-comment-meta time{color:#9a9aa0;font-weight:350}.track-comment-body p{color:#202024;white-space:pre-wrap;margin:4px 0 0;font-size:12.8px;font-weight:350;line-height:1.48}.track-comment-row .icon-button{color:#a3a3a8}.track-comments-empty{color:#8a8a90;border-bottom:1px solid #eeeeef;margin:0;padding:20px 0;font-size:12.5px;font-weight:350}.track-comment-form{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px 0;display:grid}.track-comment-input{color:#151518;resize:none;background:0 0;border:0;outline:none;width:100%;min-height:22px;max-height:118px;padding:0;font-size:13px;font-weight:360;line-height:1.45;overflow-y:auto}.track-comment-input::placeholder{color:#a1a1a7}.track-comment-form button,.track-comment-sign-in{color:#111;cursor:pointer;background:0 0;border:0;padding:0 0 1px;font-size:12.5px;font-weight:430}.track-comment-form button:disabled{cursor:default;opacity:.35}.track-comment-sign-in{color:#696970;margin-top:14px;display:inline-block}@media (min-width:821px){.shell:has(.track-detail-page){grid-template-rows:70px minmax(0,1fr)}.shell:has(.track-detail-page) .app-scroll-region{padding-bottom:46px}.shell:has(.track-detail-page)~.player-bar{display:none}}@media (max-width:820px){.auth-shell{align-items:start;padding:64px 22px 42px}.auth-grid{grid-template-columns:1fr;gap:34px}.auth-heading{text-align:left;margin-bottom:30px}.shell{grid-template-rows:66px minmax(0,1fr);padding:0 16px}.app-scroll-region{padding-bottom:118px}.soup-header{grid-template-columns:1fr auto;height:66px}.soup-nav{grid-area:2/1/auto/-1;justify-content:center;gap:22px;padding-bottom:12px;font-size:12.5px}.soup-avatar{width:28px;height:28px}.soup-account{grid-area:1/2}.feed-wrap{margin-top:44px}.feed-tools{padding-bottom:10px}.feed-mode-toggle{gap:15px;font-size:11px}.profile-page{margin-top:46px}.profile-head{grid-template-columns:58px minmax(0,1fr);gap:15px;padding:22px 0}.profile-avatar-large{border-radius:5px;width:58px;height:58px;font-size:20px}.profile-copy h1{font-size:21px}.profile-bio{margin-top:8px;font-size:12.5px;line-height:1.42}.profile-actions{grid-column:1/-1;justify-content:flex-start;padding-left:73px}.profile-meta{white-space:nowrap;gap:16px;padding:12px 0 11px;font-size:11.5px;overflow-x:auto}.profile-tabs{gap:18px;padding:11px 0;font-size:12px}.profile-page .feed-wrap{margin-top:8px}.settings-page{margin:34px auto 116px}.settings-section{grid-template-columns:1fr;gap:18px;padding:26px 0 32px}.settings-section h1{font-size:12.5px}.settings-form label,.settings-file{grid-template-columns:96px minmax(0,1fr)}.settings-avatar-row{grid-template-columns:48px minmax(0,1fr);gap:16px}.settings-avatar-preview{width:48px;height:48px}.settings-stat-list div,.settings-invite-row{gap:14px}.track-row{grid-template-columns:48px 30px minmax(0,1fr) auto;gap:10px;min-height:66px}.track-artwork{width:48px;height:48px}.play-ring{width:30px;height:30px}.track-title{font-size:13.5px}.track-artist{font-size:11.5px}.track-metrics{grid-template-columns:auto auto;gap:9px;font-size:11px}.track-metrics.no-actions{grid-template-columns:auto auto}.track-time{display:none}.metric-pill{gap:3px}.track-metrics .metric-count{color:#9a9aa0;font-size:10.5px;display:inline}.player-bar{height:88px}.player-inner{grid-template-columns:1fr auto;gap:12px;padding:10px 16px}.player-track{gap:12px}.player-track-trigger{cursor:pointer}.player-artwork{width:40px;height:40px}.player-title{font-size:12.8px}.player-artist{font-size:11px}.player-progress{order:3;grid-area:2/1/auto/-1;grid-template-columns:40px 1fr 40px;font-size:11.5px}.player-controls{gap:12px}.player-control.optional{display:none}.player-control.optional.player-next-control{display:inline-flex}.player-main-control{width:34px;height:34px}.now-playing-screen{z-index:70;overscroll-behavior:none;touch-action:none;will-change:transform;background:#fff;grid-template-rows:auto 1fr;min-height:100dvh;transition:transform .18s,opacity .18s;display:grid;position:fixed;inset:0}.now-playing-screen.is-dragging{transition:none}.now-playing-top{min-height:54px;padding:calc(6px + env(safe-area-inset-top)) 18px 6px;color:#7b7b82;border-bottom:1px solid #ededee;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;font-weight:380;display:grid}.now-playing-logo{color:#111;justify-self:start;font-size:18px;font-weight:540}.now-playing-top span:nth-child(2){color:#8a8a90}.now-playing-content{min-height:0;padding:28px 22px calc(30px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto auto auto;align-items:end;gap:22px;display:grid}.now-playing-artwork{aspect-ratio:1;object-fit:cover;background:#eef1f5;border-radius:8px;place-self:center;width:min(100%,440px)}.now-playing-copy{justify-self:center;width:min(100%,440px)}.now-playing-copy h2{color:#111;letter-spacing:0;margin:0;font-size:18px;font-weight:470;line-height:1.2}.now-playing-copy p{color:#77777d;margin:5px 0 0;font-size:13px;font-weight:350}.now-playing-progress{justify-self:center;width:min(100%,440px)}.now-playing-progress .progress-scrubber{height:28px}.now-playing-times{color:#89898f;justify-content:space-between;font-size:11.5px;font-weight:360;display:flex}.now-playing-controls{justify-content:space-between;justify-self:center;align-items:center;width:min(100%,260px);display:flex}.now-playing-controls .player-control{width:28px;height:28px}.now-playing-controls .player-main-control{width:44px;height:44px}.upload-wrap{margin-top:54px}.upload-field{grid-template-columns:50px minmax(0,1fr);min-height:64px}.upload-description-field{grid-template-columns:1fr;gap:9px;padding:17px 0 14px}.comments-popover{display:none}.comments-sheet,.comments-sheet.expanded{z-index:40;background:#fff;grid-template-rows:auto auto auto 1fr auto;display:grid;position:fixed;inset:0 0 96px}.comments-sheet-top{width:100%;min-height:54px;padding:0 14px}.comments-track-head{gap:12px;width:100%;padding:13px 18px}.comments-sheet-count{width:100%;padding:18px 18px 4px}.comments-sheet-list{width:100%;padding:0 18px 16px}.comments-sheet-composer{width:100%;padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:10px}.comments-mini-composer input,.comments-sheet-composer input{font-size:16px;line-height:1.2}.track-detail-page{margin-top:28px}.track-detail-player{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:18px 0}.track-detail-artwork{border-radius:5px;width:92px}.track-detail-artist-row{margin-bottom:5px}.track-detail-artist{font-size:12px}.track-detail-follow{min-height:22px;padding:0 8px;font-size:10.5px}.track-detail-info h1{font-size:18px}.track-detail-timeline{grid-column:1/-1;grid-template-columns:34px minmax(0,1fr);gap:13px;margin-top:14px}.track-detail-play{width:34px;height:34px}.track-detail-meta{margin-top:14px}.track-detail-description{width:100%;margin:16px 0 0;font-size:12.8px}.track-detail-comments{margin-top:28px}.track-comment-row{grid-template-columns:26px minmax(0,1fr) 20px;padding:15px 0}.track-comment-input{font-size:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}