.tbl{--paper:#f4eee2;--paper-2:#fbf7ee;--ink:#26262b;--ink-soft:#5a5b62;--ink-mute:#26262c85;--ink-15:#26262c24;--ink-10:#26262c1a;--oxblood:#5d0f0e;--oxblood-lite:#7c1c18;--brass:#c6a35f;--brass-soft:#a8894e;--choc:#1b1e26;--cream-on-dark:#f3ede1;--font-serif:var(--font-serif), "Instrument Serif", Georgia, serif;--font-ui:var(--font-sans), "Archivo", sans-serif}.tbl-device{background:linear-gradient(148deg,#43434a 0%,#202024 34%,#101013 72%,#050506 100%);border-radius:34px;padding:13px;position:relative;box-shadow:0 0 0 1px #000000b3,inset 0 1.5px 2px #ffffff24,0 60px 100px -34px #000000d1,0 16px 34px -14px #000000b3}.tbl-device:before{content:"";background:radial-gradient(circle at 35% 30%,#2a3648,#05060a 70%);border-radius:50%;width:5px;height:5px;position:absolute;top:6.5px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0f}.tbl-screen{aspect-ratio:4/3;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(130% 120% at 24% -8%,#fcf8ef 0%,#f3ecdd 54%,#e9e0cf 100%);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000008c}.tbl-screen:after{content:"";pointer-events:none;background:linear-gradient(122deg,#ffffff80 0%,#fff0 20% 82%,#00000008 100%);position:absolute;inset:0}.tbl-head{height:46px;color:var(--cream-on-dark);z-index:2;background:linear-gradient(#20222b,#16181e);flex:none;align-items:center;gap:12px;padding:0 20px;display:flex;position:relative}.tbl-head .mk{background:linear-gradient(150deg,#e3d3ac,#9c7b46);border-radius:4px;width:14px;height:14px;box-shadow:0 1px 2px #0006}.tbl-head .nm{font-family:var(--font-serif);letter-spacing:.01em;color:var(--cream-on-dark);font-size:16px}.tbl-head .prog{align-items:center;gap:11px;margin-left:auto;display:flex}.tbl-head .track{background:#f3ede129;border-radius:3px;width:74px;height:3px;overflow:hidden}.tbl-head .fill{background:linear-gradient(90deg, var(--brass-soft), var(--brass));height:100%}.tbl-head .pct{letter-spacing:.18em;color:#f3ede199;font-variant-numeric:tabular-nums;font-size:10px}.tbl-head .q{width:22px;height:22px;font-family:var(--font-serif);color:var(--brass);border:1px solid #c6a35f80;border-radius:50%;place-items:center;font-size:13px;display:grid}.tbl-body{z-index:1;flex-direction:column;flex:1;min-height:0;padding:20px 30px 0;display:flex;position:relative}.tbl-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--oxblood);align-items:center;gap:9px;margin-bottom:13px;font-size:10px;font-weight:600;display:flex}.tbl-eyebrow .n{color:var(--oxblood)}.tbl-eyebrow .n:after{content:"";border-top:.5px solid var(--ink-15);width:16px;height:0;margin:0 2px 3px 8px;display:inline-block}.tbl-title{font-family:var(--font-serif);letter-spacing:.01em;color:var(--ink);text-wrap:pretty;font-size:clamp(25px,3.3vw,37px);font-weight:400;line-height:1.02}.tbl-lead{color:var(--ink-soft);text-wrap:pretty;max-width:44ch;margin-top:12px;font-size:14px;line-height:1.55}.tbl-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:6px 0 2px;display:flex;overflow:hidden}.tbl-foot{flex:none;justify-content:space-between;align-items:center;padding:14px 30px 22px;display:flex}.tbl-note{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.tbl-cta{color:var(--cream-on-dark);letter-spacing:.08em;background:linear-gradient(160deg,#7a1c18,#5d0f0e);border-radius:999px;align-items:center;gap:10px;padding:11px 22px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff24,0 10px 22px -10px #5d0f0e8c}.tbl-cta .a{color:#f3ede1c7}.tbl-index{flex-direction:column;width:100%;max-width:340px;display:flex}.tbl-index .row{border-top:.5px solid var(--ink-10);align-items:center;gap:14px;padding:7px 4px;display:flex}.tbl-index .row:first-child{border-top:none}.tbl-index .row .rn{letter-spacing:.14em;color:var(--oxblood);width:18px;font-size:10px}.tbl-index .row .rt{color:var(--ink-soft);font-size:13px}.tbl-index .row.on .rt{color:var(--ink)}.tbl-index .row.on{border-left:2px solid var(--oxblood);margin-left:-12px;padding-left:14px}.tbl-index .row .dot{background:#241a122e;border-radius:50%;width:5px;height:5px;margin-left:auto}.tbl-index .row.on .dot{background:var(--oxblood)}.tbl-choices{gap:14px;width:100%;max-width:350px;display:flex}.tbl-choice{background:var(--paper-2);border:1px solid var(--ink-15);border-radius:13px;flex:1;padding:14px 13px;box-shadow:0 10px 22px -14px #241a1266}.tbl-choice.pick{border-color:var(--oxblood);box-shadow:0 0 0 1px var(--oxblood), 0 10px 22px -14px #5d0f0e66}.tbl-choice .glyph{place-items:center;width:26px;height:26px;margin-bottom:10px;display:grid}.tbl-choice .glyph svg{width:20px;height:20px;stroke:var(--oxblood);stroke-width:1.35px;fill:none}.tbl-choice .ct{font-family:var(--font-serif);color:var(--ink);font-size:17px;line-height:1.1}.tbl-choice .cs{color:var(--ink-mute);letter-spacing:.02em;margin-top:5px;font-size:10.5px}.tbl-choice .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--oxblood);margin-top:10px;font-size:9px;display:inline-block}.tbl-fieldwrap{flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.tbl-field{background:var(--paper-2);border:1.5px solid var(--ink-15);width:100%;height:56px;font-family:var(--font-serif);color:var(--ink);border-radius:12px;align-items:center;gap:1px;padding:0 20px;font-size:28px;display:flex;box-shadow:inset 0 1px 2px #241a120d}.tbl-field .typo{color:var(--oxblood);position:relative}.tbl-field .typo:after{content:"";border-top:1.5px solid #5d0f0e66;position:absolute;bottom:3px;left:0;right:0}.tbl-field .car{background:var(--oxblood);width:2px;height:32px;animation:1.15s step-end infinite tblblink}@keyframes tblblink{50%{opacity:0}}.tbl-key{color:var(--ink-soft);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:inline-flex}.tbl-key .cap{border:1px solid var(--ink-15);font-family:var(--font-ui);color:var(--ink);letter-spacing:.03em;background:linear-gradient(#f3ecdb,#e7ddc9);border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px #241a121f}.tbl-mini{width:100%;max-width:350px;position:relative}.tbl-win{border:1px solid var(--ink-15);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 38px -18px #241a1266}.tbl-win .wb{border-bottom:.5px solid var(--ink-10);background:#efe7d7;align-items:center;gap:7px;height:30px;padding:0 12px;display:flex}.tbl-win .wb i{border-radius:50%;width:9px;height:9px}.tbl-win .wb .r{background:#c0392b}.tbl-win .wb .y{background:#d8a03a}.tbl-win .wb .g{background:var(--brass-soft)}.tbl-win .wc{flex-direction:column;gap:8px;padding:12px 14px 13px;display:flex}.tbl-win .wc span{background:#e4dbc9;border-radius:4px;height:7px}.tbl-win .wc span:nth-child(2){width:52%}.tbl-mini .bar{background:linear-gradient(#20222b,#16181e);border:1px solid #0000004d;border-radius:10px;align-items:center;height:36px;margin-top:10px;padding:0 10px;display:flex}.tbl-mini .bar .ent{height:26px;color:var(--cream-on-dark);background:#7c1c188c;border:1px solid #c6a35f66;border-radius:7px;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex;box-shadow:0 0 18px -4px #c6a35f80}.tbl-mini .bar .ent i{background:var(--brass);border-radius:3px;width:11px;height:11px}.tbl-mini .arrow{color:var(--oxblood);font-size:16px;position:absolute;bottom:2px;right:34px}.tbl-desk{width:100%;max-width:400px}.tbl-desk .icons{justify-content:center;gap:30px;margin-bottom:18px;display:flex}.tbl-desk .ic{flex-direction:column;align-items:center;gap:9px;display:flex}.tbl-desk .ic .t{background:var(--paper-2);border:1px solid var(--ink-15);border-radius:13px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 10px 22px -14px #241a1259}.tbl-desk .ic .t svg{width:24px;height:24px;stroke:var(--oxblood);stroke-width:1.35px;fill:none}.tbl-desk .ic .l{color:var(--ink-soft);font-size:11px}.tbl-desk .taskbar{background:linear-gradient(#20222b,#16181e);border:1px solid #0000004d;border-radius:11px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.tbl-desk .taskbar .tk{background:#f3ede114;border:1px solid #c6a35f4d;border-radius:7px;width:26px;height:26px}.tbl-desk .taskbar .lab{letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-left:auto;font-size:9px}
