.boxsie{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#07090d;--panel:#0e1420;--line:#1c2532;--line2:#2a3647;--txt:#e6edf5;--dim:#8794a3;--faint:#566270;--amber:#ffcf5a;--teal:#38e1e1;--pink:#ff8ad8;--bone:#e9cfa3;--f:"JetBrains Mono Variable", ui-monospace, "SFMono-Regular", monospace;--w:150px;--h:96px;--ry:-45deg;--lid:0deg;--open:0;--glow:var(--amber);background:var(--void);color:var(--dim);font-family:var(--f);position:fixed;inset:0;overflow:hidden}.boxsie *{box-sizing:border-box}.boxsie a{color:inherit;text-decoration:none}.boxsie #static{width:100%;max-width:none;height:100%;image-rendering:pixelated;opacity:.05;pointer-events:none;animation:7s ease-in-out infinite breathe;position:fixed;inset:0}@keyframes breathe{0%,to{opacity:.03}50%{opacity:.075}}.boxsie .pulse{pointer-events:none;background:radial-gradient(closest-side,#ffcf5a0d,#0000 60%);width:120vmax;height:120vmax;animation:7s ease-in-out infinite breathe2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe2{0%,to{opacity:.4}50%{opacity:1}}.boxsie .scan{pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:fixed;inset:0}.boxsie main{grid-template-rows:1fr auto auto auto 1fr;justify-items:center;gap:0;height:100%;padding:24px 20px;display:grid;position:relative}.boxsie .signal{text-align:center;grid-row:2}.boxsie .status{letter-spacing:.18em;color:var(--faint);height:16px;font-size:11px}.boxsie .status b{color:var(--dim);font-weight:400}.boxsie .status i{background:var(--faint);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.boxsie .status.locked i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.boxsie .word{letter-spacing:.14em;color:var(--txt);white-space:nowrap;margin:6px 0 0;padding-left:.14em;font-size:56px;font-weight:700;line-height:1.1}.boxsie .word span{text-align:center;width:1ch;display:inline-block}.boxsie .word span.n{color:var(--faint);font-weight:400}.boxsie .word span.g{color:var(--amber)}.boxsie .boxwrap{cursor:default;-webkit-tap-highlight-color:transparent;grid-row:3;place-items:center;margin:4px 0 2px;display:grid;position:relative}.boxsie #box{max-width:none;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.boxsie .boxwrap.thud #box{transform:translateY(3px)}.boxsie .manifest{width:min(520px,100%);color:var(--dim);grid-row:4;margin-top:4px;font-size:12.5px;line-height:1.75}.boxsie .mh{color:var(--faint);letter-spacing:.14em;border-bottom:1px dashed var(--line2);justify-content:space-between;padding-bottom:4px;font-size:11px;display:flex}.boxsie .sum{color:var(--txt);margin:8px 0 6px}.boxsie .sum .r{color:var(--faint)}.boxsie .manifest ol{margin:0;padding:0;list-style:none}.boxsie .row{border-radius:4px;grid-template-columns:3ch auto 1fr auto 2ch;align-items:center;gap:1.2ch;margin:0 -6px;padding:0 6px;display:grid}.boxsie .row a{display:contents}.boxsie .row .n{color:var(--faint)}.boxsie .row .dots{border-bottom:1px dotted var(--line2);height:0;margin-top:2px}.boxsie .row .st{color:var(--faint)}.boxsie .row .go{color:var(--faint);text-align:right}.boxsie .row.del .name{color:var(--txt)}.boxsie .row.del .st{color:var(--teal)}.boxsie .row.del:hover,.boxsie .row.del:focus-within{background:#38e1e10f}.boxsie .row.del:hover .go,.boxsie .row.del:focus-within .go{color:var(--teal)}.boxsie .bar{vertical-align:-2px;background:var(--line2);border-radius:1px;height:1.05em;display:inline-block;position:relative}.boxsie .bar em{color:var(--amber);opacity:0;place-items:center;font-size:11px;font-style:normal;transition:opacity .15s;display:grid;position:absolute;inset:0}.boxsie .bar em span{background:var(--void);padding:0 .6ch}.boxsie .row.red{cursor:help;outline:none}.boxsie .row.red:hover .bar em,.boxsie .row.red:focus .bar em,.boxsie .row.red.on .bar em{opacity:1}.boxsie .foot{border-top:1px dashed var(--line2);color:var(--faint);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;padding-top:4px;font-size:11px;display:flex}@media (max-width:640px){.boxsie{--w:118px;--h:76px}.boxsie main{padding:20px 18px}.boxsie .word{font-size:40px}.boxsie .manifest{font-size:12px}.boxsie .foot{font-size:10px}}@media (prefers-reduced-motion:reduce){.boxsie #static,.boxsie .pulse{animation:none}}
