@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2)format("woff2"),url(/assets/share-tech-mono-latin-400-normal-15MgdvEM.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff")}.layout-container{background-color:var(--bg);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 20px #00000080}.layout-header{border-bottom:var(--header-edge);background:var(--header-bg);box-shadow:var(--bevel);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.layout-header-title{font-family:var(--brand-font);font-style:var(--brand-style);font-weight:var(--brand-weight);color:var(--brand-color);font-size:var(--brand-size);letter-spacing:var(--brand-spacing);text-transform:uppercase;white-space:nowrap;align-items:center;margin:0;display:flex}.layout-header-slashes{display:var(--brand-slash-display);letter-spacing:0;margin-left:8px}.layout-header-mark{display:var(--brand-mark-display);background:linear-gradient(90deg, var(--accent) 0 38%, transparent 38% 62%, var(--accent) 62%);width:22px;height:18px;margin-right:8px;transform:skew(-20deg)}.layout-content{flex:1;padding:10px 10px 16px;overflow-y:auto}.layout-tabbar{padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--panel-border);background-color:var(--bg);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tab-link{min-height:56px;color:var(--text-dim);font-family:var(--font-body);border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--bevel);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}.tab-link.active{color:var(--accent);border-color:var(--accent);background:linear-gradient(color-mix(in srgb, var(--accent) 26%, var(--panel)), color-mix(in srgb, var(--accent) 10%, var(--panel)));box-shadow:var(--bevel), var(--glow), inset 0 0 12px color-mix(in srgb, var(--accent) 25%, transparent)}.tab-link:before{content:"";display:var(--screw-display);pointer-events:none;--s:radial-gradient(circle, #5a605c 0 1.6px, #0c0e0d 2.2px, transparent 2.6px);background:var(--s) top left / 6px 6px no-repeat, var(--s) top right / 6px 6px no-repeat, var(--s) bottom left / 6px 6px no-repeat, var(--s) bottom right / 6px 6px no-repeat;position:absolute;inset:3px}.tab-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout-header-home{min-height:44px;color:inherit;align-items:center;display:flex}.layout-header-home:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel{isolation:isolate;background:var(--panel-frame);border:var(--panel-edge);border-radius:var(--radius);clip-path:var(--panel-clip);box-shadow:var(--bevel);padding:8px 10px 10px;position:relative}.panel:before{content:"";display:var(--panel-fill-display);z-index:-1;background:var(--panel);clip-path:var(--panel-clip);box-shadow:var(--bevel);position:absolute;inset:1px}.screw{display:var(--screw-display);background:radial-gradient(circle at 35% 35%,#5a605c,#222724 70%);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 1px #0c0e0d}.screw:after{content:"";background:#111412;position:absolute;inset:3.5px 1.5px;transform:rotate(35deg)}.screw.tl{top:5px;left:5px}.screw.tr{top:5px;right:5px}.screw.bl{bottom:5px;left:5px}.screw.br{bottom:5px;right:5px}.panel-head{margin:var(--head-margin);align-items:center;gap:8px;min-height:28px;display:flex}.panel-label{border:var(--label-edge);border-radius:var(--radius);background:var(--head-bg);flex:1;align-items:stretch;min-width:0;display:flex}.panel-strip{min-width:0;padding:var(--strip-pad);flex:1;align-items:center;gap:8px;display:flex}.panel-num{font-family:var(--num-font);font-style:var(--num-style);font-weight:var(--num-weight);font-size:var(--num-size);color:var(--text-dim);background:var(--num-bg);border-right:var(--label-edge);padding:var(--num-pad);align-items:center;display:flex}.panel-title{min-width:0;font-family:var(--font-head);font-style:var(--head-style);font-size:var(--title-size);font-weight:var(--head-weight);letter-spacing:.03em;text-transform:uppercase;color:var(--head-text);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;padding:5px 0;overflow:hidden}.panel-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:50%;font-size:11px;overflow:hidden}.panel-body{background:var(--body-bg);border:var(--body-edge);border-radius:var(--radius);padding:var(--body-pad)}.led{width:9px;height:9px;box-shadow:var(--led-glow), inset 0 0 0 1px #00000059;border-radius:50%;flex:none;display:inline-block}.led-ok{background:var(--ok);color:var(--ok)}.led-warn{background:var(--warn);color:var(--warn)}.led-off{background:var(--panel-border);color:#0000}.chip{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);background:var(--accent-tint);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:7px;padding:5px 8px;font-size:12px;display:inline-flex}.badge{font-family:var(--font-body);border-radius:var(--radius);align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:inline-flex}.badge-ok{color:var(--ok);border:1px solid var(--ok);background:var(--ok-tint)}.badge-warn{color:var(--warn);border:1px solid var(--warn);background:var(--accent-tint)}.bignum{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);color:var(--accent);text-shadow:var(--glow);letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}.bignum-m{font-size:28px}.bignum-l{font-size:40px}.bignum-xl{font-size:56px}.pict{background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.plate{position:relative}.plate:after{content:"";display:var(--screw-display);background:repeating-linear-gradient(135deg, var(--panel-border) 0 2px, transparent 2px 4px);width:7px;position:absolute;top:5px;bottom:5px;right:5px}.tile{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--bevel);padding:10px}.plate{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--panel-border);border-radius:var(--radius);padding:6px var(--plate-pad,8px) 6px 8px;font-size:11px;line-height:1.35}.check{border:1.5px solid var(--text-dim);border-radius:var(--radius);width:28px;height:28px;color:var(--ok);cursor:pointer;background:0 0;flex:none;place-items:center;padding:0;display:grid;position:relative}.check:before{content:"";position:absolute;inset:-8px}.check[aria-checked=true]{border-color:var(--ok);background:var(--ok-tint)}.check:focus-visible,.stepper-btn:focus-visible,.stepper-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stepper{align-items:center;gap:6px;display:flex}.stepper-btn{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);width:32px;height:32px;box-shadow:var(--bevel);color:var(--accent);cursor:pointer;place-items:center;padding:0;display:grid}.stepper-btn:active{transform:translateY(1px)}.stepper-input{box-sizing:content-box;border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--bg);min-width:0;height:40px;color:var(--accent);text-shadow:var(--glow);font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);text-align:right;padding:0 8px;font-size:20px;box-shadow:inset 0 2px 6px #00000073}.range{padding-top:34px;position:relative}.range-bubble{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);background:var(--panel-inset);border-radius:var(--radius);padding:2px 6px;font-size:14px;position:absolute;top:0;transform:translate(-50%)}.range-bubble:after{content:"";background:var(--accent);width:1px;height:8px;position:absolute;top:100%;left:50%}.range-track{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--bg);height:10px;position:relative;box-shadow:inset 0 2px 4px #00000073}.range-fill{background:var(--accent);border-radius:var(--radius) 0 0 var(--radius);box-shadow:var(--glow);position:absolute;inset:0 auto 0 0}.range-tick{background:var(--text-dim);opacity:.6;width:1px;height:calc(100% + 5px);position:absolute;top:0}.range-marker{background:var(--accent);width:2px;box-shadow:var(--glow);margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.range-labels{height:18px;font-family:var(--font-mono);color:var(--accent);margin-top:8px;font-size:11px;position:relative}.range-labels span{position:absolute;transform:translate(-50%)}.range-labels span:first-child{transform:none}.range-labels span:last-child{transform:translate(-100%)}.spark{gap:6px;height:100%;min-height:96px;margin:0;display:flex}.spark-plot{flex:1;position:relative}.spark svg{border:1px solid var(--panel-border);width:100%;height:100%;display:block}.spark-gridline{stroke:var(--ok);stroke-width:.5px;opacity:.12}.spark-line{fill:none;stroke:var(--accent);stroke-width:1.5px}.spark-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.spark-dot.last{width:7px;height:7px;box-shadow:var(--glow);margin:-3.5px 0 0 -3.5px}.spark-y{font-family:var(--font-mono);color:var(--text-dim);flex-direction:column;justify-content:space-between;font-size:9px;display:flex}.btn-primary{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);width:100%;min-height:52px;color:var(--on-accent);box-shadow:var(--bevel), var(--glow);font-family:var(--btn-font);font-style:var(--btn-style);font-weight:var(--btn-weight);font-size:var(--btn-size);letter-spacing:.04em;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.btn-primary .btn-arrows{letter-spacing:-.1em;margin-left:auto}.btn-primary .btn-label{margin-left:auto}.hero{isolation:isolate;background:var(--hero-bg);border:var(--hero-edge);border-radius:var(--radius);clip-path:var(--panel-clip);box-shadow:var(--bevel);padding:var(--hero-pad);justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:relative;overflow:hidden}.hero-has-photo{min-height:210px}.hero-photo{z-index:-3;object-fit:cover;object-position:75% 30%;filter:grayscale()contrast(1.1);opacity:0;width:100%;height:100%;transition:opacity .4s ease-out;position:absolute;inset:0}.hero-photo.loaded{opacity:var(--hero-photo-opacity)}.hero-has-photo:before{content:"";z-index:-2;background:var(--accent);mix-blend-mode:multiply;opacity:var(--hero-tint);position:absolute;inset:0}.hero-has-photo:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--hero-bg-solid) 0%, color-mix(in srgb, var(--hero-bg-solid) 60%, transparent) 45%, transparent 75%), linear-gradient(0deg, var(--hero-bg-solid) 0%, transparent 50%);position:absolute;inset:0}.hero-text{min-width:0}.hero-aside{text-align:right;flex:none;align-self:flex-start}.hero-has-photo .hero-aside{align-self:flex-end}.hero-has-photo .plate{color:var(--text);border:0;padding:0}.hero-has-photo .plate:after{display:none}.hero-title{font-family:var(--font-head);font-style:var(--head-style);font-weight:var(--head-weight);font-size:var(--hero-size);letter-spacing:-.01em;color:var(--hero-color);text-shadow:var(--glow);margin:0;line-height:1.02}.hero-title em{display:var(--hero-em-display);font-style:inherit;color:var(--accent)}.hero-sub{font-family:var(--font-body);color:var(--item-sub);margin:8px 0 0;font-size:15px}.hero-sample{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:6px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){.hero-photo{transition:none}}.btn-secondary{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);width:100%;min-height:52px;box-shadow:var(--bevel);color:var(--text);font-family:var(--btn-font);font-style:var(--btn-style);font-weight:var(--btn-weight);cursor:pointer;align-items:center;gap:12px;padding:10px 16px;font-size:16px;display:flex}.btn-secondary:disabled{color:var(--text-dim);cursor:not-allowed}.btn-icon{border-right:1px solid color-mix(in srgb, currentColor 25%, transparent);align-items:center;padding-right:12px;display:flex}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--text);outline-offset:2px}.note{border:1px solid color-mix(in srgb, var(--ok) 40%, var(--panel-border));border-radius:var(--radius);background:var(--ok-tint);color:var(--ok);font-family:var(--font-body);font-style:var(--item-style);align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.note p{color:var(--text);margin:0}.seg{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.seg-btn{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);min-height:44px;color:var(--text);font-family:var(--btn-font);font-style:var(--btn-style);font-weight:var(--btn-weight);cursor:pointer;font-size:16px}.seg-btn[aria-checked=true]{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{font-family:var(--font-body);color:var(--text-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.field input{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel-inset);min-height:44px;color:var(--text);font-family:var(--font-body);padding:0 12px;font-size:16px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@font-face{font-family:DSEG7 Classic;src:url(/assets/DSEG7Classic-Bold-jUCkPCxO.woff2)format("woff2");font-weight:700;font-display:swap}:root{--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display:var(--font-mono);--radius:4px;--panel-inset:var(--bg);--head-bg:transparent;--head-text:var(--text);--rule:var(--panel-border);--screw-display:none;--bevel:none;--led-glow:none;--ok-tint:transparent;--accent-tint:transparent;--head-weight:600;--font-head:var(--font-body);--head-style:normal;--display-style:normal;--display-weight:700;--panel-frame:var(--panel);--panel-edge:1px solid var(--panel-border);--panel-clip:none;--panel-fill-display:none;--body-bg:var(--panel-inset);--body-edge:1px solid var(--panel-border);--body-pad:10px;--label-edge:1px solid var(--panel-border);--num-bg:var(--panel-inset);--num-font:var(--font-mono);--num-style:normal;--num-weight:400;--num-size:12px;--num-pad:0 7px;--title-size:13px;--head-margin:0 6px 8px 10px;--strip-pad:0 8px;--item-font:var(--font-body);--item-style:normal;--item-weight:400;--item-text:var(--accent);--item-sub:var(--accent);--btn-font:var(--font-body);--btn-style:normal;--btn-weight:700;--btn-size:17px;--brand-font:var(--font-mono);--brand-style:normal;--brand-weight:400;--brand-size:13px;--brand-spacing:.12em;--brand-color:var(--text-dim);--brand-mark-display:none;--brand-slash-display:inline;--header-bg:var(--head-bg), var(--panel);--header-edge:1px solid var(--panel-border);--hero-bg:var(--panel);--hero-bg-solid:var(--panel);--hero-edge:1px solid var(--panel-border);--hero-pad:12px;--hero-size:24px;--hero-color:var(--accent);--hero-em-display:inline;--hero-photo-opacity:.5;--hero-tint:.55}:root[data-theme=athletic]{--bg:#0a0a0a;--panel:#141414;--panel-border:#2a2a2a;--text:#f5f5f5;--text-dim:#a3a3a3;--accent:#d4ff1f;--on-accent:#0a0a0a;--ok:#d4ff1f;--warn:#ffb020;--danger:#ff4d4d;--glow:none;--radius:10px;--font-mono:"Barlow Condensed", system-ui, sans-serif;--font-head:"Barlow Condensed", system-ui, sans-serif;--head-style:italic;--head-weight:800;--font-display:"Barlow Condensed", system-ui, sans-serif;--display-style:italic;--display-weight:800;--panel-inset:#0f0f0f;--head-text:#fff;--rule:#232323;--ok-tint:#d4ff1f1a;--accent-tint:#d4ff1f1a;--font-body:"Barlow Condensed", system-ui, sans-serif;--body-bg:transparent;--body-edge:0;--body-pad:0;--label-edge:0;--num-bg:transparent;--num-font:"Barlow Condensed", system-ui, sans-serif;--num-style:italic;--num-weight:800;--num-size:20px;--num-pad:0 10px 0 0;--title-size:20px;--head-margin:2px 0 10px;--strip-pad:0;--item-font:"Barlow Condensed", system-ui, sans-serif;--item-style:italic;--item-weight:800;--item-text:var(--text);--item-sub:var(--text-dim);--btn-font:"Barlow Condensed", system-ui, sans-serif;--btn-style:italic;--btn-weight:800;--btn-size:21px;--brand-font:"Barlow Condensed", system-ui, sans-serif;--brand-style:italic;--brand-weight:800;--brand-size:19px;--brand-spacing:0;--brand-color:var(--text);--brand-mark-display:inline-block;--brand-slash-display:none;--header-bg:var(--bg);--header-edge:0;--hero-bg:transparent;--hero-bg-solid:var(--bg);--hero-edge:0;--hero-pad:4px 4px 6px;--hero-size:46px;--hero-color:var(--text);--hero-em-display:block;--hero-photo-opacity:.85;--hero-tint:0}:root[data-theme=cyberdeck]{--bg:#05090a;--panel:#121a1c;--panel-border:#263033;--text:#e3e3e3;--text-dim:#8c9694;--accent:#ffb000;--on-accent:#05090a;--ok:#39ff88;--warn:#ffb000;--danger:#ff3939;--glow:0 0 10px #ffb00059;--font-body:"Share Tech Mono", ui-monospace, monospace;--font-mono:"Share Tech Mono", ui-monospace, monospace;--font-display:"DSEG7 Classic", "Share Tech Mono", monospace;--radius:3px;--panel-inset:#0a0f10;--head-bg:linear-gradient(#11181a, #0c1214);--head-text:#ffc23d;--rule:#1c2427;--screw-display:block;--bevel:inset 0 1px 0 #ffffff12, inset 0 -1px 0 #000000b3;--led-glow:0 0 6px currentColor;--ok-tint:#39ff8814;--accent-tint:#ffb0001a;--head-weight:400;--panel-frame:#2b3538;--panel-edge:0;--panel-clip:polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);--panel-fill-display:block;--plate-pad:18px}:root[data-theme=lapangan]{--bg:#f4efe4;--panel:#fff;--panel-border:#d8d2c4;--text:#2c3322;--text-dim:#5b6b2f;--accent:#5b6b2f;--on-accent:#fff;--ok:#3a6b2f;--warn:#b57f00;--danger:#b52f2f;--glow:none;--radius:2px}:root[data-theme=fokus]{--bg:#fff;--panel:#f8f9fa;--panel-border:#e9ecef;--text:#212529;--text-dim:#6c757d;--accent:#1f5eff;--on-accent:#fff;--ok:#198754;--warn:#ffc107;--danger:#dc3545;--glow:none;--radius:12px}:root[data-theme=fajar]{--bg:#fdfbf7;--panel:#fff;--panel-border:#f3eae4;--text:#2b2d6e;--text-dim:#6f719e;--accent:#f26b4f;--on-accent:#000;--ok:#4caf50;--warn:#ff9800;--danger:#e53935;--glow:none;--radius:16px}@media (prefers-reduced-motion:reduce){:root{--glow:none!important}}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}a{color:var(--accent);text-decoration:none}*{box-sizing:border-box}