/* STORII skin v1: a flat workbench. Loaded after every kit and live sheet. No glass, one amber accent. The original wordmark is kept. */
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}

:root,[data-theme=dark]{
 --k-ground:#07080a;--k-bar:#121315;--k-panel:#151618;--k-raised:#1c1d20;--k-well:#0a0a0b;
 --k-field:#0a0a0b;--k-line:rgba(255,255,255,.08);--k-line2:rgba(255,255,255,.15);
 --k-ink:#ebe9e4;--k-ink2:#a8a6a0;--k-ink3:#8b8984;
 --k-acc:#e0a63e;--k-acc-ink:#e8b351;--k-on-acc:#17120a;--k-acc-tint:rgba(224,166,62,.13);
 --k-ok:#74c28f;--k-bad:#f08a76;--k-shadow:0 14px 36px rgba(0,0,0,.5);
}
[data-theme=light]{
 --k-ground:#cfcdc8;--k-bar:#efeeec;--k-panel:#f7f6f4;--k-raised:#ffffff;--k-well:#e7e5e1;
 --k-field:#fdfcfb;--k-line:rgba(24,20,14,.12);--k-line2:rgba(24,20,14,.24);
 --k-ink:#1b1a18;--k-ink2:#55524d;--k-ink3:#6b6862;
 --k-acc:#d99a2b;--k-acc-ink:#8a5200;--k-on-acc:#1b1a18;--k-acc-tint:rgba(185,119,14,.13);
 --k-ok:#1f7a45;--k-bad:#a8361f;--k-shadow:0 14px 36px rgba(24,20,14,.22);
}
/* every kit token re-pointed, so every atom inherits the skin */
:root,[data-theme=dark],[data-theme=light]{
 --font-ui:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace;--font-wordmark:'IBM Plex Sans',sans-serif;
 --r-chip:3px;--r-button:4px;--r-card:6px;--r-panel:8px;--r-thumb:3px;
 --t1:var(--k-ink);--t2:var(--k-ink2);--tidle:var(--k-ink3);--tgold:var(--k-acc-ink);--tglow:var(--k-acc-ink);--tactiverail:var(--k-ink);
 --tok:var(--k-ok);--tfail:var(--k-bad);--thelper:var(--k-ink2);--ton_gold:var(--k-ink);--goldheading:var(--k-acc-ink);--glowicon:var(--k-acc-ink);--tondark:var(--k-ink);
 --gpanel:var(--k-panel);--gpanelraised:var(--k-raised);--gfield:var(--k-well);--grule:var(--k-line2);--gglass:var(--k-well);--grail:var(--k-panel);--gsheen:var(--k-line);--gpanelgold:var(--k-raised);--grow:var(--k-raised);
 --gold_fill:var(--k-acc-tint);--gold_edge:var(--k-acc);--glow_edge:var(--k-acc);--glow_fill:var(--k-acc);--glowedgeb:var(--k-acc);--goldfillb:var(--k-acc-tint);
 --halo:transparent;--focus:var(--k-acc);--track:var(--k-well);--lockedfill:var(--k-raised);--lockedtext:var(--k-ink3);
 --okfill:var(--k-ok);--oktrack:var(--k-ok);--okon:var(--k-ok);--failfill:var(--k-bad);--onaccent:var(--k-on-acc);
 --fail:var(--k-bad);--flag:var(--k-acc);--gold-wordmark:var(--k-ink);--gold-bar:var(--k-acc);--gold-label:var(--k-acc-ink);
}
:root,[data-theme=dark]{
 --lt-ground:#141518;--lt-sheetbg:#2a2b2e;--lt-imgblend:normal;--lt-cardbg:#1c1d1f;
 --lt-card:rgba(0,0,0,.34);--lt-raiseA:rgba(255,255,255,.07);--lt-raiseB:rgba(0,0,0,.16);
 --lt-well:#08090a;--lt-welledge:rgba(255,255,255,.07);--lt-stitch:rgba(255,255,255,.2);--lt-hl:rgba(255,255,255,.12);--lt-shadow:rgba(0,0,0,.6);
 --lt-face:#323336;--lt-face2:#1b1c1e;--lt-ink:#eceae5;
 --lt-rim:conic-gradient(from 200deg,#eef0f3,#6a6e76 18%,#c9ccd2 36%,#50535a 55%,#dfe1e6 74%,#6a6e76 90%,#eef0f3);
 --lt-rimflat:linear-gradient(145deg,#e1e3e8,#62666e 48%,#b3b7be);
}
[data-theme=light]{
 --lt-ground:#a9a69f;--lt-sheetbg:#cfccc5;--lt-imgblend:soft-light;--lt-cardbg:#b6b3ad;
 --lt-card:rgba(255,255,255,.2);--lt-raiseA:rgba(255,255,255,.35);--lt-raiseB:rgba(255,255,255,.05);
 --lt-well:#8f8c86;--lt-welledge:rgba(255,255,255,.55);--lt-stitch:rgba(20,16,10,.34);--lt-hl:rgba(255,255,255,.7);--lt-shadow:rgba(30,24,14,.4);
 --lt-face:#f3f2ef;--lt-face2:#d2d0cb;--lt-ink:#1b1a18;
 --k-ink:#171614;--k-ink2:#34322e;--k-ink3:#4a4741;--k-acc-ink:#6f4200;--k-line:rgba(20,16,10,.22);--k-line2:rgba(20,16,10,.38);
 --k-well:#8f8c86;--k-field:#9c9992;--k-raised:#bcb9b3;--k-panel:#b6b3ad;
}
/* Leather skin for the sign-in gate: a leather ground, one stitched inlay card, metal-rimmed buttons, an amber lit primary. */
html[data-theme] body{background:var(--lt-ground);color:var(--k-ink);font-family:var(--font-ui)}
html[data-theme] .room{background-color:var(--lt-sheetbg);background-image:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.07),transparent 62%),radial-gradient(140% 120% at 50% 55%,transparent 50%,rgba(0,0,0,.45)),url(leather.jpg);background-size:auto,auto,cover;background-position:0 0,0 0,center;background-blend-mode:normal,normal,var(--lt-imgblend)}
html[data-theme=light] .room{background-blend-mode:normal,normal,soft-light}
html[data-theme] .card{border:1px solid rgba(0,0,0,.6);border-radius:10px;overflow:visible;
 background-color:var(--lt-cardbg);background-image:linear-gradient(var(--lt-card),var(--lt-card)),url(leather-tall.jpg);background-size:auto,1500px auto;background-repeat:no-repeat,repeat-y;background-position:0 0,40% 0;background-blend-mode:normal,var(--lt-imgblend);
 -webkit-backdrop-filter:none;backdrop-filter:none;
 box-shadow:inset 0 1px 0 var(--lt-hl),inset 0 -8px 14px rgba(0,0,0,.2),0 22px 36px -8px var(--lt-shadow);
 outline:1px dashed var(--lt-stitch);outline-offset:-8px}
