.punk-rail{--rail-w:60px;--bg:#0a0907;--bg-2:#131210;--bg-3:#1a1815;--bg-4:#22201c;--ink:#f1ece1;--ink-2:#c9c2b1;--ink-3:#9a9384;--ink-4:#5d5749;--ink-5:#3a362d;--rule:#f1ece112;--rule-2:#f1ece124;--shock:#ff2db8;--teal:#6ad8c5;--amber:#f5b94c;--hub-sans:"Inter Tight",system-ui,sans-serif;--hub-mono:"JetBrains Mono",ui-monospace,monospace;flex:0 0 var(--rail-w);width:var(--rail-w);z-index:50;background:var(--bg);border-right:1px solid var(--rule);font-family:var(--hub-sans);flex-direction:column;align-self:stretch;align-items:center;gap:2px;padding:14px 0;display:flex;position:relative}.punk-rail button,.punk-rail a{color:inherit;text-decoration:none}.punk-rail .rail-btn{width:44px;height:44px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:color .14s,background .14s;display:grid;position:relative}.punk-rail .rail-btn:hover{color:var(--ink-2);background:var(--bg-2)}.punk-rail .rail-btn.on{color:#0a0907;background:var(--ink);box-shadow:0 1px 6px #00000080}.punk-rail .rail-btn:focus-visible{outline:2px solid var(--shock);outline-offset:2px}.punk-rail .rail-btn.disabled{opacity:.4;cursor:not-allowed}.punk-rail .rail-btn .ico{width:20px;height:20px;display:block}.punk-rail .rail-btn .ico svg{width:100%;height:100%;display:block}.punk-rail .rail-dot{background:var(--amber);width:6px;height:6px;box-shadow:0 0 0 2px var(--bg);position:absolute;top:6px;right:6px}.punk-rail .rail-sep{background:var(--rule);width:24px;height:1px;margin:10px 0 6px}.punk-rail .rail-spacer{flex:1;min-height:12px}.punk-rail .rail-av{background:var(--shock);color:#18000a;width:36px;height:36px;font-family:var(--hub-sans);cursor:pointer;letter-spacing:-.02em;border:0;place-items:center;margin-top:6px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s;display:grid}.punk-rail .rail-av:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff2db859}.punk-rail .rail-av:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.punk-rail .rail-btn[data-tip]:after{content:attr(data-tip);background:var(--bg-4);color:var(--ink);font-family:var(--hub-mono);letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;text-transform:uppercase;padding:5px 8px;font-size:10px;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.punk-rail .rail-btn[data-tip]:hover:after{opacity:1}@media (max-width:1023px){.punk-rail{display:none}}.punk-rail-menu-backdrop{z-index:90;position:fixed;inset:0}.punk-rail-menu{background:var(--bg-3,#1a1815);border:1px solid var(--rule-2,#f1ece124);z-index:100;width:240px;font-family:var(--hub-sans,"Inter Tight",sans-serif);color:var(--ink,#f1ece1);padding:16px;position:fixed;bottom:14px;left:70px;box-shadow:8px 8px #ff2db833,0 16px 40px -10px #000000b3}.punk-rail-menu .who{font-family:var(--hub-mono,"JetBrains Mono",monospace);color:var(--ink-3,#9a9384);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;overflow:hidden}.punk-rail-menu .who b{color:var(--ink,#f1ece1);font-family:var(--hub-sans);letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}.punk-rail-menu .bal{border-top:1px dashed var(--rule-2,#f1ece124);border-bottom:1px dashed var(--rule-2,#f1ece124);font-family:var(--hub-mono,monospace);color:var(--ink-3,#9a9384);justify-content:space-between;align-items:baseline;margin:8px 0;padding:10px 0;font-size:11px;display:flex}.punk-rail-menu .bal b{font-family:var(--hub-sans);color:var(--ink,#f1ece1);font-size:14px;font-weight:700}.punk-rail-menu .row{text-align:left;width:100%;font-family:var(--hub-sans);color:var(--ink-2,#c9c2b1);cursor:pointer;letter-spacing:-.005em;background:0 0;border:0;padding:9px 0;font-size:13px;transition:color .12s,padding-left .12s;display:block}.punk-rail-menu .row:hover{color:var(--ink,#f1ece1);padding-left:4px}.punk-rail-menu .row.danger{color:var(--shock,#ff2db8)}.punk-rail-menu .row.danger:hover{color:var(--shock)}.punk-rail-menu .row .meta{font-family:var(--hub-mono);color:var(--ink-4,#5d5749);letter-spacing:.06em;margin-left:8px;font-size:10px}
