[data-ui=porcelain] .hm-studio-page{-webkit-padding-after:150px;padding-block-end:150px}[data-ui=porcelain] .hm-studio-page .hm-hero [data-reveal]{opacity:1;transform:none;animation:none}[data-ui=porcelain] .hms{color:var(--ink)}[data-ui=porcelain] .hms .shell{inline-size:min(100%,1176px)}[data-ui=porcelain] .hms button{cursor:pointer;font:inherit}[data-ui=porcelain] .hms button:disabled{cursor:wait;opacity:.55}[data-ui=porcelain] .hms a{color:var(--carbon)}[data-ui=porcelain] .hms h2,[data-ui=porcelain] .hms h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}[data-ui=porcelain] .hms p{line-height:1.55;text-wrap:pretty}[data-ui=porcelain] .hms-note{margin:0;color:var(--ink-muted);font-size:13px;line-height:1.5}[data-ui=porcelain] .hms-featured{padding-block:16px clamp(32px,5vw,52px)}[data-ui=porcelain] .hms-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;-webkit-margin-after:20px;margin-block-end:20px}[data-ui=porcelain] .hms-section-heading>a{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}[data-ui=porcelain] .hms-section-heading>a svg{inline-size:14px;block-size:14px}[data-ui=porcelain] .hms-section-heading h2{margin:10px 0 6px;font-size:clamp(30px,4vw,44px)}[data-ui=porcelain] .hms-section-heading p{margin:0;color:var(--ink-muted);font-size:16px}[data-ui=porcelain] .hms-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}[data-ui=porcelain] .hms-pick{position:relative;display:grid;align-content:start;grid-gap:8px;gap:8px;min-inline-size:0;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper)}[data-ui=porcelain] .hms-pick[data-active=true]{border-color:var(--carbon)}[data-ui=porcelain] .hms-pick-top{display:flex;align-items:center;justify-content:space-between;gap:12px}[data-ui=porcelain] .hms-pick h2{margin:14px 0 0;font-size:24px}[data-ui=porcelain] .hms-pick h2 button{display:inline-flex;align-items:center;min-block-size:44px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:start}[data-ui=porcelain] .hms-pick p{min-block-size:44px;margin:0;color:var(--ink-muted);font-size:14px}[data-ui=porcelain] .hms-wave{inline-size:100%;block-size:44px;color:var(--ink-faint)}[data-ui=porcelain] .hms-wave line{stroke:currentColor;stroke-width:2;stroke-linecap:round}[data-ui=porcelain] [data-active=true]>.hms-wave{color:var(--carbon)}[data-ui=porcelain] .hms-round{display:inline-grid;place-items:center;flex:none;inline-size:46px;block-size:46px;padding:0;border:0;border-radius:50%;background:var(--carbon);color:var(--on-signal);transition:background-color .14s var(--ease-out)}[data-ui=porcelain] .hms-round svg{inline-size:18px;block-size:18px}[data-ui=porcelain] .hms-browse{-webkit-padding-before:32px;padding-block-start:32px;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line);scroll-margin-block-start:96px}[data-ui=porcelain] .hms-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:46px;padding-inline:20px;border:1.5px solid var(--ink);border-radius:var(--r-input);background:transparent;color:var(--ink);font-size:15px;font-weight:700;transition:background-color .14s var(--ease-out),color .14s var(--ease-out)}[data-ui=porcelain] .hms-outline svg{inline-size:16px;block-size:16px;flex:none}[data-ui=porcelain] .hms-outline[aria-pressed=true]{background:var(--ink);color:var(--bg)}[data-ui=porcelain] .hms-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding-block:18px 24px}[data-ui=porcelain] .hms label{display:flex;flex-direction:column;gap:8px;color:var(--ink-muted);font-size:13px;font-weight:700}[data-ui=porcelain] .hms input[type=file],[data-ui=porcelain] .hms select,[data-ui=porcelain] .hms textarea{min-block-size:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--paper);color:var(--ink);font:inherit;font-size:16px;font-weight:400}[data-ui=porcelain] .hms select:focus-visible,[data-ui=porcelain] .hms textarea:focus-visible{border-color:var(--signal)}[data-ui=porcelain] .hms textarea{min-block-size:96px;resize:vertical}[data-ui=porcelain] .hms input[type=range]{inline-size:100%;min-block-size:44px;accent-color:var(--carbon)}[data-ui=porcelain] .hms-moods{display:flex;flex-wrap:wrap;gap:8px}[data-ui=porcelain] .hms-favorites,[data-ui=porcelain] .hms-moods button{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;padding-inline:16px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:700;transition:background-color .14s var(--ease-out),color .14s var(--ease-out)}[data-ui=porcelain] .hms-favorites[aria-pressed=true],[data-ui=porcelain] .hms-moods button[aria-pressed=true]{background:var(--ink);color:var(--bg)}[data-ui=porcelain] .hms-favorites{-webkit-margin-start:auto;margin-inline-start:auto}[data-ui=porcelain] .hms-favorites svg{inline-size:16px;block-size:16px}[data-ui=porcelain] .hms-download-ready,[data-ui=porcelain] .hms-recommendation{-webkit-margin-after:16px;margin-block-end:16px;padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper-2);font-size:14px}[data-ui=porcelain] .hms-download-ready p,[data-ui=porcelain] .hms-recommendation p{margin:6px 0 0;color:var(--ink-muted)}[data-ui=porcelain] .hms-offer{display:grid;grid-gap:10px;gap:10px;-webkit-margin-before:14px;margin-block-start:14px;-webkit-padding-before:14px;padding-block-start:14px;-webkit-border-before:1px dashed var(--line-strong);border-block-start:1px dashed var(--line-strong)}[data-ui=porcelain] .hms-offer>strong{color:var(--ink);font-size:16px;line-height:1.3}[data-ui=porcelain] .hms-offer>p{margin:0}[data-ui=porcelain] .hms-offer input:not([type=checkbox]){min-block-size:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--paper);color:var(--ink);font:inherit;font-size:16px;font-weight:400}[data-ui=porcelain] .hms-offer input:not([type=checkbox]):focus-visible{border-color:var(--signal)}[data-ui=porcelain] .hms-offer .hms-offer-consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;line-height:1.45}[data-ui=porcelain] .hms-offer-consent input{inline-size:18px;block-size:18px;margin:1px 0 0;flex:none;accent-color:var(--carbon)}[data-ui=porcelain] .hms-offer-hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}[data-ui=porcelain] .hms-offer .hms-primary{inline-size:100%;background:var(--carbon);color:var(--on-signal);font-weight:700}[data-ui=porcelain] .hms-offer .hms-offer-error{color:var(--danger);font-weight:600}[data-ui=porcelain] .hms-offer.is-done{display:flex;align-items:flex-start;gap:10px;color:var(--ink)}[data-ui=porcelain] .hms-offer.is-done svg{flex:none;-webkit-margin-before:3px;margin-block-start:3px;color:var(--carbon)}[data-ui=porcelain] .hms-offer.is-done p{margin:0;color:var(--ink)}[data-ui=porcelain] .hms-detail:has(.hms-offer){max-block-size:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}[data-ui=porcelain] .hms-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:28px;gap:28px;align-items:start}[data-ui=porcelain] .hms-tracks{min-inline-size:0;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line)}[data-ui=porcelain] .hms-track{display:flex;align-items:center;gap:14px;min-inline-size:0;padding-block:16px;padding-inline:14px;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line);-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent}[data-ui=porcelain] .hms-track[data-active=true]{border-inline-start-color:var(--carbon);background:var(--paper)}[data-ui=porcelain] .hms-track-number{min-inline-size:2ch;color:var(--ink-faint);font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-ui=porcelain] .hms-track-copy{flex:1 1;min-inline-size:0}[data-ui=porcelain] .hms-track-title{min-block-size:44px;padding:0;border:0;background:none;color:var(--ink);font-size:17px;font-weight:800;letter-spacing:-.02em;text-align:start}[data-ui=porcelain] .hms-track-copy p{margin:0;color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}[data-ui=porcelain] .hms-track-copy small{display:block;-webkit-margin-before:4px;margin-block-start:4px;color:var(--ink-muted);font-size:13px;line-height:1.45}[data-ui=porcelain] .hms-track>.hms-wave{inline-size:84px;block-size:28px;flex:none}[data-ui=porcelain] .hms-heart{display:grid;place-items:center;flex:none;min-inline-size:44px;min-block-size:44px;padding:0;border:0;background:transparent;color:var(--ink-muted)}[data-ui=porcelain] .hms-heart[aria-pressed=true]{color:var(--carbon)}[data-ui=porcelain] .hms-heart[aria-pressed=true] svg{fill:currentColor}[data-ui=porcelain] .hms-empty{padding:40px 16px;color:var(--ink-muted)}[data-ui=porcelain] .hms-empty button{min-block-size:44px;padding:0;border:0;background:none;color:var(--carbon);font-weight:700;text-decoration:underline;text-underline-offset:4px}[data-ui=porcelain] .hms-detail{position:-webkit-sticky;position:sticky;inset-block-start:96px;display:grid;grid-gap:12px;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--paper)}[data-ui=porcelain] .hms-detail h3{margin:0;font-size:28px;scroll-margin-block-start:120px}[data-ui=porcelain] .hms-detail p{margin:0;color:var(--ink-muted);font-size:15px}[data-ui=porcelain] .hms-detail a:not(.hms-primary),[data-ui=porcelain] .hms-text-button{display:inline-flex;align-items:center;gap:7px;min-block-size:44px;font-size:14px;font-weight:700}[data-ui=porcelain] .hms-detail a:not(.hms-primary) svg{inline-size:14px;block-size:14px}[data-ui=porcelain] .hms-detail>.hms-outline{inline-size:100%}[data-ui=porcelain] .hms-system{-webkit-margin-before:8px;margin-block-start:8px}[data-ui=porcelain] .hms-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-block-size:54px;padding-inline:20px;border:0;border-radius:12px;background:var(--carbon);color:var(--on-signal);font-size:16px;font-weight:700;transition:background-color .14s var(--ease-out)}[data-ui=porcelain] .hms a.hms-primary{color:var(--on-signal)}[data-ui=porcelain] .hms-primary svg{inline-size:17px;block-size:17px;flex:none}[data-ui=porcelain] .hms-text-button{padding:0;border:0;background:none;color:var(--carbon);text-decoration:underline;text-underline-offset:4px}[data-ui=porcelain] .hms-extended{padding-block:12px;border-block:1px solid var(--line);font-size:14px}[data-ui=porcelain] .hms-extended summary{display:flex;align-items:center;min-block-size:44px;cursor:pointer;font-weight:700}[data-ui=porcelain] .hms-extended label{-webkit-margin-before:12px;margin-block-start:12px}[data-ui=porcelain] .hms-extended button,[data-ui=porcelain] .hms-result button{min-block-size:46px;-webkit-margin-before:12px;margin-block-start:12px;padding-inline:18px;border:1.5px solid var(--ink);border-radius:var(--r-input);background:transparent;color:var(--ink);font-weight:700;transition:background-color .14s var(--ease-out),color .14s var(--ease-out)}[data-ui=porcelain] #hm-personalize{scroll-margin-block-start:96px}[data-ui=porcelain] .hms-sequence{-webkit-margin-before:32px;margin-block-start:32px;padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--paper)}[data-ui=porcelain] .hms-sequence h3{max-inline-size:40rem;margin:14px 0 24px;font-size:clamp(22px,3vw,28px)}[data-ui=porcelain] .hms-sequence>.hms-primary{inline-size:min(100%,320px);-webkit-margin-before:16px;margin-block-start:16px}[data-ui=porcelain] .hms-sequence>p[role=alert]{margin:12px 0 0;color:var(--danger);font-weight:600}[data-ui=porcelain] .hms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}[data-ui=porcelain] .hms-full{grid-column:1/-1}[data-ui=porcelain] .hms-result{display:grid;grid-gap:12px;gap:12px;justify-items:start;-webkit-margin-before:20px;margin-block-start:20px}[data-ui=porcelain] .hms-result-player{inline-size:100%;padding:12px 14px;border-radius:var(--r-card);background:var(--glass);box-shadow:0 0 0 1.5px var(--glass-edge);color-scheme:dark}[data-ui=porcelain] .hms-result audio{display:block;inline-size:100%}[data-ui=porcelain] .hms-result p{margin:0;color:var(--ink-muted)}[data-ui=porcelain] .hms-result a{display:inline-flex;align-items:center;min-block-size:44px;font-weight:700}[data-ui=porcelain] .hms-checkup{display:flex;align-items:center;justify-content:space-between;gap:24px 32px;-webkit-margin-before:40px;margin-block-start:40px;padding-block:40px;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line)}[data-ui=porcelain] .hms-checkup h2{margin:12px 0 8px;font-size:clamp(26px,3.4vw,32px)}[data-ui=porcelain] .hms-checkup p{margin:0;max-inline-size:44rem;color:var(--ink-muted);font-size:16px}[data-ui=porcelain] .hms-checkup .hms-outline{flex:none}[data-ui=porcelain] .hms-doctor{min-block-size:0}[data-ui=porcelain] .hms-doctor [data-reveal]{opacity:1;transform:none;animation:none}[data-ui=porcelain] .hms-player[hidden]{display:none}[data-ui=porcelain] .hms-player{position:fixed;inset-block-end:16px;inset-inline:24px;z-index:60;max-inline-size:1180px;margin-inline:auto;padding:14px 18px 10px;border-radius:var(--r-panel);background:var(--glass);box-shadow:0 0 0 1.5px var(--glass-edge),0 20px 36px -22px rgba(var(--scrim-rgb),.6);color:var(--glass-ink)}[data-ui=porcelain] .hms-player :focus-visible{outline-color:var(--glass-ink)}[data-ui=porcelain] .hms-player-main{display:flex;align-items:center;gap:14px}[data-ui=porcelain] .hms-player .hms-round{box-shadow:0 0 0 1.5px var(--glass-chip)}[data-ui=porcelain] .hms-player-main>button:not(.hms-round){display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;padding:0;border:0;background:none;color:var(--glass-ink)}[data-ui=porcelain] .hms-player-title{display:flex;flex-direction:column;gap:2px;min-inline-size:130px;max-inline-size:220px;font-size:14px}[data-ui=porcelain] .hms-player-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}[data-ui=porcelain] .hms-player-title span{color:var(--glass-muted);font-size:12px}[data-ui=porcelain] .hms-progress{flex:1 1;display:flex;align-items:center;gap:10px;min-inline-size:0}[data-ui=porcelain] .hms-progress input{flex:1 1;min-inline-size:60px;accent-color:var(--glass-ink)}[data-ui=porcelain] .hms-progress span{color:var(--glass-muted);font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=porcelain] .hms-mode{display:flex;padding:3px;border-radius:var(--r-input);background:var(--glass-2);box-shadow:0 0 0 1px var(--glass-line)}[data-ui=porcelain] .hms-mode button{min-block-size:44px;padding-inline:14px;border:0;border-radius:9px;background:none;color:var(--glass-muted);font-size:13px;font-weight:700;white-space:nowrap;transition:background-color .14s var(--ease-out),color .14s var(--ease-out)}[data-ui=porcelain] .hms-mode button[aria-pressed=true]{background:var(--glass-3);box-shadow:0 0 0 1.5px var(--glass-chip);color:var(--glass-ink)}[data-ui=porcelain] .hms-loop{display:flex;align-items:center;gap:6px}[data-ui=porcelain] .hms-loop span{display:none}[data-ui=porcelain] .hms a.hms-player-download{display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;color:var(--glass-ink)}[data-ui=porcelain] .hms-player-note{margin:6px 0 0;color:var(--glass-muted);font-size:12px;line-height:1.4;text-align:center}[data-ui=porcelain] .hms-player-note[role=alert]{color:var(--glass-ink);font-weight:700}[data-ui=porcelain] body:has(.hm-studio-page .hms-player:not([hidden])) .scw-launcher{bottom:140px}@media (hover:hover) and (pointer:fine){[data-ui=porcelain] .hms-primary:hover,[data-ui=porcelain] .hms-round:hover:not(:disabled){background:var(--carbon-press)}[data-ui=porcelain] .hms-extended button:hover:not(:disabled),[data-ui=porcelain] .hms-outline:hover,[data-ui=porcelain] .hms-result button:hover{background:var(--ink);color:var(--bg)}[data-ui=porcelain] .hms-favorites:hover,[data-ui=porcelain] .hms-moods button:hover{background:var(--surface-2)}[data-ui=porcelain] .hms-favorites[aria-pressed=true]:hover,[data-ui=porcelain] .hms-moods button[aria-pressed=true]:hover{background:var(--ink)}[data-ui=porcelain] .hms-pick:hover{border-color:var(--line-strong)}[data-ui=porcelain] .hms-pick[data-active=true]:hover{border-color:var(--carbon)}[data-ui=porcelain] .hms-track:hover{background:var(--paper)}[data-ui=porcelain] .hms-pick h2 button:hover,[data-ui=porcelain] .hms-track-title:hover{text-decoration:underline;text-underline-offset:4px}[data-ui=porcelain] .hms-heart:hover{color:var(--carbon)}[data-ui=porcelain] .hms-mode button:hover{color:var(--glass-ink)}[data-ui=porcelain] .hms a.hms-player-download:hover,[data-ui=porcelain] .hms-player-main>button:not(.hms-round):hover{color:var(--glass-muted)}}@media (max-width:1100px){[data-ui=porcelain] .hms-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px}[data-ui=porcelain] .hms-track-number,[data-ui=porcelain] .hms-track>.hms-wave{display:none}[data-ui=porcelain] .hms-player-main{gap:8px}[data-ui=porcelain] .hms-progress span{display:none}}@media (max-width:900px){[data-ui=porcelain] .hm-studio-page{-webkit-padding-after:220px;padding-block-end:220px}[data-ui=porcelain] .hms-picks{grid-template-columns:minmax(0,1fr);gap:12px}[data-ui=porcelain] .hms-pick p{min-block-size:0}[data-ui=porcelain] .hms-section-heading{align-items:flex-start;flex-wrap:wrap}[data-ui=porcelain] .hms-filters{gap:12px}[data-ui=porcelain] .hms-filters>label{inline-size:100%}[data-ui=porcelain] .hms-favorites{-webkit-margin-start:0;margin-inline-start:0}[data-ui=porcelain] .hms-workspace{grid-template-columns:minmax(0,1fr)}[data-ui=porcelain] .hms-detail{position:static}[data-ui=porcelain] .hms-checkup{flex-direction:column;align-items:flex-start}[data-ui=porcelain] .hms-form-grid{grid-template-columns:minmax(0,1fr)}[data-ui=porcelain] .hms-player{inset-block-end:12px;inset-inline:16px;padding:12px;border-radius:var(--r-card)}[data-ui=porcelain] .hms-player-main{flex-wrap:wrap}[data-ui=porcelain] .hms-player-title{flex:1 1;max-inline-size:none}[data-ui=porcelain] .hms-progress{order:5;flex-basis:100%}[data-ui=porcelain] .hms-progress span{display:inline}[data-ui=porcelain] .hms-mode{order:6;flex:1 1}[data-ui=porcelain] .hms-mode button{flex:1 1}[data-ui=porcelain] .hms-loop{order:7}[data-ui=porcelain] .hms a.hms-player-download{order:8}[data-ui=porcelain] .hms-player-note{text-align:start}[data-ui=porcelain] body:has(.hm-studio-page .hms-player:not([hidden])) .scw-launcher{bottom:220px}}@media (prefers-reduced-motion:reduce){[data-ui=porcelain] .hms *{scroll-behavior:auto;animation:none}[data-ui=porcelain] .hms-favorites,[data-ui=porcelain] .hms-mode button,[data-ui=porcelain] .hms-moods button,[data-ui=porcelain] .hms-outline,[data-ui=porcelain] .hms-primary,[data-ui=porcelain] .hms-round{transition-duration:1ms}}