:root{--ink:#e8e4dc;--dim:#8f8a82;--bg:#0d0c0f;--panel:#121115eb;--line:#ffffff14;--accent:#e2b04a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Barlow,system-ui,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}body:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}.boot{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080adb;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.boot.out{opacity:0;pointer-events:none}.boot-inner{text-align:center;padding:24px}.wordmark{letter-spacing:-.02em;font-family:Barlow Condensed,Barlow,sans-serif;font-size:clamp(44px,9vw,96px);font-weight:700;line-height:1}.boot-sub{color:var(--dim);margin-top:10px;font-size:15px}.power{letter-spacing:.18em;color:#111;background:var(--accent);cursor:pointer;border:0;border-radius:4px;margin-top:32px;padding:14px 34px;font:700 18px Barlow Condensed,sans-serif;box-shadow:0 0 0 4px #e2b04a26,0 8px 24px #00000080}.power:hover{filter:brightness(1.08)}.boot-status{color:#f0c674;max-width:420px;margin:18px auto 0;font-size:14px;line-height:1.45}.boot-status.ok{color:var(--dim)}#boot-reload{margin-top:12px}.boot-hint{color:var(--dim);letter-spacing:.06em;margin-top:18px;font-size:12px}.hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-left{align-items:baseline;gap:14px;display:flex}.hud-name{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700}.hud-tip{color:var(--dim);font-size:12px}.hud-right{gap:8px;display:flex}.hud-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:8px 12px;font:600 12px Barlow,sans-serif;display:inline-block}.hud-btn:hover{border-color:#ffffff40}.hud-btn.primary{background:var(--accent);color:#111;border-color:#0000}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;width:min(340px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-head{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:14px 16px;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;display:flex}.save-form{border-bottom:1px solid var(--line);gap:8px;padding:14px 16px;display:grid}.save-form input{color:var(--ink);border:1px solid var(--line);background:#ffffff0d;border-radius:4px;padding:9px 10px;font:14px Barlow,sans-serif}.patch-list{flex:1;padding:8px;overflow:auto}.patch-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 8px;display:flex}.patch-item:hover{background:#ffffff08}.patch-meta{min-width:0}.patch-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.patch-by{color:var(--dim);font-size:12px}.patch-empty{color:var(--dim);padding:16px 8px;font-size:13px}.toast{background:var(--panel);border:1px solid var(--line);color:var(--ink);z-index:30;border-radius:4px;padding:10px 14px;font-size:13px;position:fixed;top:18px;left:50%;transform:translate(-50%)}@media (width<=760px){.hud{background:linear-gradient(#0000,#0009);flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}.hud-tip{display:none}.hud-left{justify-content:space-between}.hud-right{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.hud-right::-webkit-scrollbar{display:none}.hud-btn{white-space:nowrap;padding:9px 11px;font-size:11px}.drawer{width:100vw}.boot-status{color:#f0c674;max-width:420px;margin:18px auto 0;font-size:14px;line-height:1.45}.boot-status.ok{color:var(--dim)}#boot-reload{margin-top:12px}.boot-hint{font-size:11px}}@media (width<=760px) and (orientation:portrait){.hud-name:after{content:" · turn your phone sideways for the full rack";color:var(--dim);font:11px Barlow,sans-serif}}body.clean .hud,body.clean .toast{display:none!important}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{letter-spacing:.04em;color:var(--dim);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:999px;padding:4px 9px;font:600 11px Barlow,sans-serif}.chip.on{color:#111;background:var(--accent);border-color:#0000}.filter-bar{border-bottom:1px solid var(--line);gap:8px;padding:10px 16px;display:grid}.filter-bar input{color:var(--ink);border:1px solid var(--line);background:#ffffff0d;border-radius:4px;padding:8px 10px;font:13px Barlow,sans-serif}.filter-row{align-items:flex-start;gap:8px;display:flex}.filter-row .chips{flex:1}.hud-btn.tiny{white-space:nowrap;padding:5px 8px;font-size:10px}.patch-item{align-items:flex-start}.patch-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.patch-tags .chip{cursor:pointer;padding:2px 7px;font-size:10px}.patch-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.heart{color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 9px;font:600 12px Barlow,sans-serif}.heart.on{color:#ff5aa0;border-color:#ff5aa080}.chip .cnt{text-align:center;min-width:14px;color:var(--ink);background:#ffffff1f;border-radius:999px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;line-height:15px;display:inline-block}.chip.on .cnt{color:#111;background:#00000038}.drawer-tools{border-bottom:1px solid var(--line);gap:8px;padding:10px 16px;display:flex}.drawer-tools .hud-btn.on{background:#ffffff1f}.filter-state{color:var(--dim);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.filter-state .chip{cursor:pointer}.section{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:12px 8px 4px;font:700 11px Barlow Condensed,sans-serif}.patch-item{padding:8px}.patch-tags .chip{padding:1px 6px;font-size:9px}
