@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #F8F2EA;--card: #FFFFFF;--ink: #2A1A0C;--ink2: #64503B;--ink3: #725D48;--line: #E9DDCC;--line-ctl: #8E7B66;--brand: #F9AC68;--brand-ink: #643D11;--brand-soft: #FDEBD9;--seg: #EFE5D7;--caramel: #C8A175;--ok: #1B5E3A;--ok-soft: #E3F1E8;--warn: #8A5A00;--warn-soft: #FFF1D6;--bad: #8E2A14;--bad-soft: #F8E1DC;--veg: #1B7A4B;--info: #1F4467;--info-soft: #E6EEF7;--chart1: #A8541A;--chart2: #D99A3E;--d-bg: #1E130A;--d-s1: #2C1E12;--d-s2: #3A2919;--d-line: #4B3725;--d-ink: #F8F2EA;--d-ink2: #D2C3B2;--d-ink3: #B5A491;--panel: #FBF7F1;--well: #F1E8DC;--frame: #ECE6DC;--white: #FFFFFF;--disabled-bg: #E2D8CB;--disabled-ink: #6A5B4C;--ink-rgb: 42, 26, 12;--bg-rgb: 248, 242, 234;--brand-rgb: 249, 172, 104;--brand-ink-rgb: 100, 61, 17;--d-bg-rgb: 30, 19, 10;--d-ink-rgb: 248, 242, 234;--ok-rgb: 27, 94, 58;--scrim: rgba(var(--d-bg-rgb), .58);--shadow: 0 12px 30px rgba(var(--ink-rgb), .16);--brand-grad: linear-gradient(135deg, var(--brand), var(--brand-soft));--fd: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Arial Narrow", Arial, sans-serif;--fs: "DM Sans Variable", "DM Sans", "Helvetica Neue", Arial, sans-serif;--t-2xs: 11px;--t-xs: 12px;--t-sm: 13px;--t-md: 14px;--t-base: 15px;--t-lg: 16px;--t-xl: 18px;--t-2xl: 20px;--t-3xl: 24px;--t-4xl: 28px;--t-5xl: 34px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--gutter: 20px;--gap: 8px;--r-1: 6px;--r-2: 10px;--r-3: 12px;--r-4: 14px;--r-5: 16px;--r-6: 18px;--r-7: 20px;--r-8: 24px;--r-pill: 999px;--r-s: var(--r-2);--r-m: var(--r-4);--r-l: var(--r-6);--r-xl: var(--r-8);--r-btn: var(--r-4);--r-card: var(--r-6);--r-ctl: var(--r-3);--r-chip: var(--r-pill);--tap: 44px;--tap-ipad: 48px;--btn-h: 52px;--z-raised: 2;--z-sticky: 10;--z-sheet: 60;--z-toast: 70;--z-banner: 80;--z-modal: 100;--dur-1: .15s;--dur-2: .25s;--dur-3: .4s;--ease: cubic-bezier(.2, .8, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--fs);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-ink)}img{display:block;max-width:100%}.h{font-family:var(--fd);font-weight:800;letter-spacing:-.2px;margin:0;line-height:1.05}.lbl{font-size:var(--t-xs);font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink3)}.muted{color:var(--ink2)}.fine{font-size:var(--t-xs);color:var(--ink3);line-height:1.5}.btn{min-height:var(--btn-h);border-radius:var(--r-btn);border:0;font-weight:700;font-size:var(--t-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 18px;width:100%}.btn.p{background:var(--brand);color:var(--ink)}.btn.s{background:var(--card);color:var(--ink);border:1.5px solid var(--ink)}.btn.dark{background:var(--ink);color:var(--white)}.btn.danger{background:var(--bad);color:var(--white)}.btn.sm{min-height:var(--tap);font-size:var(--t-base);width:auto}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:var(--disabled-bg);cursor:not-allowed}.btn:focus-visible,.tap:focus-visible,input:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:800;padding:3px 9px;border-radius:var(--r-chip);white-space:nowrap}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.run{background:var(--brand-soft);color:var(--brand-ink)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.neu{background:var(--seg);color:var(--ink2)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.ki{position:absolute;top:var(--s-2);left:var(--s-2);background:rgba(var(--ink-rgb),.72);color:var(--white);font-size:10px;font-weight:700;letter-spacing:.6px;padding:2px 6px;border-radius:var(--r-1);z-index:var(--z-raised)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tf-stage[data-v-2c4a9651]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);background:var(--frame);padding:var(--s-4)}.tf-box[data-v-2c4a9651]{position:relative;flex:none}.tf-device[data-v-2c4a9651]{position:absolute;left:0;top:0;transform-origin:0 0;background:var(--d-bg);border-radius:var(--r-8);padding:20px;box-shadow:0 24px 48px rgba(var(--ink-rgb),.22),inset 0 0 0 2px var(--d-s2)}.tf-cam[data-v-2c4a9651]{position:absolute;top:8px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:var(--r-pill);background:var(--d-s2)}.tf-device.portrait .tf-cam[data-v-2c4a9651]{top:50%;left:7px;margin:-3px 0 0}.tf-screen[data-v-2c4a9651]{display:block;width:100%;height:100%;border:0;border-radius:var(--r-5);background:var(--bg)}.tf-bar[data-v-2c4a9651]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2) var(--s-3);font-size:var(--t-sm);color:var(--ink2)}.tf-btn[data-v-2c4a9651]{min-height:48px;padding:0 var(--s-3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:var(--t-sm);display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}.tf-btn[data-v-2c4a9651]:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px}