.start-screen{--start-space-1:4px;--start-space-2:8px;--start-space-3:12px;--start-space-4:16px;--start-space-5:20px;--start-space-6:24px;--start-space-7:28px;--start-space-8:32px;--start-space-10:40px;--start-radius-sm:var(--radius-sm);--start-radius-md:var(--radius);--start-radius-lg:calc(var(--radius) + var(--start-space-2));--start-radius-xl:calc(var(--radius) + var(--start-space-4));min-height:100dvh;padding:clamp(var(--start-space-4), 4vw, var(--start-space-7));align-content:start;display:grid;overflow-x:hidden}.start-screen:before{content:"";inset:var(--start-space-3);z-index:-1;border:1px dashed color-mix(in srgb, var(--ink) 13%, transparent);border-radius:var(--start-radius-xl);background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--yellow) 18%, transparent), transparent 28%), radial-gradient(circle at 84% 72%, color-mix(in srgb, var(--blue) 14%, transparent), transparent 30%);opacity:.72;position:absolute}.start-frame{gap:var(--start-space-4);width:min(100%,1100px);margin:48px auto 0;display:grid}.home-controls{right:var(--start-space-4);top:var(--start-space-4);z-index:25;align-items:center;gap:var(--start-space-2);display:flex;position:absolute}.home-controls .appearance-control{margin-left:0}.start-footer a{color:color-mix(in srgb, var(--muted) 88%, var(--ink));font-size:.72rem;font-weight:750;text-decoration:none}.hero{padding:var(--start-space-5);background:radial-gradient(circle at 13% 16%, color-mix(in srgb, var(--yellow) 22%, transparent), transparent 30%), radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--blue) 16%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, var(--paper) 96%, var(--primary) 4%), color-mix(in srgb, var(--paper-soft) 92%, var(--mint)));box-shadow:var(--shadow)}.start-hero{display:contents}:root[data-theme=dark] .hero{background:radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--yellow) 13%, transparent), transparent 32%), radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--blue) 13%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, var(--paper) 94%, var(--primary) 5%), color-mix(in srgb, var(--paper-soft) 88%, var(--mint)));border-color:var(--control-border)}.start-hero__copy{z-index:2;gap:var(--start-space-3);border:1.5px solid var(--line);border-radius:var(--start-radius-md);padding:var(--start-space-5);background:radial-gradient(circle at 13% 16%, color-mix(in srgb, var(--yellow) 22%, transparent), transparent 30%), radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--blue) 16%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, var(--paper) 96%, var(--primary) 4%), color-mix(in srgb, var(--paper-soft) 92%, var(--mint)));box-shadow:var(--shadow-soft);order:1;display:grid;position:relative;overflow:hidden}.start-hero__copy:before{content:"";border:14px solid color-mix(in srgb, var(--pink) 62%, transparent);opacity:.34;border-radius:999px;width:92px;height:92px;position:absolute;top:-34px;right:18%;transform:rotate(12deg)}.wordmark{letter-spacing:-.04em;text-transform:lowercase;width:fit-content;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:clamp(31px,9vw,52px);font-weight:700}.start-eyebrow{border:1px solid color-mix(in srgb, var(--green) 44%, var(--ink));width:fit-content;padding:var(--start-space-1) var(--start-space-3);background:color-mix(in srgb, var(--green) 13%, var(--paper));color:color-mix(in srgb, var(--ink) 76%, var(--green));text-transform:uppercase;letter-spacing:.05em;border-radius:999px;font-size:.78rem;font-weight:950}.hero h1{max-width:11ch;margin:0;font-size:clamp(40px,12vw,64px);line-height:.9}.start-lede{max-width:36ch;color:var(--muted);font-size:clamp(.98rem,3.8vw,1.1rem)}.app-illustration{border:1.5px dashed color-mix(in srgb, var(--ink) 12%, transparent);border-radius:var(--start-radius-lg);background:radial-gradient(circle at 16% 76%, color-mix(in srgb, var(--green) 20%, transparent), transparent 24%), radial-gradient(circle at 84% 22%, color-mix(in srgb, var(--blue) 18%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--paper) 88%, var(--mint)), color-mix(in srgb, var(--paper-alt) 94%, transparent));order:2;place-items:center;min-height:230px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .app-illustration{background:radial-gradient(circle at 16% 76%, color-mix(in srgb, var(--green) 13%, transparent), transparent 24%), radial-gradient(circle at 84% 22%, color-mix(in srgb, var(--blue) 14%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--paper) 88%, var(--mint)), color-mix(in srgb, var(--paper-alt) 88%, var(--paper)));border-color:var(--control-border)}.start-illustration-image{object-fit:contain;width:min(100%,390px);max-width:none;height:auto;filter:drop-shadow(0 18px 28px color-mix(in srgb, var(--ink) 12%, transparent));display:block;transform:translateY(6px)}.start-footer{color:color-mix(in srgb, var(--muted) 82%, transparent);letter-spacing:.03em;text-align:center;flex-wrap:wrap;order:4;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.74rem;font-weight:800;display:flex}.start-footer a{padding:0}.start-actions{gap:var(--start-space-4);padding:var(--start-space-5);background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, var(--yellow) 4%), var(--paper)), radial-gradient(circle at 10px 10px, color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1.4px);background-size:auto,20px 20px;order:3;display:grid}.start-actions:before{content:"";background:radial-gradient(circle at 8px 6px, transparent 5px, color-mix(in srgb, var(--primary) 30%, var(--line)) 5.5px) left top / 16px 12px repeat-x;opacity:.82;height:12px;position:absolute;inset:0 0 auto}:root[data-theme=dark] .start-actions{border-color:var(--control-border);background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, var(--yellow) 4%), var(--paper)), radial-gradient(circle at 10px 10px, color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1.4px);box-shadow:var(--shadow-soft), inset 0 1px 0 #fff6e50d}.start-actions__header{z-index:1;gap:var(--start-space-2);padding-top:var(--start-space-2);display:none;position:relative}.start-actions__header .stamp{width:fit-content;transform:rotate(-2deg)}.start-actions h2{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,8vw,3rem);line-height:.94}.start-actions__header p:not(.stamp){max-width:34ch;color:var(--muted);font-size:.96rem}.receipt-file-input{display:none}.ticket-stack{gap:var(--start-space-3);display:grid}.choice{border:1.5px solid var(--line-strong);border-radius:var(--start-radius-md);align-items:center;gap:var(--start-space-3);text-align:left;width:100%;min-height:84px;padding:var(--start-space-3);box-shadow:var(--shadow-soft);color:var(--ink);cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s;display:flex;position:relative}.choice:hover:not(:disabled),.choice:focus-visible{box-shadow:var(--shadow);transform:translateY(-2px)}.choice:active:not(:disabled){transform:translateY(0)}.choice.primary{border-color:color-mix(in srgb, var(--primary-strong) 54%, var(--line-strong));background:radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--yellow) 30%, transparent), transparent 30%), linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, var(--yellow)));min-height:96px;color:var(--primary-contrast)}.choice.secondary{background:radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--green) 13%, transparent), transparent 44%), color-mix(in srgb, var(--paper) 96%, var(--mint))}.dev-choice{background:color-mix(in srgb, var(--paper-alt) 74%, transparent);opacity:.74;border-style:dashed;min-height:72px}:root[data-theme=dark] .choice{border-color:var(--control-border);box-shadow:0 10px 24px #0000003d,inset 0 1px #fff6e50d}:root[data-theme=dark] .choice.secondary,:root[data-theme=dark] .dev-choice{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--green) 14%, transparent), transparent 42%), color-mix(in srgb, var(--paper) 90%, var(--mint) 12%)}.choice-copy{min-width:0;padding-right:var(--start-space-8)}.choice strong{color:inherit;letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.18rem,4.8vw,1.42rem);display:block}.choice small{color:inherit;margin-top:var(--start-space-1);opacity:.86;line-height:1.35;display:block}.choice:not(.primary) small{color:var(--muted);opacity:1}.mock-badge{top:var(--start-space-2);right:var(--start-space-2);background:linear-gradient(135deg, var(--coral), color-mix(in srgb, var(--coral) 70%, var(--yellow)));color:var(--paper-alt);padding:var(--start-space-1) var(--start-space-2);letter-spacing:.05em;box-shadow:0 2px 8px color-mix(in srgb, var(--coral) 40%, transparent);border-radius:999px;font-size:.62rem;font-weight:900;animation:2s ease-in-out infinite mockPulse;position:absolute}@keyframes mockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.choice-icon{border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:var(--start-radius-sm);background:color-mix(in srgb, var(--paper-alt) 45%, transparent);flex:0 0 50px;place-items:center;width:50px;height:50px;font-size:1.45rem;display:grid}.choice.primary .choice-icon{background:color-mix(in srgb, var(--paper-alt) 22%, transparent)}.safe-note{border:1px dashed color-mix(in srgb, var(--primary) 42%, var(--line));padding:var(--start-space-2) var(--start-space-3);background:color-mix(in srgb, var(--primary) 14%, var(--paper));color:color-mix(in srgb, var(--ink) 78%, var(--primary));text-align:center;border-radius:999px;font-size:.82rem;font-weight:800}.error-message{z-index:100;align-items:center;gap:var(--start-space-3);width:min(100%,1100px);margin:var(--start-space-4) auto 0;padding:14px var(--start-space-4);border:1.5px solid color-mix(in srgb, var(--coral) 60%, var(--ink));background:color-mix(in srgb, var(--coral) 12%, var(--paper));box-shadow:var(--shadow-soft);border-radius:20px;animation:.28s errorSlideIn;display:flex;position:relative}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{background:color-mix(in srgb, var(--coral) 20%, transparent);border-radius:999px;flex:0 0 28px;place-items:center;height:28px;font-size:1rem;display:grid}.error-message p{color:var(--ink);flex:1;margin:0;font-size:.88rem;font-weight:700;line-height:1.45}.error-dismiss{border:1.5px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--paper) 80%, var(--paper-alt));height:32px;color:var(--muted);cursor:pointer;border-radius:999px;flex:0 0 32px;place-items:center;font-size:1.25rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid}:root[data-theme=dark] .error-message,:root[data-theme=dark] .error-dismiss{background:color-mix(in srgb, var(--paper) 92%, var(--coral) 8%);border-color:color-mix(in srgb, var(--coral) 44%, var(--line))}.error-dismiss:hover{background:var(--coral);border-color:var(--coral);color:var(--paper-alt)}.error-dismiss:focus-visible{outline:3px solid color-mix(in srgb, var(--coral) 40%, transparent);outline-offset:2px}@media (width<=759px){.start-frame{gap:var(--start-space-3);margin-top:var(--start-space-10)}.start-hero__copy{gap:var(--start-space-2);padding:var(--start-space-4)}.wordmark{font-size:clamp(25px,6.8vw,34px)}.start-eyebrow{padding:var(--start-space-1) var(--start-space-3);font-size:.74rem}.hero h1{font-size:clamp(34px,9.6vw,46px)}.start-lede{font-size:clamp(.92rem,3.4vw,1rem);line-height:1.42}.app-illustration{order:2;min-height:184px}.start-illustration-image{width:min(86%,320px)}.start-actions{gap:var(--start-space-3);padding:var(--start-space-4);order:3}.ticket-stack{gap:var(--start-space-3)}.choice{min-height:74px;padding:var(--start-space-3)}.choice.primary{margin-top:var(--start-space-3);min-height:84px}.dev-choice{opacity:.58;min-height:56px}.choice-icon{flex-basis:44px;width:44px;height:44px;font-size:1.24rem}.choice strong{font-size:clamp(1.06rem,4vw,1.22rem)}.choice small{line-height:1.28}.choice-copy{padding-right:var(--start-space-7)}.safe-note{padding:var(--start-space-2) var(--start-space-3);font-size:.76rem}.error-message{top:calc(env(safe-area-inset-top,0px) + var(--start-space-10) + var(--start-space-6));right:max(var(--start-space-4), env(safe-area-inset-right,0px));left:max(var(--start-space-4), env(safe-area-inset-left,0px));z-index:120;width:auto;max-height:calc(100dvh - var(--start-space-10) - var(--start-space-10));padding:var(--start-space-3);border-radius:var(--start-radius-md);box-shadow:var(--shadow);align-items:flex-start;margin:0;position:fixed;overflow:auto}}@media (width<=759px) and (height<=720px){.start-frame{gap:var(--start-space-2);margin-top:var(--start-space-8)}.start-hero__copy{gap:var(--start-space-1);padding:var(--start-space-3)}.wordmark{font-size:clamp(23px,6.4vw,32px)}.start-eyebrow{padding:var(--start-space-1) var(--start-space-2);font-size:.72rem}.hero h1{font-size:clamp(32px,9.2vw,44px)}.start-lede{font-size:clamp(.88rem,3.2vw,.96rem);line-height:1.34}.app-illustration{min-height:142px}.start-illustration-image{width:min(78%,260px)}.start-actions{gap:var(--start-space-2);padding:var(--start-space-3)}.ticket-stack{gap:var(--start-space-2)}.choice{min-height:66px;padding:var(--start-space-2) var(--start-space-3)}.choice.primary{min-height:76px}.dev-choice{opacity:.52;min-height:48px}.choice-icon{flex-basis:40px;width:40px;height:40px;font-size:1.15rem}.choice strong{font-size:clamp(1rem,3.8vw,1.16rem)}.choice small{line-height:1.2}.choice-copy{padding-right:var(--start-space-6)}.safe-note{padding:var(--start-space-1) var(--start-space-3);font-size:.72rem}}@media (width<=759px) and (height<=620px){.start-frame{gap:var(--start-space-1);margin-top:var(--start-space-6)}.app-illustration{min-height:124px}.start-illustration-image{width:min(72%,230px)}.choice{min-height:62px}.choice.primary{min-height:72px}}@media (width>=760px){.start-screen{padding:clamp(var(--start-space-8), 5vw, 56px) clamp(var(--start-space-6), 6vw, 72px);align-content:center}.start-screen:before{background:radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--yellow) 20%, transparent), transparent 28%), radial-gradient(circle at 78% 12%, color-mix(in srgb, var(--blue) 18%, transparent), transparent 26%), radial-gradient(circle at 76% 82%, color-mix(in srgb, var(--green) 16%, transparent), transparent 30%);opacity:1;border:0;border-radius:0;inset:0}.home-controls{right:clamp(var(--start-space-6), 4vw, 48px);top:clamp(var(--start-space-6), 4vw, 48px)}.start-frame{align-items:center;gap:clamp(var(--start-space-6), 4vw, 52px);grid-template-columns:minmax(0,1.08fr) minmax(330px,.76fr);width:min(100%,1180px);margin-top:0}.start-screen .hero.paper-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.start-screen .hero.paper-card:after{content:none}.start-screen .start-actions.paper-card{padding:clamp(var(--start-space-5), 3vw, 36px)}.start-hero{grid-template-rows:auto minmax(230px,1fr) auto;display:grid}.start-hero__copy{box-shadow:none;background:0 0;border:0;border-radius:0;order:0;padding:0;overflow:visible}.start-hero__copy:before{content:none}.wordmark{font-size:clamp(42px,5vw,72px)}.hero h1{max-width:16ch;font-size:clamp(54px,5.6vw,72px)}.app-illustration{background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--paper) 28%, transparent), transparent 66%), radial-gradient(circle at 16% 76%, color-mix(in srgb, var(--green) 20%, transparent), transparent 24%), radial-gradient(circle at 84% 22%, color-mix(in srgb, var(--blue) 18%, transparent), transparent 26%);min-height:318px;box-shadow:none;border:0;border-radius:0;overflow:visible}.start-illustration-image{width:min(118%,620px);transform:translateY(10px)}.start-footer{justify-content:flex-start;gap:var(--start-space-3);margin-top:var(--start-space-2);text-align:left}.start-screen .start-actions.paper-card{background:radial-gradient(circle at 100% 8%, color-mix(in srgb, var(--yellow) 18%, transparent), transparent 38%), radial-gradient(circle at 6% 92%, color-mix(in srgb, var(--blue) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 34%, transparent), color-mix(in srgb, var(--paper) 16%, transparent));width:min(100%,430px);box-shadow:none;border:0;border-radius:0;align-content:center;justify-self:end;overflow:visible}.start-screen .start-actions.paper-card:before,.start-screen .start-actions.paper-card:after{content:none}:root[data-theme=dark] .start-screen .start-actions.paper-card{background:radial-gradient(circle at 100% 8%, color-mix(in srgb, var(--yellow) 10%, transparent), transparent 38%), radial-gradient(circle at 6% 92%, color-mix(in srgb, var(--blue) 10%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 28%, transparent), color-mix(in srgb, var(--paper) 12%, transparent));box-shadow:none;border:0}.start-actions__header{display:grid}.ticket-stack{gap:var(--start-space-4)}.choice{min-height:96px;padding:var(--start-space-4)}.choice.primary{min-height:116px}}@media (width>=1040px){.start-screen{padding:clamp(var(--start-space-10), 5vw, 80px) clamp(48px, 7vw, 104px)}.start-frame{gap:clamp(var(--start-space-10), 6vw, 88px);grid-template-columns:minmax(0,1fr) minmax(360px,430px);width:min(100%,1240px)}.start-hero{gap:var(--start-space-6);grid-template-rows:auto minmax(360px,1fr) auto}.wordmark{font-size:clamp(56px,5vw,76px)}.hero h1{font-size:clamp(64px,6vw,92px)}.start-lede{max-width:42ch;font-size:1.18rem}.app-illustration{min-height:360px}.start-illustration-image{width:min(110%,580px)}.start-screen .start-actions.paper-card{margin-top:clamp(var(--start-space-4), 3vw, 40px)}}.receipt-loader{z-index:80;background:radial-gradient(circle at 12% 14%, color-mix(in srgb, var(--coral,#f26a55) 18%, transparent), transparent 28%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--blue,#8ecae6) 22%, transparent), transparent 30%), radial-gradient(circle at 80% 84%, color-mix(in srgb, var(--yellow,#ffb703) 18%, transparent), transparent 30%), color-mix(in srgb, var(--paper,#fff8ec) 94%, var(--paper-alt,#fffdf3));place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.receipt-loader:before{content:"";pointer-events:none;opacity:.36;background-image:radial-gradient(color-mix(in srgb, var(--ink,#1f2937) 10%, transparent) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0}.receipt-loader__shapes{pointer-events:none;position:absolute;inset:0}.loader-shape{opacity:.82;animation:7s ease-in-out infinite loaderFloat;position:absolute}.loader-shape--coral{background:var(--coral,#f26a55);border-radius:24px;width:74px;height:74px;top:10%;left:7%;transform:rotate(12deg)}.loader-shape--yellow{background:var(--yellow,#ffb703);border-radius:999px;width:88px;height:88px;animation-delay:-1.8s;top:13%;right:8%}.loader-shape--blue{background:var(--blue,#8ecae6);width:76px;height:76px;animation-delay:-3.2s;bottom:12%;right:12%;transform:rotate(45deg)}.loader-shape--green{background:var(--green,#6fbf73);border-radius:999px;width:112px;height:58px;animation-delay:-4.4s;bottom:14%;left:9%}.receipt-loader__card{z-index:1;border:1px solid color-mix(in srgb, var(--ink,#1f2937) 14%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--paper,#fffaf0) 96%, var(--primary,#f26a55) 4%), var(--paper,#fffaf0)), radial-gradient(circle at 10px 10px, color-mix(in srgb, var(--ink,#1f2937) 5%, transparent) 1px, transparent 1.4px);width:min(100%,520px);box-shadow:0 24px 80px color-mix(in srgb, var(--ink,#1f2937) 16%, transparent);background-size:auto,20px 20px;border-radius:36px;padding:clamp(20px,5vw,30px);position:relative}.receipt-loader__header{text-align:center}.receipt-loader__stamp{border:1px solid color-mix(in srgb, var(--primary,#f26a55) 54%, var(--ink,#1f2937));background:color-mix(in srgb, var(--primary,#f26a55) 12%, var(--paper,#fffaf0));width:fit-content;color:color-mix(in srgb, var(--ink,#1f2937) 82%, var(--primary,#f26a55));text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:.76rem;font-weight:950;display:inline-flex;transform:rotate(-1.5deg)}.receipt-loader__header h2{color:var(--ink,#1f2937);letter-spacing:-.07em;margin:0;font-size:clamp(2rem,8vw,3.05rem);line-height:.95}.receipt-loader__header p{max-width:36ch;color:var(--muted,#746f67);margin:12px auto 0;font-size:.96rem;line-height:1.5}.receipt-printer{justify-items:center;min-height:310px;margin:12px 0 18px;display:grid;position:relative}.printer-body{z-index:3;border:1px solid color-mix(in srgb, var(--ink,#1f2937) 16%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--paper-alt,#fffdf3) 86%, var(--blue,#8ecae6) 14%), var(--paper-alt,#fffdf3));width:250px;height:84px;box-shadow:0 16px 34px color-mix(in srgb, var(--ink,#1f2937) 12%, transparent);border-radius:28px;margin-top:28px;position:relative}.printer-slot{background:color-mix(in srgb, var(--ink,#1f2937) 18%, transparent);border-radius:999px;height:16px;position:absolute;bottom:18px;left:24px;right:24px}.printer-light{background:var(--green,#6fbf73);width:13px;height:13px;box-shadow:0 0 0 6px color-mix(in srgb, var(--green,#6fbf73) 18%, transparent);border-radius:999px;animation:.95s ease-in-out infinite printerBlink;position:absolute;top:20px;right:28px}.printed-receipt{z-index:2;border:1px solid color-mix(in srgb, var(--ink,#1f2937) 14%, transparent);background:var(--paper-alt,#fffdf3);width:210px;min-height:198px;box-shadow:0 20px 44px color-mix(in srgb, var(--ink,#1f2937) 14%, transparent);transform-origin:top;border-radius:0 0 24px 24px;margin-top:-6px;animation:2.2s ease-in-out infinite receiptPrint;position:relative;overflow:hidden}.printed-receipt__edge{background:radial-gradient(circle at 7px 5px, transparent 6px, color-mix(in srgb, var(--yellow,#ffb703) 28%, var(--paper-alt,#fffdf3)) 6.5px) left top / 18px 13px repeat-x;height:13px}.printed-receipt__brand{text-align:center;gap:3px;padding:18px 18px 12px;display:grid}.printed-receipt__brand strong{color:var(--primary,#f26a55);font-size:.95rem;font-weight:950}.printed-receipt__brand span{color:var(--muted,#746f67);font-size:.68rem;font-weight:850}.printed-receipt__lines{gap:10px;padding:6px 18px 14px;display:grid}.printed-receipt__lines i{width:var(--line-width);background:color-mix(in srgb, var(--ink,#1f2937) 13%, transparent);border-radius:999px;height:10px;animation:1.3s ease-in-out infinite linePulse;display:block}.printed-receipt__lines i:nth-child(2){animation-delay:.12s}.printed-receipt__lines i:nth-child(3){animation-delay:.24s}.printed-receipt__lines i:nth-child(4){animation-delay:.36s}.scan-beam{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--blue,#8ecae6) 38%, transparent), transparent);mix-blend-mode:multiply;height:48px;animation:1.7s ease-in-out infinite scanReceipt;position:absolute;top:40px;left:0;right:0}.printed-receipt__total{border-top:1px dashed color-mix(in srgb, var(--ink,#1f2937) 18%, transparent);color:var(--ink,#1f2937);justify-content:space-between;gap:12px;margin:0 18px 18px;padding-top:12px;display:flex}.printed-receipt__total span{font-size:.78rem;font-weight:850}.printed-receipt__total strong{font-size:.95rem;font-weight:950}.food-scan-row{z-index:4;justify-content:center;gap:8px;display:flex;position:absolute;bottom:24px;left:0;right:0}.food-scan-row span{border:1px solid color-mix(in srgb, var(--ink,#1f2937) 12%, transparent);background:color-mix(in srgb, var(--paper,#fffaf0) 88%, white 12%);opacity:.38;border-radius:15px;place-items:center;width:38px;height:38px;transition:opacity .22s,transform .22s,background .22s;display:grid;transform:translateY(8px)scale(.92)}.food-scan-row span.is-scanned{opacity:1;background:color-mix(in srgb, var(--green,#6fbf73) 18%, var(--paper,#fffaf0));animation:.56s both foodPop;animation-delay:var(--delay);transform:translateY(0)scale(1)}.receipt-loader__progress{gap:10px;display:grid}.progress-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.progress-label span{color:var(--ink,#1f2937);font-size:.9rem;font-weight:850}.progress-label strong{color:var(--primary,#f26a55);font-size:.98rem;font-weight:950}.receipt-progress{border:1px solid color-mix(in srgb, var(--ink,#1f2937) 12%, transparent);background:color-mix(in srgb, var(--ink,#1f2937) 7%, transparent);border-radius:999px;height:14px;position:relative;overflow:hidden}.receipt-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary,#f26a55), var(--yellow,#ffb703), var(--blue,#8ecae6));width:0%;transition:width .38s;position:absolute;inset:0 auto 0 0}.receipt-loader__steps{grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0 0;padding:0;list-style:none;display:grid}.receipt-loader__steps li{color:var(--muted,#746f67);text-align:center;justify-items:center;gap:6px;font-size:.68rem;font-weight:850;display:grid}.receipt-loader__steps li span{border:1px solid color-mix(in srgb, var(--ink,#1f2937) 12%, transparent);background:color-mix(in srgb, var(--paper,#fffaf0) 86%, white 14%);width:31px;height:31px;color:var(--muted,#746f67);border-radius:999px;place-items:center;font-size:.86rem;display:grid}.receipt-loader__steps li.is-active,.receipt-loader__steps li.is-done{color:var(--ink,#1f2937)}.receipt-loader__steps li.is-active span{border-color:color-mix(in srgb, var(--primary,#f26a55) 58%, var(--ink,#1f2937));background:var(--primary,#f26a55);color:var(--primary-contrast,#fff);animation:.95s ease-in-out infinite activeStepPop}.receipt-loader__steps li.is-done span{border-color:color-mix(in srgb, var(--green,#6fbf73) 46%, var(--ink,#1f2937));background:color-mix(in srgb, var(--green,#6fbf73) 20%, var(--paper,#fffaf0));color:var(--ink,#1f2937)}.receipt-loader__tip{border:1px dashed color-mix(in srgb, var(--ink,#1f2937) 14%, transparent);background:color-mix(in srgb, var(--yellow,#ffb703) 10%, transparent);border-radius:20px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px;display:flex}.receipt-loader__tip p{color:var(--muted,#746f67);margin:0;font-size:.88rem;line-height:1.45}.receipt-loader__cancel{border:1px solid color-mix(in srgb, var(--ink,#1f2937) 12%, transparent);min-height:44px;color:var(--muted,#746f67);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin:16px auto 0;padding:9px 14px;font-size:.86rem;font-weight:850;transition:all .2s;display:block}.receipt-loader__cancel:hover{background:color-mix(in srgb, var(--ink,#1f2937) 5%, transparent)}.receipt-loader__cancel:focus-visible{outline:3px solid color-mix(in srgb, var(--primary,#f26a55) 40%, transparent);outline-offset:3px}@keyframes receiptPrint{0%,to{clip-path:inset(0 0 28%);transform:translateY(-4px)}50%{clip-path:inset(0);transform:translateY(6px)}}@keyframes scanReceipt{0%,to{opacity:.15;transform:translateY(0)}50%{opacity:.95;transform:translateY(116px)}}@keyframes linePulse{0%,to{opacity:.34}50%{opacity:.88}}@keyframes foodPop{0%{transform:translateY(10px)scale(.86)rotate(-8deg)}65%{transform:translateY(-3px)scale(1.08)rotate(4deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes printerBlink{0%,to{opacity:.45}50%{opacity:1}}@keyframes activeStepPop{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes loaderFloat{0%,to{translate:0}50%{translate:0 -14px}}:root[data-theme=dark] .receipt-loader{background:radial-gradient(circle at 12% 14%, color-mix(in srgb, var(--coral,#f26a55) 12%, transparent), transparent 28%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--blue,#8ecae6) 12%, transparent), transparent 30%), var(--app-bg,#11130f)}:root[data-theme=dark] .receipt-loader__card{background:linear-gradient(180deg, color-mix(in srgb, var(--paper,#1f211d) 95%, var(--primary,#f26a55) 5%), var(--paper,#1f211d)), radial-gradient(circle at 10px 10px, color-mix(in srgb, var(--ink,#f7f1df) 6%, transparent) 1px, transparent 1.4px)}:root[data-theme=dark] .food-scan-row span,:root[data-theme=dark] .receipt-loader__steps li span{background:color-mix(in srgb, var(--paper,#1f211d) 88%, transparent)}:root[data-theme=dark] .printed-receipt{background:#fffdf3}:root[data-theme=dark] .printed-receipt *{color:#1f2937}@media (prefers-reduced-motion:reduce){.loader-shape,.printed-receipt,.scan-beam,.printed-receipt__lines i,.food-scan-row span.is-scanned,.printer-light,.receipt-loader__steps li.is-active span,.receipt-progress span{animation:none}.receipt-progress span{transition:none}.printed-receipt{clip-path:none;transform:none}.scan-beam{opacity:.4;transform:translateY(80px)}}@media (width>=760px){.receipt-loader__card{padding:44px 40px}}.content-page{--content-space-1:4px;--content-space-2:8px;--content-space-3:12px;--content-space-4:16px;--content-space-5:20px;--content-space-6:24px;--content-space-7:32px;--content-space-8:40px;--content-control:44px;--content-radius-card:var(--radius);--content-radius-tight:var(--radius-sm);--content-column:680px;gap:var(--content-space-6);min-height:100dvh;padding:0 var(--content-space-4) var(--content-space-7);background:radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--yellow) 18%, transparent), transparent 28%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--green) 14%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 84%, var(--paper-soft)), color-mix(in srgb, var(--paper-soft) 88%, var(--paper)));color:var(--ink);align-content:start;display:grid;overflow-x:hidden}.content-page:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(color-mix(in srgb, var(--ink) 32%, transparent) .65px, transparent .75px), radial-gradient(color-mix(in srgb, var(--coral) 44%, transparent) .65px, transparent .75px);background-size:var(--content-space-3) var(--content-space-3), var(--content-space-5) var(--content-space-5);mix-blend-mode:multiply;position:fixed;inset:0}:root[data-theme=dark] .content-page:before{opacity:.08;mix-blend-mode:screen}.app-container:has(.content-page){background:0 0;max-width:none}.content-header,.content-main,.content-footer{z-index:1;position:relative}.content-header{top:var(--content-space-3);z-index:40;justify-content:space-between;align-items:center;gap:var(--content-space-3);box-sizing:border-box;width:min(100%, calc(var(--content-column) + var(--content-space-8)));min-height:calc(var(--content-control) + var(--content-space-4));margin:var(--content-space-3) auto 0;padding:var(--content-space-2) var(--content-space-3);border:1px solid color-mix(in srgb, var(--control-border) 78%, transparent);border-radius:calc(var(--content-radius-card) + var(--content-space-5));backdrop-filter:blur(var(--content-space-5)) saturate(1.14);background:radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--yellow) 24%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--paper) 74%, transparent), color-mix(in srgb, var(--paper-alt) 52%, transparent) 54%, color-mix(in srgb, var(--paper-soft) 68%, transparent));box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--paper-alt) 64%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--line) 34%, transparent);display:flex;position:sticky}:root[data-theme=dark] .content-header{border-color:color-mix(in srgb, var(--paper-alt) 36%, var(--line));background:radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--yellow) 14%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--paper) 76%, transparent), color-mix(in srgb, var(--paper-alt) 58%, transparent) 54%, color-mix(in srgb, var(--paper-soft) 46%, transparent));box-shadow:0 var(--content-space-5) var(--content-space-8) color-mix(in srgb, var(--ink) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--paper-alt) 34%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--line) 44%, transparent)}.content-brand{min-width:0;min-height:var(--content-control);color:var(--ink);letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,4vw,1.2rem);font-weight:850;text-decoration:none;display:inline-flex;overflow:hidden}.content-brand:hover{color:var(--primary-strong)}.content-nav-actions{align-items:center;gap:var(--content-space-2);flex:none;min-width:0;display:flex}.appearance-control.content-theme{flex:none;margin-left:0}.content-theme .appearance-trigger{width:var(--content-control);min-width:var(--content-control);height:var(--content-control);min-height:var(--content-control);border:1px solid color-mix(in srgb, var(--control-border) 74%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--paper-alt) 82%, transparent), color-mix(in srgb, var(--paper-soft) 64%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--paper-alt) 72%, transparent), 0 var(--content-space-1) var(--content-space-3) color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;grid-template-columns:1fr;place-items:center;padding:0;display:grid}.content-theme .appearance-trigger:hover,.content-theme .appearance-trigger:focus-visible{border-color:color-mix(in srgb, var(--primary) 48%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 10%, var(--paper-alt)), color-mix(in srgb, var(--yellow) 12%, var(--paper-soft)))}.content-theme .trigger-icon{width:calc(var(--content-control) - var(--content-space-3));height:calc(var(--content-control) - var(--content-space-3));background:color-mix(in srgb, var(--yellow) 20%, var(--paper-alt));border-radius:999px;font-size:1rem}.content-theme .trigger-text{display:none}.content-theme .appearance-menu{right:0}.referral-share.content-share{flex:none}.content-share .referral-trigger{width:var(--content-control);min-width:var(--content-control);height:var(--content-control);min-height:var(--content-control);border:1px solid color-mix(in srgb, var(--control-border) 74%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--paper-alt) 82%, transparent), color-mix(in srgb, var(--paper-soft) 64%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--paper-alt) 72%, transparent), 0 var(--content-space-1) var(--content-space-3) color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;grid-template-columns:1fr;place-items:center;padding:0;display:grid}.content-share .referral-trigger:hover,.content-share .referral-trigger:focus-visible{border-color:color-mix(in srgb, var(--green) 48%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--green) 10%, var(--paper-alt)), color-mix(in srgb, var(--yellow) 12%, var(--paper-soft)))}.content-share .referral-trigger-icon{width:calc(var(--content-control) - var(--content-space-3));height:calc(var(--content-control) - var(--content-space-3));background:color-mix(in srgb, var(--green) 20%, var(--paper-alt));border-radius:999px}.content-share .referral-trigger-text{display:none}.content-cta{width:fit-content;min-height:var(--content-control);padding:0 var(--content-space-5);border:1px solid var(--line);background:color-mix(in srgb, var(--paper-alt) 80%, transparent);color:var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-size:.94rem;font-weight:850;text-decoration:none;display:inline-flex}.content-cta:hover{border-color:color-mix(in srgb, var(--primary) 46%, var(--line));background:color-mix(in srgb, var(--primary) 8%, var(--paper-alt));color:var(--primary-strong)}.content-brand:focus-visible,.content-theme .appearance-trigger:focus-visible,.content-cta:focus-visible,.site-footer a:focus-visible,.content-footer a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.content-main{gap:var(--content-space-7);width:min(100%, var(--content-column));margin:0 auto;display:grid}.content-footer{justify-content:center;gap:var(--content-space-2) var(--content-space-3);width:min(100%, var(--content-column));color:var(--muted);flex-wrap:wrap;margin:0 auto;font-size:.88rem;display:flex}.content-footer a{min-height:var(--content-control);color:color-mix(in srgb, var(--muted) 84%, var(--ink));border-radius:999px;align-items:center;font-weight:750;text-decoration:none;display:inline-flex}.content-footer a:hover,.site-footer a:hover,.start-footer a:hover{color:var(--primary-strong);text-underline-offset:4px;text-decoration:underline 2px}@media (prefers-reduced-motion:no-preference){.content-cta,.content-theme .appearance-trigger{transition:border-color .16s,background .16s,color .16s,transform .16s}.content-cta:hover,.content-theme .appearance-trigger:hover{transform:translateY(-1px)}}@media (width>=760px){.content-page{padding-inline:var(--content-space-6);gap:var(--content-space-7)}.content-header{min-height:68px}}@media (width>=1040px){.content-page{padding-bottom:var(--content-space-8)}.content-main{gap:var(--content-space-8)}}@media (width<=430px){.content-page{padding-inline:var(--content-space-3)}.content-header{top:var(--content-space-2);gap:var(--content-space-1);width:100%;min-height:calc(var(--content-control) + var(--content-space-2));margin-top:var(--content-space-2);padding:var(--content-space-1) var(--content-space-2);border-radius:calc(var(--content-radius-card) + var(--content-space-3))}.content-brand{flex:auto;font-size:clamp(.96rem,4vw,1.05rem)}.content-nav-actions{gap:var(--content-space-1)}.content-theme .appearance-menu{width:min(calc(100vw - (var(--content-space-6) * 2)), 320px);max-width:calc(100vw - (var(--content-space-6) * 2));right:0}}.referral-board{--ref-text-xs:.74rem;--ref-text-sm:.88rem;--ref-text-lg:1.12rem;isolation:isolate;gap:var(--content-space-4);border:1px solid var(--line);border-radius:clamp(var(--content-space-5), 3vw, var(--content-space-8));padding:clamp(var(--content-space-4), 4vw, var(--content-space-6));background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--yellow) 30%, transparent), transparent 30%), radial-gradient(circle at 95% 4%, color-mix(in srgb, var(--coral) 20%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--paper-alt) 90%, var(--yellow) 4%), color-mix(in srgb, var(--paper) 94%, transparent));box-shadow:var(--shadow);display:grid;position:relative;overflow:hidden}.referral-board:before,.referral-board:after{content:"";z-index:-1;pointer-events:none;opacity:.9;border-radius:999px;position:absolute}.referral-board:before{background:color-mix(in srgb, var(--green) 22%, transparent);width:88px;height:88px;top:86px;right:-30px}.referral-board:after{background:color-mix(in srgb, var(--purple) 22%, transparent);width:72px;height:72px;bottom:140px;left:-25px}.referral-board-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:var(--content-space-3);flex-wrap:wrap;display:flex;position:relative}.referral-board-header>div{min-width:0}figure.referral-board-illustration{aspect-ratio:1;border-radius:var(--content-radius-card);width:clamp(112px,28vw,180px);min-width:0;max-width:min(42vw,180px);padding:var(--content-space-2);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--yellow) 34%, transparent), transparent 38%), radial-gradient(circle at 76% 78%, color-mix(in srgb, var(--green) 22%, transparent), transparent 42%), color-mix(in srgb, var(--paper-alt) 82%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), 0 var(--content-space-3) var(--content-space-5) color-mix(in srgb, var(--ink) 9%, transparent);flex:0 clamp(112px,28vw,180px);place-items:center;margin:0;display:grid;overflow:hidden}figure.referral-board-illustration img{aspect-ratio:1;object-fit:contain;width:100%;max-width:100%;height:auto;filter:drop-shadow(0 var(--content-space-2) var(--content-space-3) color-mix(in srgb, var(--ink) 16%, transparent));display:block}.referral-board-eyebrow{align-items:center;gap:var(--content-space-1);width:max-content;padding:var(--content-space-1) var(--content-space-3);background:color-mix(in srgb, var(--primary) 14%, var(--paper));color:color-mix(in srgb, var(--ink) 72%, var(--primary));font-size:var(--ref-text-xs);letter-spacing:.04em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 36%, transparent);border-radius:999px;margin:0;font-weight:950;display:inline-flex}.referral-board-eyebrow svg{stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.referral-board-header h1{margin:var(--content-space-2) 0 var(--content-space-1);color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.46rem,6vw,1.8rem);line-height:1.05}.referral-board-header h1+p{max-width:38ch;color:var(--muted);font-size:var(--ref-text-sm);margin:0;line-height:1.5}.referral-board-ranks{z-index:1;gap:var(--content-space-3);display:grid;position:relative}.referral-winner{isolation:isolate;align-items:center;gap:var(--content-space-3);border:1px solid color-mix(in srgb, var(--yellow) 50%, var(--line));border-radius:var(--content-radius-card);padding:var(--content-space-4);background:linear-gradient(135deg, color-mix(in srgb, var(--paper-alt) 92%, transparent), color-mix(in srgb, var(--yellow) 18%, var(--paper-alt))), linear-gradient(135deg, var(--yellow), var(--coral));box-shadow:var(--shadow-soft);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.referral-winner.is-current{border-color:color-mix(in srgb, var(--primary) 62%, var(--yellow));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent), var(--shadow-soft)}.referral-winner-avatar{border:3px solid var(--paper-alt);border-radius:var(--content-radius-tight);background:linear-gradient(145deg, color-mix(in srgb, var(--yellow) 60%, var(--paper-alt)), color-mix(in srgb, var(--coral) 50%, var(--yellow)));width:56px;height:56px;color:var(--ink);box-shadow:0 var(--content-space-2) var(--content-space-4) color-mix(in srgb, var(--coral) 26%, transparent);place-items:center;display:grid;position:relative}.referral-winner-avatar svg{stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.referral-winner-trophy,.referral-winner-crown{color:color-mix(in srgb, var(--ink) 74%, var(--coral));filter:drop-shadow(0 var(--content-space-1) var(--content-space-2) color-mix(in srgb, var(--coral) 30%, transparent));place-items:center;display:grid}.referral-winner-avatar .referral-winner-trophy,.referral-winner-avatar .referral-winner-trophy svg{stroke-width:2.35px;width:32px;height:32px;fill:color-mix(in srgb, var(--yellow) 34%, transparent)}svg.referral-winner-trophy{display:block}.referral-winner-crown{z-index:2;top:calc(var(--content-space-2) * -1);right:calc(var(--content-space-2) * -1);border:2px solid var(--paper-alt);background:linear-gradient(135deg, var(--yellow), color-mix(in srgb, var(--coral) 72%, var(--yellow)));width:28px;height:28px;color:var(--ink);box-shadow:0 var(--content-space-1) var(--content-space-2) color-mix(in srgb, var(--coral) 30%, transparent), inset 0 1px 0 #ffffff42;border-radius:999px;position:absolute}svg.referral-winner-crown{box-sizing:border-box;stroke-width:2.35px;width:28px;height:28px;fill:color-mix(in srgb, var(--paper) 24%, transparent);padding:4px;display:block}.referral-winner-crown svg{stroke-width:2.35px;width:18px;height:18px;fill:color-mix(in srgb, var(--paper) 24%, transparent)}.referral-winner-avatar:after{content:"";background:linear-gradient(135deg, var(--yellow), var(--coral));width:16px;height:16px;box-shadow:0 2px 4px color-mix(in srgb, var(--ink) 24%, transparent);border-radius:50%;position:absolute;top:-6px;right:-6px}.referral-winner-user{gap:var(--content-space-1);min-width:0;display:grid}.referral-winner-kicker{color:color-mix(in srgb, var(--ink) 68%, var(--coral));font-size:var(--ref-text-xs);margin:0;font-weight:900}.referral-winner-user strong{color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:var(--ref-text-lg);text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.referral-winner-user code,.referral-podium-card code{min-width:0;max-width:100%;margin-top:var(--content-space-1);padding:var(--content-space-1) var(--content-space-2);background:color-mix(in srgb, var(--paper-alt) 76%, transparent);color:var(--muted);font:inherit;font-size:var(--ref-text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;font-weight:800;display:inline-flex;overflow:hidden}.referral-winner-points{border-radius:var(--content-radius-tight);min-width:72px;max-width:100%;padding:var(--content-space-2) var(--content-space-3);background:var(--ink);color:var(--paper);text-align:center;place-items:center;display:grid;overflow:hidden}.referral-winner-points strong{max-width:100%;font-size:var(--ref-text-lg);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.referral-winner-points span{max-width:100%;margin-top:var(--content-space-1);font-size:var(--ref-text-xs);opacity:.74;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:800;overflow:hidden}.referral-podium-pair{gap:var(--content-space-3);grid-template-columns:1fr 1fr;display:grid}.referral-podium-card{isolation:isolate;border:1px solid var(--line);border-radius:var(--content-radius-card);min-width:0;padding:var(--content-space-3);background:color-mix(in srgb, var(--paper-alt) 78%, transparent);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.referral-podium-card:before{content:"";z-index:-1;opacity:.26;background:var(--blue);border-radius:999px;width:76px;height:76px;position:absolute;top:-30px;right:-28px}.referral-podium-card.is-third:before{background:var(--purple)}.referral-podium-card.is-current{border-color:color-mix(in srgb, var(--primary) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent), var(--shadow-soft)}.referral-podium-top{justify-content:space-between;align-items:center;gap:var(--content-space-2);min-width:0;margin-bottom:var(--content-space-2);display:flex}.referral-podium-medal{border-radius:var(--content-radius-tight);background:color-mix(in srgb, var(--paper) 80%, var(--blue) 8%);width:34px;height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);place-items:center;font-size:1.06rem;display:grid}.referral-podium-card.is-third .referral-podium-medal{background:color-mix(in srgb, var(--paper) 80%, var(--purple) 10%)}.referral-podium-points{min-width:0;max-width:100%;padding:var(--content-space-1) var(--content-space-2);background:var(--paper);color:var(--ink);font-size:var(--ref-text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;font-weight:950;overflow:hidden}.referral-podium-card strong{color:var(--ink);font-size:var(--ref-text-sm);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;display:block;overflow:hidden}.referral-rank-list{gap:var(--content-space-2);margin:0;padding:0;list-style:none;display:grid}.referral-rank-row{grid-template-columns:var(--content-control) minmax(0, 1fr) auto;align-items:center;gap:var(--content-space-3);border:1px solid var(--line);border-radius:var(--content-radius-card);min-height:58px;padding:var(--content-space-2) var(--content-space-3);background:color-mix(in srgb, var(--paper-alt) 68%, transparent);display:grid}.referral-rank-row.is-current{border-color:color-mix(in srgb, var(--primary) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.referral-rank-number{width:var(--content-control);height:var(--content-control);border-radius:var(--content-radius-tight);background:color-mix(in srgb, var(--paper) 78%, var(--ink) 4%);color:var(--muted);font-weight:950;font-size:var(--ref-text-sm);place-items:center;display:grid}.referral-rank-user{gap:var(--content-space-1);min-width:0;display:grid}.referral-rank-user strong{color:var(--ink);font-size:var(--ref-text-sm);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.referral-rank-user code{color:var(--muted);font:inherit;font-size:var(--ref-text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.referral-rank-points{min-width:0;max-width:100%;padding:var(--content-space-1) var(--content-space-2);background:var(--paper);color:var(--ink);font-size:var(--ref-text-xs);text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;font-weight:950;overflow:hidden}.referral-you-card,.referral-state-card,.referral-loading{z-index:1;gap:var(--content-space-3);border:1px solid var(--line);border-radius:var(--content-radius-card);padding:var(--content-space-4);background:color-mix(in srgb, var(--paper-alt) 80%, transparent);box-shadow:var(--shadow-soft);display:grid;position:relative}.referral-you-card{border-color:color-mix(in srgb, var(--green) 46%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--green) 18%, transparent), color-mix(in srgb, var(--blue) 14%, transparent)), color-mix(in srgb, var(--paper-alt) 88%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 24%, transparent), 0 4px 24px color-mix(in srgb, var(--green) 18%, transparent), var(--shadow-soft);position:relative;overflow:hidden}.referral-you-card:before{content:"";z-index:-1;background:radial-gradient(ellipse 60% 60% at 80% 20%, color-mix(in srgb, var(--green) 28%, transparent), transparent 50%), radial-gradient(ellipse 50% 50% at 20% 90%, color-mix(in srgb, var(--blue) 22%, transparent), transparent 45%);opacity:.6;pointer-events:none;position:absolute;inset:0}.referral-you-card.is-invite{border-style:dashed;border-color:color-mix(in srgb, var(--blue) 46%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--blue) 12%, transparent), color-mix(in srgb, var(--purple) 10%, transparent)), color-mix(in srgb, var(--paper-alt) 88%, transparent)}.referral-you-card.is-invite:before{background:radial-gradient(ellipse 60% 60% at 80% 20%, color-mix(in srgb, var(--blue) 24%, transparent), transparent 50%), radial-gradient(ellipse 50% 50% at 20% 90%, color-mix(in srgb, var(--purple) 18%, transparent), transparent 45%)}.referral-you-top{align-items:center;gap:var(--content-space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.referral-you-badge{width:calc(var(--content-control) + 4px);height:calc(var(--content-control) + 4px);border-radius:var(--content-radius-tight);background:linear-gradient(135deg, var(--green), color-mix(in srgb, var(--green) 70%, var(--blue)));color:var(--primary-contrast);font-size:var(--ref-text-sm);box-shadow:0 var(--content-space-2) var(--content-space-4) color-mix(in srgb, var(--green) 35%, transparent), inset 0 1px 0 #ffffff40;place-items:center;font-weight:950;display:grid}.referral-you-badge svg{stroke-width:2.2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.referral-you-copy{min-width:0}.referral-you-label{align-items:center;gap:var(--content-space-1);margin:0 0 var(--content-space-1);color:color-mix(in srgb, var(--ink) 70%, var(--green));font-size:var(--ref-text-xs);font-weight:950;display:inline-flex}.referral-you-label svg,.referral-you-progress span svg{stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.referral-you-copy strong{color:var(--ink);font-size:var(--ref-text-sm);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.referral-you-copy code{margin-top:var(--content-space-1);color:var(--muted);font:inherit;font-size:var(--ref-text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:750;display:block;overflow:hidden}.referral-you-points{min-width:0;max-width:100%;padding:var(--content-space-2) var(--content-space-4);background:var(--paper);color:color-mix(in srgb, var(--green) 20%, var(--ink));font-size:var(--ref-text-sm);text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 20%, transparent), 0 2px 8px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:999px;font-weight:950;overflow:hidden}.referral-you-note{color:var(--muted);font-size:var(--ref-text-sm);margin:0;line-height:1.5}.referral-you-progress{align-items:center;gap:var(--content-space-3);color:color-mix(in srgb, var(--ink) 68%, var(--green));font-size:var(--ref-text-xs);font-weight:850;display:flex}.referral-you-progress span{align-items:center;gap:var(--content-space-1);display:inline-flex}.referral-you-bar{background:color-mix(in srgb, var(--ink) 8%, transparent);height:10px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;flex:1;overflow:hidden}.referral-you-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green), color-mix(in srgb, var(--yellow) 70%, var(--green)));height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--green) 40%, transparent);transition:width .6s ease-out;display:block}.referral-you-bar i[data-near=true]{background:linear-gradient(90deg, color-mix(in srgb, var(--green) 80%, var(--yellow)), var(--yellow));box-shadow:0 0 16px color-mix(in srgb, var(--yellow) 50%, transparent)}.referral-primary-action{justify-content:center;align-items:center;gap:var(--content-space-2);width:fit-content;min-height:calc(var(--content-control) + 4px);border:1px solid color-mix(in srgb, var(--primary-strong) 54%, var(--line-strong));padding:0 var(--content-space-6);background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 72%, var(--yellow)));color:var(--primary-contrast);font-weight:900;font-size:var(--ref-text-sm);box-shadow:0 3px 12px color-mix(in srgb, var(--primary) 35%, transparent), inset 0 1px 0 #fff3;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.referral-primary-action:hover{box-shadow:0 5px 18px color-mix(in srgb, var(--primary) 42%, transparent), inset 0 1px 0 #fff3;transform:translateY(-1px)}.referral-primary-action:active{box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 30%, transparent), inset 0 1px 0 #fff3;transform:translateY(0)scale(.98)}.referral-leaderboard-share-icon{width:var(--content-space-5);height:var(--content-space-5);stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.referral-share-status{min-height:calc(var(--content-space-5) + var(--content-space-1));margin:0;font-weight:850;color:color-mix(in srgb, var(--ink) 74%, var(--green))!important;font-size:var(--ref-text-sm)!important}.referral-state-card.is-error{border-color:color-mix(in srgb, var(--coral) 48%, var(--line));background:color-mix(in srgb, var(--coral) 9%, var(--paper-alt))}.referral-state-card.is-empty{border-color:color-mix(in srgb, var(--blue) 48%, var(--line));background:color-mix(in srgb, var(--blue) 9%, var(--paper-alt))}.referral-state-card strong{color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:clamp(1.46rem,6vw,1.8rem);line-height:1}.referral-state-card p,.referral-loading p{color:var(--muted);font-size:var(--ref-text-sm);margin:0;line-height:1.55}.referral-loading-winner,.referral-loading-podium span,.referral-loading-lines span{border-radius:var(--content-radius-tight);opacity:.78;background:linear-gradient(90deg, color-mix(in srgb, var(--line) 80%, transparent), color-mix(in srgb, var(--paper-alt) 76%, transparent), color-mix(in srgb, var(--line) 80%, transparent));background-size:220% 100%;display:block}.referral-loading-winner{height:88px}.referral-loading-podium{gap:var(--content-space-3);grid-template-columns:1fr 1fr;display:grid}.referral-loading-podium span{height:96px}.referral-loading-lines{gap:var(--content-space-2);display:grid}.referral-loading-lines span{height:58px}.referral-board-note{z-index:1;align-items:flex-start;gap:var(--content-space-2);border-radius:var(--content-radius-card);padding:var(--content-space-3) var(--content-space-4);background:color-mix(in srgb, var(--coral) 9%, var(--paper-alt));color:color-mix(in srgb, var(--ink) 76%, var(--coral));font-size:var(--ref-text-sm);font-weight:750;line-height:1.5;display:flex;position:relative}.referral-board-note>svg{stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.referral-board-note p{margin:0}.referral-board-note a{color:var(--primary-strong);text-underline-offset:var(--content-space-1);font-weight:900;text-decoration-thickness:2px}.referral-leaderboard-copy-buffer{opacity:0;width:1px;height:1px;position:fixed;top:0;left:-100vw}.referral-primary-action:focus-visible,.referral-board-note a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@keyframes referralSkeleton{0%{opacity:.52;filter:saturate(.86)}to{opacity:.92;filter:saturate(1.08)}}@media (prefers-reduced-motion:no-preference){.referral-loading-winner,.referral-loading-podium span,.referral-loading-lines span{animation:1.3s ease-in-out infinite alternate referralSkeleton}.referral-primary-action,.referral-podium-card,.referral-rank-row{transition:transform .16s,filter .16s}.referral-primary-action:hover,.referral-podium-card:hover,.referral-rank-row:hover{filter:saturate(1.02);transform:translateY(-1px)}}@media (width>=720px){.referral-board-header{align-items:center}figure.referral-board-illustration{flex-basis:clamp(140px,18vw,190px);width:clamp(140px,18vw,190px);max-width:28%}}@media (width<=520px){.referral-board-header{align-items:stretch;gap:var(--content-space-4);flex-flow:column}figure.referral-board-illustration{box-sizing:border-box;aspect-ratio:4/3;flex-basis:100%;align-self:stretch;width:100%;min-width:0;max-width:100%}figure.referral-board-illustration img{aspect-ratio:4/3;object-fit:contain;height:100%}.referral-winner{gap:var(--content-space-2) var(--content-space-3);padding:var(--content-space-3);grid-template-columns:auto minmax(0,1fr)}.referral-winner-points{min-width:90px;padding:var(--content-space-2) var(--content-space-3);grid-column:2;justify-self:start}.referral-podium-pair{grid-template-columns:1fr}}@media (width<=430px){.referral-board{padding:var(--content-space-4)}.referral-you-top{grid-template-columns:auto minmax(0,1fr)}.referral-you-points{grid-column:2;justify-self:start}.referral-rank-row{grid-template-columns:calc(var(--content-control) - 4px) minmax(0, 1fr);gap:var(--content-space-2) var(--content-space-3)}.referral-rank-number{width:calc(var(--content-control) - 4px);height:calc(var(--content-control) - 4px)}.referral-rank-points{padding-inline:var(--content-space-2);grid-column:2;justify-self:start}}.accordion-trigger:focus-visible,.detail-article a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.info-hero,.content-simple-hero{gap:var(--content-space-4);padding-top:var(--content-space-4);display:grid}.content-eyebrow{border:1px solid color-mix(in srgb, var(--primary) 44%, var(--line));width:fit-content;padding:var(--content-space-1) var(--content-space-3);background:color-mix(in srgb, var(--primary) 10%, var(--paper));color:color-mix(in srgb, var(--ink) 72%, var(--primary));letter-spacing:.08em;text-transform:uppercase;border-radius:999px;font-size:.74rem;font-weight:950;line-height:1.2}.info-hero h1,.content-simple-hero h1{max-width:100%;color:var(--ink);letter-spacing:-.065em;font-size:clamp(2.5rem,10.5vw,2.55rem);line-height:.98}.info-hero h1{justify-self:stretch;width:100%;min-width:0}.info-hero h1 span{white-space:nowrap;width:fit-content;max-width:100%;display:block}.content-simple-hero h1{max-width:13ch}.content-intro{max-width:42ch;color:var(--ink-2);font-size:clamp(1rem,3.4vw,1.08rem);font-weight:650;line-height:1.55}.info-callout{gap:var(--content-space-1);border:1px solid var(--line);border-left:var(--content-space-1) solid var(--primary);border-radius:var(--content-radius-tight);padding:var(--content-space-4);background:radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--yellow) 24%, transparent), transparent 36%), color-mix(in srgb, var(--paper-alt) 86%, var(--paper));box-shadow:var(--shadow-soft);display:grid}.info-callout strong{color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:1.02rem;line-height:1.15}.info-callout p,.section-heading p,.capability-row p,.detail-article p,.content-list li,.content-simple-hero p{color:var(--muted);font-size:1rem;line-height:1.65}.content-section{gap:var(--content-space-4);display:grid}.section-heading{gap:var(--content-space-2);display:grid}.section-heading h2{color:var(--ink);font-size:clamp(1.46rem,6vw,1.8rem);line-height:1.04}.capability-card,.accordion-item{border:1px solid var(--line);border-radius:var(--content-radius-card);background:linear-gradient(180deg, color-mix(in srgb, var(--paper-alt) 94%, var(--yellow) 4%), color-mix(in srgb, var(--paper) 94%, transparent)), radial-gradient(circle at var(--content-space-3) var(--content-space-3), color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1.3px);background-size:auto, var(--content-space-5) var(--content-space-5);box-shadow:var(--shadow-soft);overflow:hidden}.capability-card{display:grid}.capability-row{grid-template-columns:var(--content-control) minmax(0, 1fr);gap:var(--content-space-3);padding:var(--content-space-4);align-items:start;display:grid}.capability-row+.capability-row{border-top:1px solid var(--line)}.capability-check{width:var(--content-control);height:var(--content-control);border:1px solid color-mix(in srgb, var(--green) 45%, var(--line));background:color-mix(in srgb, var(--green) 14%, var(--paper-alt));color:var(--green);fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;border-radius:999px}.capability-row h3{margin:0 0 var(--content-space-1);color:var(--ink);font-size:1.12rem;line-height:1.1}.content-accordion{gap:var(--content-space-3);display:grid}.accordion-item h3{margin:0}.accordion-trigger{grid-template-columns:minmax(0, 1fr) var(--content-control);align-items:center;gap:var(--content-space-3);width:100%;min-height:calc(var(--content-control) + var(--content-space-3));color:var(--ink);padding:var(--content-space-3) var(--content-space-3) var(--content-space-3) var(--content-space-4);text-align:left;background:0 0;border:0;display:grid}.accordion-trigger span:first-child{letter-spacing:-.035em;overflow-wrap:break-word;min-width:0;font-family:Space Grotesk,sans-serif;font-size:1.08rem;font-weight:850}.accordion-chevron{width:var(--content-control);height:var(--content-control);border:1px solid var(--line);background:color-mix(in srgb, var(--paper-alt) 72%, transparent);color:var(--primary-strong);border-radius:999px;place-items:center;font-size:1.28rem;line-height:1;transition:none;display:grid}.accordion-item.is-open .accordion-chevron{background:color-mix(in srgb, var(--primary) 10%, var(--paper-alt));transform:rotate(180deg)}.accordion-panel{border-top:1px solid var(--line)}.accordion-panel-inner{padding:var(--content-space-4)}.detail-stack{gap:var(--content-space-4);display:grid}.detail-article{gap:var(--content-space-2);display:grid}.detail-article h4{color:var(--ink);letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.2}.detail-article a{color:var(--primary-strong);overflow-wrap:anywhere;text-underline-offset:3px;font-weight:850;text-decoration-thickness:2px}.content-list{gap:var(--content-space-2);padding-left:var(--content-space-5);margin:0;display:grid}.privacy-list{margin-top:var(--content-space-2)}.content-simple-main{gap:var(--content-space-5)}@media (prefers-reduced-motion:no-preference){.accordion-chevron{transition:transform .18s,background .18s}}@media (width>=760px){.info-hero,.content-simple-hero{padding-top:var(--content-space-6)}.info-hero h1,.content-simple-hero h1{font-size:clamp(2.55rem,4.2vw,3rem)}.info-callout,.capability-row,.accordion-panel-inner{padding:var(--content-space-5)}}@media (width<=430px){.capability-row{grid-template-columns:var(--content-control) minmax(0, 1fr);padding:var(--content-space-3)}.accordion-trigger{padding-left:var(--content-space-3)}}:root{color-scheme:light;--bg-1:#fff2b8;--bg-2:#ffd6c9;--bg-3:#c7ecff;--bg-4:#ead8ff;--paper:#fffaf0;--paper-soft:#fff5df;--paper-alt:#fffdf7;--ink:#20283d;--ink-2:#394159;--muted:#71685f;--line:#20283d2e;--line-strong:#20283d52;--coral:#ef6250;--coral-dark:#bf3d32;--yellow:#f8cd52;--green:#67b76f;--mint:#dff0c8;--blue:#7db8d8;--purple:#b69bd8;--pink:#f5a0b7;--orange:#f0a14c;--accent:var(--coral);--primary:var(--coral);--primary-strong:var(--coral-dark);--primary-contrast:#171b29;--header-tint:var(--yellow);--shell:#fffaf0c2;--shell-strong:#fffaf0e0;--control:color-mix(in srgb, var(--paper-alt) 92%, transparent);--control-strong:color-mix(in srgb, var(--paper-alt) 96%, var(--paper));--control-tint:color-mix(in srgb, var(--primary) 9%, var(--paper-alt));--control-border:color-mix(in srgb, var(--primary) 28%, var(--line));--focus-ring:color-mix(in srgb, var(--yellow) 70%, transparent);--browser-theme-color:#f26a55;--shadow:0 20px 50px #48321824;--shadow-soft:0 10px 24px #4832181a;--radius:24px;--radius-sm:16px;--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{color-scheme:dark;--bg-1:#30294a;--bg-2:#432936;--bg-3:#173a52;--bg-4:#1f3e33;--paper:#1f2433;--paper-soft:#252a3b;--paper-alt:#292f42;--ink:#fff6e5;--ink-2:#e8dfcf;--muted:#c8bda9;--line:#fff6e52e;--line-strong:#fff6e557;--coral:#f76;--coral-dark:#ff9a8e;--yellow:#f5ca56;--green:#8ed08d;--mint:#344930;--blue:#85c7e9;--purple:#c0a1e7;--pink:#ffadc5;--orange:#ffb363;--accent:var(--coral);--primary:var(--coral);--primary-strong:var(--coral-dark);--primary-contrast:#fffaf0;--header-tint:var(--blue);--shell:#10141ec7;--shell-strong:#10141eeb;--control:color-mix(in srgb, var(--paper-alt) 88%, #0e111b);--control-strong:color-mix(in srgb, var(--paper-alt) 94%, var(--primary) 4%);--control-tint:color-mix(in srgb, var(--primary) 12%, var(--paper-soft));--control-border:color-mix(in srgb, var(--primary) 34%, var(--line));--focus-ring:color-mix(in srgb, var(--yellow) 46%, transparent);--browser-theme-color:#171b29;--shadow:0 22px 55px #00000047;--shadow-soft:0 10px 24px #0003}:root:not([data-theme=dark])[data-palette=tropis]{--bg-1:#d7fff2;--bg-2:#d9f8ff;--bg-3:#fff0a8;--bg-4:#ffd7d7;--paper:#fffdf2;--paper-soft:#effff8;--coral:#ff7675;--coral-dark:#c94b4a;--yellow:#ffe66d;--green:#00b894;--mint:#d5f8e8;--blue:#0984e3;--purple:#00cec9;--pink:#ff9bb2;--orange:#ffa94d;--primary:#00b894;--primary-strong:#006f5d;--primary-contrast:#fafff8;--header-tint:#00cec9;--browser-theme-color:#00b894}:root:not([data-theme=dark])[data-palette=senja]{--bg-1:#ffd7b5;--bg-2:#ffc3d0;--bg-3:#e8ddff;--bg-4:#c8d5ef;--paper:#fff8ec;--paper-soft:#fff0df;--coral:#e85d75;--coral-dark:#a7384a;--yellow:#ffd166;--green:#83b582;--mint:#e5edcf;--blue:#355070;--purple:#6d597a;--pink:#ff9bb2;--orange:#ffb86c;--primary:#e85d75;--primary-strong:#8f3041;--primary-contrast:#fffaf0;--header-tint:#ffd166;--browser-theme-color:#e85d75}:root:not([data-theme=dark])[data-palette=samudra]{--bg-1:#8ecae6;--bg-2:#ffdc6e;--bg-3:#a5ddec;--bg-4:#ffd0a1;--paper:#fffdf2;--paper-soft:#eef8fb;--paper-alt:#fff;--ink:#023047;--ink-2:#0f4f68;--muted:#426b7b;--coral:#fb8500;--coral-dark:#c45d00;--yellow:#ffb703;--green:#7ac68b;--mint:#dff2e5;--blue:#219ebc;--purple:#8ecae6;--pink:#f7a3b7;--orange:#fb8500;--primary:#219ebc;--primary-strong:#023047;--primary-contrast:#fffdf2;--header-tint:#8ecae6;--browser-theme-color:#219ebc}:root:not([data-theme=dark])[data-palette=taman]{--bg-1:#a1c181;--bg-2:#fcca46;--bg-3:#619b8a;--bg-4:#fe7f2d;--paper:#fffdf8;--paper-soft:#fef6e6;--paper-alt:#fff;--ink:#233d4d;--ink-2:#3a5a6c;--muted:#5a7a6d;--coral:#fe7f2d;--coral-dark:#e56a1b;--yellow:#fcca46;--green:#a1c181;--mint:#d4e8c3;--blue:#619b8a;--purple:#233d4d;--pink:#fe7f2d;--orange:#fe7f2d;--primary:#fe7f2d;--primary-strong:#233d4d;--primary-contrast:#fff;--header-tint:#a1c181;--browser-theme-color:#fe7f2d}:root:not([data-theme=dark])[data-palette=pop]{--bg-1:#fff174;--bg-2:#ffd0e8;--bg-3:#cae2ff;--bg-4:#ead8ff;--paper:#fffdf4;--paper-soft:#fff6e6;--coral:#ff006e;--coral-dark:#b6004d;--yellow:#ffbe0b;--green:#7bd957;--mint:#dcf7c7;--blue:#3a86ff;--purple:#8338ec;--pink:#ff77b7;--orange:#fb5607;--primary:#ff006e;--primary-strong:#b6004d;--primary-contrast:#fffaf0;--header-tint:#ffbe0b;--browser-theme-color:#ff006e}:root[data-theme=dark][data-palette=tropis]{--bg-1:#0b3a35;--bg-2:#0d334b;--bg-3:#433c1a;--bg-4:#482d32;--coral:#ff8a86;--coral-dark:#ffc0bd;--yellow:#ffe66d;--green:#34d3a3;--mint:#214a3c;--blue:#59baff;--purple:#39e2dc;--pink:#ff9fba;--orange:#ffb365;--primary:#34d3a3;--primary-strong:#b5ffe8;--primary-contrast:#09251f;--header-tint:#0d334b;--browser-theme-color:#0b3a35}:root[data-theme=dark][data-palette=senja]{--bg-1:#45232d;--bg-2:#3f2c1c;--bg-3:#2e2948;--bg-4:#17283e;--coral:#ff7f95;--coral-dark:#ffc0ca;--yellow:#ffd166;--green:#9ccb90;--mint:#3b472d;--blue:#7ea0c9;--purple:#b39ac2;--pink:#ffa5bd;--orange:#ffc18a;--primary:#ff7f95;--primary-strong:#ffc0ca;--primary-contrast:#241721;--header-tint:#45232d;--browser-theme-color:#45232d}:root[data-theme=dark][data-palette=samudra]{--bg-1:#062536;--bg-2:#09364a;--bg-3:#142f45;--bg-4:#3f2c12;--paper:#162838;--paper-soft:#1b3041;--paper-alt:#20394b;--ink:#f5fbff;--ink-2:#dbeefa;--muted:#a7c7d7;--coral:#fb8500;--coral-dark:#ffb703;--yellow:#ffb703;--green:#83d69a;--mint:#243f35;--blue:#219ebc;--purple:#8ecae6;--pink:#ff9ab2;--orange:#fb8500;--primary:#219ebc;--primary-strong:#8ecae6;--primary-contrast:#061c2a;--header-tint:#023047;--browser-theme-color:#062536}:root[data-theme=dark][data-palette=taman]{--bg-1:#1a2f3a;--bg-2:#2a4a3d;--bg-3:#3d2a1a;--bg-4:#1a3a2f;--paper:#1a2a33;--paper-soft:#233d4d;--paper-alt:#2a4a5a;--ink:#fef6e6;--ink-2:#fcca46;--muted:#a1c181;--coral:#fe7f2d;--coral-dark:#ff9f5a;--yellow:#fcca46;--green:#a1c181;--mint:#2a4a3d;--blue:#619b8a;--purple:#fcca46;--pink:#fe7f2d;--orange:#fe7f2d;--primary:#fe7f2d;--primary-strong:#ff9f5a;--primary-contrast:#1a2a33;--header-tint:#233d4d;--browser-theme-color:#1a2f3a}:root[data-theme=dark][data-palette=pop]{--bg-1:#34183f;--bg-2:#4b1733;--bg-3:#112b55;--bg-4:#4a3504;--coral:#ff4b9d;--coral-dark:#ffb5d7;--yellow:#ffcf33;--green:#8bec70;--mint:#314d29;--blue:#6aa6ff;--purple:#b07cff;--pink:#ff96c7;--orange:#ff8a38;--primary:#ff4b9d;--primary-strong:#ffb5d7;--primary-contrast:#211021;--header-tint:#34183f;--browser-theme-color:#34183f}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 7% 10%, color-mix(in srgb, var(--yellow) 88%, transparent), transparent 21%), radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--blue) 68%, transparent), transparent 22%), radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--purple) 58%, transparent), transparent 23%), radial-gradient(circle at 8% 86%, color-mix(in srgb, var(--green) 50%, transparent), transparent 24%), linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 34%, var(--bg-3) 72%, var(--bg-4) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}:root[data-theme=dark] body{background:radial-gradient(circle at 6% 9%, color-mix(in srgb, var(--yellow) 24%, transparent), transparent 20%), radial-gradient(circle at 94% 12%, color-mix(in srgb, var(--blue) 22%, transparent), transparent 22%), radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--purple) 18%, transparent), transparent 24%), radial-gradient(circle at 9% 84%, color-mix(in srgb, var(--green) 16%, transparent), transparent 26%), linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 36%, var(--bg-3) 74%, var(--bg-4) 100%)}body:before{content:"";pointer-events:none;opacity:.2;background-image:radial-gradient(currentColor .7px, transparent .75px), radial-gradient(var(--coral) .7px, transparent .75px);mix-blend-mode:multiply;background-size:8px 8px,13px 13px;position:fixed;inset:0}:root[data-theme=dark] body:before{opacity:.08;mix-blend-mode:screen}h1,h2,h3{letter-spacing:-.045em;margin:0;font-family:Space Grotesk,sans-serif;line-height:1}p{color:var(--muted);margin:0;line-height:1.45}small{color:var(--muted)}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}input,select{border:1.5px solid var(--line);background:color-mix(in srgb, var(--paper-alt) 92%, transparent);width:100%;min-height:46px;color:var(--ink);border-radius:14px;outline:none;padding:10px 12px;box-shadow:inset 0 1px #ffffff2e}:root[data-theme=dark] input,:root[data-theme=dark] select{background:var(--control);border-color:var(--control-border);box-shadow:inset 0 1px #fff6e50f}input:focus,select:focus,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes burst{0%{opacity:0;transform:translateY(12px)rotate(0)scale(.8)}12%{opacity:.9}70%{opacity:.55}to{opacity:0;transform:translateY(-72px)rotate(220deg)scale(1.05)}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}#root{z-index:1;min-height:100dvh;position:relative}.app-container{z-index:1;background:linear-gradient(var(--shell), var(--shell-strong));width:100%;max-width:1120px;min-height:100dvh;margin:0 auto;position:relative}:root[data-theme=dark] .app-container{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 36%), linear-gradient(var(--shell), var(--shell-strong))}.geo-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.geo-bg i{opacity:.82;mix-blend-mode:multiply;filter:saturate(1.02);display:block;position:absolute;box-shadow:0 10px #20283d0f}:root[data-theme=dark] .geo-bg i{opacity:.42;mix-blend-mode:screen}.geo-bg i:first-child{background:var(--coral);border-radius:54px;width:210px;height:210px;top:76px;left:-94px;transform:rotate(23deg)}.geo-bg i:nth-child(2){background:var(--yellow);border-radius:50%;width:190px;height:190px;top:150px;right:-72px}.geo-bg i:nth-child(3){background:var(--blue);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:146px;height:146px;bottom:86px;left:-42px;transform:rotate(-12deg)}.geo-bg i:nth-child(4){background:var(--green);border-radius:999px;width:172px;height:78px;bottom:215px;right:-55px;transform:rotate(-21deg)}.geo-bg i:nth-child(5){background:var(--purple);clip-path:polygon(50% 0,100% 100%,0 100%);width:190px;height:190px;bottom:-34px;right:-88px;transform:rotate(17deg)}.geo-bg i:nth-child(6){border:18px solid var(--pink);background:0 0;border-radius:50%;width:110px;height:110px;top:24px;left:58%;transform:rotate(12deg)}.geo-bg.subdued i{opacity:.08;filter:saturate(.3)blur(40px)}:root[data-theme=dark] .geo-bg.subdued i{opacity:.05;filter:saturate(.2)blur(60px)}.geo-bg.muted i{opacity:.3}:root[data-theme=dark] .geo-bg.muted i{opacity:.1}.geo-bg.subdued i:first-child{top:80px;left:-180px;transform:scale(.8)}.geo-bg.subdued i:nth-child(2){top:120px;right:-180px;transform:scale(.8)}.geo-bg.subdued i:nth-child(3){bottom:60px;left:-150px;transform:scale(.8)}.geo-bg.subdued i:nth-child(4){bottom:180px;right:-160px;transform:scale(.8)}.geo-bg.subdued i:nth-child(5){bottom:-100px;right:-180px;transform:scale(.8)}.geo-bg.subdued i:nth-child(6){opacity:.1;top:20px;left:auto;right:-60px;transform:scale(.6)}.screen{min-height:100dvh;padding:16px;position:relative}.screen-body{gap:14px;width:min(100%,920px);margin:0 auto;padding:18px 0;display:grid}.screen-body.with-bar{padding-bottom:calc(110px + var(--safe-bottom))}.screen-body.final-body{padding-bottom:34px}.paper-card{background:color-mix(in srgb, var(--paper) 94%, transparent);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}:root[data-theme=dark] .paper-card{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, var(--primary) 4%), var(--paper));border-color:var(--control-border);box-shadow:var(--shadow-soft), inset 0 1px 0 #fff6e50d}.paper-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:radial-gradient(currentColor .55px,#0000 .6px);background-size:7px 7px;position:absolute;inset:0}:root[data-theme=dark] .paper-card:after{opacity:.055;mix-blend-mode:screen}.paper-card.flat{box-shadow:0 8px 18px #0000000f}.app-header{z-index:10;backdrop-filter:blur(12px);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--header-tint) 26%, transparent), transparent 44%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, var(--paper)), color-mix(in srgb, var(--paper) 92%, var(--blue)));border-color:color-mix(in srgb, var(--primary) 34%, var(--line));border-radius:0 0 24px 24px;width:min(100%,960px);margin:0 auto;padding:14px 18px 12px;position:sticky;top:0;overflow:visible}:root[data-theme=dark] .app-header{background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--paper) 86%, var(--primary)), color-mix(in srgb, var(--paper-soft) 88%, var(--blue)))}.brand-row{align-items:center;gap:12px;display:flex}.appearance-control{z-index:80;margin-left:auto;position:relative}.header-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.header-actions .appearance-control{margin-left:0}.header-title{flex:1;min-width:0}.brand-small{letter-spacing:-.04em;text-transform:lowercase;color:var(--primary-strong);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.app-header h1{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:24px;overflow:hidden}.progress{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px;display:grid}.progress span{background:color-mix(in srgb, var(--ink) 10%, transparent);border:1px solid var(--line);border-radius:99px;height:7px}.progress span.done{background:var(--green)}.progress span.active{background:var(--primary)}.icon-btn{border:1.5px solid var(--line);background:var(--control-strong);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:15px;place-items:center;font-weight:900;display:grid}.icon-btn.danger{color:var(--coral-dark)}.appearance-trigger{border:1.5px solid color-mix(in srgb, var(--primary) 28%, var(--line));background:color-mix(in srgb, var(--control-strong) 90%, var(--header-tint));min-height:42px;color:var(--ink);box-shadow:0 3px 0 color-mix(in srgb, var(--primary-strong) 12%, transparent);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:6px 10px 6px 7px;transition:transform .14s,border-color .14s,background .14s;display:inline-grid}:root[data-theme=dark] .appearance-trigger{border-color:var(--control-border);background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--yellow) 16%, transparent), transparent 42%), color-mix(in srgb, var(--paper-alt) 88%, var(--primary) 8%);box-shadow:0 3px #00000052,inset 0 1px #fff6e50f}.appearance-trigger:hover,.appearance-trigger:focus-visible{border-color:color-mix(in srgb, var(--primary) 55%, var(--line));background:color-mix(in srgb, var(--primary) 10%, var(--paper-alt))}.appearance-trigger:active{transform:translateY(1px)}.trigger-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 26%, var(--paper-alt)), color-mix(in srgb, var(--header-tint) 34%, var(--paper-alt)));border-radius:11px;place-items:center;width:30px;height:30px;display:grid}.trigger-text{line-height:1.05;display:grid}.trigger-text b{text-transform:uppercase;letter-spacing:.04em;font-size:12px}.trigger-text small{color:var(--muted);white-space:nowrap;font-size:11px}.appearance-menu{background:color-mix(in srgb, var(--paper) 97%, transparent);border:1.5px solid color-mix(in srgb, var(--primary) 30%, var(--line));border-radius:var(--radius);width:min(310px,100vw - 32px);box-shadow:var(--shadow-soft);z-index:90;overscroll-behavior:contain;gap:10px;max-height:min(72dvh,560px);padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}:root[data-theme=dark] .appearance-menu{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 42%), color-mix(in srgb, var(--paper) 96%, #0e111b);border-color:var(--control-border)}.appearance-menu:after{display:none}.mode-segment{background:color-mix(in srgb, var(--paper-soft) 88%, var(--primary) 6%);border:1px solid var(--line);border-radius:17px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.mode-option{min-height:38px;color:var(--ink);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:6px;font-weight:900;display:flex}.mode-option.selected{background:var(--control-strong);border-color:color-mix(in srgb, var(--primary) 28%, var(--line));box-shadow:0 3px 10px color-mix(in srgb, var(--primary) 12%, transparent)}:root[data-theme=dark] .mode-segment{background:color-mix(in srgb, var(--paper-soft) 88%, #070911);border-color:var(--control-border)}:root[data-theme=dark] .mode-option.selected{color:var(--primary-strong);border-color:color-mix(in srgb, var(--primary) 56%, var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent)}.palette-list{gap:7px;display:grid}.palette-option{text-align:left;background:var(--control);border:1.5px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;border-radius:15px;grid-template-columns:96px 1fr;align-items:center;gap:10px;padding:8px;font-weight:900;display:grid}.palette-option:hover,.palette-option:focus-visible{border-color:color-mix(in srgb, var(--primary) 45%, var(--line))}.palette-option.selected{border-color:color-mix(in srgb, var(--primary) 78%, var(--line));background:color-mix(in srgb, var(--primary) 11%, var(--paper-alt));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--primary) 16%, transparent)}.palette-option b{font-size:13px}.palette-swatches{grid-template-columns:repeat(5,1fr);gap:3px;min-width:88px;display:grid}.palette-swatches i{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);border-radius:8px;height:24px;display:block}.referral-share{z-index:78;position:relative}.referral-trigger{border:1.5px solid color-mix(in srgb, var(--green) 42%, var(--line));border-radius:var(--radius-sm);background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--yellow) 32%, transparent), transparent 44%), color-mix(in srgb, var(--control-strong) 88%, var(--green) 10%);min-height:42px;color:var(--ink);box-shadow:0 3px 0 color-mix(in srgb, var(--green) 22%, transparent);text-align:left;cursor:pointer;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:6px 10px 6px 7px;transition:transform .14s,border-color .14s,background .14s;display:inline-grid}:root[data-theme=dark] .referral-trigger{border-color:var(--control-border);background:radial-gradient(circle at 20% 22%, color-mix(in srgb, var(--green) 18%, transparent), transparent 44%), color-mix(in srgb, var(--paper-alt) 88%, var(--green) 8%);box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--paper) 8%, transparent)}.referral-trigger:hover,.referral-trigger:focus-visible{border-color:color-mix(in srgb, var(--green) 62%, var(--line));background:color-mix(in srgb, var(--green) 14%, var(--paper-alt))}.referral-trigger:active{transform:translateY(1px)}.referral-trigger-icon{border-radius:calc(var(--radius-sm) - 5px);background:linear-gradient(135deg, color-mix(in srgb, var(--green) 34%, var(--paper-alt)), color-mix(in srgb, var(--yellow) 42%, var(--paper-alt)));place-items:center;width:30px;height:30px;display:grid}.referral-share-icon,.referral-action-icon,.referral-success-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.referral-share-icon{stroke-width:2.2px;width:19px;height:19px}.referral-action-icon{stroke-width:2px;width:20px;height:20px}.referral-trigger-text{line-height:1.05;display:grid}.referral-trigger-text b{text-transform:uppercase;letter-spacing:.04em;font-size:12px}.referral-trigger-text small{color:var(--muted);white-space:nowrap;font-size:11px}.referral-modal{z-index:120;background:color-mix(in srgb, var(--ink) 34%, transparent);backdrop-filter:blur(10px);place-items:center;padding:12px;display:grid;position:fixed;inset:0}:root[data-theme=dark] .referral-modal{background:color-mix(in srgb, var(--shell-strong) 88%, transparent)}.referral-dialog{--referral-space-1:4px;--referral-space-2:8px;--referral-space-3:12px;--referral-space-4:16px;--referral-space-5:20px;--referral-space-6:24px;--referral-touch:44px;--referral-title-size:clamp(2rem, 8vw, 2.55rem);--referral-body-size:.95rem;--referral-caption-size:.78rem;width:min(420px, calc(100vw - var(--referral-space-6)));max-height:calc(100dvh - var(--referral-space-6));gap:var(--referral-space-5);padding:var(--referral-space-6);border-color:color-mix(in srgb, var(--coral) 30%, var(--line));background:var(--paper);box-shadow:var(--shadow);animation:.18s ease-out both slideUp;display:grid;overflow:hidden}.referral-dialog>*{z-index:1;position:relative}:root[data-theme=dark] .referral-dialog{border-color:var(--control-border);background:var(--paper)}.referral-dialog:before{content:none}.referral-close,.referral-copy-button{min-width:var(--referral-touch);min-height:var(--referral-touch);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--control-strong);color:var(--ink);place-items:center;display:grid}.referral-close{top:var(--referral-space-4);right:var(--referral-space-4);z-index:2;font-size:1.35rem;font-weight:900;line-height:1;position:absolute}.referral-close:hover,.referral-copy-button:hover,.referral-text-action:hover{border-color:color-mix(in srgb, var(--coral) 46%, var(--line));color:var(--primary-strong)}.referral-dialog-head{gap:var(--referral-space-2);width:100%;display:grid}.referral-eyebrow{width:fit-content;padding:var(--referral-space-1) var(--referral-space-3);border:1px solid color-mix(in srgb, var(--green) 44%, var(--ink));background:color-mix(in srgb, var(--green) 13%, var(--paper));color:color-mix(in srgb, var(--ink) 76%, var(--green));font-size:var(--referral-caption-size);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin:0;font-weight:950}.referral-dialog-head h2{padding-right:calc(var(--referral-touch) + var(--referral-space-2));color:var(--ink);font-size:var(--referral-title-size);line-height:.95}.referral-dialog-head p:not(.referral-eyebrow){padding-right:calc(var(--referral-touch) + var(--referral-space-2));color:var(--muted);font-size:var(--referral-body-size);font-weight:700}.referral-info-link{width:fit-content;color:var(--primary-strong);font-size:var(--referral-caption-size);text-underline-offset:3px;font-weight:950;text-decoration-thickness:2px}.referral-info-link:hover,.referral-info-link:focus-visible{color:color-mix(in srgb, var(--primary-strong) 78%, var(--ink))}.referral-form{gap:var(--referral-space-4);display:grid}.referral-field{gap:var(--referral-space-2)}.referral-field span{margin:0}.referral-username-control{min-height:calc(var(--referral-touch) + var(--referral-space-1));border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--control);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.referral-username-prefix{min-width:calc(var(--referral-touch) + var(--referral-space-1));border-right:1px solid var(--line);background:color-mix(in srgb, var(--green) 13%, var(--paper-soft));color:color-mix(in srgb, var(--green) 70%, var(--ink));align-self:stretch;place-items:center;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:950;display:grid}.referral-username-control input{min-height:calc(var(--referral-touch) + var(--referral-space-1));box-shadow:none;background:0 0;border:0;border-radius:0;font-weight:900}.referral-username-control:focus-within{border-color:color-mix(in srgb, var(--green) 56%, var(--line));box-shadow:0 0 0 3px var(--focus-ring)}.referral-field-help,.referral-for-user{color:var(--muted);font-size:var(--referral-caption-size);font-weight:850;line-height:1.4}.referral-error{padding:var(--referral-space-3);border:1px solid color-mix(in srgb, var(--coral) 36%, var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--coral) 10%, var(--paper-alt));color:color-mix(in srgb, var(--coral-dark) 78%, var(--ink));font-size:var(--referral-caption-size);margin:0;font-weight:900}.referral-primary{width:100%;min-height:calc(var(--referral-touch) + var(--referral-space-1));justify-content:center;align-items:center;gap:var(--referral-space-2);display:inline-flex}.referral-button-icon{place-items:center;display:grid}.referral-ready-head{gap:var(--referral-space-4);display:grid}.referral-success-mark{border:1px solid color-mix(in srgb, var(--green) 48%, var(--ink));background:color-mix(in srgb, var(--green) 18%, var(--paper));width:52px;height:52px;color:color-mix(in srgb, var(--green) 70%, var(--ink));border-radius:999px;place-items:center;display:grid}.referral-success-icon{stroke-width:1.9px;width:32px;height:32px}.referral-url-card{align-items:center;gap:var(--referral-space-3);padding:var(--referral-space-3);border:1.5px solid color-mix(in srgb, var(--green) 36%, var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--paper-alt) 88%, var(--green) 8%);grid-template-columns:minmax(0,1fr) auto;display:grid}.referral-url-copy{gap:var(--referral-space-1);min-width:0;display:grid}.referral-url-copy span{color:var(--muted);font-size:var(--referral-caption-size);letter-spacing:.05em;text-transform:uppercase;font-weight:950}.referral-url-copy a{color:var(--primary-strong);overflow-wrap:anywhere;font-size:.9rem;font-weight:900;text-decoration:none}.referral-url-copy a:hover,.referral-url-copy a:focus-visible{text-decoration:underline}.referral-copy-button{flex:none}.referral-for-user{margin:0}.referral-text-action{min-height:var(--referral-touch);width:fit-content;padding:var(--referral-space-2) var(--referral-space-3);color:var(--primary-strong);font-size:var(--referral-body-size);background:0 0;border:1px solid #0000;border-radius:999px;justify-self:center;font-weight:900}.referral-toast{margin:calc(var(--referral-space-2) * -1) auto 0;width:fit-content;max-width:100%;padding:var(--referral-space-2) var(--referral-space-3);background:var(--ink);color:var(--paper);font-size:var(--referral-caption-size);text-align:center;box-shadow:var(--shadow-soft);border-radius:999px;font-weight:900;animation:.18s ease-out both pop}.paper-btn{min-height:46px;color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 13%, transparent);cursor:pointer;border:0;border-radius:16px;padding:11px 16px;font-weight:900;transition:transform .1s,box-shadow .1s,filter .15s}.paper-btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 14%, transparent);transform:translateY(3px)}.paper-btn.primary{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 72%, var(--yellow)));color:var(--primary-contrast);border:1.5px solid color-mix(in srgb, var(--primary-strong) 45%, transparent)}:root[data-theme=dark] .paper-btn.primary{color:var(--primary-contrast);box-shadow:0 4px 0 #00000057, 0 12px 24px color-mix(in srgb, var(--primary) 18%, transparent)}.paper-btn.secondary{background:linear-gradient(135deg, color-mix(in srgb, var(--yellow) 76%, var(--paper)), color-mix(in srgb, var(--blue) 20%, var(--paper)));color:var(--ink);border:1.5px solid color-mix(in srgb, var(--ink) 12%, transparent)}:root[data-theme=dark] .paper-btn.secondary{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 34%, var(--paper-alt)), color-mix(in srgb, var(--purple) 28%, var(--paper-alt)));color:var(--ink);border:1.5px solid color-mix(in srgb, var(--blue) 42%, var(--line-strong));box-shadow:0 4px #00000052,inset 0 1px #ffffff14}.paper-btn.mini{background:var(--paper-alt);border-radius:13px;min-height:40px;padding:8px 12px}.paper-btn.full{width:100%}.paper-btn.compact{align-self:end}.bottom-bar{z-index:20;width:min(100%,960px);padding:12px 18px calc(12px + var(--safe-bottom));background:color-mix(in srgb, var(--paper) 88%, transparent);border-top:1.5px solid var(--line);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #00000014}:root[data-theme=dark] .bottom-bar{background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 46%), color-mix(in srgb, var(--paper) 86%, #0b0e16);border-color:var(--control-border);box-shadow:0 -16px 36px #00000052,inset 0 1px #fff6e50d}.bottom-bar strong{font-family:Space Grotesk,sans-serif;font-size:20px;display:block}.toast{left:50%;bottom:calc(86px + var(--safe-bottom));z-index:50;background:var(--ink);width:min(92vw,420px);color:var(--paper);text-align:center;box-shadow:var(--shadow);border-radius:18px;padding:12px 14px;font-weight:900;animation:.2s ease-out both pop;position:fixed;transform:translate(-50%)}.field{gap:6px;display:grid}.field span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px 2px;font-size:12px;font-weight:900;display:block}.field.grow{flex:1}.money-input{border:1.5px solid var(--line);background:var(--control);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:48px;display:grid;overflow:hidden}.money-input em{min-width:48px;color:color-mix(in srgb, var(--primary-strong) 70%, var(--ink));background:color-mix(in srgb, var(--primary) 9%, var(--paper-soft));border-right:1px solid var(--line);align-self:stretch;place-items:center;padding:0 12px;font-style:normal;font-weight:1000;display:grid}.money-input input{min-height:46px;box-shadow:none;background:0 0;border:0;border-radius:0;font-weight:900}.money-input:focus-within{border-color:color-mix(in srgb, var(--primary) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--yellow) 42%, transparent)}.stamp{min-height:28px;color:var(--coral-dark);background:color-mix(in srgb, var(--paper-alt) 56%, transparent);text-transform:uppercase;letter-spacing:.04em;border:2px solid;border-radius:9px;align-items:center;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:900;display:inline-flex}.stamp.small{min-height:25px;padding:3px 8px;font-size:11px}.stamp.ok{color:color-mix(in srgb, var(--green) 70%, var(--ink));background:color-mix(in srgb, var(--mint) 70%, transparent)}.stamp.attention{color:color-mix(in srgb, var(--orange) 70%, var(--ink));background:color-mix(in srgb, var(--yellow) 20%, var(--paper-alt))}.avatar{background:var(--yellow);border:1.5px solid var(--line-strong);width:46px;height:46px;box-shadow:2px 3px 0 color-mix(in srgb, var(--ink) 12%, transparent);border-radius:17px;place-items:center;font-size:18px;font-weight:900;display:grid}.mini-avatar,.pill-avatar{background:color-mix(in srgb, var(--paper-alt) 74%, transparent);border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;display:inline-grid}.ink-0{background:color-mix(in srgb, var(--yellow) 82%, var(--paper))}.ink-1{background:color-mix(in srgb, var(--green) 48%, var(--paper))}.ink-2{background:color-mix(in srgb, var(--coral) 42%, var(--paper))}.ink-3{background:color-mix(in srgb, var(--blue) 58%, var(--paper))}.ink-4{background:color-mix(in srgb, var(--purple) 48%, var(--paper))}.quick-chip,.person-chip{border:1.5px solid var(--line);background:var(--control-strong);min-height:42px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:900}.chip-row{scrollbar-width:none;gap:9px;padding:2px 0 6px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.person-chip{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 10%, transparent);align-items:center;gap:7px;display:inline-flex}.person-chip.selected{background:var(--ink);color:var(--paper);transform:rotate(-1deg)translateY(-1px)}.empty-card{text-align:center;gap:8px;padding:24px;display:grid}.big-emoji{font-size:34px}.section-note{background:color-mix(in srgb, var(--paper) 50%, transparent);align-items:center;gap:12px;padding:15px;display:flex}.doodle{font-size:34px}.note-card{border-left:8px solid var(--accent)}.colorful-note{--accent:var(--coral)}.green-note{--accent:var(--green)}.blue-note{--accent:var(--blue)}.calc-hint{background:color-mix(in srgb, var(--yellow) 18%, var(--paper-alt));border:1.5px dashed var(--line);color:var(--ink-2);border-radius:13px;margin-top:9px;padding:8px 10px;font-size:12px}@media (width<=560px){.trigger-text{display:none}.brand-row{gap:8px}.header-actions{flex-shrink:0;gap:6px}.appearance-trigger,.referral-trigger{grid-template-columns:32px;padding-right:8px}.referral-trigger-text{display:none}.appearance-menu{width:min(332px,100vw - 28px);right:0}.referral-modal{align-items:end}.referral-dialog{border-radius:22px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px}.referral-dialog-head h2,.referral-dialog-head p:not(.referral-eyebrow){padding-right:48px}}@media (width<=430px){.app-header{padding-inline:12px}.app-header h1{font-size:21px}.bottom-bar{padding:10px 14px calc(10px + var(--safe-bottom));align-items:center;gap:10px}.bottom-bar>div{min-width:0}.bottom-bar strong{font-size:18px}.bottom-bar small{font-size:11px}.bottom-bar .paper-btn{white-space:nowrap;min-height:44px;padding:9px 12px}.home-controls{justify-content:flex-end;left:16px;right:16px}.home-controls .trigger-text{display:none}}@media (width<=370px){.brand-row{gap:6px}.icon-btn.back,.appearance-trigger,.referral-trigger{border-radius:14px;min-width:40px;min-height:40px}.trigger-icon,.referral-trigger-icon{width:28px;height:28px}.charges-grid,.image-actions{grid-template-columns:1fr}}@media (width>=760px){.app-container{background:linear-gradient(color-mix(in srgb, var(--shell) 72%, transparent), color-mix(in srgb, var(--shell-strong) 68%, transparent));max-width:none;margin:0}:root[data-theme=dark] .app-container{background:linear-gradient(color-mix(in srgb, var(--shell) 64%, transparent), color-mix(in srgb, var(--shell-strong) 58%, transparent))}.screen{padding:24px clamp(24px,5vw,56px)}.screen-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,1040px)}.section-note,.progress-card,.payer-panel,.settlement-panel,.share-card,.celebrate-card,.breakdowns,.edit-links,.add-person,.chip-row{grid-column:1/-1}.bottom-bar{border-radius:24px 24px 0 0}}@media (width>=1040px){.app-container{padding-top:18px}.app-header{background:0 0;border-radius:24px;width:min(100% - 48px,1080px);margin-top:0}:root[data-theme=dark] .app-header{background:0 0}.screen{min-height:calc(100dvh - 96px);padding-inline:clamp(48px,6vw,88px)}.screen-body{gap:22px;width:min(100%,1120px)}.bottom-bar{border:1.5px solid var(--line);border-radius:24px;width:min(100% - 48px,1080px);margin-top:8px;position:sticky;bottom:18px;left:auto;right:auto}}