@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html:has(.focus-player),body:has(.focus-player){overflow:hidden;background:#f7f4ec}.focus-player{--paper: #f7f4ec;--ink: #252620;--muted: #605c52;--line: #d9d2c3;--accent: #af3d26;--press: #92311d;--side: max(24px, env(safe-area-inset-left), env(safe-area-inset-right));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(10px,2.4dvh,22px);height:100vh;height:100dvh;max-width:500px;padding:max(12px,env(safe-area-inset-top)) var(--side) max(16px,env(safe-area-inset-bottom));color:var(--ink);font:500 16px/1.35 Inter Variable,system-ui,sans-serif}.focus-player :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.focus-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0;border:0}.focus-header h1{display:flex;align-items:center;gap:9px;margin:0;font-size:23px;font-weight:750;letter-spacing:-.065em}.focus-header h1 svg{color:var(--accent)}.focus-player button{touch-action:manipulation}.focus-player svg{flex:none}.focus-player .focus-icon{display:inline-grid;min-width:46px;min-height:46px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink)}.focus-player :is(.focus-menu,.focus-tracklist){border:1px solid var(--line)}.focus-player .focus-icon:disabled{color:var(--muted);opacity:.36}.focus-stage{display:grid;place-items:center;min-width:0;min-height:0;container-type:size}.focus-artwork{width:min(100cqw,100cqh);max-width:410px;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#ece6d8}.focus-artwork img{display:block;width:100%;height:100%;object-fit:cover}.focus-console{position:relative;min-width:0}.focus-meta{display:flex;align-items:center;gap:14px;justify-content:space-between}.focus-identity{min-width:0;flex:1}.focus-identity h2,.focus-progress h2{margin:0;color:var(--ink);font-weight:740;font-size:clamp(24px,7vw,34px);letter-spacing:-.055em;line-height:1.1}.focus-meta h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.focus-meta p{margin:5px 0 0;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.focus-notice{margin:7px 0 0;color:var(--muted);font-size:16px}.focus-player progress{display:block;appearance:none;color:var(--accent);width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:var(--line)}.focus-player progress::-webkit-progress-bar{background:linear-gradient(90deg,var(--line) 0 11%,var(--accent) 11% 43%,var(--line) 43%) 0% 0 / 185% 100%;animation:focus-indeterminate 1.7s ease-in-out infinite alternate}.focus-player progress:indeterminate::-moz-progress-bar{background:var(--accent)}@keyframes focus-indeterminate{to{background-position:100% 0}}.focus-progress progress{margin-top:14px}.focus-buffer{position:absolute;bottom:-9px}.focus-timeline{display:flex;align-items:center;gap:12px;min-height:32px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.focus-player .focus-timeline input{flex:1;min-width:0;min-height:30px;margin:0;padding:0;border:0;appearance:none;background:transparent}.focus-timeline input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--elapsed),var(--line) var(--elapsed))}.focus-timeline input::-moz-range-track{height:4px;border-radius:4px;background:var(--line)}.focus-timeline input::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}.focus-timeline input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--accent)}.focus-timeline input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.focus-timeline input:disabled{opacity:.65}.focus-timeline span{width:34px;text-align:right}.focus-transport{display:flex;justify-content:center;align-items:center;gap:clamp(17px,8vw,38px)}.focus-player .focus-toggle{display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:var(--ink);color:var(--paper)}.focus-toggle svg{width:22px;height:22px}.focus-toggle[aria-label=Play] svg{margin-left:2px}.focus-now{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;white-space:nowrap}.focus-now>span{overflow:hidden;text-overflow:ellipsis}.focus-now a,.focus-source{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:34px;color:var(--muted);font-size:14px}.focus-now img{display:block;width:106px;height:auto}.focus-attribution{margin:2px 0 0;color:var(--muted);font-size:14px}.focus-action{display:flex;flex-direction:column;align-items:stretch;gap:4px}.focus-player .focus-capture{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:18px;font-weight:690}.focus-player .focus-capture:disabled{opacity:.5;color:#fff}.focus-player .focus-cancel{background:var(--ink)}.focus-player .focus-retry{border:0;background:transparent;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.focus-player button:active:not(:disabled){transform:scale(.98)}@media(hover:hover){.focus-player .focus-capture:hover:not(:disabled){background:var(--press)}.focus-player .focus-cancel:hover:not(:disabled){background:#3e4036}.focus-player .focus-toggle:hover{background:#3e4036}.focus-player .focus-icon:hover:not(:disabled),.focus-player .focus-retry:hover{background:#ece6d9}}.focus-dialog{top:auto;bottom:0;width:min(100%,500px);max-width:none;max-height:min(78dvh,640px);padding:0;border:0;border-radius:20px 20px 0 0;background:var(--paper);color:var(--ink);overflow:hidden}.focus-dialog::backdrop{background:#201c16a0}.focus-panel{display:flex;flex-direction:column;max-height:min(78dvh,640px);padding:12px var(--side) max(16px,env(safe-area-inset-bottom))}.focus-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.focus-panel-head h2{margin:0;font-size:24px;letter-spacing:-.045em}.focus-panel-body{min-height:0;overflow:auto;overscroll-behavior:contain}.focus-row{display:flex;align-items:center;text-align:left;gap:12px;width:100%;min-height:47px;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)}.focus-row:hover{background:#ece6d9}.focus-row svg{width:19px}.focus-preferences{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 0}.focus-player select,.focus-player input:not([type=range],[type=checkbox],[type=file]){min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fffdf7;color:var(--ink);font-size:16px}.focus-menu-links,.focus-diagnostic{display:flex;flex-direction:row;gap:12px;align-items:center}.focus-diagnostic{min-height:44px;margin:4px 0}.focus-menu-links a,.focus-menu-links button{color:var(--muted);min-height:44px;display:inline-grid;place-items:center}.focus-menu-links button{border:0;background:transparent;text-decoration:underline}.focus-search{display:flex;gap:7px;padding:8px 0}.focus-search input{flex:1;min-width:0}.focus-track-list{margin:0}.focus-track-list li{padding:8px 0}.focus-track-list .focus-row{min-height:44px;border:0;padding:0}.focus-signin{align-self:center;overflow:auto;overscroll-behavior:contain}.focus-signin section{margin:0;padding-bottom:0;border:0}.focus-signin section>.row{flex-direction:column;align-items:stretch}.focus-signin label:not(:first-child){margin-top:4px}.focus-signin form{display:grid;gap:12px}@media(max-height:625px){.focus-player{gap:9px}.focus-header{min-height:44px}.focus-meta h2{-webkit-line-clamp:1}.focus-player .focus-capture{min-height:50px}.focus-player .focus-toggle{width:48px;height:48px}.focus-now{min-height:28px}}@media(prefers-reduced-motion:reduce){.focus-player progress::-webkit-progress-bar{animation:none}.focus-player button:active{transform:none}}:root{font-family:system-ui,sans-serif;color:#1c1c1c;background:#fff;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:0 auto;padding:24px 18px 64px}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px;overflow-wrap:anywhere}header{padding-bottom:20px;border-bottom:1px solid #ccc}section{margin:24px 0;padding-bottom:20px;border-bottom:1px solid #ddd}p{margin:10px 0}label{display:flex;flex-direction:column;gap:5px}input,select,button{font:inherit;min-height:38px;max-width:100%}input,select{border:1px solid #999;padding:6px 8px;border-radius:3px;background:#fff;color:inherit}input[type=file]{width:100%;font-size:14px}input[type=number]{width:115px}input[type=checkbox]{min-height:auto;margin:0}button{border:1px solid #888;border-radius:3px;background:#f4f4f4;color:#111;cursor:pointer;padding:6px 12px}button:hover{background:#e8e8e8}button:disabled{color:#666;cursor:default;opacity:.65}:focus-visible{outline:2px solid #155bc2;outline-offset:3px}.row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.settings{margin-top:20px}.grow{flex:1;min-width:min(260px,100%)}.checkbox{flex-direction:row;align-items:center;margin:16px 0}fieldset{margin:12px 0;padding:12px;border:1px solid #bbb;min-width:0}.hint,small{color:#555;font-size:13px}.error{color:#8d1414;background:#fff0f0;border:1px solid #e8bbbb;padding:10px;overflow-wrap:anywhere}.photo{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:14px 0}.artwork{width:100px;height:100px;object-fit:contain}.album-details{margin:16px 0;overflow-wrap:anywhere}.album-description{max-width:720px}.album-description p{white-space:pre-line}.tracks button[aria-pressed=true]{border-color:#155bc2;background:#e9f1fc}ol{padding-left:25px}li{padding:5px 0;overflow-wrap:anywhere}.candidates button{text-align:left}.tracks li>span{margin-right:12px}.tracks button{margin:4px 0}audio{width:100%;max-width:500px}pre{background:#f5f5f5;border:1px solid #ddd;padding:12px;font-size:12px;overflow:auto;max-height:420px}summary{cursor:pointer}.demo-photo{display:block;width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain;margin:16px auto 8px}.demo-current{margin-top:14px;padding:12px;border:1px solid #ddd;overflow-wrap:anywhere}.demo-stats{margin-top:16px;padding:10px 12px;background:#f6f6f6;font-size:14px}.demo-stats p{margin:5px 0}@media(max-width:520px){main{padding:16px 12px 40px}.row>label{flex:1;min-width:140px}.row>label:has(input[type=file]){min-width:100%}.tracks button{display:block}}.purchase-options{margin-top:16px;padding:12px;border:1px solid #ddd}.purchase-options summary{font-weight:600}
