:root{color-scheme:dark;--bg: #0c0c0c;--ink: #e8e3d8;--mut: #a0a0a0;--red: #a8232b;--red2: #d23a42;--line: #3a3a3a}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);background:var(--bg) repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);color:var(--ink);font:14px/1.5 IBM Plex Mono,monospace}h1,h2,.an,legend{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:2px;margin:0}header{padding:48px 20px 24px;max-width:1200px;margin:auto}header p{max-width:560px;color:var(--mut)}.kicker{color:var(--mut);font-size:14px}h1{font-size:clamp(48px,11vw,120px);line-height:.95}.tag{display:inline-block;background:var(--red);color:#fff;letter-spacing:4px;padding:2px 10px;margin:8px 0}main{max-width:1200px;margin:auto;padding:24px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}.export-scene{position:fixed;left:-9999px;top:0;width:0;height:0;overflow:visible;opacity:0;pointer-events:none;visibility:visible}@media (max-width: 900px){main{grid-template-columns:1fr}.stage{position:static}}@media (max-width: 640px){body{font-size:13px}header,main,footer{padding-left:14px;padding-right:14px}.row{flex-direction:column}.row>button{width:100%}.actions{flex-direction:column}.actions button{width:100%}}fieldset{border:0;border-top:1px solid var(--line);margin:0 0 20px;padding:14px 0 0}legend{font-size:20px;padding-right:10px}label{display:block;color:var(--mut);font-size:12px;letter-spacing:1px;margin:10px 0 4px}input,select,button{font:inherit;color:var(--ink);background:#161616;border:1px solid #555;padding:10px 12px;min-height:44px;border-radius:0}input,select{width:100%}button{cursor:pointer;background:#1c1c1c}button:hover{border-color:var(--ink)}button.pri{background:var(--red);border-color:var(--red);color:#fff;font-family:Anton;letter-spacing:3px;font-size:16px}:focus-visible{outline:2px solid var(--red2);outline-offset:2px}.row{display:flex;gap:8px;width:100%}.row>input,.row>.cb{flex:1;min-width:0}.msg{min-height:20px;font-size:12px;margin-top:6px}.err{color:#ff8a8f;text-align:center}.ok{color:#9fd4a3;text-align:center}ol{list-style:none;margin:10px 0 0;padding:0;width:100%}li{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding:4px 0;width:100%}li .n{font-family:Anton;color:var(--red2);width:30px;flex-shrink:0}li .t{flex:1;min-width:0;overflow-wrap:anywhere}li button{padding:0;min-width:44px}.stage{position:sticky;top:12px;align-self:start}.wrap{width:100%;max-width:960px;margin:0 auto;container-type:inline-size}.format-toggle{display:flex;justify-content:center;gap:12px;margin:0 auto 12px;flex-wrap:wrap}.format-toggle label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);font-size:12px;letter-spacing:1px;text-transform:uppercase}.format-toggle input{width:auto;min-height:auto;accent-color:var(--red)}.actions{display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:center}button:disabled{opacity:.45;cursor:not-allowed}footer{max-width:1200px;margin:auto;padding:24px 20px 48px;color:var(--mut);font-size:12px;border-top:1px solid var(--line)}.scene{--c: calc(100cqi / 960);position:relative;width:100%;aspect-ratio:960 / 760;height:auto;background:#0c0c0c repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);overflow:hidden}.scene>*{position:absolute}.bgc{left:calc(260 / 960 * 100%);top:calc(120 / 760 * 100%);width:calc(560 / 960 * 100%);opacity:.06}.strap{left:calc(452 / 960 * 100%);top:0;width:calc(56 / 960 * 100%);height:calc(150 / 760 * 100%);background:#1c1c1c;border:1px solid #333;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(20 / 960 * 100%);font-family:Anton;font-size:calc(13 * var(--c));letter-spacing:calc(3 * var(--c));color:var(--red2);writing-mode:vertical-rl}.clip{left:calc(446 / 960 * 100%);top:calc(140 / 760 * 100%);width:calc(68 / 960 * 100%);height:calc(46 / 760 * 100%);background:linear-gradient(#8a8a8a,#4a4a4a);border-radius:calc(6 * var(--c))}.holder{left:9.0625%;top:calc(162 / 760 * 100%);width:calc(800 / 960 * 100%);height:calc(550 / 760 * 100%);padding:calc(20 / 960 * 100%);border:1px solid rgba(255,255,255,.28);border-radius:calc(26 * var(--c));background:#ffffff0d;box-shadow:0 calc(30 * var(--c)) calc(60 * var(--c)) #000000b3;box-sizing:border-box}.card{position:relative;width:100%;height:100%;background:#121212;border:1px solid #444;border-radius:calc(14 * var(--c));overflow:hidden;color:var(--ink)}.card .ring{position:absolute;right:calc(-90 / 760 * 100%);top:calc(-70 / 510 * 100%);width:calc(420 / 760 * 100%);opacity:.14}.card .top{position:absolute;left:0;right:0;top:0;height:calc(14 * var(--c));background:var(--red)}.ph{position:absolute;left:calc(30 / 760 * 100%);top:calc(40 / 510 * 100%);width:calc(210 / 760 * 100%)}.frame{position:relative;width:100%;aspect-ratio:210 / 264;border:calc(2 * var(--c)) solid var(--ink);overflow:hidden;background:#1b1b1b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(8 * var(--c))}.frame img.p{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.2)}.frame .dots{position:absolute;top:0;right:0;bottom:0;left:0}.seal{width:43%;aspect-ratio:1;border:calc(2 * var(--c)) solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Anton;font-size:calc(40 * var(--c))}.fh{font-size:calc(13 * var(--c));letter-spacing:calc(1 * var(--c));max-width:100%;overflow-wrap:anywhere;text-align:center}.bar{margin-top:calc(10 * var(--c));height:calc(34 * var(--c));background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 9px)}.bar svg{display:block;width:100%;height:100%}.sm{font-size:calc(15 * var(--c));color:var(--mut);letter-spacing:calc(1.5 * var(--c))}.ph-cap{margin-top:calc(6 * var(--c))}.fan-no{font-size:calc(15 * var(--c));margin-top:calc(7 * var(--c))}.badge{display:BLOCK;margin-top:calc(18 * var(--c));background:var(--red);padding:calc(4 * var(--c)) calc(8 * var(--c));font-size:calc(10 * var(--c));letter-spacing:calc(1 * var(--c));white-space:normal;max-width:100%;border-radius:calc(30 * var(--c));width:100%;align-content:center}.badge span{margin-right:calc(11 * var(--c))}.badge b{font-weight:600;color:var(--bg)}.sm.r{text-align:right}.info{position:absolute;left:calc(270 / 760 * 100%);top:calc(36 / 510 * 100%);right:calc(30 / 760 * 100%)}.hd{display:flex;justify-content:space-between;align-items:center;margin-top:calc(7 * var(--c));gap:calc(8 * var(--c))}.big{font-size:calc(50 * var(--c));line-height:1}.pill{display:inline-block;background:var(--red);color:#fff;font-size:calc(32 * var(--c));letter-spacing:calc(4 * var(--c));padding:calc(2 * var(--c)) calc(10 * var(--c));flex-shrink:0}.handle{margin-top:calc(14 * var(--c));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:calc(34 * var(--c))}.handle.long{font-size:calc(26 * var(--c))}.since{font-size:calc(15 * var(--c));color:var(--red2);letter-spacing:calc(2 * var(--c));margin:calc(2 * var(--c)) 0 calc(14 * var(--c))}.archive{letter-spacing:calc(2 * var(--c));margin-bottom:calc(4 * var(--c))}.songs{border-bottom:1px solid var(--line)}.song{display:flex;gap:calc(10 * var(--c));border-top:1px solid var(--line);padding:calc(5 * var(--c)) 0;align-items:baseline}.song b{font-family:Anton;font-weight:400;font-size:calc(18 * var(--c));color:var(--red2);width:calc(30 * var(--c));flex-shrink:0}.song span{font-size:calc(13 * var(--c));text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot{position:absolute;left:calc(24 / 760 * 100%);right:calc(24 / 760 * 100%);bottom:calc(6 / 510 * 100%);display:flex;flex-wrap:wrap;gap:calc(6 * var(--c));justify-content:space-between;font-size:calc(11 * var(--c));color:var(--mut)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.cb{position:relative;width:100%}.selbtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#161616}.caret{color:var(--mut);font-size:12px}.dd{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:30;max-height:min(260px,45vh);overflow-y:auto;overscroll-behavior:contain;background:#161616;border:1px solid var(--ink);box-shadow:0 12px 28px #000000b3}.opt{display:flex;align-items:center;min-height:44px;padding:8px 12px;cursor:pointer;overflow-wrap:anywhere;border-left:3px solid transparent}.opt+.opt{border-top:1px solid var(--line)}.opt.on{border-left-color:var(--red2);color:#fff}.opt:hover,.opt.act{background:var(--red);color:#fff}.wrap.v{max-width:460px}.scene.v{--c: calc(100cqi / 480);aspect-ratio:480 / 1024}.scene.v .bgc{left:calc(40 / 480 * 100%);top:calc(180 / 1024 * 100%);width:calc(400 / 480 * 100%)}.scene.v .strap{left:45%;width:10%;height:9.375%;padding-bottom:calc(14 / 480 * 100%);font-size:calc(7 * var(--c));letter-spacing:calc(2 * var(--c))}.scene.v .clip{left:calc(206 / 480 * 100%);top:calc(86 / 1024 * 100%);width:calc(68 / 480 * 100%);height:calc(42 / 1024 * 100%)}.scene.v .holder{left:calc(20 / 480 * 100%);top:11.71875%;width:calc(440 / 480 * 100%);height:calc(884 / 1024 * 100%);padding:calc(16 / 480 * 100%);border-radius:calc(22 * var(--c))}.scene.v .card{display:flex;flex-direction:column;padding:calc(38 * var(--c)) calc(24 * var(--c)) calc(50 * var(--c))}.scene.v .card>*{flex-shrink:0}.scene.v .card .ring{right:calc(-110 / 406 * 100%);top:calc(-40 / 850 * 100%);width:calc(340 / 406 * 100%)}.scene.v .hd{margin-top:0}.scene.v .big{font-size:calc(40 * var(--c))}.scene.v .pill{font-size:calc(24 * var(--c));letter-spacing:calc(3 * var(--c))}.scene.v .sm{font-size:calc(15 * var(--c))}.scene.v .vphoto{width:calc(170 * var(--c));margin:calc(18 * var(--c)) auto 0}.scene.v .ph-cap{text-align:center;margin-top:calc(6 * var(--c))}.scene.v .handle{margin-top:calc(14 * var(--c));font-size:calc(32 * var(--c));line-height:1.2;text-align:center}.scene.v .handle.long{font-size:calc(24 * var(--c))}.scene.v .since{font-size:calc(14 * var(--c));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:calc(2 * var(--c)) 0 calc(12 * var(--c))}.scene.v .badge{margin-top:0;margin-bottom:calc(16 * var(--c));text-align:center;padding:calc(5 * var(--c)) calc(10 * var(--c));font-size:calc(14 * var(--c))}.scene.v .archive{margin-bottom:calc(4 * var(--c))}.scene.v .badge span{margin-right:calc(10 * var(--c))}.scene.v .song{line-height:1.3;padding:calc(4 * var(--c)) 0}.scene.v .song b{font-size:calc(18 * var(--c));width:calc(32 * var(--c))}.scene.v .song span{font-size:calc(15 * var(--c))}.scene .v .fan-no{margin-top:auto;padding-top:calc(12 * var(--c));text-align:center;font-size:calc(17 * var(--c))}.scene.v .bar{margin-top:calc(8 * var(--c));height:calc(28 * var(--c))}.scene.v .foot{left:calc(24 / 406 * 100%);right:calc(24 / 406 * 100%);bottom:calc(8 / 850 * 100%);justify-content:center;text-align:center;font-size:calc(11 * var(--c))}