:root{--bg: #ffffff;--surface: #f8f6f1;--dark: #151515;--ink: #151515;--ink-soft: #3a3936;--muted: #6b6760;--placeholder: #b3aea5;--on-dark: #ffffff;--on-dark-muted: #b9b5ad;--line: #e8e4dc;--line-strong: #d6d1c6;--brand: #e8590c;--brand-hover: #c44a08;--brand-tint: #fdf1e9;--brand-soft: rgba(232, 89, 12, .1);--brand-ring: rgba(232, 89, 12, .35);--on-brand: #ffffff;--ok: #1e7b4f;--ok-tint: #eef7f1;--warn: #b7791f;--warn-tint: #fbf4e4;--warn-text: #8a5a12;--bad: #b42318;--bad-tint: #fcefec;--scrim: rgba(21, 21, 21, .4);--radius: 16px;--radius-sm: 12px;--shadow-sheet: 0 -8px 30px rgba(21, 21, 21, .08);--shadow-float: 0 12px 36px rgba(21, 21, 21, .08), 0 2px 6px rgba(21, 21, 21, .04);--font-head: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-w: 440px;--tap: 44px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}html{background:var(--surface)}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.no-scroll{overflow:hidden}h1,h2{font-family:var(--font-head);font-weight:700;line-height:1.15;margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.label{display:block;font-size:13px;font-weight:500;color:var(--muted)}.hint{font-size:14px;color:var(--muted);margin-top:8px}.form-error{min-height:22px;margin:6px 0;font-size:14px;font-weight:500;color:var(--bad)}.app{max-width:var(--app-w);margin:0 auto;min-height:100vh;min-height:100dvh;position:relative}.logo-mark{display:block;flex:none}.logo-mark-bg{fill:var(--brand)}.logo-mark-fg{stroke:var(--on-brand)}.logo-mark-dot{fill:var(--on-brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);padding:12px 18px;min-height:52px;border:1.5px solid transparent;background:none;transition:background .15s,border-color .15s,color .15s,transform .1s}.btn:active{transform:scale(.99)}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-line{background:var(--bg);border-color:var(--line-strong);color:var(--ink)}.btn-line:hover{border-color:var(--ink)}.btn-text{color:var(--ink);min-height:var(--tap)}.btn-text:hover{background:#1515150a}.btn-text-danger{color:var(--bad)}.btn-danger{background:var(--bad);color:var(--on-dark)}:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);flex:none;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}.icon-btn:hover{background:#1515150d}.icon-btn-line{border:1.5px solid var(--line-strong);background:var(--bg)}.icon-btn-sm{color:var(--muted)}.icon-btn-spacer{width:var(--tap);flex:none}.chip{display:inline-flex;align-items:center;font-size:13px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap;transition:background .4s,color .4s}.chip-green{background:var(--ok);color:var(--on-dark)}.chip-yellow{background:var(--warn);color:var(--ink)}.chip-red{background:var(--bad);color:var(--on-dark)}.chip-idle{background:var(--line);color:var(--ink)}.tag{font-size:12px;font-weight:700;color:var(--brand-hover);background:var(--brand-tint);border-radius:999px;padding:2px 8px;white-space:nowrap}label{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=datetime-local]{width:100%;min-width:0;font:inherit;font-size:17px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);padding:12px 14px;min-height:52px}input::placeholder{color:var(--placeholder)}input:focus{border-color:var(--brand);outline:none}.field{margin-bottom:16px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.suffix-input{position:relative}.suffix-input input{padding-right:56px}.suffix-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted);pointer-events:none}.field-group{margin-bottom:20px}.field-group .field{margin-bottom:12px}.field-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-6px}.field-foot .hint{margin:0}.field-foot .link-btn{margin-left:auto}.field-note{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:17px}.field-skip{color:var(--muted)}.label+.field-note{margin-top:2px}.link-btn{flex-shrink:0;min-height:40px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--brand-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.link-btn:hover{color:var(--brand)}.label-row{display:flex;align-items:center;gap:8px}.label-row label{margin-bottom:0}.field .label-row{margin-bottom:6px}.big-input{display:flex;align-items:baseline;justify-content:center;gap:6px;border-bottom:2px solid var(--line-strong);padding:8px 0}.big-input:focus-within{border-color:var(--brand)}.big-input input{border:0;padding:0;min-height:0;background:none;max-width:100%;text-align:center;font-family:var(--font-head);font-size:56px;font-weight:700;color:var(--ink);-moz-appearance:textfield}.big-input input::-webkit-outer-spin-button,.big-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.big-input span{font-size:18px;font-weight:500;color:var(--muted)}.big-input+.hint{text-align:center}.welcome{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:18px;padding:calc(env(safe-area-inset-top,0px) + 6px) 20px calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--surface)}.welcome-top{display:flex;align-items:center;justify-content:space-between;min-height:48px}.welcome-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:18px;font-weight:700}.welcome-signin{min-height:44px;margin-right:-6px;padding:0 6px;border:0;border-radius:8px;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}.welcome-copy h1{margin:0;font-size:clamp(30px,8.8vw,38px);line-height:1.06;letter-spacing:-.03em}.welcome-copy p{margin:10px 0 0;font-size:16px;color:var(--muted)}.welcome-preview{flex:1;display:flex;align-items:center;min-height:0}.wp-stack{display:flex;flex-direction:column;width:100%}.wp-stack .hero-card{position:relative;z-index:1;width:92%;box-shadow:var(--shadow-float)}.wp-stack .hero-card .hero-big{font-size:52px}.wp-card{position:relative;z-index:2;display:grid;gap:2px;padding:10px 14px 12px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:var(--shadow-float)}.wp-history{align-self:flex-end;width:56%;margin-bottom:-16px}.wp-history .pv-chart{display:block;width:100%;height:auto;margin-top:4px}.wp-share{align-self:flex-end;width:52%;margin-top:-30px}.wp-label{font-size:12px;font-weight:500;color:var(--muted)}.wp-v{font-family:var(--font-head);font-size:22px;font-weight:600;letter-spacing:-.01em}.wp-v small{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted)}.wp-sub{font-size:12px;color:var(--muted)}@media(max-height:760px){.wp-history{display:none}.welcome{gap:14px}}.welcome-actions{display:grid;gap:8px}.setup{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:8px 20px 24px;background:var(--bg)}.setup-top{display:flex;align-items:center;justify-content:space-between;margin:0 -10px}.dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);transition:background .3s,width .3s}.dot.is-on{background:var(--brand)}.setup-body{flex:1;padding-top:28px;animation:fade-in .25s ease}.setup-body h1{font-size:28px;margin-bottom:28px}.setup-foot{padding-top:12px}.stepper{display:flex;align-items:center;gap:20px}.stepper-v{font-family:var(--font-head);font-size:32px;font-weight:700;min-width:2ch;text-align:center}.onboard{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:8px 20px 24px;background:var(--bg)}.auth{padding-top:12px}.auth-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-left:-4px;padding:0 4px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-soft);text-decoration:none}.auth-back:hover{color:var(--ink)}.auth-back:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth .auth-top{text-align:center;padding:28px 0 24px}.auth-sub{margin-top:6px;font-size:15px;color:var(--muted)}.auth-phone{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--brand)}.auth-hero{position:relative;z-index:2;display:flex;flex-direction:column;min-height:35vh;min-height:35svh;padding:calc(env(safe-area-inset-top,0px) + 8px) 20px 0;color:#fff}.auth-hero-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-left:-6px;padding:0 6px;border-radius:8px;font-size:15px;font-weight:500;color:#ffffffeb;text-decoration:none}.auth-hero-back:focus-visible{outline:2px solid #fff;outline-offset:2px}.auth-hero-brand{display:flex;align-items:center;gap:10px;margin-top:6px;font-family:var(--font-head);font-size:22px;font-weight:700}.auth-hero-mark{display:inline-flex;border:2px solid rgba(255,255,255,.9);border-radius:11px}.auth-hero-tag{max-width:300px;margin:14px 0 0;font-family:var(--font-head);font-size:27px;font-weight:700;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.auth-peek{position:absolute;right:18px;bottom:0;width:180px;padding:11px 14px 12px;border-radius:16px;background:var(--bg);color:var(--ink);box-shadow:0 14px 30px #5a1e004d;transform:translateY(38%) rotate(-4deg)}.auth-peek-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.auth-peek-v{display:flex;gap:6px;margin-top:4px;font-family:var(--font-head);font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.auth-peek-v small{margin-left:1px;font-size:14px;font-weight:600;color:var(--muted)}.auth-peek-when{margin-top:2px;font-size:12px;color:var(--ink-soft)}.auth-sheet{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;border-radius:24px 24px 0 0;background:var(--bg);padding:54px 20px calc(env(safe-area-inset-bottom,0px) + 20px);animation:sheet-up .3s cubic-bezier(.2,.8,.3,1) both}.auth-sheet-top{padding-bottom:20px}.auth-sheet-top h1{font-size:26px;letter-spacing:-.02em}.auth-sheet .link-btn{min-height:0}.auth-sheet .btn-text{margin-top:4px}.auth-sheet .auth-foot{margin-top:auto;padding-top:20px}.auth-phone.is-typing .auth-hero{min-height:0;padding-bottom:14px}.auth-phone.is-typing .auth-hero-tag,.auth-phone.is-typing .auth-peek{display:none}.auth-phone.is-typing .auth-sheet{padding-top:24px}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(max-height:760px){.auth-hero{min-height:30vh;min-height:30svh}.auth-hero-tag{margin-top:10px;font-size:25px}.auth-peek{transform:translateY(34%) rotate(-4deg)}.auth-sheet{padding-top:46px}.auth-sheet-top{padding-bottom:14px}.auth-sheet .field{margin-bottom:12px}.auth-sheet .auth-foot{padding-top:14px}}.auth-logo{display:inline-flex;border-radius:10px}.auth-logo:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.auth-top h1{margin-top:14px;font-size:26px}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px}.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:13px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-hint{margin:-10px 0 4px;font-size:13px}.auth-error{min-height:22px;margin:6px 0 10px}.auth .link-btn{min-height:0}.auth-label-row{justify-content:space-between}.auth-foot{margin-top:auto;padding-top:24px;text-align:center;font-size:15px;color:var(--muted)}.auth-text{color:var(--ink-soft);text-align:center;margin-bottom:24px}.auth .btn-text{margin-top:4px}.pw-input input{padding-right:76px}.pw-input .pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:40px;padding:0 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer;pointer-events:auto}.pw-input .pw-toggle:hover{background:var(--surface);color:var(--ink)}.onboard-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.onboard-body h1{font-size:28px}.onboard-left{align-items:stretch;justify-content:flex-start;text-align:left;padding-top:28px}.onboard-sub{color:var(--muted)}.onboard-actions{display:grid;gap:8px}.onboard-center{align-items:center;justify-content:center;gap:16px;text-align:center}.code-input{font-family:var(--font-head)!important;font-size:32px!important;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase;min-height:64px!important;margin-top:12px}.invite{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.invite-code{font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.08em}.invite-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:4px}.invite-compact .invite-code{font-size:26px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.account-row b{display:block;font-weight:700}.row-start{display:inline-flex;align-items:center;gap:10px}.logout-row{margin:8px 0 4px}.confirm-text{color:var(--ink-soft);margin-bottom:20px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.welcome-actions .btn .truncate,.wl-actions .btn .truncate{display:block}.list-by{display:block;font-size:12px;color:var(--muted)}.nowrap{white-space:nowrap}.pay{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 8px) 20px calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--bg)}.pay-top{display:flex;align-items:center;justify-content:space-between;margin:0 -10px}.pay-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:16px;font-weight:700}.pay-body{flex:1;display:flex;flex-direction:column;gap:16px;padding-top:28px;animation:fade-in .25s ease}.pay-body form{display:flex;flex-direction:column}.pay-body .field{margin-bottom:16px}.pay-eyebrow{margin:0;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-hover)}.pay-price{margin:-6px 0 0;font-size:48px;letter-spacing:-.03em}.pay-price small{font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:0;color:var(--muted)}.pay-title{margin:0;font-size:28px;letter-spacing:-.02em}.pay-sub{margin:-6px 0 0;font-size:16px;color:var(--muted)}.pay-body form .pay-sub{margin:6px 0 20px}.pay-muted{margin:0;font-size:14px;color:var(--muted)}.pay-center{text-align:center}.pay-perks{display:grid;gap:14px;margin:12px 0 8px;padding:20px;list-style:none;border:1px solid var(--line);border-radius:var(--radius);font-size:16px}.pay-perks li{display:flex;align-items:center;gap:12px}.pay-tick{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--ok-tint);color:var(--ok)}.pay-cta{min-height:56px;font-size:17px}.pay-body>.pay-cta:first-of-type,.pay-body form .pay-cta{margin-top:auto}.pay-steps{display:grid;gap:12px;margin:4px 0 8px;padding:0;list-style:none;font-size:16px}.pay-steps li{display:flex;align-items:center;gap:12px}.pay-step-n{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand-tint);color:var(--brand-hover);font-size:14px;font-weight:700}.pay-code{margin:0;padding:18px 12px;border-radius:var(--radius-sm);background:var(--surface);text-align:center;white-space:nowrap;overflow-x:auto;font-family:var(--font-head);font-size:clamp(17px,5.4vw,24px);font-weight:700}.pay-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-soft)}.pay-alt p{margin:0}.pay-alt .link-btn,.pay-ahead{min-height:0}.pay-ahead{align-self:center}.pay-label-row{justify-content:space-between}.pay-optional{font-size:13px;color:var(--muted)}.pay-note{margin:24px 0 0;font-size:12px;line-height:1.5;text-align:center;color:var(--muted)}.pay-track{display:grid;grid-template-columns:repeat(3,1fr);margin:8px 0;padding:0;list-style:none;font-size:14px;font-weight:600;color:var(--muted)}.pay-track li{position:relative;display:grid;justify-items:center;gap:8px;text-align:center}.pay-track li+li:before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--line);z-index:0}.pay-track li.is-done+li:before{background:var(--ok)}.pay-track-dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--bg)}.pay-track li.is-done{color:var(--ok)}.pay-track li.is-done .pay-track-dot{border-color:var(--ok);background:var(--ok);color:#fff}.pay-track li.is-now{color:var(--ink)}.pay-track li.is-now .pay-track-dot{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}.pay-unlocked{display:flex;align-items:center;gap:8px;margin:0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--ok-tint);color:var(--ok);font-size:14px;font-weight:600}.pay-details{display:grid;margin:0}.pay-details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.pay-details>div:first-child{border-top:1px solid var(--line)}.pay-details dt{color:var(--muted)}.pay-details dd{margin:0;font-weight:600;text-align:right}.pay-done-icon{display:grid;place-items:center;width:64px;height:64px;margin:8px auto 0;border-radius:50%;background:var(--ok);color:#fff}.pay-receipt{padding:4px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.pay-receipt .pay-details>div:first-child{border-top:0}.pay-receipt .pay-details>div:last-child{border-bottom:0}.pay-reason{padding:14px 16px;border-radius:var(--radius-sm);background:var(--bad-tint, #fdecea)}.pay-reason p{margin:4px 0 0;font-weight:600}.pay-qr-screen{display:grid;justify-items:center;gap:14px;text-align:center}.pay-qr-screen .qr{border:1px solid var(--line);border-radius:16px}.pay-wide{min-height:0;max-width:460px;margin:max(32px,calc(50vh - 340px)) auto 32px;padding:20px 32px 24px;border:1px solid var(--line);border-radius:var(--radius)}.pay-wide .pay-body{padding-top:20px}.locked-actions{display:grid;gap:8px}.head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.house-return{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;width:100%;min-height:44px;padding:0 16px;border:0;background:var(--ink);color:var(--on-dark);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.flyer{display:flex;flex-direction:column;align-items:center;width:105mm;height:148mm;padding:9mm 8mm;box-sizing:border-box;background:#fff;color:var(--ink);text-align:center}.flyer-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:26px;font-weight:700}.flyer-title{margin:7mm 0 0;font-family:var(--font-head);font-size:22px;font-weight:700;letter-spacing:-.01em}.flyer-sub{margin:1mm 0 4mm;font-size:15px;color:var(--ink-soft)}.flyer .qr{width:62mm;height:62mm;margin-top:4mm}.flyer-preview{display:grid;place-items:center;margin-bottom:16px;padding:12px;border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.flyer-preview .flyer{box-shadow:0 6px 20px #0000001f;zoom:.78}.flyer-hint{text-align:center}@media(max-width:420px){.flyer-preview .flyer{zoom:.7}}.print-only{display:none}@page{size:105mm 148mm;margin:0}@media print{html,body{margin:0;background:#fff!important}#root{display:none!important}.print-only{display:block}}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.tag-muted{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line)}.row-sub{display:block;font-size:13px;color:var(--muted);font-weight:400}.sheet-section{padding-top:12px;border-top:1px solid var(--line)}.home{display:grid;gap:14px;padding:0 16px 96px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;height:60px;margin:0 -16px;padding:0 6px 0 16px;background:var(--surface)}.topbar-name{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--font-head);font-weight:600;font-size:18px}.demo-badge{flex:none;font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:2px 8px}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.hero-card{border-radius:var(--radius);padding:20px;background:var(--bg);border:1px solid var(--line);transition:background .5s,border-color .5s}.hero-card.tone-green{background:var(--ok-tint);border-color:#1e7b4f2e}.hero-card.tone-yellow{background:var(--warn-tint);border-color:#b7791f40}.hero-card.tone-red{background:var(--bad-tint);border-color:#b4231833}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-big{font-family:var(--font-head);font-size:64px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ink);margin:14px 0 8px;white-space:nowrap}.hero-unit{font-size:.45em;font-weight:600;color:var(--muted);margin:0 .35em 0 .06em;letter-spacing:0}.hero-when{font-size:16px;font-weight:500;color:var(--ink-soft)}.hero-note{font-size:13px;color:var(--muted);margin-top:4px}.balance{padding:0 4px}.balance-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.balance-v{font-family:var(--font-head);font-weight:600;font-size:16px}.balance-v small{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--muted)}.meter-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.meter-fill{display:block;height:100%;border-radius:999px;background:var(--ink);transition:width .3s ease,background .4s}.meter-fill.fill-green{background:var(--ok)}.meter-fill.fill-yellow{background:var(--warn)}.meter-fill.fill-red{background:var(--bad)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:104px;text-align:left;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.tile:hover{border-color:var(--line-strong)}.tile-v{font-family:var(--font-head);font-size:19px;font-weight:700;line-height:1.2;margin-top:auto}.tile-v small{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted)}.tile-sub{font-size:12px;color:var(--muted)}.tile-cta{font-size:12px;font-weight:600;color:var(--brand-hover)}.tile-bar{display:block;width:100%;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.tile-bar span{display:block;height:100%;background:var(--ink);border-radius:999px;transition:width .3s ease,background .4s}.tile-bar.bar-pace span{background:var(--warn)}.tile-bar.bar-over span{background:var(--bad)}.text-pace{color:var(--warn-text);font-weight:700}.text-over{color:var(--bad);font-weight:700}.row-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;cursor:pointer;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:0 10px 0 16px;font-weight:500}.row-end{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.chart-card{padding:12px 8px 4px}.chart-box{height:170px}.chart-tip{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px;color:var(--muted)}.chart-tip b{color:var(--ink);font-size:14px}.see-all{width:100%;font-weight:500;font-size:15px}.demo-pill{position:fixed;z-index:20;bottom:20px;right:max(16px,calc((100vw - var(--app-w)) / 2 + 16px));display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 18px;cursor:pointer;border:0;border-radius:999px;background:var(--dark);color:var(--on-dark);font-size:14px;font-weight:700}.demo-pill.is-playing{background:var(--brand)}.sheet-layer{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.scrim{position:absolute;inset:0;background:var(--scrim);animation:fade-in .2s ease}.sheet{position:relative;width:100%;max-width:var(--app-w);max-height:88vh;max-height:88dvh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:8px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet);animation:slide-up .28s cubic-bezier(.2,.8,.2,1);display:grid;gap:12px}.sheet:focus{outline:none}.sheet-grab{width:36px;height:4px;border-radius:999px;background:var(--line-strong);margin:0 auto 4px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-right:-10px}.sheet-head h2{font-size:20px}.sheet-big{display:grid;justify-items:start;gap:6px;padding:4px 0 8px}.sheet-big-v{font-family:var(--font-head);font-size:40px;font-weight:700;line-height:1.1}.sheet-big-v small{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--muted)}.sheet-big-sub{font-size:16px;color:var(--ink-soft)}.rows{margin:0}.rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-top:1px solid var(--line)}.rows dt{color:var(--muted);font-size:15px}.rows dd{margin:0;font-weight:700;text-align:right}.away-input{display:grid;gap:12px}.away-input .btn{width:100%}.away-panel{display:grid;gap:12px}.away-form .field{margin-bottom:0}.answer{display:grid;gap:4px;border-radius:var(--radius);padding:16px}.answer-yes{background:var(--ok-tint)}.answer-no{background:var(--bad-tint)}.answer-v{font-family:var(--font-head);font-size:40px;font-weight:700;line-height:1.1}.answer-yes .answer-v{color:var(--ok)}.answer-no .answer-v{color:var(--bad)}.answer-line{font-weight:500}.answer-topup{font-weight:700;margin-top:4px}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:8px;min-height:52px;border-top:1px solid var(--line)}.list-when{flex:1;min-width:0;color:var(--muted);font-size:15px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface);border-radius:var(--radius-sm)}.segmented button{min-height:var(--tap);border:0;border-radius:10px;background:none;font-size:14px;font-weight:500;cursor:pointer;padding:6px 8px}.segmented button.is-on{background:var(--bg);font-weight:700;box-shadow:0 0 0 1.5px var(--brand)}.toast{position:fixed;z-index:50;left:50%;bottom:84px;transform:translate(-50%);width:max-content;max-width:calc(min(100vw,var(--app-w)) - 32px);background:var(--dark);color:var(--on-dark);font-size:15px;font-weight:500;line-height:1.35;text-align:center;overflow-wrap:anywhere;border-radius:16px;padding:12px 18px;animation:toast-in .25s ease}.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#fff;cursor:pointer}.intro.is-out{animation:intro-out var(--intro-out-dur) ease-in forwards}.intro-lockup{display:flex;align-items:center;gap:14px;animation:intro-center var(--intro-word-dur) cubic-bezier(.2,.8,.3,1) var(--intro-word-delay) both}.intro.is-out .intro-lockup{animation:intro-settle var(--intro-out-dur) ease-out forwards}.intro-mark{width:76px;height:76px;overflow:visible}.intro-mark *{transform-box:fill-box}.intro-bg{fill:var(--brand);transform-origin:center;animation:intro-pop var(--intro-square-dur) cubic-bezier(.2,.8,.3,1) var(--intro-square-delay) both}.intro-w{stroke:var(--on-brand);transform-origin:50% 100%;animation:intro-drop var(--intro-w-dur) cubic-bezier(.35,0,.45,1) var(--intro-w-delay) both}.intro-stem{stroke:var(--on-brand);transform-origin:50% 100%;animation:intro-spring var(--intro-stem-dur) cubic-bezier(.3,0,.3,1) var(--intro-stem-delay) both}.intro-dot{fill:var(--on-brand);transform-origin:50% 100%;animation:intro-dot var(--intro-dot-dur) cubic-bezier(.4,0,.5,1) var(--intro-dot-delay) both}.intro-glow{transform-origin:center;opacity:0;animation:intro-glow var(--intro-glow-dur) ease-out var(--intro-glow-delay) both}.intro-word-clip{display:block;overflow:hidden;padding:4px 2px;margin-left:-2px}.intro-word{display:block;font-family:var(--font-head);font-weight:700;font-size:54px;line-height:1;letter-spacing:-.02em;color:var(--ink);animation:intro-word var(--intro-word-dur) cubic-bezier(.2,.8,.3,1) var(--intro-word-delay) both}@media(min-width:768px){.intro-mark{width:96px;height:96px}.intro-lockup{gap:18px}.intro-word{font-size:70px}}@keyframes intro-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes intro-drop{0%{opacity:0;transform:translateY(-16px)}10%{opacity:1}40%{transform:translateY(0) scale(1.12,.8)}56%{transform:translateY(-4px) scale(.97,1.04)}72%{transform:translateY(0) scale(1.06,.9)}86%{transform:translateY(-1.2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-spring{0%{opacity:0;transform:scaleY(0)}20%{opacity:1}65%{transform:scaleY(1.18)}to{opacity:1;transform:scaleY(1)}}@keyframes intro-dot{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1}50%{transform:translateY(0) scale(1.18,.82)}74%{transform:translateY(-2.4px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-glow{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)}55%{opacity:.9;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}@keyframes intro-word{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes intro-center{0%{transform:translate(var(--intro-shift, 0px))}to{transform:translate(0)}}@keyframes intro-settle{0%{transform:none}to{transform:scale(.96) translateY(-4px)}}@keyframes intro-out{to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:480px){.setup{min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(min-width:768px){:root{--row-hover: #fbfaf7}.app.app-wide{max-width:none}.shell{--side-w: 72px;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh;font-size:14px}.side{position:sticky;top:0;z-index:20;height:100vh;display:flex;flex-direction:column;gap:4px;background:var(--bg);border-right:1px solid var(--line);padding:16px 12px}.side-brand{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:40px;margin-bottom:16px;color:var(--ink);text-decoration:none;border-radius:8px;white-space:nowrap}.side-mark{display:inline-flex;transition:opacity .15s}.side-toggle{width:100%;border:0;background:none;font:inherit;cursor:pointer}.side-toggle:hover{background:var(--surface)}.side-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.side-toggle-icon{display:inline-flex;margin-left:auto;color:var(--muted);opacity:0;transition:opacity .15s}.side-toggle:hover .side-toggle-icon,.side-toggle:focus-visible .side-toggle-icon{opacity:1}.side-word{font-family:var(--font-head);font-weight:700;font-size:18px}.side-nav{display:grid;gap:2px}.side-link{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:8px;color:var(--ink-soft);text-decoration:none;font-weight:500;transition:background .15s,color .15s}.side-link:hover{background:var(--surface);color:var(--ink)}.side-link.is-active{background:var(--brand-tint);color:var(--brand-hover)}.side-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.side-link[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-4px,-50%);padding:4px 8px;border-radius:6px;background:var(--ink);color:var(--on-dark);font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s}.side-link[data-tip]:hover:after,.side-link[data-tip]:focus-visible:after{opacity:1;transform:translateY(-50%)}.side-foot{margin-top:auto;display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.side-house{gap:2px;font-size:13px;min-width:0}.side-house span{color:var(--muted)}.side-logout{width:100%;border:0;background:none;font:inherit;cursor:pointer}.wl-continue{max-width:100%}.side .demo-badge{justify-self:center;max-width:100%;overflow:hidden;white-space:nowrap;font-size:11px;padding:2px 6px}.shell-main{min-width:0;max-width:1344px;padding:28px 28px 48px}.shell.has-demo-bar .shell-main{padding-bottom:104px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{font-size:28px;font-weight:600;letter-spacing:-.015em}.page-sub{margin-top:4px;font-size:14px;color:var(--muted)}.shell .btn,.is-modal .btn{min-height:44px;font-size:14px;padding:8px 16px;border-radius:8px}.shell input[type=text],.shell input[type=number],.shell input[type=datetime-local]{font-size:14px;min-height:44px;padding:8px 12px;border-radius:8px;border-width:1px}.shell label{font-size:13px}.shell .field{margin-bottom:14px}.shell .suffix-input span{font-size:13px}.shell .card{border-radius:12px;padding:20px}.page-grid{display:grid;gap:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:28px}.card-head h2{font-family:var(--font-head);font-size:16px;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kpi{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;min-width:0}.kpi-link{cursor:pointer;width:100%;transition:border-color .15s}.kpi-link:hover{border-color:var(--line-strong)}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.kpi-label{font-size:13px;font-weight:500;color:var(--muted)}.kpi-v{font-family:var(--font-head);font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}.kpi-v small{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}.kpi-sub{font-size:13px;color:var(--muted)}.kpi-cta{margin-top:auto;font-size:13px;font-weight:600;color:var(--brand-hover)}.kpi-set{justify-self:start;min-height:40px;padding:8px 16px}.kpi-sub.text-pace{color:var(--warn-text)}.kpi-sub.text-over{color:var(--bad)}.kpi-inline{display:grid;gap:8px;margin-bottom:16px}.chip-sm{font-size:12px;padding:2px 8px}.thin-bar{display:block;width:100%;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.thin-bar span{display:block;height:100%;border-radius:999px;background:var(--ink);transition:width .3s ease,background .4s}.thin-bar .fill-green{background:var(--ok)}.thin-bar .fill-yellow{background:var(--warn)}.thin-bar .fill-red{background:var(--bad)}.thin-bar.bar-pace span{background:var(--warn)}.thin-bar.bar-over span{background:var(--bad)}.split-row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}.forecast-card{display:flex;flex-direction:column}.forecast-card .text-link{margin-top:auto;padding-top:14px}.two-col-stretch{align-items:stretch}.shell .chart-box{height:300px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.admin .two-col{align-items:stretch}.table-scroll{overflow-x:auto}.admin-table{min-width:720px}.admin-table .row-link{cursor:pointer}.admin-table .row-link:hover td{background:var(--row-hover)}.admin-table .check-col{width:56px;text-align:center}.admin-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.admin-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.sort-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.sort-btn:hover{color:var(--ink)}.sort-arrow{display:inline-block;width:10px;color:var(--brand-hover)}.num-col .sort-btn{flex-direction:row-reverse}.link-row{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.link-row:hover{text-decoration:underline}.text-ok{color:var(--ok);font-weight:700}.pay-paid{background:var(--ok-tint);color:var(--ok)}.pay-pending{background:var(--warn-tint);color:var(--warn-text)}.pay-unpaid{background:var(--surface);color:var(--muted)}.btn-sm{min-height:36px;padding:6px 14px;font-size:13px;border-radius:8px}.shell .btn-sm{min-height:36px}.tracker{display:grid;margin:0}.tracker-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.tracker-row:first-child{border-top:0;padding-top:0}.tracker-row dt{display:grid;gap:2px}.tracker-row dd{display:flex;align-items:center;gap:10px;margin:0}.tracker-v{font-weight:700}.admin .hint{margin-top:12px;font-size:13px}.admin-readings{max-height:60vh;overflow:auto}.kpis.kpis-5{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-warn{margin:0;padding:12px 16px;border:1px solid #f2d39b;border-radius:var(--radius-sm);background:var(--warn-tint);color:var(--warn-text);font-size:14px}.admin-table .act-col{width:1%;text-align:right}.queue-actions{display:inline-flex;gap:8px}.queue-table td{vertical-align:middle}.history-scroll{max-height:320px;overflow:auto}.history-table{width:100%}.history-table td{white-space:nowrap}.history-tag{margin-left:8px}.text-over{color:var(--bad);font-weight:700}.chart-panel .chart-box{height:360px}.spend-box{height:280px}.seg-sm{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface)}.seg-sm button{min-height:28px;padding:4px 10px;border:0;border-radius:6px;background:none;font-size:13px;color:var(--muted);cursor:pointer}.seg-sm button:hover{color:var(--ink)}.seg-sm button.is-on{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line)}.dl{margin:0}.dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.dl>div:first-child{border-top:0;padding-top:0}.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:600;text-align:right}.dd-sub{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:2px;margin-top:14px;color:var(--brand-hover);font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.card-head .text-link{margin-top:0}.muted{font-size:13px;color:var(--muted)}.empty{color:var(--muted)}.shell .table-card{padding:0;overflow:clip}.table-card .card-head{padding:16px 20px 0;margin-bottom:8px}.table-card .empty{padding:20px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:500;font-size:13px;color:var(--muted);padding:10px 20px;border-bottom:1px solid var(--line);background:var(--bg)}.table td{padding:11px 20px;border-bottom:1px solid var(--line)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .1s}.table tbody tr:hover td{background:var(--row-hover)}.table .num-col{text-align:right}.table .act-col{width:64px;padding:4px 12px;text-align:right}.table td.up{color:var(--ok)}.table tfoot th,.table tfoot td{border-top:1px solid var(--line);font-weight:600;color:var(--ink)}.table-sticky thead th{position:sticky;top:0;z-index:1}.type-plain{color:var(--muted)}.table .by-col{color:var(--ink-soft);white-space:nowrap}.form-row{display:flex;gap:8px}.verdict{display:grid;gap:2px;padding:16px;border-radius:10px;margin-bottom:16px}.verdict.is-yes{background:var(--ok-tint)}.verdict.is-no{background:var(--bad-tint)}.verdict-v{font-family:var(--font-head);font-size:32px;font-weight:600;line-height:1.15}.verdict.is-yes .verdict-v{color:var(--ok)}.verdict.is-no .verdict-v{color:var(--bad)}.verdict-line{font-weight:500}.timeline{padding:28px 40px 44px}.tl-track{position:relative;height:4px;border-radius:999px;background:var(--line)}.tl-gap{position:absolute;top:0;height:100%;background:var(--bad);opacity:.45}.tl-mark{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.tl-dot{width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--bg)}.tl-mark.is-bad .tl-dot{background:var(--bad)}.tl-label{position:absolute;top:14px;font-size:12px;font-weight:600;white-space:nowrap}.tl-time{position:absolute;top:30px;font-size:12px;color:var(--muted);white-space:nowrap}.settings-col{display:grid;gap:20px;max-width:640px}.side-stack{display:grid;gap:20px;align-content:start}.shell .settings-form .btn-primary{width:auto;min-width:120px}.shell .settings-form .grid2{gap:16px}.danger{border-color:#b4231840}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-row .btn{width:auto;border:1px solid var(--bad)}.sheet-layer.is-modal{align-items:center;justify-content:center;padding:24px}.sheet.is-modal{max-width:440px;border-radius:16px;padding:20px 24px 24px;animation:pop .18s ease}.sheet.is-modal .sheet-grab{display:none}.sheet.is-modal .big-input input{font-size:48px}.demo-bar{position:fixed;z-index:20;left:var(--side-w);right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line)}.demo-bar-inner{max-width:1344px;padding:10px 28px;display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}.segmented-inline{display:inline-grid;grid-template-columns:auto auto}.segmented-inline button{min-height:36px;padding:4px 14px;font-size:13px}.demo-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.demo-bar .btn-sm{min-height:36px;padding:6px 12px;font-size:13px;border-radius:8px}.toast{bottom:88px}.wl{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.wl-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:20px 40px}.wl-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:19px}.wl-top-end{display:flex;align-items:center;gap:8px}.wl-link{min-height:var(--tap);padding:8px 14px;border:0;border-radius:10px;background:none;font-size:15px;font-weight:500;color:var(--ink-soft);cursor:pointer}.wl-link:hover{background:var(--surface);color:var(--ink)}.wl-signin{min-height:40px;padding:8px 18px;font-size:15px;border-radius:10px}.wl-body{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;align-content:center;width:100%;max-width:1280px;margin:0 auto;padding:8px 40px 24px}.wl-copy{max-width:540px}.wl-copy h1{font-size:clamp(44px,4.6vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.03em}.wl-sub{margin-top:20px;font-size:19px;color:var(--muted)}.wl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.wl-actions .btn{min-height:52px;padding:12px 26px}.wl-features{display:flex;flex-wrap:wrap;gap:12px 28px;margin:40px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}.wl-features li{display:inline-flex;align-items:center;gap:8px}.wl-features svg{color:var(--ink-soft)}.wl-preview{position:relative;height:clamp(480px,66vh,600px);border-radius:24px;background:var(--surface)}.pv-hero{position:absolute;z-index:1;left:13%;right:13%;top:calc(50% + 16px);transform:translateY(-50%)}.pv-hero .hero-card{box-shadow:var(--shadow-float)}.pv-card{position:absolute;z-index:2;display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:var(--shadow-float)}.pv-history{top:-124px;right:-8%;width:250px}.pv-share{bottom:-84px;left:-10%;width:210px}.pv-label{font-size:12px;font-weight:500;color:var(--muted)}.pv-v{font-family:var(--font-head);font-size:24px;font-weight:600;letter-spacing:-.01em}.pv-v small{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--muted)}.pv-sub{font-size:12px;color:var(--muted)}.pv-chart{display:block;width:100%;height:auto;margin-top:6px}.wl-foot{padding:12px 40px 24px;text-align:center;font-size:13px;color:var(--muted)}.hero-wide{display:flex;flex-direction:column;gap:20px;padding:24px}.hero-wide .hero-big{font-size:64px;margin:10px 0 8px}.hero-foot{display:grid;gap:16px}.hero-wide .balance{padding:0}.onboard{min-height:0;max-width:480px;margin:max(40px,calc(50vh - 290px)) auto 40px;border:1px solid var(--line);border-radius:var(--radius);padding:16px 28px 28px}.onboard-body{min-height:300px}.onboard-center{min-height:320px}.shell .card .invite{padding:0;border:0;background:none}.shell .invite-actions{display:flex}.setup{min-height:0;max-width:480px;margin:max(40px,calc(50vh - 290px)) auto 40px;border:1px solid var(--line);border-radius:var(--radius);padding:16px 28px 28px}.setup-body{min-height:340px}.setup.auth{margin-top:max(40px,calc(50vh - 330px));padding:12px 32px 28px}.auth .auth-top{padding-top:20px}}@media(min-width:1100px){.split-row{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}@media(min-width:1024px){.shell{--side-w: 240px;transition:grid-template-columns .2s ease}.shell.is-collapsed{--side-w: 72px}.shell.is-collapsed .side-toggle-icon{position:absolute;inset:0;margin:0;align-items:center;justify-content:center;color:var(--ink-soft)}.shell.is-collapsed .side-toggle:hover .side-mark,.shell.is-collapsed .side-toggle:focus-visible .side-mark{opacity:0}.shell:not(.is-collapsed) .side{padding:16px}.shell:not(.is-collapsed) .side-brand{justify-content:flex-start;padding:0 8px;overflow:hidden}.shell:not(.is-collapsed) .side-link{justify-content:flex-start;height:40px;padding:0 12px;overflow:hidden;white-space:nowrap}.shell:not(.is-collapsed) .side-link:after{display:none}.shell:not(.is-collapsed) .side-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.shell:not(.is-collapsed) .side-house{display:grid;padding:0 4px;overflow:hidden;white-space:nowrap}.shell:not(.is-collapsed) .side .demo-badge{justify-self:start;margin-left:4px;font-size:12px;padding:2px 8px}.shell-main{padding:32px 40px 56px}.shell .btn,.is-modal .btn,.shell input[type=text],.shell input[type=email],.shell input[type=password],.shell input[type=tel],.shell input[type=number],.shell input[type=datetime-local]{min-height:40px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.wl-body{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:56px}.auth-split{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);min-height:100vh;min-height:100dvh;background:var(--bg)}.auth-side{display:flex;flex-direction:column;padding:24px 56px 32px}.auth-brand{align-self:flex-start;color:var(--ink);text-decoration:none;border-radius:8px}.auth-brand:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.auth-split .setup.auth{width:100%;max-width:400px;min-height:0;margin:auto 0;padding:32px 0;border:0;border-radius:0}.auth-split .auth-top{padding:12px 0 24px;text-align:left}.auth-split .auth-top h1{margin-top:0;font-size:32px;letter-spacing:-.02em}.auth-split .auth-foot{margin-top:20px;padding-top:0;text-align:left}.auth-art{display:flex;flex-direction:column;justify-content:center;gap:32px;padding:32px 40px 32px 0}.auth-tagline{max-width:680px;font-family:var(--font-head);font-size:clamp(32px,3vw,44px);font-weight:700;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.auth-art .wl-preview{height:clamp(440px,62vh,580px)}.demo-bar-inner{padding:10px 40px}}@media(prefers-reduced-motion:reduce){:not(.intro,.intro *),:before,:after{animation:none!important;transition:none!important}}