:root{--bg:#fff;--surface:#f5f5f7;--raised:#fff;--text:#1d1d1f;--text-2:#6e6e73;--line:#d2d2d7;--field-border:#8e8e93;--accent:#0062c4;--accent-text:#0062c4;--offer-0:#c76a00;--offer-1:#a548d6;--offer-2:#1f8a9e;--offer-3:#2e9e4f;--offer-4:#5856d6;--offer-5:#a2845e;--offer-6:#a68100;--offer-7:#8e8e93;--accent-wash:#0062c41a;--button:#0071e3;--button-hover:#0077ed;--on-button:#fff;--saved:#1a7f37;--error:#d70015;--nav-bg:#fffc;--toast-bg:#1d1d1feb;--toast-text:#f5f5f7;--toast-action:#2997ff;--bezel:#1d1d1f;--fs-1:.8125rem;--fs-2:.9375rem;--fs-3:1.0625rem;--fs-4:1.25rem;--fs-5:1.75rem;--fs-6:2.5rem;--t-display:700 2.5rem/1.15 var(--font);--t-title:700 1.75rem/1.25 var(--font);--t-section:600 1.25rem/1.35 var(--font);--t-label:var(--fs-1);--card-ring:0 0 0 0 transparent;--gap-section:48px;--gap-heading:12px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Sukhumvit Set", "Leelawadee UI", "Noto Sans Thai", "Helvetica Neue", sans-serif;--gutter:16px;--max:980px;--tap:44px;--nav-h:52px;--bar-h:4.5rem;--r-card:18px;--r-input:12px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card-ring:inset 0 0 0 1px #ffffff0f;--bg:#000;--surface:#1d1d1f;--raised:#2c2c2e;--text:#f5f5f7;--text-2:#a1a1a6;--line:#424245;--field-border:#8e8e93;--accent:#2997ff;--accent-text:#4daaff;--offer-0:#ff9f0a;--offer-1:#bf5af2;--offer-2:#40c8e0;--offer-3:#30d158;--offer-4:#5e5ce6;--offer-5:#ac8e68;--offer-6:#ffd60a;--offer-7:#98989d;--accent-wash:#2997ff29;--saved:#30d158;--error:#ff453a;--nav-bg:#161617cc;--toast-bg:#f5f5f7f0;--toast-text:#1d1d1f;--toast-action:#0071e3;--bezel:#3a3a3c;color-scheme:dark}}:root[data-theme=dark]{--card-ring:inset 0 0 0 1px #ffffff0f;--bg:#000;--surface:#1d1d1f;--raised:#2c2c2e;--text:#f5f5f7;--text-2:#a1a1a6;--line:#424245;--field-border:#8e8e93;--accent:#2997ff;--accent-text:#4daaff;--offer-0:#ff9f0a;--offer-1:#bf5af2;--offer-2:#40c8e0;--offer-3:#30d158;--offer-4:#5e5ce6;--offer-5:#ac8e68;--offer-6:#ffd60a;--offer-7:#98989d;--accent-wash:#2997ff29;--saved:#30d158;--error:#ff453a;--nav-bg:#161617cc;--toast-bg:#f5f5f7f0;--toast-text:#1d1d1f;--toast-action:#0071e3;--bezel:#3a3a3c;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:var(--nav-h)}html:has(.sticky-bar){scroll-padding-bottom:calc(var(--bar-h) + .5rem + env(safe-area-inset-bottom))}.skip-link{z-index:30;background:var(--text);color:var(--bg);border-radius:999px;padding:.5rem 1rem;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);font-size:var(--fs-3);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}body:has(.sticky-bar){padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}h1,h2,h3{margin:0;font-weight:700;line-height:1.3}h2,h3{text-wrap:balance}h1,p,li,dd{text-wrap:pretty}.nw{white-space:nowrap}:where(p,li,h1,h2,h3,dt,dd,th,td,small)>.nw{white-space:normal;max-width:100%;display:inline-block}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.lucide{stroke-width:1.75px;flex:none;width:1.15em;height:1.15em}.lucide.flip{transform:rotate(180deg)}:is(button,a,.tile-go):has(>.lucide){justify-content:center;align-items:center;gap:.4em;display:inline-flex}.art{stroke-width:1.75px;height:auto;display:block}.art *{vector-effect:non-scaling-stroke}.art .a{stroke:var(--accent)}.art .n{stroke:var(--text-2)}.art .f{fill:var(--accent-wash)}.empty-art{width:176px;margin:0 auto 1.25rem}.tile-art{width:80px;margin:-.5rem 0 .25rem -.25rem}.theme-toggle .lucide{width:20px;height:20px;color:var(--text-2)}.muted{color:var(--text-2)}.small{font-size:var(--fs-1)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.masthead{z-index:25;background:var(--nav-bg);backdrop-filter:saturate(180%)blur(20px);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--line) 60%, transparent);position:sticky;top:0}@media (height<=30em){html{scroll-padding-top:0}.masthead{position:static}}.masthead-inner{max-width:var(--max);min-height:var(--nav-h);padding:0 var(--gutter);flex-wrap:wrap;align-items:center;gap:.25rem;margin:0 auto;display:flex}.wordmark{min-height:var(--tap);color:var(--text);font-size:var(--fs-4);white-space:nowrap;align-items:center;margin-right:auto;font-weight:700;display:inline-flex}.wordmark:hover,.nav a:hover{text-decoration:none}.nav{flex-wrap:wrap;display:flex}.nav a{min-height:var(--tap);font-size:var(--fs-2);color:var(--text-2);place-items:center;padding:0 .75rem;display:grid}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.nav a[aria-current=page]{font-weight:600}.theme-toggle{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{background:var(--surface)}.page{max-width:var(--max);padding:2rem var(--gutter) 0;margin:0 auto}.lede{font-size:var(--fs-4);color:var(--text-2)}.section-title{font:var(--t-section);text-align:left;margin:var(--gap-section) 0 var(--gap-heading)}.hero{text-align:center;padding:1.5rem 0}.hero-title{font:var(--t-display);letter-spacing:-.02em;font-size:clamp(2rem,11.5vw,2.5rem)}.hero-sub{max-width:32rem;font-size:var(--fs-4);color:var(--text-2);margin:1rem auto 0;line-height:1.5}.hero-problem{max-width:32rem;font-size:var(--fs-3);color:var(--text-2);margin:.75rem auto 0;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.pill{min-height:var(--tap);font-size:var(--fs-3);border-radius:999px;place-items:center;padding:0 1.4rem;display:inline-grid}.pill:hover{text-decoration:none}.examples{gap:1.25rem;max-width:36rem;margin:3rem auto 4rem;display:grid}.example{border-radius:var(--r-card);background:var(--surface);padding:1.25rem}.example-kicker{font-size:var(--fs-1);color:var(--text-2);margin:0}.example-title{font-size:var(--fs-4);margin:.25rem 0 1rem;line-height:1.4}.example-table{border-collapse:collapse;width:100%;font-size:var(--fs-2)}.example-table th,.example-table td{border-bottom:1px solid var(--line);text-align:right;vertical-align:top;padding:.5rem 0}.example-table th[scope=row]{text-align:left;color:var(--text-2);padding-right:.75rem;font-weight:400}.example-table thead th{color:var(--text);overflow-wrap:break-word;font-weight:600}.example-table thead .dot{vertical-align:middle;margin-right:.375rem;display:inline-block}.example-table{table-layout:fixed}.example-table col.label{width:36%}.example-table td{overflow-wrap:break-word;padding-left:.5rem}.example-table .tiers{display:block}.example-table tr.is-key th,.example-table tr.is-key td{color:var(--text);font-weight:600}.example-verdict{font-size:var(--fs-3);margin:1rem 0 .75rem;font-weight:600;line-height:1.6}.example-table .row-sub{font-size:var(--fs-1);color:var(--text-2);font-weight:400;display:block}.verdict-line{display:block}.example-cta{min-height:var(--tap);color:var(--accent);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.example-cta svg{width:1.1em;height:1.1em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.band{padding:4rem max(var(--gutter), calc(50vw - var(--max) / 2 + var(--gutter)));background:var(--surface);margin:0 calc(50% - 50vw)}.tiles{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.tile{border-radius:var(--r-card);background:var(--raised);height:100%;color:var(--text);gap:.5rem;padding:2rem 1.75rem;display:grid}.tile:hover{text-decoration:none}.tile-name{font-size:var(--fs-5);font-weight:700;line-height:1.3}.tile-blurb{color:var(--text-2)}.tile-go{color:var(--accent-text);justify-self:start;margin-top:.5rem}.tile:hover .tile-go{text-decoration:underline}.steps{counter-reset:step;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--text-2);grid-template-columns:2rem 1fr;align-items:center;gap:.125rem .75rem;display:grid}.steps li:before{content:counter(step);background:var(--surface);width:2rem;height:2rem;color:var(--text);font-weight:600;font-size:var(--fs-2);border-radius:50%;grid-area:1/1;place-items:center;display:grid}.steps strong{font-size:var(--fs-4);color:var(--text);grid-area:1/2}.steps li>*{grid-column:2}.tool-intro{margin-bottom:2rem}.tool-intro h1{font:var(--t-title);margin-bottom:.5rem}body[data-view]:not([data-view=list]) .tool-intro{display:none}.explainer{border-radius:var(--r-card);background:var(--surface);margin-top:4rem;padding:2rem 1.5rem}.explainer .disclaimer{margin:0 0 1.5rem}.explainer h2{font:var(--t-section);text-align:left;margin-bottom:1rem}.explainer dl{margin:0}.explainer dt{margin-top:1rem;font-weight:600}.explainer dd{color:var(--text-2);margin:.25rem 0 0}.ad-slot{border-block:1px solid var(--line);contain:layout;min-height:100px;margin:1.5rem 0;padding-block:.5rem 1rem;display:block}.ad-slot:before{content:"โฆษณา";font-size:var(--fs-1);color:var(--text-2);line-height:1.6;display:block}.ad-bottom{min-height:280px;margin-top:3rem}body[data-view]:not([data-view=list]) .ad-bottom,.ad-rail{display:none}@media (width>=1380px) and (height>=720px){.ad-top,.ad-bottom{display:none}.ad-rail{top:calc(var(--nav-h) + 2rem);border:none;width:160px;min-height:600px;margin:0;padding:0;display:block;position:fixed}.ad-rail[data-ad-slot=rail-left]{right:calc(50% + var(--max) / 2 + 1.5rem)}.ad-rail[data-ad-slot=rail-right]{left:calc(50% + var(--max) / 2 + 1.5rem)}}.colophon{max-width:var(--max);padding:2rem var(--gutter) 3rem;font-size:var(--fs-1);color:var(--text-2);margin:0 auto;line-height:1.6}.colophon strong{color:var(--text)}.colophon .small{font-size:var(--fs-1);margin-top:.25rem}.primary,.ghost{min-height:var(--tap);font-size:var(--fs-3);cursor:pointer;border-radius:999px;padding:0 1.25rem}.primary{background:var(--button);color:var(--on-button);border:none}.primary:hover{background:var(--button-hover)}.ghost{background:var(--accent-wash);color:var(--accent-text);border:0}.ghost:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.primary:disabled,.ghost:disabled{opacity:.4;cursor:not-allowed}.wide{width:100%;display:block}.big-tap{min-height:52px;font-size:var(--fs-3)}.link{min-height:var(--tap);color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:0 .5rem}.link:hover{text-decoration:underline}.link.danger{color:var(--error)}.back{min-height:var(--tap);color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:-.5rem;padding:0 .5rem;font-size:1rem}.row-buttons{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.banner{border-radius:var(--r-input);background:var(--surface);color:var(--error);margin-bottom:1rem;padding:.85rem 1rem}.list-head{margin-bottom:1.25rem}.list-head h2{font:var(--t-section);text-align:left}.count{color:var(--text-2);font-weight:400}.slips{gap:1rem;margin-bottom:1.25rem;display:grid}.slip{border-radius:var(--r-card);background:var(--surface);padding:0;transition:box-shadow .15s;position:relative;box-shadow:inset 0 0 0 1.5px #0000}.slip.is-selected{box-shadow:inset 0 0 0 1.5px var(--accent)}.slip-head{align-items:flex-start;gap:.75rem;display:flex}.slip-title{flex:1;min-width:0}.slip-pick{min-height:var(--tap);box-shadow:inset 0 0 0 1px var(--line);color:var(--accent);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.375rem;margin:-.375rem -.375rem 0 0;padding:0 .875rem 0 .625rem;font-size:.9375rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.slip-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.slip-pick:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.pick-box{border-radius:6px;place-items:center;width:1.25rem;height:1.25rem;display:inline-grid;box-shadow:inset 0 0 0 1.5px}.pick-box svg{stroke-width:3px;opacity:0;width:.875rem;height:.875rem}.slip-pick:has(input:checked){background:var(--accent-wash);box-shadow:none;color:var(--accent-text)}.slip-pick:has(input:checked) .pick-box{background:var(--accent);box-shadow:none;color:var(--bg)}.slip-pick:has(input:checked) .pick-box svg{opacity:1}.dot{background:var(--dot);width:.75rem;height:.75rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 20%, transparent);border-radius:50%;flex:none}.figures{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.figure{border-radius:var(--r-input);background:var(--raised);align-content:start;padding:.9rem 1rem;display:grid}.figure-label,.figure-sub{color:var(--text-2);font-size:.8125rem}.big{letter-spacing:-.01em;font-size:clamp(1.25rem,5vw,1.6rem);font-weight:700;line-height:1.3}.slip-meta{color:var(--text-2);margin-top:.85rem;font-size:.9375rem}.slip-meta strong{color:var(--text)}.empty{border-radius:var(--r-card);background:var(--surface);text-align:center;padding:2.5rem 1.5rem}.empty-kicker{color:var(--text-2)}.empty-title{max-width:26rem;margin:.25rem auto 2rem;font-size:1.6rem}.empty .steps{text-align:left;gap:1rem;max-width:22rem;margin:0 auto}.empty .steps li{min-height:2rem;padding:.1rem 0 0 2.75rem;display:block;position:relative}.empty .steps li:before{background:var(--raised);margin:0;position:absolute;top:0;left:0}.empty .steps strong{font-size:inherit;display:inline}.empty-actions{gap:.75rem;margin-top:2rem;display:grid}.install-hint{border-radius:var(--r-card);background:var(--accent-wash);gap:.5rem;margin:1rem 0 1.5rem;padding:1.25rem 3.25rem 1.25rem 1.25rem;animation:.3s ease-out both view-in;display:grid;position:relative}.install-hint h3{font-size:1.0625rem}.install-close{width:var(--tap);height:var(--tap);color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;position:absolute;top:.25rem;right:.25rem}.install-steps{margin:0;padding-left:1.25rem}.install-steps .lucide{vertical-align:-.2em;color:var(--accent)}.install-go{justify-self:start}.backup{margin-top:3rem}.backup h3{margin-bottom:.25rem;font-size:1.125rem}.sticky-bar{z-index:20;min-height:var(--bar-h);padding:.6rem max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter))) calc(.6rem + env(safe-area-inset-bottom));background:var(--bg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--line) 60%, transparent);align-items:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bar-info>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-info{min-width:0;color:var(--text-2);flex:1;font-size:.875rem;line-height:1.35;display:grid}.bar-info strong{color:var(--text);font-size:1.0625rem}.toast{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:30;width:max-content;max-width:calc(100vw - 2 * var(--gutter));background:var(--toast-bg);min-height:52px;color:var(--toast-text);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1.25rem;font-size:.9375rem;line-height:1.4;animation:.35s cubic-bezier(.2,.9,.3,1) both toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0000002e}.toast:not(:has(.toast-action)){padding-right:1.25rem}body:has(.sticky-bar) .toast{bottom:calc(var(--bar-h) + .75rem + env(safe-area-inset-bottom))}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,24px)}}@keyframes view-in{0%{opacity:0;top:8px}}.list-view,.compare-view,.editor{animation:.3s ease-out both view-in;position:relative;top:0}.count{display:inline-grid}.count>*{grid-area:1/1}.count-final{color:#0000}.toast-action{min-height:var(--tap);color:var(--toast-action);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 1rem;font-weight:600}.view-head{justify-items:start;margin-bottom:1.25rem;display:grid}.view-head h1,.view-head h2{font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.25}.editor{gap:1.25rem;display:grid}.section{border-radius:var(--r-card);background:var(--surface);border:none;gap:1rem;min-width:0;margin:0;padding:1.25rem;display:grid}.section legend{float:left;align-items:center;gap:.6rem;width:100%;padding:0;font-size:1.25rem;font-weight:700;display:flex}.section legend+*{clear:both}.section-n{background:var(--raised);width:1.75rem;height:1.75rem;color:var(--text-2);border-radius:50%;place-items:center;font-size:.875rem;font-weight:600;display:inline-grid}.help{color:var(--text-2);margin-top:-.5rem;font-size:.9375rem}.row{gap:1rem;display:grid}.field{align-content:start;gap:.35rem;min-width:0;display:grid}.field-label{font-size:.9375rem;font-weight:500}input[type=text],select,textarea{width:100%;min-height:var(--tap);border:1px solid var(--field-border);border-radius:var(--r-input);background:var(--raised);font-size:var(--fs-3);padding:.6rem .9rem}.editor>.field textarea{background:var(--surface);border-color:#0000}textarea{resize:vertical;line-height:1.5}input[inputmode=decimal]{font-variant-numeric:tabular-nums;text-align:right}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}input[type=text]:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;box-shadow:none}.req{background:var(--raised);color:var(--text-2);white-space:nowrap;border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.75rem;font-weight:500}.input-wrap{display:block;position:relative}.input-wrap input{padding-right:3.75rem}.suffix{color:var(--text-2);pointer-events:none;font-size:.9375rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.hint{color:var(--text-2);font-size:.875rem}.error{color:var(--error);font-size:.875rem}.error.center{text-align:center}.has-error input{border-color:var(--error)}.segmented{border-radius:var(--r-input);background:color-mix(in srgb, var(--line) 55%, transparent);box-shadow:inset 0 0 0 1px var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented button{min-width:0;min-height:var(--tap);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 .5rem;font-size:.9375rem}.segmented button:hover{background:color-mix(in srgb, var(--raised) 50%, transparent)}.segmented button[aria-pressed=true]{background:var(--raised);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0000001f}.item{border-radius:var(--r-input);background:var(--raised);gap:.6rem;padding:.9rem;display:grid}.item input[type=text]{background:var(--surface);border-color:#0000}.item input[type=text]:focus{border-color:var(--accent)}.item.unwanted .item-name{color:var(--text-2);text-decoration:line-through}.item-foot{justify-content:space-between;align-items:center;display:flex}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.check input{width:1.3rem;height:1.3rem;accent-color:var(--accent)}.presets{flex-wrap:wrap;gap:.5rem;display:flex}.preset{min-height:var(--tap);background:var(--raised);color:var(--text);cursor:pointer;border:none;border-radius:999px;padding:0 1rem;font-size:.9375rem}.preset:hover{color:var(--accent)}.add{justify-self:start}.compact .field-label{color:var(--text-2);font-size:.8125rem;line-height:1.25rem}.tiers{gap:.75rem;display:grid}.tier{--compact-label-offset:calc(1.25rem + .35rem);grid-template-columns:6.5rem 1fr auto;align-items:end;gap:.6rem;display:grid}.tier .input-wrap input{padding-right:2rem}.tier-fixed{min-height:3rem;color:var(--text-2);align-items:center;padding:0;display:grid}.tier-remove{min-height:3rem}.receipt{border-radius:var(--r-card);background:var(--surface);padding:1.5rem 1.25rem}.receipt h3{margin-bottom:.75rem;font-size:1.25rem}.receipt-tiers{color:var(--text-2);margin-bottom:.5rem;font-size:.9375rem}.ledger{margin:0;display:grid}.line{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;display:flex}.line:first-child{border-top:none}.line dt{color:var(--text-2)}.line dd{text-align:right;white-space:nowrap;margin:0}.line.minus dd{color:var(--saved)}.line.muted dt,.line.muted dd{color:var(--text-2);font-size:.9375rem}.line.total{padding:.85rem 0}.line.total dt{color:var(--text);font-weight:600}.line.total dd{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.compare-view .wide{margin-top:1.5rem}@media (width>=560px){.empty-actions{justify-content:center;display:flex}.row{grid-template-columns:1fr 1fr}}@media (width>=760px){.page{padding-top:3rem}.hero{padding:4.5rem 0 3.5rem}.tiles{grid-template-columns:1fr 1fr}.section{padding:1.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sheet{border-radius:var(--r-card) var(--r-card) 0 0;background:var(--raised);width:100%;max-width:560px;max-height:90dvh;color:var(--text);border:none;margin:0 auto;padding:0;animation:.3s cubic-bezier(.2,.9,.3,1) both sheet-in;position:fixed;inset:auto 0 0;overflow-y:auto}.sheet::backdrop{background:#0006}.sheet-body{padding:1.25rem var(--gutter) calc(1.25rem + env(safe-area-inset-bottom));gap:1rem;display:grid}.sheet-body h2{font-size:1.375rem}.sheet-group{border:none;gap:.25rem;min-width:0;margin:0;padding:0;display:grid}.sheet-group legend{margin-bottom:.35rem;padding:0;font-weight:600}.sheet-check{min-height:var(--tap);align-items:center;gap:.6rem;display:flex}.sheet-check input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex:none}.sheet-check small{margin-left:auto}.segmented>label{min-height:var(--tap);border-radius:calc(var(--r-input) - 2px);text-align:center;cursor:pointer;place-items:center;padding:.25rem .35rem;font-size:.875rem;line-height:1.3;display:grid}.segmented>label.is-on{background:var(--raised);color:var(--accent);font-weight:600;box-shadow:0 1px 4px #00000026}.segmented>label input{opacity:0;pointer-events:none;position:absolute}.segmented>label:has(input:focus-visible){outline:2px solid var(--accent)}.sheet-actions{gap:.5rem;display:grid}.sheet-actions .primary,.sheet-actions .ghost{justify-content:center;align-items:center;gap:.4rem;display:flex}@keyframes sheet-in{0%{transform:translateY(100%)}}.badges{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.badge{background:var(--surface);color:var(--text-2);font-size:var(--fs-1);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .65rem;line-height:1.4;display:inline-flex}.badge svg{width:.9rem;height:.9rem}.badge.is-ok{color:var(--saved)}.badge.is-warn{color:#b25000;background:#ff9f0a2e}.badge.is-own{background:0 0;padding-inline:0}.badge.is-new{background:var(--accent-wash);color:var(--accent-text)}.slip-title .badge{margin-top:.3rem}.mode-line{border-radius:var(--r-input);background:var(--surface);margin-bottom:1rem;padding:.75rem 1rem}.changes{border-radius:var(--r-input);background:var(--surface);margin-top:.75rem;padding:.75rem 1rem}.changes ul{margin:0;padding-left:1.1rem}.changes .row-buttons{margin-top:.5rem}.received-actions{gap:.5rem;margin-top:1.25rem;display:grid}.reply-box{border-radius:var(--r-input);background:var(--surface);margin-bottom:1rem;padding:.75rem 1rem}.reply-box .row-buttons{margin-top:.5rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge.is-warn{color:#ffb340}}:root[data-theme=dark] .badge.is-warn{color:#ffb340}.sources{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.sources li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-bottom:.75rem;display:flex}.source-name{font-weight:600}.sources li>.muted:last-child{margin-left:auto}.sources .changes,.sources .badges{flex-basis:100%}.saved-note{align-items:center;gap:.375rem;display:flex}.detail-title{align-items:center;gap:.625rem;display:flex}.detail-block{margin-top:1.5rem}.detail-block h3{margin-bottom:.5rem;font-size:1.0625rem}.detail-note{white-space:pre-wrap}.detail-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.title-link{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.title-link:hover{color:var(--accent)}.prose{max-width:42rem;margin:0 auto;padding:2.5rem 0 1rem}.prose h1{font:var(--t-title);margin-bottom:.5rem}.prose h2{margin:var(--gap-section) 0 var(--gap-heading);font:var(--t-section);text-align:left}.prose h3{font-size:var(--fs-3);margin:1.5rem 0 .25rem}.prose p,.prose ul{margin:.75rem 0}.prose ul{padding-left:1.25rem}.prose li{margin:.375rem 0}.prose a{color:var(--accent-text);text-underline-offset:.2em;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}.prose a:hover{text-decoration-color:currentColor}.contact-mail{font-size:var(--fs-4);font-weight:600}.footer-links{flex-wrap:wrap;gap:0 1.25rem;margin-top:.5rem;display:flex}.footer-links a{min-height:var(--tap);color:var(--text-2);font-size:var(--fs-2);align-items:center;display:inline-flex}.footer-links a:hover{color:var(--accent-text)}.article-list{gap:.25rem;margin:1rem 0;padding:0;list-style:none;display:grid}.article-list a{border-bottom:1px solid var(--line);color:inherit;gap:.25rem;padding:.875rem 0;text-decoration:none;display:grid}.article-list a:hover strong{color:var(--accent-text)}.prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:var(--fs-2);margin:1rem 0}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem}.prose td:not(:first-child),.prose th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.prose th{color:var(--text-2);font-weight:600}.prose .table-scroll,.prose table{display:block;overflow-x:auto}.article-cta{margin:2rem 0}.prose .article-cta a.primary{text-align:center;color:var(--on-button);justify-content:center;align-items:center;padding-block:.5rem;text-decoration:none;display:inline-flex}.latest{max-width:36rem;margin:0 auto 4rem}.latest a:not(.read-list a){color:var(--accent-text)}.latest .article-list a{color:inherit}.confirm{width:calc(100% - 2 * var(--gutter));border-radius:var(--r-card);background:var(--raised);max-width:400px;color:var(--text);border:none;padding:0}.confirm::backdrop{background:#0006}.confirm-body{gap:.75rem;padding:1.5rem;display:grid}.confirm-body h2{font-size:1.25rem}.confirm-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.primary.destructive{background:var(--error);color:#fff}.tip{border-radius:var(--r-input);background:var(--accent-wash);color:var(--text);align-items:flex-start;gap:.5rem;margin:.25rem 0 .75rem;padding:.625rem .5rem .625rem .75rem;font-size:.875rem;line-height:1.5;display:flex}.tip>svg{width:1rem;height:1rem;color:var(--accent);flex:none;margin-top:.15rem}.tip span{flex:1}.tip-close{width:2rem;height:2rem;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;margin:-.35rem 0;display:grid}.tip-close svg{width:1rem;height:1rem}.sample-note{border-radius:var(--r-input);background:var(--surface);color:var(--text-2);margin:0 0 1rem;padding:.75rem 1rem;font-size:.9375rem}.slip-title,.detail-title h2,.source-name,.sheet-check span{overflow-wrap:break-word;min-width:0}[tabindex="-1"]:focus:not(:focus-visible){outline:none}@media (width<=359px){.nav a{padding:0 .5rem}}.contact-fields{border-top:1px solid var(--line);gap:.75rem;padding-top:1rem;display:grid}.contact-title{margin:0;font-size:1rem}.contact-fields p{margin:0}.contact-ledger a{white-space:normal;overflow-wrap:anywhere}.contact-hidden{color:var(--text-2);white-space:normal;align-items:center;gap:.35rem;display:inline-flex}.contact-hidden svg{flex:none;width:.9rem;height:.9rem}.faq{border-top:1px solid var(--line);padding:.75rem 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--text-2);margin:.5rem 0 0}.static-example>p{color:var(--text-2)}.static-example .example-table{margin:1rem 0}.next-steps{margin-top:1.5rem}.next-steps .read-list{margin:.25rem 0 0}.info-row{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.info-btn{min-height:var(--tap);background:var(--surface);color:var(--text-2);font:inherit;font-size:var(--fs-2);cursor:pointer;border:none;border-radius:999px;padding:0 1rem}.info-btn:hover{color:var(--text)}body.modal-open{overflow:hidden}.info-sheet{max-width:640px}.info-body h2{font-size:var(--fs-4);margin:0}.info-body p,.info-body dl,.info-body dd{margin:0}.info-body dt{margin-top:1rem;font-weight:600}.info-body dd,.info-body>p{color:var(--text-2)}.info-table{overflow-x:auto}.how{border-radius:var(--r-card);background:var(--surface);max-width:52rem;margin:1rem auto 0;padding:0 1.1rem;list-style:none;display:grid}.how-item{background:0 0;border-radius:0;align-items:center;gap:.9rem;padding:1rem 0;display:flex}.how-item+.how-item{border-top:1px solid var(--line)}.how-note{align-items:flex-start;padding:0 1.1rem}.how-note .how-icon{color:var(--text-2);background:0 0}.how-icon{background:var(--raised);width:2.5rem;height:2.5rem;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.how-text{gap:.15rem;min-width:0;display:grid}.read-list{gap:.25rem;max-width:52rem;margin:.5rem auto;padding:0;list-style:none;display:grid}.read-list a{border-bottom:1px solid var(--line);color:var(--text);overflow-wrap:break-word;gap:.1rem;padding:.7rem 0;display:grid}.read-list a:hover{color:var(--accent-text);text-decoration:none}.read-list .muted{font-size:var(--t-label);color:var(--text-2)}.read-list strong{font-weight:500}.info-x{z-index:1;background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text-2);cursor:pointer;border:0;border-radius:999px;justify-self:end;place-items:center;margin:-.25rem -.25rem 0 .5rem;font-size:1.375rem;line-height:1;display:grid;position:sticky;top:0}.info-table .tier{white-space:nowrap;display:block}.hero-actions[hidden],.tabpanel[hidden]{display:none!important}.hero-actions button.seg-tab svg{flex:none;width:1.1rem;height:1.1rem;margin-right:.4rem}.tabpanel{gap:1rem;max-width:36rem;margin:2rem auto 3rem;display:grid}.tabs[data-js] .tab-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tab-name{text-align:left;font:var(--t-section);margin:0}.panel-title{margin:calc(var(--gap-section) - 1rem) 0 calc(var(--gap-heading) - 1rem);font:var(--t-section);text-align:left}.helps{color:var(--text-2);gap:.5rem;margin:0;padding-left:1.25rem;line-height:1.5;display:grid}.tabpanel .how{max-width:none;margin:0}.howto{width:min(100%,17rem);margin:0 auto;position:relative}.howto-video{aspect-ratio:468/1012;border-radius:var(--r-card);background:var(--surface);width:100%;height:auto;box-shadow:0 0 0 1px var(--line);object-fit:cover;display:block}.howto-toggle{color:#fff;background:#0009;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid;position:absolute;bottom:.6rem;right:.6rem}.howto-toggle svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.howto-toggle .i-play,.howto-toggle.is-paused .i-pause{display:none}.howto-toggle.is-paused .i-play{fill:currentColor;display:block}.tabpanel .example{margin-top:.5rem}.panel-cta{justify-content:center;margin:.5rem 0 0;display:flex}.panel-cta .pill:hover{background:var(--button-hover)}.how,.example,.rank-list,.receipt,.explainer{box-shadow:var(--card-ring)}.hero-actions{border-radius:var(--r-input);background:var(--surface);max-width:22rem;box-shadow:inset 0 0 0 1px var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;margin:1.25rem auto 0;padding:3px;display:grid}.hero-actions button.seg-tab{min-width:0;min-height:var(--tap);color:var(--text-2);font:inherit;font-size:var(--fs-2);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.hero-actions button.seg-tab:hover{color:var(--text)}.hero-actions button.seg-tab[aria-selected=true]{background:var(--raised);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.hero-actions button.seg-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-mount{min-height:calc(100svh - var(--nav-h))}
