.desk{display:flex;flex-direction:column;padding:var(--page-pad);font-size:var(--fs-md);color:var(--ink-8);background:var(--ink-1);min-height:100%}.desk>.desk-actionbar,.desk-main>.desk-actionbar{margin-top:auto}.desk-layout{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "main";align-items:start;min-width:0}.desk-layout.has-mailbox{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"topbar rail" "main rail";column-gap:var(--s4)}.desk-layout.has-history{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"topbar history" "main history";column-gap:var(--s4)}.desk-layout.has-mailbox.has-history{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"topbar history rail" "main history rail";column-gap:var(--s4)}.desk-layout>.hrail{grid-area:history;top:0;align-self:start}.desk-main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:100%}.desk-main[aria-busy=true]{opacity:.68;cursor:progress}.desk-layout>.rail{grid-area:rail;top:0;align-self:start}.desk-layout>.rail .rail-toggle{background:var(--mail-bar);color:var(--ink-9)}.desk-layout>.rail .rail-toggle:hover{background:var(--mail-bar);color:var(--ink-9)}.desk-layout>.rail .rail-toggle-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.desk-steps{background:var(--band-steps);color:var(--band-ink);font-weight:var(--w-bold);font-size:var(--fs-lg);padding:7px 10px}@media(max-width:620px){.desk-steps{display:none}}.desk-status{color:var(--warn);font-weight:var(--w-bold);font-size:var(--fs-md);background:var(--surface);padding:7px 10px;white-space:pre-line;border:var(--border);border-top:0}.desk-status.is-bad{color:var(--danger)}.desk-actionbar{display:flex;flex-direction:column}.desk-actionbar>.desk-status{order:10;border-top:var(--border);margin-top:6px}.dialog-actions .desk-status{border:0;background:none;padding:0;font-size:var(--fs-sm);min-width:0}.desk-status.is-good{color:var(--ok)}.desk-major-section{--major-ink: var(--band-head);--major-text: var(--band-ink);min-width:0;margin:var(--s2) 0 var(--s4);border:1px solid var(--major-ink);border-color:color-mix(in srgb,var(--major-ink) 45%,var(--ink-3));background:var(--surface)}.desk-major-section.is-customer{--major-ink: var(--band-customer)}.desk-major-section.is-products{--major-ink: var(--band-lines)}.desk-major-section.is-terms{--major-ink: var(--band-terms);--major-text: var(--ink-9)}.desk-major-section.is-products,.desk-major-section.is-terms{margin-top:var(--s5)}.desk-major-heading{display:flex;align-items:center;gap:var(--s3);margin:0;padding:9px 12px;border:0;border-left:8px solid color-mix(in srgb,var(--major-ink) 58%,var(--ink-9));border-bottom:1px solid color-mix(in srgb,var(--major-ink) 58%,var(--ink-9));background:var(--major-ink);color:var(--major-text);font-size:var(--fs-xl);line-height:1.2;font-weight:var(--w-bold);box-shadow:none}.desk-major-number{display:inline-grid;place-items:center;min-width:2rem;height:1.65rem;padding:0 var(--s2);border:1px solid currentColor;background:var(--major-text);color:var(--major-ink);font-size:var(--fs-xs);font-weight:var(--w-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--track-wide)}.desk-major-section>.desk-card{margin:0;border:0}.desk-major-section>.desk-region{margin:0;border:0}.desk-major-section.is-products>.letteroffer{margin:0;border-top:0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--major-ink) 30%,var(--ink-3));border-left:3px solid var(--major-ink);border-radius:0}.desk-major-section.is-products>.desk-region>.desk-band{border-bottom:1px solid color-mix(in srgb,var(--major-ink) 30%,var(--ink-3));background:var(--surface);background:color-mix(in srgb,var(--major-ink) 12%,var(--surface));color:var(--ink-9)}@media(max-width:620px){.desk-major-section{margin-bottom:var(--s3)}.desk-major-section.is-products,.desk-major-section.is-terms{margin-top:var(--s4)}.desk-major-heading{padding:var(--s2);font-size:var(--fs-lg)}.desk-major-number{min-width:1.75rem;height:1.5rem}}.desk-card{background:var(--surface);border:var(--border);margin:5px 0 12px;padding:12px}.desk-card.is-compact{padding:6px}.desk-band{background:var(--region, var(--band-head));color:var(--band-ink);font-weight:var(--w-bold);font-size:15px;padding:7px 10px;margin:-12px -12px 8px}.desk-topbar{grid-area:topbar;position:sticky;top:0;z-index:6;align-self:start;display:flex;align-items:center;gap:var(--s2);min-width:0;min-height:var(--tap);margin:0;padding:var(--s1) var(--s2);border:1px solid var(--band-head);border:1px solid color-mix(in srgb,var(--band-head) 82%,#000)}.desk-top-title{display:inline-flex;flex:0 1 auto;align-items:center;gap:var(--s2);min-width:0;white-space:nowrap}.desk-top-title>:first-child{overflow:hidden;text-overflow:ellipsis}.desk-top-state{flex:0 0 auto;padding-left:var(--s2);border-left:1px solid rgb(255 255 255 / .55);font-size:var(--fs-sm)}.desk-top-actions{display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-end;gap:var(--s1);min-width:0;overflow-x:auto}.desk-top-action{min-height:var(--tap);margin:0;padding:var(--s1) var(--s2);border:1px solid rgb(255 255 255 / .72);background:#ffffff1a;color:var(--band-ink);font-size:var(--fs-xs);line-height:1.2;text-decoration:none;white-space:nowrap}.desk-top-action:hover:not(:disabled){background:var(--surface);color:var(--accent)}.desk-top-action:disabled{border-color:#ffffff59;background:#0b213624;color:var(--ink-2);cursor:not-allowed}.desk-top-action:focus-visible{outline:2px solid var(--surface);outline-offset:-3px}@media(max-width:1100px){.desk-layout.has-mailbox{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "rail" "main";gap:var(--s3) 0}.desk-layout.has-history{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "history" "main";gap:var(--s3) 0}.desk-layout.has-mailbox.has-history{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "rail" "history" "main";gap:var(--s3) 0}.desk-layout>.rail,.desk-layout>.hrail{width:auto}}@media(max-width:620px){.desk-topbar{align-items:stretch;flex-direction:column}.desk-top-title,.desk-top-actions{width:100%}.desk-top-actions{justify-content:flex-start}}.desk-band.is-lines{background:var(--band-lines)}.desk-band.is-history,.desk-band.is-note{background:var(--band-history)}.desk-band.is-pricing{background:var(--band-price)}.desk-region{--region: var(--band-head);border:1px solid;border-color:color-mix(in srgb,var(--region) 34%,var(--ink-3));background:var(--surface);background:color-mix(in srgb,var(--region) 4%,#fff);margin:0 0 10px}.desk-region>.desk-band{margin:0;font-size:14px;padding:6px 10px}.desk-regionbody{padding:8px 10px 9px}.desk-regionbody>:last-child{margin-bottom:0}.desk-region.is-lines{--region: var(--band-lines)}.desk-region.is-pricing{--region: var(--band-price)}.desk-region.is-cost{--region: var(--band-cost)}.desk-region.is-history,.desk-region.is-note{--region: var(--band-history)}.desk-region.is-steps{--region: var(--band-steps)}.desk-row6{display:grid;grid-template-columns:repeat(6,1fr);gap:6px 16px}.desk-row6>.is-span2{grid-column:span 2}@media(max-width:980px){.desk-row6{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.desk-row6{grid-template-columns:repeat(2,1fr)}}.desk-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}@media(max-width:900px){.desk-sides{grid-template-columns:1fr}}.desk-side,.desk-terms{border:var(--border);border-top:3px solid var(--ink-4);padding:8px 10px 10px;min-width:0}.desk-side.is-them{border-top-color:var(--band-head)}.desk-side.is-us{border-top-color:var(--band-history)}.desk-sidehead{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-wide);font-weight:var(--w-bold);color:var(--ink-6);margin:0 0 7px}.desk-row2{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.desk-row2>.is-span2{grid-column:span 2}@media(max-width:620px){.desk-row2{grid-template-columns:1fr}}.desk-box>.field{flex:1 1 auto;min-width:0;max-width:none;gap:3px}.desk-box>.field .field-label{font-size:var(--fs-sm);color:var(--ink-7)}.desk-box>.field .field-input,.desk-box>.field .dt-field,.desk-box>.field .link-chosen{min-height:var(--control-h);padding:0 7px;border:var(--border-control)}.desk-box>.field .link-change{min-height:var(--control-h)}.desk-box>.field .field-hint{font-size:var(--fs-xs);color:var(--ink-5)}.desk-units{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:7px 9px;margin-bottom:8px;background:var(--surface-sunken);border:var(--border)}.desk-unitlabel{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-wide);font-weight:var(--w-bold);color:var(--ink-6)}.desk-unit{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--ink-7);white-space:nowrap}.desk-unit select{font:inherit;color:var(--ink-8);background:var(--surface);border:var(--border-control);border-radius:0;padding:3px 7px;min-height:var(--control-h-sm)}.desk-unit select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.desk-unit select:disabled{background:var(--surface-sunken);color:var(--ink-5)}.desk-box{display:flex;flex-direction:column;gap:3px;min-width:0}.desk-label{display:flex;flex-direction:column;gap:3px;font-size:var(--fs-sm);color:var(--ink-7);font-weight:var(--w-semi)}.desk-label .is-required{color:var(--danger)}.desk-hint{font-size:var(--fs-xs);color:var(--ink-5);white-space:pre-line}.desk-hint.is-loud{color:var(--important);font-weight:var(--w-semi)}.desk-error{font-size:var(--fs-xs);color:var(--danger);font-weight:var(--w-semi);white-space:pre-line}.desk-box.is-bad input,.desk-box.is-bad select,.desk-box.is-bad textarea,.desk-box.is-bad .dt-field,.desk-box.is-bad .link-chosen{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 25%,transparent)}.desk-box input,.desk-box select,.desk-box textarea{font:inherit;color:var(--ink-8);background:var(--surface);border:var(--border-control);border-radius:0;padding:5px 7px;min-height:var(--control-h);width:100%}.desk-box input:focus-visible,.desk-box select:focus-visible,.desk-box textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.desk-box input:disabled,.desk-box select:disabled{background:var(--surface-sunken);color:var(--ink-5)}.desk-box input::placeholder{color:var(--ink-5);opacity:1}.desk-pair{display:flex;gap:5px}.desk-pair input{flex:1;min-width:0}.desk-pair select{width:auto;flex:0 0 auto}.desk-tick{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:var(--fs-sm)}.desk-box output{display:block;background:var(--surface-sunken);border:var(--border);padding:5px 7px;min-height:var(--control-h);font-variant-numeric:tabular-nums}.desk-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}@media(max-width:900px){.desk-prices{grid-template-columns:1fr}}.desk-price{padding:10px}.desk-price .desk-caption{font-weight:var(--w-bold);white-space:pre-line;margin-bottom:6px}.desk-price input,.desk-price output{width:100%;font:inherit;border-radius:0;padding:6px 8px;font-variant-numeric:tabular-nums}.desk-price.is-piece{background:#fff4c2;border:3px solid var(--important)}.desk-price.is-piece .desk-caption{color:var(--important);font-size:15px}.desk-price.is-piece input{background:#fffbed;border:var(--border-strong);font-size:16px;font-weight:var(--w-bold)}.desk-cut{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px 12px;margin-top:6px}.desk-cut-box{flex:0 0 auto;width:7.5rem}.desk-cut-sum{flex:1 1 10rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;width:auto;padding:0 0 7px;background:none;border:0;font-variant-numeric:tabular-nums}.desk-cut-sum s{color:var(--ink-5);text-decoration-thickness:1px}.desk-cut-sum strong{font-size:16px;font-weight:var(--w-bold);color:#0f5c42}.desk-cut-unit{color:var(--ink-5)}.desk-cut-off{flex-basis:100%;font-size:var(--fs-xs);color:var(--ink-5)}.desk-bar{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.desk-bar button{font:inherit;font-weight:var(--w-semi);color:#000;background:#dcdad5;border:var(--border-control);border-radius:0;padding:5px 12px;min-height:var(--control-h);cursor:pointer}.desk-bar button:hover:not(:disabled){background:#eeebe7}.desk-bar button:disabled{color:var(--ink-4);cursor:not-allowed}.desk-bar button.desk-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:var(--w-bold);padding:7px 12px}.desk-bar button.desk-accent:hover:not(:disabled){background:#174f7a}.desk-bar button.desk-accent:disabled{background:#dcdad5;border-color:var(--ink-4);color:var(--ink-4)}.desk-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.desk-actionbar{position:sticky;bottom:0;z-index:5;background:var(--surface);border:var(--border);padding:8px 10px;margin-top:12px}.desk-tablewrap{overflow-x:auto;border:var(--border);background:var(--surface)}.desk-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.desk-table th{background:#dcdad5;color:var(--ink-8);text-align:left;font-weight:var(--w-bold);padding:6px 8px;white-space:nowrap;position:sticky;top:0}.desk-table td{padding:6px 8px;border-top:1px solid var(--ink-3);vertical-align:top}.desk-table th.is-num{text-align:right}.desk-table td.is-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.desk-table th.is-key{border-bottom:2px solid var(--region, var(--ink-4))}.desk-table th.is-key.is-order{--region: var(--band-price)}.desk-table td.is-num.is-key{color:var(--ink-9);font-weight:var(--w-bold)}.desk-table td .desk-rowopen,.desk-table td .desk-cellname{font-size:var(--fs-md);font-weight:var(--w-bold);color:var(--ink-9)}.desk-table tbody tr.is-on td,.desk-table tbody tr.is-on td .desk-rowopen,.desk-table tbody tr.is-on td .desk-cellname{color:#fff}.desk-cell{display:block;width:100%;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:text}.desk-cell:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.desk-cell.is-bad{outline:2px solid var(--danger);outline-offset:2px;border-radius:2px}.desk-cellbox.is-bad input{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 25%,transparent)}.desk-table td .desk-error{display:block;margin-top:3px}.desk-table tbody tr.is-on td .desk-error{padding:1px 4px;border-radius:3px;background:var(--surface)}.desk-cellbox{display:flex;flex-direction:column;gap:3px;align-items:stretch;text-align:left;white-space:normal}.desk-cellbox input{width:100%;min-width:0;min-height:var(--control-h);padding:0 6px;border:var(--border-control);font:inherit;font-variant-numeric:tabular-nums}.desk-cellnote{font-size:var(--fs-xs);color:var(--ink-6)}.desk-cellnote.is-loud{color:var(--warn)}.desk-table tbody tr.is-on .desk-cellbox input{background:var(--surface);color:var(--ink-9)}.desk-table tbody tr.is-on .desk-cellnote,.desk-table tbody tr.is-on .desk-cellsize label{color:#fff}.desk-table tbody tr{cursor:pointer}.desk-table tbody tr:hover{background:var(--surface-sunken)}.desk-table tbody tr.is-ticked>td{background:var(--accent-soft)}.desk-table tbody tr.is-on.is-ticked>td{background:var(--accent)}.desk-table tbody tr.is-on{background:var(--accent);color:#fff}.desk-table tbody tr.is-on td{border-top-color:var(--accent)}.desk-note{font-size:var(--fs-xs);color:var(--ink-5);white-space:pre-line}.desk-primary{font-size:var(--fs-lg);font-weight:var(--w-bold);color:var(--ok);white-space:pre-line}.desk-warn{background:var(--danger-soft);border:1px solid var(--important);color:var(--important);padding:6px 10px;margin-top:6px;font-size:var(--fs-sm)}.desk-empty{padding:24px 10px;text-align:center;color:var(--ink-5)}.desk-linkish{margin-left:var(--s2);padding:2px var(--s2);border:none;background:transparent;color:currentColor;font:inherit;font-size:var(--fs-xs);font-weight:var(--w-semi);text-decoration:underline;cursor:pointer}.desk-linkish:hover{background:#16324f1f}.desk-tablewrap .desk-table+.desk-table{margin-top:var(--s4)}.desk-tablewrap.is-tall{max-height:60vh;overflow-y:auto}.desk-tablewrap.is-tall .desk-table th{position:sticky;top:0;z-index:1}.desk-table td.desk-nextcol{color:var(--ink-8);font-weight:var(--w-semi)}.desk-modal>.desk-band{margin:12px 0 8px}.desk-modal>.desk-band:first-child{margin-top:0}.desk-modal>.desk-region:last-child{margin-bottom:0}.desk-modal>.desk-actionbar{bottom:0;margin:12px 0 0;border-left:0;border-right:0;border-bottom:0}.desk-modal .desk-tablewrap,.desk-modal .desk-tablewrap.is-tall{border-left:0;border-right:0;max-height:none;overflow:visible}.desk-withunit{display:flex;align-items:stretch;gap:.35rem;width:100%}.desk-withunit>input{flex:1 1 auto;min-width:0}.desk-withunit>select{flex:0 0 auto;width:auto;min-width:5.5rem}.desk-withunit>.desk-unit{flex:0 0 auto;align-self:center;padding-inline:.15rem;font-size:.85rem;color:var(--ink-5);white-space:nowrap;width:auto}.desk-check{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 .75rem;font-size:.9rem;cursor:pointer}.desk-check input{width:auto;margin:0}.desk-fold{margin:0 0 10px;overflow:hidden;border:var(--border);background:var(--surface)}.desk-modal>.desk-fold:last-child{margin-bottom:0}.desk-fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:var(--tap);padding:8px 10px;border:0;background:var(--surface-sunken);color:var(--ink-9);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-quick) var(--ease-out)}.desk-fold-toggle:hover,.desk-fold-toggle:focus-visible{background:color-mix(in srgb,var(--ink-9) 6%,var(--surface-sunken))}.desk-fold-title{display:grid;gap:.125rem;min-width:0}.desk-fold-title span{color:var(--ink-6);font-size:var(--fs-xs)}.desk-fold-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;max-width:55%}.desk-fold-state{color:var(--ink-6);font-size:var(--fs-xs);font-weight:var(--w-semi);white-space:nowrap}.desk-fold-toggle .badge{min-width:0;white-space:normal;text-align:right}.desk-fold-body{padding:8px 10px 9px;border-top:var(--border)}@media(max-width:640px){.desk-fold-toggle{align-items:flex-start;flex-direction:column;gap:.45rem}.desk-fold-right{max-width:100%}.desk-fold-toggle .badge{text-align:left}}.desk-tick{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border:1px solid var(--ink-3);border-radius:2px;font-size:.88rem;cursor:pointer}.desk-tick.is-on{border-color:currentColor;font-weight:600}.desk-tick input{width:auto;margin:0}.desk-rowopen{padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.desk-rowopen:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:620px){.desk{--control-h: var(--tap);--control-h-sm: 36px}.desk-linkish{min-height:32px;padding:6px 8px}.desk-rowopen{min-height:32px}}.desk-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.desk-files>li{display:flex;flex-direction:column;gap:2px;min-width:0}.desk-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);min-width:0}.desk-files .desk-linkish{margin-left:0}.desk-files .desk-check{margin:0}.desk-row6>.desk-check{align-self:end;margin:0 0 6px}.desk-withunit>.desk-unit{display:inline;background:none;border:0;padding-block:0;min-height:0}.desk-sum{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3);font-variant-numeric:tabular-nums}.desk-sum strong{color:var(--ink-9);font-size:var(--fs-md);font-weight:700}.desk-sum .is-warn{color:var(--warn);font-weight:600}:root{--ink-1: #f4f6f8;--ink-2: #dbe7f2;--ink-3: #cdd7e1;--ink-4: #9e9a91;--ink-5: #5f6b76;--ink-6: #44586e;--ink-7: #2b4762;--ink-8: #16324f;--ink-9: #0b2136;--surface: #ffffff;--surface-sunken: #f5f9fc;--surface-raised: #ffffff;--sidebar-w: 76px;--sidebar-ground: var(--accent);--sidebar-ink: rgb(255 255 255 / .9);--sidebar-hover: rgb(255 255 255 / .14);--sidebar-line: rgb(255 255 255 / .22);--accent: #185a8d;--accent-ink: #ffffff;--accent-soft: #e7f0f8;--important: var(--danger);--band-head: var(--accent);--band-customer: var(--danger);--band-lines: #694a85;--band-terms: #f2c94c;--band-spec: #0f766e;--band-price: var(--important);--band-history: #8a5a2b;--band-steps: #1f6f5f;--band-make: #3f6212;--band-cost: #475569;--band-ink: #ffffff;--warn: #8f6000;--warn-soft: #fff4c2;--danger: #b42318;--danger-soft: #fdecea;--ok: #167d5a;--ok-soft: #eaf7ee;--mail-bar: #64b4ff;--info: #6941c6;--info-soft: #f4f0ff;--sea: #0e6f87;--sea-soft: #e4f4f8;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--radius-xs: 0px;--radius-sm: 0px;--radius: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-pill: 0px;--shadow-pop: 0 6px 30px rgb(22 50 79 / .35);--page-pad: 10px;--prose-max: 82ch;--card-pad: 12px;--font: "Leelawadee UI", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--track-tight: -.021em;--track-snug: -.01em;--track-wide: .06em;--w-semi: 590;--w-bold: 680;--tap: 44px;--control-h: 30px;--control-h-sm: 26px;--border: 1px solid var(--ink-4);--border-control: 1px solid var(--ink-5);--border-strong: 2px solid var(--ink-5);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-press: .12s;--dur-quick: .18s;--dur-base: .24s;--dur-drawer: .32s}@media(prefers-reduced-motion:reduce){:root{--dur-press: 1ms;--dur-quick: 1ms;--dur-base: 1ms;--dur-drawer: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font);font-size:var(--fs-md);color:var(--ink-9);background:var(--surface-sunken);-webkit-text-size-adjust:100%}:root:lang(th) body{line-height:1.55}:root:lang(th) :is(button,input,select){line-height:1.35}.num{font-variant-numeric:tabular-nums;text-align:right}.mono{font-family:var(--font-mono)}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:var(--track-tight);font-weight:var(--w-bold);color:var(--ink-9);text-wrap:balance}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md);letter-spacing:var(--track-snug)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:640px){:root{--page-pad: 14px;--card-pad: 16px}}.crash{max-width:34rem;margin:12vh auto;padding:var(--card-pad, 20px);border:1px solid var(--ink-3, #c8ced5);background:var(--surface, #fff);text-align:left}.crash h1{margin:0 0 .6rem;font-size:1.15rem}.crash p{margin:0 0 .5rem}.crash button{margin-top:.6rem;min-height:var(--tap, 44px);padding:0 14px;border:1px solid var(--ink-3, #c8ced5);background:var(--surface-sunken, #f2f2f0);cursor:pointer}
