:root{color-scheme:light;--color-bg:#e9e8e4;--color-surface:#ffffff;--color-elevated:#f3f2ef;--color-fg:#111111;--color-muted:#5e5e5a;--color-border:#d9d8d3;--color-accent:#e2400f;--color-accent-fg:#140803;--color-ok:#17733f;--color-warn:#f5c400;--color-danger:#b8290c;--color-focus:color-mix(in srgb,var(--color-warn) 35%,var(--color-fg));--brand-bar:#111111;--font-body:'Helvetica Neue',Arial,'PRISM Sinhala','PRISM Tamil','PRISM Sinhala Noto','PRISM Tamil Noto','Noto Sans Sinhala','Sinhala Sangam MN','Noto Sans Tamil','Tamil Sangam MN','Latha','Nirmala UI',sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--weight-display:400;--weight-body:400;--tracking-display:-0.03em;--leading-display:1.05;--leading-body:1.45;--radius:28px;--border-width:1px;--gap:12px;--pad:24px;--motion-on:1;--motion-duration:1;--motion-ease:cubic-bezier(0.2,0,0,1);--reveal-distance:22px;--b4-page-pad:calc(var(--gap) * 1.3333);--b4-tile-pad:calc(var(--pad) * 0.8333);--b4-sub-pad:calc(var(--pad) * 0.6667);--b4-gap:var(--gap);--b4-stack:var(--gap);--b4-inline:calc(var(--gap) * 0.6667);--b4-field-gap:calc(var(--gap) * 0.6667);--b4-field-space:calc(var(--gap) * 1.6667);--b4-line:color-mix(in srgb,var(--color-fg) 9%,transparent);--b4-outline:color-mix(in srgb,var(--color-fg) 24%,transparent);--b4-hover:color-mix(in srgb,var(--color-fg) 8%,transparent);--b4-hatch:repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-fg) 16%,transparent) 0 calc(var(--border-width) * 1.5),transparent 0 calc(var(--border-width) * 7));--b4-sub-radius:calc(var(--radius) * 0.6);--b4-focus:var(--color-focus);--b4-t-hover:calc(var(--motion-duration) * 200ms);--b4-t-rise:calc(var(--motion-duration) * 520ms);--b4-t-step:calc(var(--motion-duration) * 70ms)}:root[data-theme='dark']{color-scheme:dark;--color-bg:#0b0b0b;--color-surface:#161616;--color-elevated:#212121;--color-fg:#f4f4f2;--color-muted:#9a9a96;--color-border:#2a2a2a;--color-accent:#f0471d;--color-accent-fg:#140803;--color-ok:#5fd68b;--color-warn:#ffd23f;--color-danger:#ff7a5c;--color-focus:var(--color-warn);--brand-bar:#f4f4f2}@media (prefers-color-scheme:dark){:root:not([data-theme='light']){color-scheme:dark;--color-bg:#0b0b0b;--color-surface:#161616;--color-elevated:#212121;--color-fg:#f4f4f2;--color-muted:#9a9a96;--color-border:#2a2a2a;--color-accent:#f0471d;--color-accent-fg:#140803;--color-ok:#5fd68b;--color-warn:#ffd23f;--color-danger:#ff7a5c;--color-focus:var(--color-warn);--brand-bar:#f4f4f2}}@media (prefers-reduced-motion:reduce){:root{--motion-on:0;--motion-duration:0.001}}@media (min-width:600px){:root{--b4-page-pad:var(--pad);--b4-tile-pad:var(--pad);--b4-sub-pad:calc(var(--pad) * 0.75);--b4-gap:calc(var(--gap) * 1.3333);--b4-stack:calc(var(--gap) * 1.1667)}}@media (min-width:1024px){:root{--b4-page-pad:calc(var(--pad) * 1.3333);--b4-stack:calc(var(--gap) * 1.3333)}}@font-face{font-family:'PRISM Sinhala';src:local('Iskoola Pota'),url('fonts/iskoola-pota-sinhala.woff2?v=7141b83b3806') format('woff2');font-weight:400;size-adjust:110%;font-display:swap;unicode-range:U+0D80-0DFF,U+200C-200D,U+25CC}@font-face{font-family:'PRISM Tamil';src:url('fonts/prism-baamini.woff2?v=b83942340955') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0B80-0BFF,U+200C-200D}@font-face{font-family:'PRISM Sinhala Noto';src:local('Noto Sans Sinhala'),url('fonts/noto-sans-sinhala.woff2?v=3ff71fe93a69') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0D80-0DFF,U+200C-200D,U+25CC}@font-face{font-family:'PRISM Tamil Noto';src:local('Noto Sans Tamil'),url('fonts/noto-sans-tamil.woff2?v=74688486314f') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0B80-0BFF,U+200C-200D,U+25CC}@font-face{font-family:'PRISM Lang Sinhala';src:url('fonts/lang-si.woff2?v=39f34403e5c5') format('woff2');font-display:swap}@font-face{font-family:'PRISM Lang Tamil';src:url('fonts/lang-ta.woff2?v=746bdb36b52c') format('woff2');font-display:swap}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-weight:var(--weight-body);line-height:var(--leading-body);font-size:1rem}h1,h2,h3,p,ol,ul,dl,dd,figure,fieldset{margin:0}ol,ul{padding:0;list-style:none}[hidden]{display:none !important}fieldset{border:0;padding:0;min-width:0}img,svg{max-width:100%}a{color:inherit}:focus-visible{outline:calc(var(--border-width) * 3) solid var(--b4-focus);outline-offset:calc(var(--border-width) * 3)}main:focus{outline:none}.b4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.b4-skip{position:absolute;left:var(--b4-page-pad);top:0;z-index:10;display:inline-flex;align-items:center;min-height:44px;padding:0.6em 1em;border-radius:0 0 var(--b4-sub-radius) var(--b4-sub-radius);background:var(--color-fg);color:var(--color-bg);transform:translateY(-120%)}.b4-skip:focus{transform:none}.b4-page{display:grid;gap:var(--b4-gap);padding:var(--b4-page-pad);max-width:120em;margin:0 auto;min-width:0}.b4-main{display:grid;gap:var(--b4-gap);min-width:0}.b4-stack{display:grid;gap:var(--b4-stack);min-width:0}.b4-stack-sm{display:grid;gap:var(--b4-field-gap);min-width:0}.b4-grid{display:grid;gap:var(--b4-gap);min-width:0}@media (min-width:600px){.b4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b4-span{grid-column:1 / -1}}.b4-foot{padding:var(--b4-stack) 0.25em 0;font-size:0.8em;color:var(--color-muted)}.b4-num,.b4-mono,.b4-money{font-variant-numeric:tabular-nums}.b4-money{text-align:right;white-space:nowrap}.b4-num,.b4-display{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.b4-num{font-size:2.6em}.b4-num-sm{font-size:1.75em}.b4-h1,.b4-h2{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:-0.01em;line-height:1.2}.b4-h1{font-size:1.45em}.b4-h2{font-size:1.15em}.b4-h1.b4-display{font-size:2em;letter-spacing:var(--tracking-display);line-height:var(--leading-display)}@media (min-width:600px){.b4-h1.b4-display{font-size:2.6em}}:root:lang(si),:root:lang(ta){--leading-display:1.3;--leading-body:1.6;--tracking-display:0}:lang(si) .b4-h1.b4-display,:lang(ta) .b4-h1.b4-display{font-size:1.6em}@media (min-width:600px){:lang(si) .b4-h1.b4-display,:lang(ta) .b4-h1.b4-display{font-size:2.1em}}h1,h2,h3{overflow-wrap:break-word}.b4-muted{color:var(--color-muted)}.b4-small{font-size:0.875em}.b4-caption{font-size:0.8em;color:var(--color-muted)}.b4-ref{font-family:var(--font-mono);font-size:0.85em;color:var(--color-muted);overflow-wrap:anywhere}.b4-tick{--b4-tick-color:var(--color-muted);display:inline-flex;align-items:flex-start;gap:0.55em;font-size:0.9em;line-height:1.35;color:var(--color-muted)}.b4-tick::before{content:'';flex:none;width:0.2em;height:1em;margin-top:0.17em;border-radius:1em;background:var(--b4-tick-color)}.b4-tick-ok{--b4-tick-color:var(--color-ok)}.b4-tick-warn{--b4-tick-color:var(--color-warn)}.b4-tick-danger{--b4-tick-color:var(--color-danger)}.b4-tick-accent{--b4-tick-color:var(--color-accent)}.b4-tick-fg{--b4-tick-color:var(--color-fg)}.b4-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(9em,1fr));gap:var(--b4-stack)}.b4-dl > div{display:grid;gap:0.2em;align-content:start;min-width:0}.b4-dl dt{font-size:0.85em;color:var(--color-muted)}.b4-dl dd{overflow-wrap:anywhere}.b4-tile{position:relative;min-width:0;background:var(--color-surface);border:var(--border-width) solid var(--b4-line);border-radius:var(--radius);padding:var(--b4-tile-pad);display:grid;gap:var(--b4-stack);align-content:start}.b4-sub{min-width:0;background:var(--color-elevated);border-radius:var(--b4-sub-radius);padding:var(--b4-sub-pad);display:grid;gap:var(--b4-field-gap);align-content:start}.b4-hero{--b4-focus:var(--color-accent-fg);--b4-line:color-mix(in srgb,var(--color-accent-fg) 18%,transparent);background:var(--color-accent);color:var(--color-accent-fg);border-color:transparent}.b4-hero .b4-tick,.b4-hero .b4-muted,.b4-hero .b4-caption,.b4-hero .b4-dl dt{--b4-tick-color:var(--color-accent-fg);color:var(--color-accent-fg)}.b4-hero .b4-btn{color:var(--color-accent-fg);border-color:var(--color-accent-fg)}.b4-hero .b4-btn:hover{background:color-mix(in srgb,var(--color-accent-fg) 10%,transparent)}.b4-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--b4-field-gap) var(--b4-stack);min-width:0}.b4-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b4-inline);min-width:0}@media (max-width:599.98px){.b4-actions > .b4-btn{flex:1 1 auto}.b4-actions > .b4-btn-solid{flex-basis:100%}}.b4-illo{display:grid;place-items:center;min-width:0;overflow:hidden;border-radius:var(--b4-sub-radius);background:var(--color-accent-fg)}.b4-illo img{display:block;width:100%;max-width:22em;height:auto}.b4-illo-sub{background:var(--color-elevated)}.b4-chip{display:inline-flex;align-items:center;gap:0.35em;padding:0.15em 0.7em;border-radius:999em;font-size:0.8125em;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;border:var(--border-width) solid transparent}.b4-chip-ok{background:var(--color-ok);color:var(--color-bg)}.b4-chip-warn{background:var(--color-warn);color:var(--color-accent-fg)}.b4-chip-danger{background:var(--color-danger);color:var(--color-bg)}.b4-chip-neutral{background:var(--color-elevated);color:var(--color-fg);border-color:var(--b4-outline)}.b4-chip-wrap{white-space:normal;border-radius:0.75em;overflow-wrap:anywhere}.b4-chip-muted{color:var(--color-muted);border-color:var(--b4-outline);border-style:dashed}.b4-chip-fg{background:var(--color-fg);color:var(--color-bg)}.b4-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;min-height:max(44px,2.75em);max-width:100%;padding:0.35em 1.2em;border-radius:1.4em;border:var(--border-width) solid var(--b4-outline);background:transparent;color:var(--color-fg);font:inherit;font-size:0.9375em;line-height:1.2;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--b4-t-hover) var(--motion-ease),transform var(--b4-t-hover) var(--motion-ease)}.b4-btn:hover{background:var(--b4-hover)}.b4-btn:active{transform:translateY(calc(var(--border-width) * var(--motion-on)))}.b4-btn svg{width:1.1em;height:1.1em;flex:none}.b4-btn-solid{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.b4-btn-solid:hover{background:color-mix(in srgb,var(--color-fg) 86%,var(--color-bg))}.b4-btn-sm{min-height:44px;padding:0 1em;font-size:0.875em}.b4-btn-block{width:100%}.b4-btn.htmx-request{opacity:0.7}.b4-pills{display:flex;flex-wrap:wrap;gap:0.2em;padding:0.3em;border:var(--border-width) solid var(--b4-outline);border-radius:999em}.b4-pills li{display:flex}.b4-pills a,.b4-pills button{display:inline-flex;align-items:center;justify-content:center;gap:0.4em;min-height:44px;padding:0 1em;border:0;border-radius:999em;background:transparent;color:inherit;font:inherit;font-size:0.9375em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--b4-t-hover) var(--motion-ease)}.b4-pills a:hover,.b4-pills button:hover{background:var(--b4-hover)}.b4-pills svg{width:1em;height:1em;flex:none}.b4-pills a[aria-current],.b4-pills button[aria-pressed='true']{background:var(--color-fg);color:var(--color-bg)}.b4-pills :focus-visible{outline-offset:calc(var(--border-width) * -3)}.b4-keys{justify-self:start;padding:0.15em}.b4-keys[hidden]{display:none}.b4-pref-form{display:contents}.b4-langs{display:flex;flex-wrap:wrap;gap:0.2em;padding:0.3em;border:var(--border-width) solid var(--b4-outline);border-radius:999em}.b4-lang{display:inline-flex;align-items:center;gap:0.5em;min-height:44px;padding:0 0.95em 0 0.3em;border:0;border-radius:999em;background:transparent;color:inherit;font:inherit;font-size:0.9375em;white-space:nowrap;cursor:pointer;transition:background-color var(--b4-t-hover) var(--motion-ease)}.b4-lang:hover{background:var(--b4-hover)}.b4-lang:focus-visible{outline-offset:calc(var(--border-width) * -3)}.b4-lang-glyph{display:inline-grid;place-items:center;flex:none;width:2.1em;height:2.1em;border-radius:50%;background:var(--color-elevated);border:var(--border-width) solid var(--b4-line);font-size:1.05em;line-height:1}.b4-lang-si .b4-lang-glyph,.b4-lang-si .b4-lang-name{font-family:'PRISM Lang Sinhala',var(--font-body)}.b4-lang-ta .b4-lang-glyph,.b4-lang-ta .b4-lang-name{font-family:'PRISM Lang Tamil',var(--font-body)}.b4-lang[aria-pressed='true']{background:var(--color-fg);color:var(--color-bg)}.b4-lang[aria-pressed='true'] .b4-lang-glyph{background:var(--color-warn);border-color:transparent;color:var(--color-accent-fg)}.b4-top{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--b4-inline);min-width:0}.b4-brand{display:inline-flex;align-items:center;gap:0.6em;min-height:max(44px,3em);padding:0 1.1em 0 0.85em;border:var(--border-width) solid var(--b4-outline);border-radius:999em;font-family:var(--font-display);font-size:1.1em;letter-spacing:0.04em;text-decoration:none;white-space:nowrap}.b4-mark{width:1.15em;height:1.15em}.b4-mark-1{fill:#f0471d}.b4-mark-2{fill:#ffd23f}.b4-mark-3{fill:var(--brand-bar)}.b4-top-spacer{flex:1 1 0}.b4-avatar{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--color-warn);color:var(--color-accent-fg);font-size:0.875em}.b4-menu-btn .b4-when-open,.b4-menu-btn:has(+ :popover-open) .b4-when-closed{display:none}.b4-menu-btn:has(+ :popover-open) .b4-when-open{display:inline}.b4-menu-btn:has(+ :popover-open){background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.b4-menu{inset:calc(var(--b4-page-pad) + max(44px,3em) + var(--b4-inline)) var(--b4-page-pad) auto;width:auto;max-height:calc(100dvh - var(--b4-page-pad) * 2 - max(44px,3em) - var(--b4-inline));margin:0;overflow:auto;display:grid;gap:var(--b4-stack);padding:var(--b4-tile-pad);color:var(--color-fg);background:var(--color-surface);border:var(--border-width) solid var(--b4-outline);border-radius:var(--radius)}.b4-menu:not(:popover-open){display:none}.b4-menu::backdrop{background:rgb(0 0 0 / 0.25)}.b4-nav-list li + li{border-top:var(--border-width) solid var(--b4-line)}.b4-nav-list a{display:flex;align-items:center;gap:0.6em;min-height:48px;padding:0 0.25em;text-decoration:none}.b4-nav-list a:hover{background:var(--b4-hover)}.b4-nav-list a[aria-current]{font-weight:600}.b4-nav-list a[aria-current]::before{content:'';width:0.2em;height:1.1em;border-radius:1em;background:var(--color-accent)}.b4-prefs,.b4-menu-out{display:grid;gap:var(--b4-field-gap);padding-top:var(--b4-stack);border-top:var(--border-width) solid var(--b4-line)}.b4-menu-key{justify-content:flex-start}@media (max-width:599.98px){.b4-prefs .b4-pills{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-radius:calc(var(--radius) * 0.9)}.b4-prefs .b4-pills button{width:100%;padding:0 0.3em}.b4-prefs .b4-langs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b4-inline);padding:0;border:0;border-radius:0}.b4-prefs .b4-lang{flex-direction:column;justify-content:center;gap:0.35em;min-height:84px;padding:0.6em 0.3em;border:var(--border-width) solid var(--b4-outline);border-radius:var(--b4-sub-radius)}.b4-prefs .b4-lang-glyph{width:1.9em;height:1.9em;font-size:1.35em}}@media (min-width:600px){.b4-menu-btn{display:none}.b4-menu,.b4-menu:not(:popover-open){display:contents}.b4-prefs{display:flex;flex-wrap:wrap;gap:var(--b4-inline);order:10;flex:1 1 100%;padding:0;border:0}.b4-prefs > .b4-caption{display:none}.b4-top .b4-bell{order:3}.b4-user{order:4}.b4-menu-key{order:5;width:44px;padding:0;justify-content:center}.b4-menu-key-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.b4-menu-out{order:6;display:block;padding:0;border:0}.b4-nav{flex:1 1 100%;order:20;min-width:0}.b4-nav-list{display:flex;flex-wrap:wrap;gap:0.2em;padding:0.3em;border:var(--border-width) solid var(--b4-outline);border-radius:calc(var(--radius) * 0.9)}.b4-nav-list li{display:flex}.b4-nav-list li + li{border:0}.b4-nav-list a{justify-content:center;min-height:44px;padding:0 1em;border-radius:999em;font-size:0.9375em;white-space:nowrap;transition:background-color var(--b4-t-hover) var(--motion-ease)}.b4-nav-list a[aria-current]{font-weight:inherit;background:var(--color-fg);color:var(--color-bg)}.b4-nav-list a[aria-current]::before{content:none}.b4-nav-list :focus-visible{outline-offset:calc(var(--border-width) * -3)}}@media (min-width:1024px){.b4-prefs{order:2;flex:0 1 auto}}.b4-group{gap:var(--b4-field-space)}.b4-field{display:grid;gap:var(--b4-field-gap);min-width:0}.b4-label{font-size:0.9375em;line-height:1.3}.b4-hint{font-size:0.85em;line-height:1.35;color:var(--color-muted)}.b4-input{width:100%;min-width:0;min-height:max(48px,3.2em);padding:0 calc(var(--gap) * 1.1667);border-radius:var(--b4-sub-radius);border:var(--border-width) solid var(--b4-outline);background:var(--color-elevated);color:var(--color-fg);font:inherit;font-variant-numeric:tabular-nums}textarea.b4-input{padding-block:0.75em;min-height:6em}select.b4-input{appearance:none;padding-right:2.8em}.b4-select{position:relative;min-width:0}.b4-select::after{content:'';position:absolute;right:1.2em;top:50%;width:0.5em;height:0.5em;border-right:calc(var(--border-width) * 2) solid var(--color-muted);border-bottom:calc(var(--border-width) * 2) solid var(--color-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.b4-input[aria-invalid='true']{border:calc(var(--border-width) * 2) solid var(--color-danger)}.b4-error{font-size:0.9em;line-height:1.4;border-left:calc(var(--border-width) * 3) solid var(--color-danger);padding-left:0.65em}.b4-error strong{color:var(--color-danger);font-weight:600}.b4-radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b4-inline)}@media (min-width:600px){.b4-radios{grid-template-columns:repeat(auto-fill,minmax(min(100%,15em),1fr))}}.b4-radios label{position:relative;display:flex;align-items:center;justify-content:center;min-height:max(48px,3.2em);padding:0.35em 0.8em;border-radius:max(24px,1.6em);border:var(--border-width) solid var(--b4-outline);text-align:center;overflow-wrap:anywhere;cursor:pointer}.b4-radios input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.b4-radios label:has(input:checked){background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.b4-radios label:has(input:checked)::before{content:'';flex:none;width:0.45em;height:0.45em;margin-right:0.5em;border-radius:50%;background:var(--color-bg)}.b4-radios label:has(input:focus-visible){outline:calc(var(--border-width) * 3) solid var(--b4-focus);outline-offset:calc(var(--border-width) * 3)}.b4-extent-unit{margin:0;padding:0;border:0;min-width:0}.b4-extent-unit .b4-radios{grid-template-columns:repeat(2,minmax(0,1fr))}.b4-extent:has(.b4-extent-unit input[value='ha']:checked) .b4-extent-arp,.b4-extent:has(.b4-extent-unit input[value='arp']:checked) .b4-extent-ha{display:none}.b4-extent-equal{margin:0;font-size:0.9em;font-family:var(--font-mono);overflow-wrap:anywhere}.b4-extent-equal:empty{display:none}.b4-label-row{display:flex;align-items:center;gap:0.5em;min-width:0}.b4-done{flex:none;display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:50%;background:var(--color-ok);color:var(--color-bg);animation:b4-pop calc(var(--motion-duration) * 420ms) var(--motion-ease) both}.b4-done svg{width:0.85em;height:0.85em}@keyframes b4-pop{from{transform:scale(calc(1 - 0.6 * var(--motion-on)))}}.b4-errsum{border:calc(var(--border-width) * 3) solid var(--color-danger)}.b4-errsum-list{display:grid;gap:0.9em;list-style:disc;padding-left:1.2em;line-height:1.75}.b4-errsum-list a{color:var(--color-danger)}.b4-errsum:focus-visible{outline-offset:calc(var(--border-width) * 2)}.b4-scan{display:grid;gap:var(--b4-field-gap);min-width:0}.b4-scan-row{display:flex;flex-wrap:wrap;gap:var(--b4-field-gap);min-width:0}.b4-scan-row .b4-input{flex:1 1 12rem}.b4-scan-start{flex:0 1 auto;max-width:100%;white-space:normal}.b4-scan-camera{display:grid;gap:var(--b4-field-gap);justify-items:start}.b4-scan-view{position:relative;width:min(100%,22rem);aspect-ratio:1;overflow:hidden;border-radius:var(--b4-sub-radius);background:var(--color-fg)}.b4-scan-video{width:100%;height:100%;object-fit:cover}.b4-scan-frame{position:absolute;inset:18%;border:calc(var(--border-width) * 3) solid var(--color-warn);border-radius:var(--b4-sub-radius)}.b4-scan-frame::after{content:'';position:absolute;left:6%;right:6%;top:50%;height:calc(var(--border-width) * 2);background:var(--color-warn);animation:b4-scan-line calc(var(--motion-duration) * 1800ms) ease-in-out infinite alternate}@keyframes b4-scan-line{from{transform:translateY(calc(-900% * var(--motion-on)))}to{transform:translateY(calc(900% * var(--motion-on)))}}@media (prefers-reduced-motion:reduce){.b4-scan-frame::after{animation:none}}.b4-scan-status:empty{display:none}.b4-table{width:100%;border-collapse:separate;border-spacing:0;font-size:0.9375em}.b4-table th,.b4-table td{padding:0.75em 0.8em;text-align:left;vertical-align:middle;border-bottom:var(--border-width) solid var(--b4-line)}.b4-table thead th{font-weight:var(--weight-body);font-size:0.85em;color:var(--color-muted);border-bottom:0;background:var(--color-elevated)}.b4-table thead th:first-child{border-radius:var(--b4-sub-radius) 0 0 var(--b4-sub-radius)}.b4-table thead th:last-child{border-radius:0 var(--b4-sub-radius) var(--b4-sub-radius) 0}.b4-table tbody tr:last-child > *{border-bottom:0}.b4-table .b4-chip{white-space:normal}.b4-table td a,.b4-table th a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin-block:calc((1.4em - 44px) / 2)}.b4-table tbody th{font-weight:var(--weight-body)}@media (max-width:1023.98px){.b4-stack-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.b4-stack-table,.b4-stack-table tr,.b4-stack-table th,.b4-stack-table td{display:block}.b4-stack-table tbody{display:grid;gap:var(--b4-inline)}.b4-stack-table tr{min-width:0;padding:calc(var(--b4-sub-pad) * 0.5) var(--b4-sub-pad);background:var(--color-elevated);border-radius:var(--b4-sub-radius)}.b4-stack-table tbody th,.b4-stack-table td,.b4-stack-table tbody tr:last-child > *{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:var(--b4-inline);align-items:baseline;min-width:0;padding:0.55em 0;border-bottom:var(--border-width) solid var(--b4-line);text-align:left}.b4-stack-table tr > :last-child,.b4-stack-table tbody tr:last-child > :last-child{border-bottom:0}.b4-stack-table [data-label]::before{content:attr(data-label);color:var(--color-muted);font-size:0.85em}.b4-stack-table .b4-chip,.b4-stack-table .b4-btn{justify-self:start}}@media (max-width:599.98px){.b4-stack-table tbody th,.b4-stack-table td{grid-template-columns:5.5em minmax(0,1fr)}}@media (min-width:600px) and (max-width:1023.98px){.b4-stack-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}.b4-home{display:grid;gap:var(--b4-gap);min-width:0}.b4-welcome{align-content:space-between}.b4-home-find{display:grid;gap:var(--b4-field-gap)}.b4-welcome .b4-illo img{max-width:16em}.b4-notice .b4-illo img{max-width:14em}@media (min-width:600px){.b4-welcome,.b4-notice{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}.b4-notice{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr)}}@media (min-width:1024px){.b4-home{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}.b4-notice{max-width:60em}}.b4-conn{--b4-wire:var(--color-ok);display:grid;grid-template-columns:auto minmax(2.5em,1fr) auto;align-items:center;gap:var(--b4-stack) 0;min-width:0}.b4-conn-down{--b4-wire:var(--color-accent)}.b4-node{display:grid;justify-items:center;gap:0.4em;min-width:6em;padding:var(--b4-sub-pad) var(--b4-inline);background:var(--color-elevated);border-radius:var(--b4-sub-radius);font-size:0.9em}.b4-node svg{width:2.4em;height:2.4em}.b4-wire{position:relative;height:2.5em}.b4-wire::before,.b4-wire::after{content:'';position:absolute;top:50%;left:0;right:0;height:0.3em;margin-top:-0.15em;background:var(--b4-wire)}.b4-wire::after{display:none}.b4-wire i{position:absolute;top:50%;left:0;width:0.9em;height:0.9em;margin-top:-0.45em;border-radius:50%;background:var(--b4-wire);box-shadow:0 0 0 0.25em color-mix(in srgb,var(--b4-wire) 30%,transparent);animation:b4-flow calc(var(--motion-duration) * 1800ms) var(--motion-ease) infinite}@keyframes b4-flow{from{left:0}to{left:calc((100% - 0.9em) * var(--motion-on))}}.b4-conn-down .b4-wire::before{right:60%;transform-origin:left;transform:rotate(12deg)}.b4-conn-down .b4-wire::after{display:block;left:60%;transform-origin:right;transform:rotate(-12deg)}.b4-conn-down .b4-wire i{display:none}.b4-conn-down .b4-wire b{position:absolute;top:50%;left:50%;width:1.1em;height:1.1em;margin:-0.55em 0 0 -0.55em;background:linear-gradient(45deg,transparent 42%,var(--b4-wire) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--b4-wire) 42% 58%,transparent 58%);animation:b4-blink calc(var(--motion-duration) * 1400ms) steps(2) infinite}@keyframes b4-blink{50%{opacity:calc(1 - 0.7 * var(--motion-on))}}.b4-conn-text{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:0.4em var(--b4-inline)}.b4-conn-text .b4-caption{flex-basis:100%}.b4-rise{animation:b4-rise var(--b4-t-rise) var(--motion-ease) both;animation-delay:calc(var(--b4-t-step) * var(--i,0))}.b4-i1{--i:1}.b4-i2{--i:2}.b4-i3{--i:3}.b4-i4{--i:4}.b4-i5{--i:5}@keyframes b4-rise{from{opacity:0;transform:translateY(calc(var(--reveal-distance) * var(--motion-on)))}}.b4-lift{transition:transform var(--b4-t-hover) var(--motion-ease)}.b4-lift:hover{transform:translateY(calc(var(--reveal-distance) * -0.12 * var(--motion-on)))}@media (prefers-reduced-motion:reduce){.b4-wire i,.b4-wire b{animation:none}}.b4-user{display:flex;align-items:center;gap:var(--b4-inline);flex:none}.b4-idle{position:relative;display:inline-grid;place-items:center;width:56px;height:56px;flex:none}.b4-idle .b4-avatar{width:42px;height:42px}.b4-idle-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.b4-idle-track,.b4-idle-left{fill:none;stroke-width:3.5}.b4-idle-track{stroke:var(--b4-outline);stroke-dasharray:1.5 2.5}.b4-idle-left,.b4-idle-still{stroke:var(--color-ok);stroke-linecap:round;stroke-dasharray:100 100}.b4-idle-left.b4-idle-late{stroke:var(--color-accent)}.b4-idle-still{display:none;fill:none;stroke-width:3.5}@media (prefers-reduced-motion:reduce){.b4-idle-left{display:none}.b4-idle-still{display:inline}}@media (max-width:379.98px){.b4-menu-btn > span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.b4-menu-btn{padding:0 0.9em}}.b4-bell{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:var(--border-width) solid var(--b4-outline);color:var(--color-fg);text-decoration:none;transition:background-color var(--b4-t-hover) var(--motion-ease)}.b4-bell:hover{background:var(--b4-hover)}.b4-bell[aria-current]{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.b4-bell svg{width:22px;height:22px;transform-origin:50% 12%}.b4-bell-on svg{animation:b4-bell-swing calc(var(--motion-duration) * 900ms) var(--motion-ease) 400ms both}.b4-bell-on .b4-bell-body{fill:var(--color-warn);stroke:var(--color-accent-fg)}.b4-bell-on[aria-current] .b4-bell-body{stroke:var(--color-bg)}.b4-bell-n{position:absolute;top:-5px;right:-7px;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999em;background:var(--color-accent);color:var(--color-accent-fg);border:2px solid var(--color-bg);font-size:0.75rem;line-height:1;font-variant-numeric:tabular-nums}@keyframes b4-bell-swing{0%,100%{transform:rotate(0)}20%{transform:rotate(calc(16deg * var(--motion-on)))}45%{transform:rotate(calc(-12deg * var(--motion-on)))}70%{transform:rotate(calc(6deg * var(--motion-on)))}}@media (prefers-reduced-motion:reduce){.b4-bell-on svg{animation:none}}.b4-hx-error:empty{display:none}.b4-hx-note{border-color:var(--color-warn);border-width:2px;animation:b4-rise var(--b4-t-rise) var(--motion-ease) both}.b4-ref-stub{position:relative;display:grid;gap:0.35em;justify-items:start;padding:var(--b4-sub-pad) var(--b4-sub-pad) var(--b4-sub-pad) calc(var(--b4-sub-pad) + 1.4em);border:2px dashed var(--b4-outline);border-radius:var(--b4-sub-radius);background:var(--color-elevated);min-width:0;max-width:30em}.b4-ref-punch{position:absolute;left:0.55em;top:50%;width:0.9em;height:0.9em;margin-top:-0.45em;border-radius:50%;background:var(--color-surface);border:var(--border-width) solid var(--b4-outline)}.b4-ref-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.2em 0.6em;margin:0}.b4-ref-code{font-size:1.6em;letter-spacing:0.06em;font-weight:600;user-select:all;overflow-wrap:anywhere}.b4-ref-hint{margin:0}