:root{--ink:#1c2330;--muted:#5b6678;--yellow:#ffd21f;--bg:#eef3f8}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow:hidden}#c{width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud{pointer-events:none;font-size:clamp(9px,min(1.45vh,1.05vw),22px);position:fixed;inset:0}.title{opacity:1;text-align:left;position:absolute;top:5vh;left:3.2vw}.title h1,.title .sub{color:color-mix(in srgb, var(--ink) calc(100% - var(--dim,0) * 100%), #f4f8ff)}.title small{color:color-mix(in srgb, var(--muted) calc(100% - var(--dim,0) * 100%), #b9c6da)}.title h1{letter-spacing:-.03em;word-spacing:.08em;margin:0;font-size:7.4em;font-weight:900;line-height:.95}.title .sub{opacity:.86;letter-spacing:-.01em;margin-top:.35em;font-size:3em;font-weight:700}.title small{margin-top:.8em;font-size:1.35em;font-weight:600;display:block}.title2{text-align:center;opacity:0;letter-spacing:-.02em;color:var(--ink);font-size:3.6em;font-weight:800;position:absolute;bottom:20vh;left:0;right:0}.tag{color:var(--ink);opacity:0;background:#ffffffc7;border-radius:999px;padding:.3em .7em;font-size:2.1em;font-weight:700;position:absolute;top:3.4vh;left:3vw;box-shadow:0 .2em .8em #28324614}.badge{opacity:0;flex-direction:column;align-items:flex-end;gap:.2em;display:flex;position:absolute;top:3vh;right:3vw}.badge .bag{background:var(--yellow);color:var(--ink);letter-spacing:.02em;border-radius:999px;padding:.26em .8em;font-size:3.2em;font-weight:800;box-shadow:0 .25em 1em #28324624}.badge .bag b{font-weight:900}.badge .bt{color:var(--ink);background:#ffffffd1;border-radius:.55em;padding:.18em .6em;font-size:2.5em;font-weight:800}.count{opacity:0;background:#ffffffc7;border-radius:1.2em;padding:.5em 1.1em .8em;position:absolute;bottom:10vh;left:3vw;box-shadow:0 .3em 1.4em #2832461a}.count b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:6.6em;font-weight:900;line-height:1}.count .of{color:var(--ink);opacity:.6;margin-left:.3em;font-size:2.6em;font-weight:800}.count .bar{background:#1c23301f;border-radius:1em;width:26vw;height:.7em;margin-top:.75em;overflow:hidden}.count .bar i{background:var(--ink);border-radius:1em;width:0;max-width:100%;height:100%;display:block}#player{pointer-events:none;font-family:Inter,sans-serif;position:fixed;inset:0}#player .start{pointer-events:auto;background:radial-gradient(at 50% 55%,#f7fafd00 0%,#e6edf559 70%);align-content:center;place-items:center;gap:14px;transition:opacity .5s;display:grid;position:absolute;inset:0}#player .start.gone{opacity:0;pointer-events:none}#player .start .big{background:var(--yellow);cursor:pointer;border:0;border-radius:50%;place-items:center;width:92px;height:92px;margin-top:30vh;transition:transform .15s ease-out;display:grid;box-shadow:0 10px 40px #1e283c2e}#player .start .big:hover{transform:scale(1.06)}#player .start .big:active{transform:scale(.97)}#player .start .tri{border-left:26px solid var(--ink);border-top:16px solid #0000;border-bottom:16px solid #0000;width:0;height:0;margin-left:8px}#player .start .hint{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}#player .bar{-webkit-backdrop-filter:blur(14px);pointer-events:auto;background:#ffffffc7;border-radius:14px;align-items:center;gap:12px;width:min(760px,100vw - 32px);padding:10px 14px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1e283c1f}#player.idle .bar{opacity:0;transform:translate(-50%)translateY(8px)}#player .time{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;min-width:34px;font-size:13px}#player .track{cursor:pointer;touch-action:none;flex:1;height:22px;position:relative}#player .track:before{content:"";background:#1c233024;border-radius:4px;height:4px;position:absolute;top:9px;left:0;right:0}#player .fill{background:var(--ink);border-radius:4px;height:4px;position:absolute;top:9px;left:0}#player .knob{background:var(--yellow);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:4px;box-shadow:0 1px 4px #00000040}#player .icon{cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px;position:relative}#player .icon:hover{background:#1c233012}#player #p-play:before{content:"";border-left:13px solid var(--ink);border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:8px;left:11px}#player #p-play.pause:before{background:var(--ink);width:4px;height:14px;box-shadow:8px 0 0 var(--ink);border:0;top:9px;left:10px}#player .snd:before{content:"";background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:6px;height:8px;position:absolute;top:12px;left:8px}#player .snd:after{content:"";border:2px solid var(--ink);border-left:0;border-radius:0 10px 10px 0;width:10px;height:16px;position:absolute;top:8px;left:12px}#player .snd.off:after{background:linear-gradient(45deg, transparent 45%, var(--ink) 45%, var(--ink) 55%, transparent 55%);border-color:#0000}#player .fs:before{content:"";border:2px solid var(--ink);clip-path:polygon(0 0,35% 0,35% 35%,65% 35%,65% 0,100% 0,100% 35%,65% 35%,65% 65%,100% 65%,100% 100%,65% 100%,65% 65%,35% 65%,35% 100%,0 100%,0 65%,35% 65%,35% 35%,0 35%);border-radius:3px;position:absolute;inset:9px}#player #p-book{color:var(--ink);background:var(--yellow);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none}#loading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:13px;font-weight:600;display:grid;position:fixed;inset:0}@media (max-width:600px){#player #p-book,#player .time#p-dur{display:none}}body.web .count{bottom:110px}.title h1,.title .sub{text-shadow:0 0 .5em rgba(243,247,251,calc(.95 - var(--dim,0) * .95)), 0 0 1.2em rgba(243,247,251,calc(.8 - var(--dim,0) * .8))}