:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-sunken:#eef1f5;--color-text:#14181f;--color-muted:#464d59;--color-line:#dde2e9;--color-control:#7a8291;--color-accent:#5b3aa0;--color-on-accent:#fff;--color-accent-press:#4a2e85;--color-accent-soft:#f0ecfa;--color-accent-text:#4f3290;--color-success:#145a3a;--color-success-soft:#e4f0e8;--color-danger:#8e241b;--color-danger-soft:#fbe9e6;--color-wait:#6a4008;--color-wait-soft:#fbf0da;--color-icon-tile:#5b3aa0;--color-icon-mark:#fff}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1217;--color-surface:#181c23;--color-sunken:#0a0c10;--color-text:#eef1f6;--color-muted:#b7beca;--color-line:#2c323c;--color-control:#747c8a;--color-accent:#c3b2f0;--color-on-accent:#1e1240;--color-accent-press:#d3c6f4;--color-accent-soft:#221a3a;--color-accent-text:#cfc1f4;--color-success:#86d6ac;--color-success-soft:#1b3127;--color-danger:#ff9c90;--color-danger-soft:#3a1d1a;--color-wait:#f2c27a;--color-wait-soft:#33270f}}
:root{--type-amount:700 40px/44px var(--font-sans);--type-heading:700 28px/34px var(--font-sans);--type-title:600 22px/28px var(--font-sans);--type-body:400 18px/28px var(--font-sans);--type-button:600 18px/28px var(--font-sans);--type-small:400 16px/24px var(--font-sans);--type-code:400 16px/24px var(--font-mono)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--page-inline:24px;--page-max:480px;--control-height:56px;--target-min:48px;--frame-width:390px;--frame-height:844px;--photo-size:128px;--radius-control:8px;--radius-surface:12px;--border-width:1px;--border-selected:2px;--focus-ring-width:3px;--focus-ring-offset:2px;--shadow-overlay:0 8px 24px #00000029;--scrim:#0006}
:root{--motion-fast:.12s;--motion-base:.18s;--motion-slow:.24s;--motion-loading:.9s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}
:root{--showcase-display:800 clamp(40px, 12.3vw, 48px) / 1.08 var(--font-sans);--showcase-display-side:800 56px/60px var(--font-sans);--showcase-display-wide:800 64px/68px var(--font-sans);--showcase-tracking:-.02em;--showcase-stage:#5b3aa0;--showcase-on-stage:#fff;--showcase-cta:#fff;--showcase-on-cta:#5b3aa0;--showcase-bezel:10px;--showcase-radius:44px;--showcase-device:#14181f;--showcase-reveal:.64s;--showcase-stagger:.12s;--showcase-rise:24px}@media (prefers-color-scheme:dark){:root{--showcase-stage:#2b2150;--showcase-on-stage:#eef1f6;--showcase-cta:#c3b2f0;--showcase-on-cta:#1e1240;--showcase-device:#5a6270}}@media (prefers-reduced-motion:reduce){:root{--showcase-reveal:0s;--showcase-rise:0px}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:var(--font-atkinson), system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-bg);color:var(--color-text);font:var(--type-body);margin:0}:focus-visible{outline:var(--focus-ring-width) solid var(--color-text);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.screen{box-sizing:border-box;max-width:var(--page-max);padding:var(--space-8) var(--page-inline) var(--space-12);gap:var(--space-6);margin:0 auto;display:grid}.screen h1{font:var(--type-heading);margin:0}.screen p{margin:0}.heading{gap:var(--space-2);display:grid}.lead{color:var(--color-muted)}.small{font:var(--type-small);color:var(--color-muted)}.stack{gap:var(--space-4);display:grid}.notice{padding:var(--space-4);border-radius:var(--radius-surface);animation:enter var(--motion-slow) var(--ease-out)}.notice[data-tone=wait]{background:var(--color-wait-soft);color:var(--color-wait)}.notice[data-tone=danger]{background:var(--color-danger-soft);color:var(--color-danger)}.notice[data-tone=neutral]{background:var(--color-sunken);color:var(--color-muted)}.summary{padding:var(--space-4);background:var(--color-sunken);border-radius:var(--radius-surface);gap:var(--space-1);display:grid}.summary-title{font:var(--type-title)}.login{gap:var(--space-3)}.login h2,.login dl,.login dd{margin:0}.login dl{gap:var(--space-1);display:grid}.login dd+dt{margin-top:var(--space-2)}.login dd{font:var(--type-button);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.login dd span{white-space:nowrap}.amount{font:var(--type-amount);font-variant-numeric:tabular-nums}.receipt{padding:var(--space-6) var(--space-4);background:var(--color-success-soft);border-radius:var(--radius-surface);gap:var(--space-1);animation:enter var(--motion-slow) var(--ease-out);display:grid}.receipt-status{font:var(--type-title);color:var(--color-success)}.receipt-detail{font:var(--type-small);font-variant-numeric:tabular-nums}.options{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.option{cursor:pointer;display:block;position:relative}.option-input{opacity:0;position:absolute}.option-body{align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-control);border-radius:var(--radius-surface);grid-template-columns:auto 1fr auto;display:grid}.option-input:checked+.option-body{padding:calc(var(--space-3) - var(--border-selected) + var(--border-width)) calc(var(--space-4) - var(--border-selected) + var(--border-width));border:var(--border-selected) solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}.option-input:focus-visible+.option-body{outline:var(--focus-ring-width) solid var(--color-text);outline-offset:var(--focus-ring-offset)}.option-ring{box-sizing:border-box;width:var(--space-6);height:var(--space-6);border:var(--border-selected) solid var(--color-control);border-radius:50%}.option-input:checked+.option-body .option-ring{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 var(--space-1) var(--color-accent-soft)}.option-price{font:var(--type-button);font-variant-numeric:tabular-nums}.field-error{color:var(--color-danger)}.field-label{font:var(--type-button)}.field-input{box-sizing:border-box;width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-control);border-radius:var(--radius-control);font:var(--type-body);resize:vertical}.field-input[aria-invalid=true]{border-color:var(--color-danger)}.listing{grid-template-columns:auto 1fr;grid-template-areas:"ring title"".text";align-items:start}.listing .option-ring{grid-area:ring;align-self:center}.listing-title{grid-area:title;display:grid}.listing-name{font:var(--type-button)}.listing-photo{margin:0 0 var(--space-2);width:var(--photo-size);height:var(--photo-size);object-fit:cover;background:var(--color-sunken);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-control);display:block}.listing-text{grid-area:text}.listing-text>span{display:block}.listing-text>span+span{margin-top:var(--space-2)}.link{width:fit-content;min-height:var(--target-min);color:var(--color-accent-text);font:var(--type-button);text-underline-offset:.2em;align-items:center;display:inline-flex}.phone-frame{gap:var(--space-2);margin:0;display:grid}.phone-frame figcaption{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.phone-screen{box-sizing:border-box;width:var(--frame-width);height:min(var(--frame-height), calc(100vh - var(--space-16) - var(--target-min) - var(--space-2)));border:var(--showcase-bezel) solid var(--showcase-device);border-radius:var(--showcase-radius);background:var(--color-bg);display:block;overflow:hidden}.limit,.notify{padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-line)}.limit-row{gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.money-input{position:relative}.money-input>span{top:50%;left:var(--space-4);color:var(--color-muted);position:absolute;transform:translateY(-50%)}.money-input .field-input{padding-left:var(--space-8)}.button{box-sizing:border-box;width:100%;min-height:var(--control-height);padding:0 var(--space-6);border:var(--border-width) solid transparent;border-radius:var(--radius-control);font:var(--type-button);justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out);text-decoration:none;display:flex}.button:active{transform:scale(.98)}.button[aria-disabled=true]{cursor:default;transform:none}.button-primary{background:var(--color-accent);color:var(--color-on-accent)}.button-primary:active{background:var(--color-accent-press)}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-control)}.spinner{box-sizing:border-box;border:var(--border-selected) solid currentColor;width:1em;height:1em;animation:spin var(--motion-loading) linear infinite;border-top-color:#0000;border-radius:50%}@keyframes enter{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes spin{to{transform:rotate(1turn)}}.screen h2{font:var(--type-title);margin:0}.groups{gap:var(--space-8);display:grid}.line-items{margin:var(--space-2) 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.line-items li{align-items:baseline;gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.line-price{font-variant-numeric:tabular-nums}.groups h2:first-letter{text-transform:uppercase}.flow{display:contents}.options legend{margin-bottom:var(--space-3);padding:0}.lines{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.lines li{display:grid}.option-box{box-sizing:border-box;width:var(--space-6);height:var(--space-6);border:var(--border-selected) solid var(--color-control);border-radius:var(--radius-control);place-items:center;display:grid}.listing .option-box{grid-area:ring;align-self:center}.option-input:checked+.option-body .option-box{border-color:var(--color-accent);background:var(--color-accent)}.option-input:checked+.option-body .option-box:after{content:"";width:var(--space-2);height:var(--space-3);border:solid var(--color-on-accent);border-width:0 var(--border-selected) var(--border-selected) 0;transform:rotate(45deg)}.home{isolation:isolate;position:relative}.home:before{content:"";z-index:-1;background:var(--showcase-stage);position:absolute;inset:0}.home-hero,.home-hero .small,.home-hero .link,.home figcaption,.home figcaption .small,.home figcaption .link{color:var(--showcase-on-stage)}.home-hero :focus-visible,.home figcaption :focus-visible{outline-color:var(--showcase-on-stage)}.home-hero .button-primary{background:var(--showcase-cta);color:var(--showcase-on-cta)}.home-head{gap:var(--space-3);display:grid}.brand{align-items:center;gap:var(--space-3);font:var(--type-title);display:flex}.brand-mark{width:var(--space-12);height:var(--space-12)}.page-head{box-sizing:border-box;max-width:var(--page-max);padding:var(--space-6) var(--page-inline) 0;margin:0 auto}.page-head .brand{margin:0}.page-head .brand-mark{width:var(--space-8);height:var(--space-8)}.home .home-display{font:var(--showcase-display);letter-spacing:var(--showcase-tracking);margin:0}.home-display span{display:block}.home-body{gap:var(--space-6);display:grid}.home-phones,.home-guide{display:none}.home-more{box-sizing:border-box;max-width:calc(var(--page-max) * 2 + var(--space-16));padding:var(--space-12) var(--page-inline);align-items:start;gap:var(--space-12);margin:0 auto;display:grid}.home-more h2{font:var(--type-heading);margin:0}.home-more p{margin:0}.home-steps,.home-points{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.home-steps{counter-reset:step}.home-steps li{counter-increment:step;grid-template-columns:var(--space-8) 1fr;column-gap:var(--space-3);display:grid}.home-steps li:before{content:counter(step);font:var(--type-heading);color:var(--color-accent-text);grid-row:span 2}.home-steps strong,.home-points strong{display:block}.home-points li{padding-left:var(--space-4);border-left:var(--border-selected) solid var(--color-accent)}.home-reveal{animation:showcase-rise var(--showcase-reveal) var(--ease-out) both}.home-reveal-2{animation-delay:var(--showcase-stagger)}.home-reveal-3{animation-delay:calc(var(--showcase-stagger) * 2)}@keyframes showcase-rise{0%{opacity:0;transform:translateY(var(--showcase-rise))}}@media (min-width:880px) and (min-height:480px){.home{padding-bottom:var(--space-12)}.home-ways{display:none}.home-guide{display:block}.home-more{column-gap:var(--space-16);grid-template-columns:1fr 1fr}.home-status{grid-column:1/-1}.home-phones{justify-content:center;gap:var(--space-6);display:flex}.home .home-display{font:var(--showcase-display-wide);letter-spacing:var(--showcase-tracking)}.home-hero .button{width:auto;padding-inline:var(--space-12);justify-self:start}}@media (min-width:1280px) and (min-height:480px){.home{grid-template-columns:minmax(0, var(--page-max)) max-content;justify-content:center;align-items:center;column-gap:var(--space-8);padding:var(--space-8) var(--page-inline);display:grid}.home-hero{margin:0;padding:0}.home .home-display{font:var(--showcase-display-side);letter-spacing:var(--showcase-tracking)}}.photo-pick{gap:var(--space-4);padding:var(--space-4);background:var(--color-sunken);border-radius:var(--radius-surface);display:grid}.photo-tiles{grid-template-columns:repeat(auto-fill, var(--photo-size));gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.photo-tile{gap:var(--space-2);animation:enter var(--motion-slow) var(--ease-out);display:grid}.photo-tile .listing-photo{margin:0}