.app{--bg:#070b0b;--surface:#0f1516;--raised:#192121;--sunken:#030607;--ink:#f0f4f4;--ink-muted:#a9b3b4;--ink-faint:#848e8f;--rule:#232c2c;--rule-strong:#667172;--accent:#004d50;--accent-ink:#86cccf;--danger:#e97871;--warn:#dcaf61;--positive:#71c38f;--t-meta:.75rem;--t-small:.8125rem;--t-base:.9375rem;--t-lead:1.0625rem;--t-h3:1.0625rem;--t-h2:1.25rem;--t-h1:1.5rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.77, 0, .175, 1);--t-press:.14s;--t-ui:.18s;--t-panel:.22s;--z-bar:10;--z-backdrop:40;--z-dialog:50;background:var(--bg);color:var(--ink);font-family:var(--font-archivo), system-ui, sans-serif;font-size:var(--t-base);-webkit-font-smoothing:antialiased;line-height:1.5}@supports (color:lab(0% 0 0)){.app{--bg:lab(2.79283% -1.20917 -.540391);--surface:lab(6.27948% -2.59866 -1.15814);--raised:lab(11.9587% -3.78936 -1.5792);--sunken:lab(1.58759% -.823118 -.372562);--ink:lab(95.9799% -1.26672 -.532317);--ink-muted:lab(72.2795% -3.7975 -1.59228);--ink-faint:lab(58.3595% -3.79688 -1.5911);--rule:lab(17.1789% -3.79129 -1.58213);--rule-strong:lab(46.7792% -4.42767 -1.853);--accent:lab(28.7355% -21.2559 -8.71725);--accent-ink:lab(77.4874% -22.0473 -9.13532);--danger:lab(63.8384% 43.7764 24.8032);--warn:lab(74.5747% 10.2617 46.1774);--positive:lab(72.448% -34.6906 17.8381)}}.app ::selection{background:var(--ink);color:var(--bg)}.app :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app h1,.app .h1{font-size:var(--t-h1);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.2}.app h2,.app .h2{font-size:var(--t-h2);letter-spacing:-.015em;text-wrap:balance;font-weight:600;line-height:1.25}.app h3,.app .h3{font-size:var(--t-h3);letter-spacing:-.01em;font-weight:600;line-height:1.3}.app .prose{color:var(--ink-muted);text-wrap:pretty;max-width:68ch}.app .lead{font-size:var(--t-lead);color:var(--ink-muted);text-wrap:pretty;max-width:60ch}.app .small{font-size:var(--t-small);color:var(--ink-muted)}.app .faint{font-size:var(--t-small);color:var(--ink-faint)}.app .num{font-family:var(--font-jbmono), ui-monospace, monospace;font-variant-numeric:tabular-nums;letter-spacing:.01em}.app .meta{font-family:var(--font-jbmono), ui-monospace, monospace;font-size:var(--t-meta);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink-faint)}.app .rule{border-color:var(--rule)}.app .panel{background:var(--surface);border:1px solid var(--rule)}.app .well{background:var(--sunken);overflow:hidden}.app .btn{font-size:var(--t-base);cursor:pointer;white-space:nowrap;transition:background-color var(--t-ui) var(--ease-out), border-color var(--t-ui) var(--ease-out), color var(--t-ui) var(--ease-out), transform var(--t-press) var(--ease-out), opacity var(--t-ui) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-weight:500;line-height:1.2;display:inline-flex}.app .btn:active:not(:disabled){transform:scale(.97)}.app .btn:disabled{opacity:.45;cursor:not-allowed}.app .btn-primary{background:var(--ink);color:var(--bg)}.app .btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--ink) 88%, var(--bg))}.app .btn-ghost{border-color:var(--rule-strong);color:var(--ink)}.app .btn-ghost:hover:not(:disabled){background:var(--raised)}.app .btn-quiet{color:var(--ink-muted);padding-inline:.5rem}.app .btn-quiet:hover:not(:disabled){color:var(--ink);background:var(--raised)}.app .btn-danger{color:var(--danger)}.app .btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger) 14%, transparent)}.app .field{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--rule-strong);transition:border-color var(--t-ui) var(--ease-out);padding:.5rem .75rem}.app .field::placeholder{color:var(--ink-faint)}.app .field:hover:not(:disabled){border-color:color-mix(in oklch, var(--rule-strong) 70%, var(--ink))}.app .field:disabled{opacity:.5}.app .dropzone{text-align:center;cursor:pointer;border:1px dashed var(--rule-strong);transition:background-color var(--t-ui) var(--ease-out), border-color var(--t-ui) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:2.5rem 1.5rem;display:flex}.app .dropzone:hover{background:var(--surface);border-color:var(--ink-faint)}.app .dropzone:has(:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.app .thumb-remove{width:1.25rem;height:1.25rem;font-size:var(--t-meta);color:var(--bg);background:var(--ink);cursor:pointer;transition:transform var(--t-press) var(--ease-out);place-items:center;line-height:1;display:grid;position:absolute;top:0;right:0}.app .thumb-remove:active{transform:scale(.9)}.app .chip{font-size:var(--t-small);color:var(--ink-muted);border:1px solid var(--rule);cursor:pointer;transition:background-color var(--t-ui) var(--ease-out), border-color var(--t-ui) var(--ease-out), color var(--t-ui) var(--ease-out), transform var(--t-press) var(--ease-out);background:0 0;align-items:center;gap:.375rem;padding:.3125rem .625rem;line-height:1.2;display:inline-flex}.app .chip:hover:not(:disabled){color:var(--ink);border-color:var(--rule-strong)}.app .chip:active:not(:disabled){transform:scale(.97)}.app .chip[aria-pressed=true],.app .chip[data-current=true]{color:var(--ink);background:var(--accent);border-color:var(--accent)}.app .pack{text-align:left;border:1px solid var(--rule);cursor:pointer;width:100%;height:100%;transition:background-color var(--t-ui) var(--ease-out), border-color var(--t-ui) var(--ease-out), transform var(--t-press) var(--ease-out);background:0 0;flex-direction:column;gap:.25rem;padding:.75rem .875rem;display:flex}.app .pack:hover:not(:disabled){background:var(--surface);border-color:var(--rule-strong)}.app .pack:active:not(:disabled){transform:scale(.99)}.app .pack:disabled{cursor:not-allowed;opacity:.45}.app .offer{border:1px solid var(--rule);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.app .offer[data-highlight=true]{border-color:var(--ink)}.app .notice{font-size:var(--t-small);background:var(--surface);border:1px solid;gap:.625rem;padding:.625rem .75rem;display:flex}.app .notice-danger{border-color:color-mix(in oklch, var(--danger) 45%, var(--rule));color:var(--ink)}.app .notice-warn{border-color:color-mix(in oklch, var(--warn) 45%, var(--rule));color:var(--ink)}.app .notice-info{border-color:var(--rule);color:var(--ink-muted)}.app .notice-positive{border-color:color-mix(in oklch, var(--positive) 45%, var(--rule));color:var(--ink)}.app .notice-dismiss{width:1.25rem;height:1.25rem;font-size:var(--t-base);color:var(--ink-muted);cursor:pointer;transition:color var(--t-ui) var(--ease-out), background-color var(--t-ui) var(--ease-out), transform var(--t-press) var(--ease-out);flex:none;align-self:start;place-items:center;margin-inline-start:auto;line-height:1;display:grid;position:relative}.app .notice-dismiss:before{content:"";position:absolute;inset:-.625rem}.app .notice-dismiss:hover{color:var(--ink);background:var(--raised)}.app .notice-dismiss:active{transform:scale(.9)}.app .skeleton{background:var(--surface);position:relative;overflow:hidden}.app .skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--raised) 70%, transparent), transparent);animation:app-sweep 1.6s var(--ease-move) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes app-sweep{to{transform:translate(100%)}}.dialog-shell{width:min(100% - 2rem,26rem);color:var(--ink);background:0 0;border:0;margin:auto;padding:0}.dialog-shell::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:app-fade var(--t-panel,.22s) var(--ease-out,ease-out);background:#070b0bb8;background:lab(2.79283% -1.20917 -.540391/.72)}.dialog-panel{background:var(--surface);border:1px solid var(--rule-strong);animation:app-rise var(--t-panel,.22s) var(--ease-out,ease-out);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}@keyframes app-fade{0%{opacity:0}}@keyframes app-rise{0%{opacity:0;transform:scale(.97)translateY(6px)}}.app .row-action{transition:opacity var(--t-ui) var(--ease-out)}@media (hover:hover) and (pointer:fine){.app .row-action{opacity:0}.app .roster-row:hover .row-action,.app .roster-row:focus-within .row-action,.app .row-action:focus-visible{opacity:1}}.app .asset{list-style:none}.app .star{width:1.5rem;height:1.5rem;color:var(--ink);cursor:pointer;transition:opacity var(--t-ui) var(--ease-out), background-color var(--t-ui) var(--ease-out), transform var(--t-press) var(--ease-out);background:#070b0bb8;background:lab(2.79283% -1.20917 -.540391/.72);place-items:center;font-size:.875rem;line-height:1;display:grid;position:absolute;top:.25rem;right:.25rem}.app .star:hover{background:#070b0be6;background:lab(2.79283% -1.20917 -.540391/.9)}.app .star:active{transform:scale(.9)}.app .asset-actions{inset-inline:0;background:linear-gradient(#0000,#070b0beb);background:linear-gradient(#0000,lab(2.79283% -1.20917 -.540391/.92));flex-wrap:wrap;gap:.125rem .5rem;padding:1.5rem .5rem .5rem;display:flex;position:absolute;bottom:0}.app .asset-action{font-size:var(--t-meta);color:var(--ink);cursor:pointer;transition:color var(--t-ui) var(--ease-out);font-weight:500;text-decoration:none}.app .asset-action:hover{text-underline-offset:2px;text-decoration:underline}.app .asset-action-danger:hover{color:var(--danger)}.app .asset-notice{inset-inline:0;font-size:var(--t-meta);text-align:center;color:var(--ink);background:#070b0be6;background:lab(2.79283% -1.20917 -.540391/.9);padding:.5rem;position:absolute;top:0}.app .asset .star,.app .asset .row-action{opacity:0;pointer-events:none}.app .asset[data-revealed=true] .star,.app .asset[data-revealed=true] .row-action,.app .asset:focus-within .star,.app .asset:focus-within .row-action,.app .star[data-on=true]{opacity:1;pointer-events:auto}@media (hover:hover) and (pointer:fine){.app .asset:hover .star,.app .asset:hover .row-action{opacity:1;pointer-events:auto}}.app .nav-tab{font-size:var(--t-small);color:var(--ink-muted);transition:color var(--t-ui) var(--ease-out);padding:1.125rem .625rem;text-decoration:none;position:relative}.app .nav-tab:hover,.app .nav-tab[data-current=true]{color:var(--ink)}.app .nav-tab[data-current=true]:after{content:"";inset-inline:0;background:var(--ink);height:2px;position:absolute;bottom:-1px}.app .balance{font-size:var(--t-small);color:var(--ink-muted);border:1px solid var(--rule);transition:border-color var(--t-ui) var(--ease-out), color var(--t-ui) var(--ease-out);align-items:baseline;gap:.25rem;padding:.3125rem .5rem;display:inline-flex}.app .balance:hover{color:var(--ink);border-color:var(--rule-strong)}.app .balance .num{font-size:var(--t-base);color:var(--ink)}.app .account-mark{width:1.875rem;height:1.875rem;font-size:var(--t-small);color:var(--ink);background:var(--raised);border:1px solid var(--rule);cursor:pointer;transition:border-color var(--t-ui) var(--ease-out), transform var(--t-press) var(--ease-out);place-items:center;font-weight:600;display:grid}.app .account-mark:hover{border-color:var(--rule-strong)}.app .account-mark:active{transform:scale(.94)}.app .account-menu{background:var(--surface);border:1px solid var(--rule-strong);min-width:13rem;animation:app-rise var(--t-ui) var(--ease-out);position:absolute;top:calc(100% + .5rem);right:0}.app .link{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);transition:text-decoration-color var(--t-ui) var(--ease-out)}.app .link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@media (prefers-reduced-motion:reduce){.app .btn:active:not(:disabled),.app .chip:active:not(:disabled),.app .thumb-remove:active,.app .notice-dismiss:active{transform:none}.app .skeleton:after{animation:none}.app .backdrop,.app .dialog{animation-duration:1ms}}