html,body{height:100%}body{margin:0;background:#ebdecd;overflow:hidden}a{color:#2a221b}a:hover{color:var(--accent-text)}[hidden]{display:none!important}.umdc-site{--font-mono: var(--font-display);font-synthesis:none}.umdc-site{--ui-top: env(safe-area-inset-top, 0px);--ui-bottom: calc(100lvh - 100dvh + env(safe-area-inset-bottom, 0px)) ;position:fixed;left:0;right:0;top:0;height:100vh;height:100lvh;overflow:hidden;background:#ebdecd;color:#2a221b;font-family:var(--font-mono)}@supports not (height: 100lvh){.umdc-site{--ui-bottom: env(safe-area-inset-bottom, 0px)}}.stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;cursor:grab;touch-action:pan-y}.stage:active{cursor:grabbing}.micro{font-family:var(--font-mono);font-weight:500;font-size:11px;line-height:14px;letter-spacing:.12em;text-transform:uppercase}.muted{color:#6b5641}.accent{color:var(--accent-text)}.hud-fade{opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 0s linear 1s}.hud-on .hud-fade{opacity:1;visibility:visible;transition:opacity 1s var(--ease) .5s,visibility 0s}.fade{opacity:0;visibility:hidden;transform:translateY(12px);filter:blur(6px);transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease),visibility 0s linear .9s}.ui-on .fade{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease),visibility 0s}.rise{animation:umdc-rise 1.1s var(--ease) both}@keyframes umdc-rise{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes umdc-breathe{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@keyframes umdc-glow{0%,to{opacity:.82}50%{opacity:1}}.hud-tl{position:absolute;top:22px;left:32px;z-index:2}.hud-tl img{display:block;width:112px;height:auto}.hud-artist{display:block;margin-top:8px;color:#2a221b}.hud-tr{position:absolute;top:14px;right:22px;z-index:2}.hud-br{position:absolute;bottom:24px;right:32px;z-index:2;color:#6b5641;transition-delay:.3s}.umdc-site .umdc-sound{min-height:44px;padding:8px 10px;transition:background-color .6s var(--ease),color .6s var(--ease)}.nav{position:absolute;left:32px;bottom:60px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.nav-item{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 0 4px;border:0;background-color:transparent;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-weight:500;font-size:30px;line-height:36px;letter-spacing:.02em;text-transform:uppercase;text-align:left;transition:background-size .9s var(--ease),color .7s var(--ease),transform .9s var(--ease)}.nav-item:hover{color:#fff;text-shadow:0 1px 14px rgba(18,52,84,.35);background-size:100% 2px;transform:translate(6px)}.nav-item.is-active{color:#fff;text-shadow:0 1px 14px rgba(18,52,84,.35);background-size:100% 3px}.nav-item:focus-visible,.back:focus-visible,.net:focus-visible,.intro-skip:focus-visible,.link-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.home-cap{position:absolute;left:50%;bottom:56px;transform:translate(-50%);z-index:2;width:min(540px,calc(100% - 64px))}.home-cap>.fade{transition-delay:.12s}.home-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.home-inner p{margin:0;font-size:18px;line-height:28px;max-width:36ch}.hint{position:absolute;left:50%;bottom:52px;transform:translate(-50%);z-index:4;width:min(480px,calc(100% - 32px))}.hint>.rise{animation-duration:1.8s;animation-delay:1.5s}.home-cap{transition:opacity .5s var(--ease),visibility 0s}.is-focus .home-cap{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s linear .5s}.focus-back{position:absolute;left:50%;bottom:calc(56px + var(--ui-bottom));transform:translate(-50%);z-index:3;animation:umdc-fadein .8s var(--ease) .2s both}@keyframes umdc-fadein{0%{opacity:0}to{opacity:1}}.hint-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hint-inner p{margin:0}.hint-dot{display:block;width:8px;height:8px;border-radius:9999px;background:var(--accent);animation:umdc-breathe 2.4s ease-in-out infinite}.panel{position:absolute;top:64px;right:32px;bottom:64px;width:480px;z-index:3;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8a6a3e transparent;transition:opacity .42s var(--ease),transform .42s var(--ease),filter .42s var(--ease)}.panel.is-closing{opacity:0;transform:translateY(10px);filter:blur(4px)}.panel-head{display:flex;align-items:center;padding-bottom:8px}.panel-body{animation-delay:80ms}.back{margin:0;padding:0 2px;min-height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;transition:color .6s var(--ease),transform .8s var(--ease)}.back:hover{color:var(--accent-text);transform:translate(-4px)}.card{background:#f4eee5;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));padding:32px;display:flex;flex-direction:column;gap:32px}.card.tight{gap:24px}.card-head{display:flex;flex-direction:column;gap:16px}.card-text{margin:0;font-size:15px;line-height:24px;color:#6b5641;max-width:52ch;white-space:pre-line}.nets{list-style:none;margin:0;padding:0;border-top:2px solid #2a221b}.nets li{border-bottom:1px solid #c7b79f}.net{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:baseline;padding:16px 8px;color:var(--ink);text-decoration:none;transition:background-color .6s var(--ease),color .6s var(--ease)}.net:hover{background:var(--surface-sunken);color:var(--accent-text)}.net-name{font-size:24px;line-height:32px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}.net-handle{font-size:13px;line-height:16px;font-weight:500;color:#6b5641}.net .arr{display:inline-block;font-size:15px;line-height:16px;transition:transform .8s var(--ease)}.net:hover .arr{transform:translate(3px,-3px)}.nets.small .net{padding:12px 8px}.nets.small .net-name{font-size:15px;line-height:24px}.ghost{position:relative;padding:4px 0}.ghost-list{filter:blur(5px);opacity:.7;border-top:2px solid #2a221b;-webkit-user-select:none;user-select:none;pointer-events:none}.ghost-row{display:grid;grid-template-columns:40px minmax(0,1fr) 56px;gap:16px;align-items:center;padding:14px 8px;border-bottom:1px solid #c7b79f}.ghost-num{display:block;height:10px;width:20px;background:#8a6a3e;opacity:.6}.ghost-bar{display:block;height:12px;background:#2a221b;opacity:.55}.ghost-dur{display:block;height:10px;width:36px;justify-self:end;background:#8a6a3e;opacity:.5}.ghost-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;background:#f4eee5;color:var(--accent-text);box-shadow:0 0 0 1px #c7b79f;white-space:nowrap;animation:umdc-glow 3.6s ease-in-out infinite}.actions-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px}.player{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid #c7b79f;border-bottom:1px solid #c7b79f}.player-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.player-line{font-size:15px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{font-size:13px;line-height:16px;font-weight:500;font-variant-numeric:tabular-nums}.player-end{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0 4px;animation:umdc-fadein .8s var(--ease) both}.player-end-links{display:flex;flex-wrap:wrap;gap:8px}.progress{position:relative;height:2px;background:#c7b79f;margin-top:4px}.progress>span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);width:0}.umdc-site .umdc-track:disabled{cursor:default;color:var(--ink-muted)}.link-btn{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.umdc-site .umdc-btn{--_c: 0px;border-radius:9999px;padding:0 22px;color:var(--ink);background:linear-gradient(180deg,#ffffff80,#ffffff29);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px #fffffff2,inset 0 -1px 1px #fff6,inset 0 0 0 1px #ffffff80,0 10px 28px #16385824,0 1px 3px #16385824;transition:background .6s var(--ease),box-shadow .6s var(--ease),transform .6s var(--ease),color .6s var(--ease)}.umdc-site .umdc-btn:before{display:block;top:1px;right:1px;bottom:1px;left:1px;clip-path:none;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 30% 0%,#ffffffbf,#fff0 60%)}.umdc-site .umdc-btn:after{display:none}.umdc-site .umdc-btn-primary{background:linear-gradient(180deg,#ffffffb8,#d6eaf657)}.umdc-site .umdc-btn:hover{color:var(--ink);transform:translateY(-1px);background:linear-gradient(180deg,#ffffffc7,#ffffff5c);box-shadow:inset 0 1px #fff,inset 0 -1px 1px #ffffff80,inset 0 0 0 1px #ffffffb3,0 14px 34px #1638582e,0 2px 4px #16385824}.umdc-site .umdc-btn:active{transform:translateY(0)}.umdc-site .umdc-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.umdc-site .umdc-btn:disabled:not(.is-loading),.umdc-site .umdc-btn[aria-disabled=true]{color:var(--ink-disabled);opacity:.7;transform:none}.umdc-site .umdc-btn-ghost .umdc-btn-label{text-decoration:none}.umdc-site .umdc-btn .umdc-loader{display:inline-block;width:8px;height:8px;font-size:0;line-height:0;letter-spacing:0;border-radius:9999px;background:currentColor;animation:umdc-breathe 1.4s ease-in-out infinite}.umdc-site button.umdc-track{transition:background-color .6s var(--ease),color .6s var(--ease)}.umdc-site .umdc-input{transition:box-shadow .5s var(--ease)}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#ebdecd;transition:opacity 1.4s cubic-bezier(.4,0,.2,1)}.intro-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:48px;transition:opacity .9s cubic-bezier(.4,0,.2,1) .25s,transform 1.8s var(--ease),filter .9s ease .25s}.intro-artist{color:#2a221b;margin-top:-24px}.intro-logo{display:block;width:min(560px,72vw);height:auto}.intro-load{display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .9s ease}.intro-track{position:relative;width:min(280px,60vw);height:2px;background:#c7b79f;overflow:hidden}.intro-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:#2a221b;transition:width .8s var(--ease)}.intro-label{color:#6b5641;font-variant-numeric:tabular-nums}.intro.is-loading .intro-logo{animation:umdc-glow 3.6s ease-in-out infinite}.intro-skip{position:absolute;right:24px;bottom:16px;min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--ink-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .8s var(--ease) 1.4s,color .6s var(--ease)}.intro-skip:hover{color:var(--ink)}.intro.is-revealing{pointer-events:none}.intro.is-revealing .intro-bg,.intro.is-revealing .intro-load{opacity:0}.intro.is-revealing .intro-center{opacity:0;transform:scale(1.05);filter:blur(6px)}.intro.is-revealing .intro-skip{opacity:1;pointer-events:auto}.intro.is-done{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s linear .5s}@media(min-width:761px)and (max-width:1100px){.panel{width:440px}.home-cap{left:auto;right:32px;transform:none;width:min(420px,calc(100% - 64px))}.home-inner{align-items:flex-end;text-align:right}}@media(max-width:760px){.hud-tl{top:calc(14px + var(--ui-top));left:16px}.hud-tl img{width:96px}.hud-tr{top:calc(6px + var(--ui-top));right:6px}.hud-br{display:none}.nav{left:12px;right:12px;bottom:calc(10px + var(--ui-bottom));flex-direction:row;gap:4px;padding:5px;border-radius:9999px;background:linear-gradient(180deg,#ffffff80,#ffffff2e);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff73,0 10px 28px #16385829}.nav-item{flex:1 1 0;justify-content:center;min-height:46px;padding:0 6px;border-radius:9999px;font-size:15px;line-height:18px;letter-spacing:.06em;background-image:none;text-shadow:none;transition:background-color .5s var(--ease),color .5s var(--ease),box-shadow .5s var(--ease)}.nav-item:hover{transform:none;color:var(--ink);text-shadow:none}.nav-item.is-active{color:var(--ink);text-shadow:none;background-color:#fff;box-shadow:0 2px 10px #1638582e}.home-cap{left:16px;right:16px;bottom:calc(76px + var(--ui-bottom));transform:none;width:auto}.home-inner{align-items:flex-start;text-align:left;gap:10px}.home-inner p{font-size:14px;line-height:20px}.focus-back{bottom:calc(82px + var(--ui-bottom))}.hint{bottom:calc(28px + var(--ui-bottom))}.panel{top:calc(34vh + var(--ui-top));left:12px;right:12px;bottom:calc(76px + var(--ui-bottom));width:auto}.card{padding:24px}}@media(prefers-reduced-motion:reduce){.fade,.ui-on .fade{transform:none;filter:none}.rise{animation:none}.intro-center{transform:none!important;filter:none!important}.nav-item:hover,.back:hover{transform:none}.intro.is-loading .intro-logo,.hint-dot{animation:none}}.umdc-site .umdc-sound[aria-pressed=true]{background:transparent;color:var(--ink)}.phone-row{display:flex;gap:8px;align-items:stretch}.phone-row>.umdc-input{flex:1 1 auto;min-width:0}.umdc-site .phone-country{position:relative;flex:none;display:flex;align-items:center;gap:6px;width:auto;padding:0 30px 0 12px;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}.phone-country:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.phone-country-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.phone-country:focus-within{box-shadow:var(--focus-ring)}