@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jakarta-var.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var.woff2)format("woff2")}:root{--background:#f8fafc;--surface:#fff;--surface-alt:#f1f5f9;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--border-strong:#7c8aa0;--primary:#4c5fd5;--on-primary:#fff;--accent:#e8603c;--accent-text:#c2410c;--success:#15803d;--danger:#c81e1e;--highlight:#e7e9fa;--shadow:0 4px 12px #0f172a1f;--shadow-lg:0 12px 32px #0f172a33;--display:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--body:"Inter", "Segoe UI", system-ui, sans-serif;--radius:12px;--touch:44px;--header:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--background:#0f172a;--surface:#1e293b;--surface-alt:#273449;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--border-strong:#7a8899;--primary:#8b9bff;--on-primary:#0f172a;--accent:#ff8a65;--accent-text:#ff8a65;--success:#4ade80;--danger:#f87171;--highlight:#252f50;--shadow:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);min-height:100dvh;color:var(--text);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}body[data-view=workspace]{height:100dvh;overflow:hidden}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.25}p{margin:0}a{color:var(--primary)}svg{flex:none}button svg,a svg{pointer-events:none}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.875rem}.lead{color:var(--muted);font-size:1.0625rem}.skip{z-index:50;background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.button{min-height:var(--touch);font:600 .9375rem/1.2 var(--body);cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.button:disabled{opacity:.55;cursor:default}.button-primary{background:var(--primary);color:var(--on-primary)}.button-primary:not(:disabled):hover{filter:brightness(1.08)}.button-quiet{border-color:var(--border);background:var(--surface)}.button-quiet:not(:disabled):hover{background:var(--surface-alt)}.button-small{min-height:var(--touch);padding:0 12px;font-size:.875rem}.button-large{min-height:52px;padding:0 24px;font-size:1.0625rem}.icon-button{width:var(--touch);height:var(--touch);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-alt);color:var(--text)}.shell-header{height:var(--header);padding:0 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand svg{border-radius:22%}.brand-name{white-space:nowrap;font-size:1.0625rem;font-weight:600}.brand-name b{color:var(--primary);font-weight:800}.header-actions{align-items:center;gap:8px;display:flex}.day-button{white-space:nowrap;padding:0 12px;position:relative}.day-button[aria-expanded=true]{background:var(--highlight);border-color:var(--primary)}.day-done{background:var(--success);width:20px;height:20px;color:var(--surface);border-radius:50%;place-items:center;display:inline-grid}.account{position:relative}.menu{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:240px;max-width:min(320px,100vw - 24px);box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-who{color:var(--muted);border-bottom:1px solid var(--border);overflow-wrap:anywhere;margin-bottom:4px;padding:8px 10px 10px;font-size:.8125rem}.menu-item{width:100%;min-height:var(--touch);color:var(--text);font:500 .9375rem var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-alt)}#root{min-height:100dvh}body[data-view=workspace] #root{flex-direction:column;height:100dvh;display:flex}.workspace{flex:1;min-height:0;display:flex}.workspace-main{flex:1;min-width:0;min-height:0;display:flex}.grid-area{flex-direction:column;flex:1;min-width:0;display:flex}.grid{min-height:0;padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grid-area[data-layout=maximised] .grid,.grid-area[data-layout=narrow] .grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.grid-area[data-layout=narrow] .grid{gap:0;padding:0}.quadrant{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.grid-area[data-layout=grid] .quadrant[data-active=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.grid-area[data-layout=narrow] .quadrant{border:0;border-radius:0}.quadrant-header{height:var(--touch);border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:8px;padding:0 2px 0 10px;display:flex}.quadrant-header svg[width="22"]{border-radius:22%}.quadrant-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9375rem;font-weight:600;overflow:hidden}.quadrant-actions{display:flex}.quadrant-body{flex:1;min-height:0;position:relative}.app-frame{background:var(--background);border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.quadrant-loading{color:var(--muted);pointer-events:none;place-items:center;font-size:.9375rem;display:grid;position:absolute;inset:0}.switcher{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.switch-button{min-height:56px;color:var(--muted);font:600 .6875rem/1.2 var(--body);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;display:flex}.switch-button svg{opacity:.75;border-radius:22%}.switch-button[aria-pressed=true]{color:var(--text);box-shadow:inset 0 3px 0 var(--primary);background:var(--highlight)}.switch-button[aria-pressed=true] svg{opacity:1}.switch-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}html.is-dragging,html.is-dragging *{cursor:grabbing}.panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:none;gap:16px;width:340px;max-width:40vw;padding:16px;display:flex;overflow:auto}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-title{font-size:1.25rem}.panel-title:focus{outline:none}.panel-title:focus-visible{outline:3px solid var(--primary)}.panel-body{flex-direction:column;gap:16px;display:flex}.panel-count,.panel-note{color:var(--muted);font-size:.875rem}.panel-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.panel-steps li{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:.875rem;display:flex}.panel-steps li svg{border-radius:22%}.panel-steps li[data-state=current]{background:var(--highlight);color:var(--text);font-weight:600}.panel-steps li[data-state=done] span:after{content:" (done)"}.panel-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);gap:8px;padding:14px;display:grid}.panel-step h3{font-size:1.0625rem}.panel-step .button{justify-self:start}.panel-nav{justify-content:space-between;gap:8px;display:flex}.panel-nav .button{flex:1}.panel-done{color:var(--text);align-items:flex-start;gap:10px;display:flex}.panel-done svg{color:var(--success)}.toasts{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;width:min(520px,100vw - 24px);position:fixed;transform:translate(-50%)}body[data-view=workspace] .toasts{bottom:calc(24px + env(safe-area-inset-bottom))}@media (max-width:719.98px){body[data-view=workspace] .toasts{bottom:calc(68px + env(safe-area-inset-bottom))}}.toast{pointer-events:auto;border-radius:var(--radius);background:var(--text);color:var(--background);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:6px 6px 6px 16px;animation:.16s ease-out toast-in;display:flex}.toast-text{flex:1;padding:8px 0}.toast .toast-undo{color:var(--background);border-color:color-mix(in srgb, var(--background) 45%, transparent);background:0 0}.toast .toast-close{color:var(--background)}.toast .toast-close:hover{background:color-mix(in srgb, var(--background) 15%, transparent);color:var(--background)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.drag-card{z-index:100;pointer-events:none;border-radius:var(--radius);background:var(--surface);max-width:280px;color:var(--text);border:1px solid var(--border-strong);border-left:6px solid var(--item-colour,var(--primary));box-shadow:var(--shadow-lg);will-change:transform;padding:10px 14px;position:fixed;top:0;left:0}.drag-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.drag-hint{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:.875rem;display:flex}.drag-card[data-droppable=true] .drag-hint{color:var(--success);font-weight:600}.centre{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}body[data-view=status] .centre,body[data-view=upsell] .centre{min-height:calc(100dvh - var(--header))}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.signin{text-align:center;justify-items:center;gap:16px;width:min(440px,100%);padding:32px 24px;display:grid}.signin svg[role=img]{border-radius:22%}.signin h1{font-size:1.75rem}.providers{gap:10px;width:100%;display:grid}.button-provider{border-color:var(--border-strong);background:var(--surface);width:100%;min-height:48px}.button-provider:not(:disabled):hover{background:var(--surface-alt)}.form-status:empty{display:none}.form-status{color:var(--text);background:var(--highlight);text-align:left;border-radius:10px;padding:10px 14px;font-size:.9375rem}.upsell{gap:40px;width:100%;max-width:1080px;margin:0 auto;padding:32px 16px 56px;display:grid}.upsell-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;display:grid}.upsell-copy{gap:14px;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:.8125rem;font-weight:600}.display{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.ways{gap:16px;display:grid}.ways>h2,.price h2{font-size:1.5rem}.way-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.way-list li{align-content:start;gap:8px;padding:20px;display:grid}.way-list h3{font-size:1.0625rem}.way-list p{color:var(--muted)}.price{justify-items:start;gap:12px;max-width:640px;padding:28px 24px;display:grid}.price-amount{font-family:var(--display);font-size:1.75rem;font-weight:800}.price-actions{flex-wrap:wrap;gap:10px;display:flex}.mock{gap:8px;margin:0;display:grid}.mock-grid{aspect-ratio:4/3;background:var(--surface-alt);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.mock-cell{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;font-size:.75rem;display:flex;position:relative;overflow:visible}.mock-head{align-items:center;gap:6px;font-weight:600;display:flex}.mock-head svg{border-radius:22%}.mock-lines{gap:6px;display:grid}.mock-line{background:var(--surface-alt);border-radius:4px;height:8px}.mock-line:nth-child(2){width:80%}.mock-line:nth-child(3){width:60%}.mock-item{border-left:4px solid var(--accent);background:var(--highlight);border-radius:8px;padding:6px 8px;font-weight:600}.mock-dragged{z-index:2;box-shadow:var(--shadow-lg);background:var(--surface);border:1px solid var(--border-strong);border-left:4px solid var(--accent);align-self:flex-end;position:relative;transform:translate(42%,6px)rotate(-3deg)}.mock-slot{border:2px dashed var(--primary);color:var(--primary);border-radius:8px;margin-top:44px;padding:6px 8px;font-weight:600}@media (max-width:719.98px){.brand-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.shell-header{gap:6px;padding:0 8px}.header-actions{gap:4px}.day-button{padding:0 10px;font-size:.8125rem}.account-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.account-button{width:var(--touch);padding:0}.workspace{flex-direction:column-reverse}.workspace[data-panel=true] .workspace-main{flex:50%}.panel{border-left:0;border-bottom:1px solid var(--border);gap:12px;width:auto;max-width:none;max-height:50%;padding:12px 16px}.panel-steps{display:none}.upsell-hero{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:400px){.day-label{font-size:.8125rem}.day-button>svg:first-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}