:root{--ink: #14100d;--sheet: #1c1713;--sheet-raised: #241d18;--edge: #322920;--emulsion: #0b0908;--amber: #e39b3c;--amber-dim: #8a5f22;--cyan: #7fb6ae;--crimson: #c4553f;--chalk: #efe7db;--graphite: #9a8f82;--graphite-dim: #6b6259;--font-label: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 2px;--gutter: 1.5rem;--shadow-well: inset 0 1px 0 rgb(255 255 255 / 4%), 0 1px 2px rgb(0 0 0 / 50%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--ink);background-image:radial-gradient(120% 80% at 10% -10%,rgb(227 155 60 / 7%),transparent 60%);background-attachment:fixed;color:var(--chalk);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--cyan);text-underline-offset:3px}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.label{font-family:var(--font-label);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite)}.mono{font-family:var(--font-label);font-size:.8125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border:1px solid var(--edge);border-radius:var(--radius);background:var(--sheet-raised);color:var(--chalk);font-family:var(--font-label);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.btn:hover:not(:disabled){border-color:var(--amber-dim);color:var(--amber)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--amber);border-color:var(--amber);color:#1a1208;font-weight:600}.btn--primary:hover:not(:disabled){background:#f0aa4c;border-color:#f0aa4c;color:#1a1208}.btn--quiet{background:transparent;border-color:transparent;color:var(--graphite);padding-inline:.5rem}.btn--quiet:hover:not(:disabled){color:var(--amber);border-color:transparent}.btn--danger:hover:not(:disabled){border-color:var(--crimson);color:var(--crimson)}.field{display:flex;flex-direction:column;gap:.4rem}.field input[type=text],.field input[type=password],.field select{width:100%;padding:.6rem .75rem;border:1px solid var(--edge);border-radius:var(--radius);background:var(--emulsion);font-family:var(--font-label);font-size:.8125rem;box-shadow:var(--shadow-well)}.field input:focus,.field select:focus{outline:none;border-color:var(--amber)}.field__hint{font-size:.75rem;color:var(--graphite-dim)}.checkbox{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.checkbox input{margin-top:.25rem;accent-color:var(--amber)}.notice{padding:.7rem .85rem;border-left:2px solid var(--crimson);background:#c4553f1a;font-size:.875rem;color:#edb3a6}.notice--info{border-left-color:var(--cyan);background:#7fb6ae1a;color:#b9d9d4}.panel{border:1px solid var(--edge);border-radius:var(--radius);background:var(--sheet)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--edge)}.panel__body{display:flex;flex-direction:column;gap:1rem;padding:1rem}.signin{min-height:100%;display:grid;place-items:center;padding:2rem 1.25rem}.signin__card{width:min(23rem,100%);display:flex;flex-direction:column;gap:1.5rem}.signin__mark{display:flex;align-items:baseline;gap:.6rem}.signin__mark:before{content:"";width:2.5rem;height:3px;background:var(--amber);box-shadow:0 0 14px #e39b3c99}.signin__title{margin:0;font-family:var(--font-label);font-size:1rem;letter-spacing:.22em;text-transform:uppercase}.signin__lede{margin:0;font-size:.875rem;color:var(--graphite)}.signin__form{display:flex;flex-direction:column;gap:1rem}.signin__foot{font-size:.75rem;color:var(--graphite-dim)}.shell{min-height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:1.25rem;padding:.85rem var(--gutter);border-bottom:1px solid var(--edge);background:#14100dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.topbar__mark{display:flex;align-items:center;gap:.6rem;font-family:var(--font-label);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.topbar__mark:before{content:"";width:1.75rem;height:2px;background:var(--amber);box-shadow:0 0 10px #e39b3c99}.topbar__stats{display:flex;gap:1.5rem;margin-left:auto}.topbar__stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.topbar__stat b{font-family:var(--font-label);font-size:.9375rem;font-weight:500;color:var(--chalk)}.workspace{display:flex;flex-direction:column;gap:var(--gutter);padding:var(--gutter);max-width:96rem;width:100%;margin:0 auto;min-width:0}.topbar__settings{gap:.5rem}.topbar__dot{width:7px;height:7px;border-radius:50%;background:var(--graphite-dim);flex:none}.topbar__dot[data-state=live]{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.topbar__dot[data-state=warn]{background:var(--amber);box-shadow:0 0 8px var(--amber)}.topbar__dot[data-state=down]{background:var(--crimson)}.linkbtn{border:0;background:none;padding:0;color:var(--cyan);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:inherit}.dropzone{position:relative;display:grid;place-items:center;gap:.5rem;min-height:9rem;padding:2rem 1.5rem;border:1px dashed var(--edge);border-radius:var(--radius);background:var(--sheet);text-align:center;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.dropzone:hover,.dropzone.is-dragging{border-color:var(--amber);background:var(--sheet-raised)}.dropzone.is-busy{cursor:progress}.dropzone__headline{font-family:var(--font-label);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase}.dropzone__hint{font-size:.8125rem;color:var(--graphite)}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:inherit}.dropzone__queue{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:28rem}.dropzone__item{display:flex;align-items:center;gap:.6rem;font-family:var(--font-label);font-size:.75rem;color:var(--graphite)}.dropzone__item span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.dropzone__item[data-state=done]{color:var(--cyan)}.dropzone__item[data-state=failed]{color:var(--crimson)}.sheet{border:1px solid var(--edge);border-radius:var(--radius);background:var(--sheet);background-image:repeating-linear-gradient(to bottom,transparent 0 10px,rgb(239 231 219 / 8%) 10px 20px);background-size:6px 100%;background-repeat:no-repeat;background-position:.75rem 0;padding:1rem 1rem 1rem 2.25rem}.sheet__head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.sheet__search{margin-left:auto;width:min(16rem,100%)}.mosaic{columns:5;column-gap:.5rem}.tile{position:relative;display:block;margin:0 0 .5rem;border-radius:var(--radius);background:var(--emulsion);overflow:hidden;break-inside:avoid;-webkit-column-break-inside:avoid}.tile__image{display:block;width:100%;height:auto;transition:transform .3s ease,filter .3s ease}.tile[data-loaded=false] .tile__image{aspect-ratio:3 / 4;object-fit:cover;background:linear-gradient(160deg,#1a1512,#0b0908)}.tile:hover .tile__image,.tile:focus-within .tile__image{transform:scale(1.04);filter:brightness(.55)}.tile__missing{display:grid;place-items:center;min-height:8rem;padding:1rem;text-align:center}.tile__number{position:absolute;top:.45rem;left:.55rem;font-family:var(--font-label);font-size:.6875rem;letter-spacing:.08em;color:var(--amber);text-shadow:0 1px 4px rgb(0 0 0 / 95%);pointer-events:none;opacity:.75;transition:opacity .2s ease}.tile:hover .tile__number,.tile:focus-within .tile__number{opacity:1}.tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:.6rem;background:linear-gradient(to top,rgb(5 4 3 / 92%) 0%,rgb(5 4 3 / 45%) 55%,transparent 100%);opacity:0;transition:opacity .2s ease}.tile:hover .tile__overlay,.tile:focus-within .tile__overlay{opacity:1}.tile__meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.tile__name{font-family:var(--font-label);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__sub{font-family:var(--font-label);font-size:.5625rem;color:var(--graphite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__actions{display:flex;gap:.25rem}.tile__actions .btn{flex:1;padding:.3rem .35rem;font-size:.5625rem;letter-spacing:.08em;background:#1c1713eb}@media(max-width:90rem){.mosaic{columns:4}}@media(max-width:68rem){.mosaic{columns:3}}@media(max-width:44rem){.mosaic{columns:2}}@media(hover:none){.tile__overlay{opacity:1;background:linear-gradient(to top,rgb(5 4 3 / 92%) 0%,rgb(5 4 3 / 20%) 45%,transparent 70%)}}.sheet__empty{padding:3rem 1rem;text-align:center;color:var(--graphite)}.sheet__empty p{margin:.35rem 0 0;font-size:.875rem}.sheet__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--edge)}.status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-label);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--graphite-dim)}.status[data-state=live]{color:var(--cyan)}.status[data-state=live]:before{background:var(--cyan);box-shadow:0 0 8px currentcolor}.status[data-state=warn]{color:var(--amber)}.status[data-state=warn]:before{background:var(--amber);box-shadow:0 0 8px currentcolor}.status[data-state=down]{color:var(--crimson)}.status[data-state=down]:before{background:var(--crimson)}.datalist{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.8125rem}.datalist dt{font-family:var(--font-label);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite-dim);padding-top:.15rem}.datalist dd{margin:0;font-family:var(--font-label);font-size:.75rem;overflow-wrap:anywhere}.keylist{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.keylist__item{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border:1px solid var(--edge);border-radius:var(--radius);background:var(--sheet-raised)}.keylist__item[data-revoked=true]{opacity:.5}.keylist__body{min-width:0;flex:1}.keylist__name{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keylist__meta{font-family:var(--font-label);font-size:.625rem;color:var(--graphite-dim)}.secret{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--amber-dim);border-radius:var(--radius);background:#e39b3c14}.secret code{display:block;padding:.5rem;border-radius:var(--radius);background:var(--emulsion);font-family:var(--font-label);font-size:.75rem;overflow-wrap:anywhere}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end;background:#050403a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:scrim-in .15s ease-out}.drawer{display:flex;flex-direction:column;width:min(28rem,100%);background:var(--ink);border-left:1px solid var(--edge);box-shadow:-16px 0 48px #0000008c;animation:drawer-in .2s cubic-bezier(.16,1,.3,1)}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--gutter);border-bottom:1px solid var(--edge);flex:none}.drawer__tabs{display:flex;gap:.25rem;padding:.6rem var(--gutter) 0;border-bottom:1px solid var(--edge);flex:none;overflow-x:auto}.drawer__tab{border:0;border-bottom:2px solid transparent;background:none;padding:.45rem .6rem;margin-bottom:-1px;color:var(--graphite);font-family:var(--font-label);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .12s ease,border-color .12s ease}.drawer__tab:hover{color:var(--chalk)}.drawer__tab[data-active=true]{color:var(--amber);border-bottom-color:var(--amber)}.drawer__tab--link{margin-left:auto;text-decoration:none;color:var(--cyan)}.drawer__tab--link:hover{color:var(--cyan);filter:brightness(1.2)}.drawer__body{flex:1;overflow-y:auto;padding:var(--gutter)}.drawer__body .panel{border:0;background:none}.drawer__body .panel__head{padding:0 0 .6rem}.drawer__body .panel__body{padding:0}.keylist__badge{margin-left:.4rem;padding:.05rem .3rem;border:1px solid var(--crimson);border-radius:var(--radius);font-family:var(--font-label);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);vertical-align:middle}.keylist__actions{display:flex;gap:.15rem;flex:none}@keyframes scrim-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translate(2rem);opacity:0}}@media(max-width:32rem){.drawer{width:100%}}.toasts{position:fixed;right:var(--gutter);bottom:var(--gutter);z-index:50;display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 2 * var(--gutter)))}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--edge);border-left-width:2px;border-radius:var(--radius);background:var(--sheet-raised);font-size:.8125rem;box-shadow:0 8px 24px #00000073;animation:toast-in .18s ease-out}.toast[data-tone=success]{border-left-color:var(--cyan)}.toast[data-tone=error]{border-left-color:var(--crimson)}.toast[data-tone=info]{border-left-color:var(--amber)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.centered{min-height:100%;display:grid;place-items:center;color:var(--graphite)}@media(max-width:60rem){.topbar__stats{display:none}}@media(max-width:30rem){:root{--gutter: 1rem}.sheet{padding-left:1rem;background-image:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}