html[data-theme] .card::before{display:none}
html[data-theme] .card .brand{filter:none}
html[data-theme] .card .brand img{visibility:visible;filter:none}
html[data-theme] .card .brand::after{display:none}
html[data-theme=light] .card .brand img{filter:brightness(.36) contrast(1.4) saturate(1.4)}
html[data-theme] h1,html[data-theme] p,html[data-theme] p.lead{color:var(--k-ink)}
html[data-theme] p,html[data-theme] .hint,html[data-theme] .status{color:var(--k-ink2)}
html[data-theme] p.lead{color:var(--k-ink)}
html[data-theme] label{color:var(--k-acc-ink);font-family:var(--font-mono);letter-spacing:.12em}
html[data-theme] .field{background:var(--lt-well);border:1px solid rgba(0,0,0,.7);border-radius:6px;color:var(--k-ink);box-shadow:inset 0 2px 6px rgba(0,0,0,.65),0 1px 0 var(--lt-welledge)}
html[data-theme] .field::placeholder{color:var(--k-ink3)}
html[data-theme] .field:focus{border-color:var(--k-acc);box-shadow:inset 0 2px 6px rgba(0,0,0,.65),0 0 10px rgba(224,166,62,.3)}
html[data-theme] .btn{border:2px solid transparent;border-radius:7px;color:var(--lt-ink);text-shadow:0 1px 0 rgba(0,0,0,.45);
 background:linear-gradient(180deg,var(--lt-face),var(--lt-face2)) padding-box,var(--lt-rimflat) border-box;box-shadow:inset 0 1px 0 var(--lt-hl),0 3px 6px -1px var(--lt-shadow)}
html[data-theme=light] .btn{text-shadow:none}
html[data-theme] .btn:hover{filter:brightness(1.12)}
html[data-theme] .btn-cta{color:var(--k-acc-ink);background:linear-gradient(180deg,var(--lt-face),var(--lt-face2)) padding-box,linear-gradient(145deg,#ffe3a1,#7c5210 50%,#d9a63f) border-box}
html[data-theme] .btn-cta[aria-disabled=true]{opacity:.55;filter:none}
html[data-theme] .link{color:var(--k-acc-ink)}
html[data-theme] .notice{border:1px solid rgba(0,0,0,.6);border-radius:6px;background:linear-gradient(180deg,var(--lt-raiseA),var(--lt-raiseB)),var(--lt-cardbg);color:var(--k-ink);box-shadow:inset 0 1px 0 var(--lt-hl)}
html[data-theme] .alert{color:var(--k-bad);border-color:var(--k-bad);background:rgba(0,0,0,.18)}
html[data-theme] .glyph{stroke:var(--k-acc-ink)}html[data-theme] .glyph.bad{stroke:var(--k-bad)}
html[data-theme] .g1foot{color:var(--k-ink2)}html[data-theme] .g1foot a{color:var(--k-acc-ink)}
html[data-theme] .path li{border:1px solid rgba(0,0,0,.6);border-radius:6px;color:var(--k-ink);background:linear-gradient(180deg,var(--lt-raiseA),var(--lt-raiseB)),var(--lt-cardbg);box-shadow:inset 0 1px 0 var(--lt-hl)}
html[data-theme] .foot,html[data-theme] .foot a{color:var(--k-ink2)}html[data-theme] .foot a:hover{color:var(--k-ink)}
html[data-theme] h2{color:var(--k-ink)}
html[data-theme] .foot{position:relative;left:auto;right:auto;bottom:auto;padding:0 16px calc(18px + env(safe-area-inset-bottom))}
html[data-theme] .gate:has(~ .foot){padding-bottom:20px}