/* 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 reading pages (Help and FAQ, Beginners guide, Terms, Privacy) and the sign-in gate. */
html[data-theme],html[data-theme] body{background:var(--lt-ground);color:var(--k-ink);font-family:var(--font-ui)}
html[data-theme] body{background-image:radial-gradient(90% 80% at 50% 30%,rgba(255,255,255,.04),transparent 70%);background-attachment:fixed}
html[data-theme] .doc{position:relative;max-width:900px;margin:22px auto 40px;padding:0 28px 56px;border-radius:12px;
 background-color:var(--lt-sheetbg);
 background-image:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.07),transparent 62%),radial-gradient(140% 120% at 50% 50%,transparent 52%,rgba(0,0,0,.42)),url(leather-tall.jpg);
 background-size:auto,auto,1500px auto;background-repeat:no-repeat,no-repeat,repeat-y;background-position:0 0,0 0,center top;background-blend-mode:normal,normal,var(--lt-imgblend);
 box-shadow:0 18px 40px -10px var(--lt-shadow),0 0 0 1px rgba(0,0,0,.55),inset 0 1px 0 var(--lt-hl)}
html[data-theme=light] .doc{background-blend-mode:normal,normal,soft-light}
html[data-theme] .doc::before{content:"";position:absolute;inset:8px;border:1px dashed var(--lt-stitch);border-radius:8px;pointer-events:none}
html[data-theme] .doc>*{position:relative}
html[data-theme] .dtop{position:sticky;top:0;z-index:5;margin:0 -28px 22px;padding:12px 28px;border-radius:12px 12px 0 0;border-bottom:1px dashed var(--lt-stitch);
 background-color:rgba(18,19,21,.94);background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.22)),url(leather.jpg);background-size:auto,cover;background-blend-mode:normal,var(--lt-imgblend);
 box-shadow:0 6px 14px -6px rgba(0,0,0,.6);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme=light] .dtop{background-color:#cfccc5;background-blend-mode:normal,soft-light}
html[data-theme] .dtop .brand img{filter:none}
html[data-theme=light] .dtop .brand img{filter:brightness(.36) contrast(1.4) saturate(1.4)}
html[data-theme] .dtop .kick{color:var(--k-ink2);font-family:var(--font-mono);letter-spacing:.1em}
html[data-theme] .dtop h1{color:var(--k-ink)}
html[data-theme] .dtop nav a,html[data-theme] .dtop nav .tbtn,html[data-theme] .toc a{border:2px solid transparent;border-radius:7px;height:32px;color:var(--lt-ink);text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.4);
 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] .dtop nav a,html[data-theme=light] .dtop nav .tbtn,html[data-theme=light] .toc a{text-shadow:none}
html[data-theme] .dtop nav a:hover,html[data-theme] .dtop nav .tbtn:hover,html[data-theme] .toc a:hover{filter:brightness(1.12)}
html[data-theme] .dtop nav a[aria-current=page]{color:var(--k-acc-ink);background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.18)) padding-box,linear-gradient(145deg,#ffe3a1,#7c5210 50%,#d9a63f) border-box;box-shadow:inset 0 2px 4px rgba(0,0,0,.55),0 0 8px rgba(224,166,62,.25)}
html[data-theme=light] .dtop nav a[aria-current=page]{background:linear-gradient(180deg,#e3dfd4,#cbc5b6) padding-box,linear-gradient(145deg,#ffe3a1,#7c5210 50%,#d9a63f) border-box;box-shadow:inset 0 2px 3px rgba(60,40,10,.3)}
html[data-theme] a{color:var(--k-acc-ink)}
html[data-theme] .card{border:1px solid rgba(0,0,0,.55);border-radius:8px;
 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 8px 16px -6px var(--lt-shadow);
 outline:1px dashed var(--lt-stitch);outline-offset:-6px}
html[data-theme] h2{color:var(--k-acc-ink);font-family:var(--font-mono);letter-spacing:.12em;text-shadow:0 1px 0 rgba(0,0,0,.45)}
html[data-theme=light] h2{text-shadow:none}
html[data-theme] h1,html[data-theme] h3,html[data-theme] p,html[data-theme] .lede{color:var(--k-ink)}
html[data-theme] p.help,html[data-theme] .help,html[data-theme] .meta,html[data-theme] .updated{color:var(--k-ink2)}
html[data-theme] .faq details,html[data-theme] .step,html[data-theme] .updated{border-top:1px dashed var(--lt-stitch)}
html[data-theme] .faq details:first-of-type,html[data-theme] .step:first-of-type{border-top:0}
html[data-theme] .faq summary{color:var(--k-ink)}
html[data-theme] .step .n{border:3px solid transparent;color:var(--k-acc-ink);font-family:var(--font-mono);
 background:radial-gradient(circle at 36% 28%,#4a4b50,#1f2022 62%,#0d0d0e) padding-box,var(--lt-rim) border-box;box-shadow:inset 0 2px 3px rgba(255,255,255,.1),0 3px 6px rgba(0,0,0,.6)}
html[data-theme] .fill{border:1px dashed var(--lt-stitch);color:var(--k-acc-ink);background:var(--lt-raiseB)}
html[data-theme] figure.shot{border:1px solid rgba(0,0,0,.7);border-radius:6px;background:var(--lt-well);box-shadow:inset 0 2px 6px rgba(0,0,0,.65),0 1px 0 var(--lt-welledge)}
html[data-theme] .calls i{background:var(--k-acc);color:var(--k-on-acc)}
html[data-theme] .dfoot{color:var(--k-ink2);border-top:1px dashed var(--lt-stitch);padding-top:14px}
html[data-theme] .dfoot b{color:var(--k-ink)}html[data-theme] .dfoot a{color:var(--k-acc-ink)}
@media (max-width:640px){
 html[data-theme] .doc{margin:0;border-radius:0;padding:0 16px 40px}
 html[data-theme] .doc::before{inset:6px;border-radius:6px}
 html[data-theme] .dtop{margin:0 -16px 18px;padding:12px 16px;border-radius:0}
}