:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202326;background:#eef0ec;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #eef0ec;--surface: #ffffff;--surface-soft: #f5f6f3;--text: #202326;--muted: #687078;--border: #d8ddd8;--accent: #e85d26;--accent-strong: #ce4615;--accent-text: #ffffff;--good: #21764a;--good-bg: #e4f5ea;--warning: #945600;--warning-bg: #fff0d1;--blue: #236da8;--blue-bg: #e6f1fa;--danger: #b72d32;color-scheme:light}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6caee0;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.2}h2{font-size:1.15rem}small{font-size:.8rem}.app-frame{width:min(1120px,100%);min-height:100vh;margin:0 auto;background:var(--bg)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700}.brand-mark{display:inline-grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.7rem;color:var(--accent-text);background:linear-gradient(145deg,#ff7841,var(--accent-strong));box-shadow:0 .35rem .9rem #ce461538}.brand-mark.large{width:3.5rem;height:3.5rem;margin-bottom:.75rem;border-radius:1rem}.top-actions,.header-actions,.avatar-stack,.editor-actions,.invite-controls,.copy-row{display:flex;align-items:center;gap:.55rem}.account-button{display:flex;align-items:center;gap:.5rem;min-height:2.65rem;padding:.25rem .6rem .25rem .25rem;color:var(--text);border:1px solid var(--border);border-radius:.8rem;background:var(--surface)}.account-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-grid;width:2.1rem;height:2.1rem;place-items:center;flex:0 0 auto;margin-left:-.3rem;border:2px solid var(--surface);border-radius:50%;color:var(--text);background:#e8ebe7;font-size:.76rem;font-weight:700}.avatar:first-child{margin-left:0}.icon-button{display:inline-grid;width:2.7rem;height:2.7rem;place-items:center;flex:0 0 auto;padding:0;color:var(--text);border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.icon-button svg{width:1rem;height:1rem}.offline-badge,.badge,.scope-badge{display:inline-flex;align-items:center;gap:.3rem;min-height:1.75rem;padding:.25rem .6rem;border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:.78rem;white-space:nowrap}.offline-badge{color:var(--warning);background:var(--warning-bg)}.content{min-height:calc(100vh - 8rem);padding:1.4rem 1.25rem 6.5rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-header h1{margin:.15rem 0 .25rem}.eyebrow{color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.muted{color:var(--muted)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .9rem;border:1px solid var(--border);border-radius:.75rem;color:var(--text);background:var(--surface);font-weight:650}.button svg{width:1rem;height:1rem}.button.primary{color:var(--accent-text);border-color:var(--accent);background:var(--accent)}.button.primary:hover{background:var(--accent-strong)}.button.secondary{background:var(--surface-soft)}.button.full{width:100%}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.summary-card{display:grid;gap:.15rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:0 .45rem 1.2rem #28312b0d}.summary-card>span,.summary-card small{color:var(--muted)}.summary-card strong{margin-top:.15rem;font-size:1.55rem}.progress{display:block;height:.48rem;margin-top:.65rem;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:.9rem}.callout p{margin-top:.2rem;font-size:.86rem}.callout.warning{background:var(--warning-bg)}.panel{padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:0 .45rem 1.2rem #28312b0a}.invite-panel{display:grid;grid-template-columns:1fr minmax(18rem,.9fr);align-items:end;gap:1rem}.invite-panel h2{margin:.15rem 0 .25rem}.invite-panel .copy-row{grid-column:1 / -1}.invite-controls input,.copy-row input{min-width:0;flex:1}.empty-state{display:grid;place-items:center;gap:.65rem;padding:3rem 1rem;text-align:center;color:var(--muted)}.empty-state svg{width:2.4rem;height:2.4rem;color:var(--accent)}.empty-state h2{color:var(--text)}.trip-picker{max-width:22rem;margin-bottom:1rem}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.field{display:grid;gap:.35rem;min-width:0}.field>span{color:var(--muted);font-size:.8rem;font-weight:600}input,select{width:100%;min-height:2.75rem;padding:.65rem .75rem;color:var(--text);border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}.toolbar .field{width:min(22rem,100%)}.task-list{overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.task-row{display:flex;align-items:center;gap:.75rem;min-height:4rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:0}.task-row>input[type=checkbox],.choice-row>input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;padding:0;flex:0 0 auto;accent-color:var(--accent)}.task-row>span{display:grid;min-width:0;gap:.2rem}.task-row strong{overflow-wrap:anywhere}.task-row small{color:var(--muted)}.task-row.done strong{color:var(--muted);text-decoration:line-through}.task-row.shared{display:grid;grid-template-columns:auto minmax(10rem,1fr) minmax(8.5rem,.45fr) auto}.task-row.selected{background:var(--blue-bg)}.state-button{min-width:6.5rem;min-height:2.5rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface-soft)}.state-button.ready{color:var(--warning);border-color:#e8b45f;background:var(--warning-bg)}.state-button.packed{color:var(--good);border-color:#8bc6a3;background:var(--good-bg)}.batch-bar{display:grid;grid-template-columns:auto minmax(9rem,1fr) minmax(9rem,1fr) auto;align-items:end;gap:.6rem;padding:.75rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:.85rem;background:var(--surface-soft)}.segments{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;padding:.3rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:.85rem;background:#e9ece8}.segments button{min-height:2.7rem;color:var(--muted);border:1px solid transparent;border-radius:.65rem;background:transparent}.segments button.active{color:var(--text);border-color:var(--border);background:var(--surface);box-shadow:0 .25rem .7rem #28312b0f}.editor-picker{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr);align-items:end;gap:1rem;margin-bottom:1rem}.inline-create{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem}.editor-main{display:grid;gap:1rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem}.edit-list{display:grid;gap:.55rem}.edit-row,.assignment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.6rem;border-radius:.75rem;background:var(--surface-soft)}.assignment-row{grid-template-columns:minmax(10rem,1fr) minmax(9rem,.55fr) auto auto}.point-count{color:var(--muted);font-size:.8rem;white-space:nowrap}.editor-actions{justify-content:space-between;padding-top:.4rem;border-top:1px solid var(--border)}.scope-badge.personal{color:var(--blue);background:var(--blue-bg)}.scope-badge.shared{color:var(--warning);background:var(--warning-bg)}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:min(1120px,100%);margin:0 auto;padding:.55rem max(.55rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 -.6rem 1.4rem #20232614;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-button{display:grid;min-width:0;min-height:3.65rem;place-items:center;align-content:center;gap:.25rem;padding:.4rem .25rem;color:var(--muted);border:0;border-radius:.75rem;background:transparent;font-size:.75rem}.nav-button svg{width:1.1rem;height:1.1rem}.nav-button.active{color:var(--accent-strong);background:var(--surface-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#0f11139e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wizard{display:grid;width:min(760px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--border);border-radius:1.15rem;background:var(--surface);box-shadow:0 2rem 5rem #00000047}.wizard>header,.wizard>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.wizard>header{border-bottom:1px solid var(--border)}.wizard>footer{border-top:1px solid var(--border)}.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 1.15rem 0}.wizard-progress>span{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.6rem;color:var(--muted);border-radius:.7rem;background:var(--surface-soft);font-weight:700}.wizard-progress small{font-weight:600}.wizard-progress .active{color:var(--accent-text);background:var(--accent)}.wizard-progress .done{color:var(--good);background:var(--good-bg)}.wizard-progress svg{width:1rem}.wizard-body{display:grid;gap:1rem;padding:1.15rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.form-grid .wide{grid-column:1 / -1}.choice-list{display:grid;gap:.55rem}.choice-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:var(--surface-soft)}.choice-row>span:nth-child(2){display:grid;min-width:0;flex:1;gap:.2rem}.choice-row small{color:var(--muted)}.setup-note,.error-message{display:grid;gap:.3rem;padding:.8rem;border-radius:.75rem;background:var(--surface-soft)}.error-message{color:var(--danger);border:1px solid #efb8bb;background:#fff0f1}.login-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);min-height:100vh}.login-hero{display:flex;flex-direction:column;justify-content:space-between;gap:3rem;padding:clamp(2rem,6vw,5.5rem);color:#f7f8f5;background:radial-gradient(circle at 25% 20%,rgb(255 120 65 / 24%),transparent 28%),linear-gradient(145deg,#171a1d,#25292c)}.login-brand{color:#fff}.login-hero h1{max-width:12ch;margin:.5rem 0 1rem;font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:-.04em}.login-hero p:not(.eyebrow){max-width:42rem;color:#cbd0cb;font-size:1.05rem;line-height:1.65}.login-benefits{display:flex;flex-wrap:wrap;gap:.75rem}.login-benefits span{display:inline-flex;align-items:center;gap:.4rem;color:#dce0dc;font-size:.86rem}.login-benefits svg{width:1rem;color:#ff8a55}.login-panel{display:grid;place-items:center;padding:2rem;background:var(--bg)}.login-card{display:grid;width:min(390px,100%);gap:1rem;padding:1.4rem;border:1px solid var(--border);border-radius:1.1rem;background:var(--surface);box-shadow:0 1.5rem 4rem #28312b1f}.login-card h2{font-size:1.5rem}.google-button{display:grid;min-height:44px;place-items:center}.google-button.is-busy{pointer-events:none;opacity:.6}.legal-note{color:var(--muted);font-size:.75rem;line-height:1.5}.legal-note a{color:var(--accent-strong)}.center-screen{display:grid;min-height:100vh;place-items:center;align-content:center;color:var(--muted)}.center-screen h1{color:var(--text)}.toast{position:fixed;right:1rem;bottom:5.6rem;z-index:150;max-width:min(24rem,calc(100% - 2rem));padding:.8rem 1rem;color:var(--good);border:1px solid #9bcdb0;border-radius:.8rem;background:var(--good-bg);box-shadow:0 .8rem 2rem #1f322729}@media(max-width:760px){.content{padding:1rem 1rem 6.25rem}.topbar{padding:.75rem 1rem}.account-name,.offline-badge{display:none}.page-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:space-between}.summary-grid,.invite-panel{grid-template-columns:1fr}.invite-panel .copy-row{grid-column:auto}.editor-picker,.inline-create{grid-template-columns:1fr}.inline-create .button{width:100%}.assignment-row{grid-template-columns:1fr}.assignment-row .icon-button{width:100%}.task-row.shared{grid-template-columns:auto minmax(0,1fr)}.task-row.shared select,.task-row.shared .state-button{grid-column:2;width:100%}.batch-bar,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login-layout{grid-template-columns:1fr}.login-hero{min-height:42vh;padding:1.5rem}.login-hero h1{font-size:2.5rem}.login-benefits{display:none}.login-panel{padding:1rem}}@media(prefers-color-scheme:dark){:root{color:#f2f4f1;background:#0e1012;--bg: #0e1012;--surface: #181b1e;--surface-soft: #22262a;--text: #f2f4f1;--muted: #aeb5bb;--border: #343a3f;--accent: #ff7540;--accent-strong: #ff8b59;--accent-text: #17191b;--good: #69d395;--good-bg: #193126;--warning: #ffc36c;--warning-bg: #352816;--blue: #77bcff;--blue-bg: #172b3e;--danger: #ff9298;color-scheme:dark}.segments{background:#121517}.avatar{background:#292e32}.error-message{border-color:#6e3539;background:#351c1f}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}