:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6d778b;--line:#e7eaf1;--primary:#3157d5;--primary-dark:#2446b6;--soft:#eef2ff;--danger:#c53939;--shadow:0 14px 35px #1f2d5514}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand{letter-spacing:-.03em;font-size:1.35rem;font-weight:900}.muted{color:var(--muted)}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.11em;margin-bottom:8px;font-size:.78rem;font-weight:800;display:inline-block}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px 15px;font-weight:800;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{color:var(--text);background:#eef1f6}.btn-ghost{color:var(--muted);background:0 0}.btn-lg{padding:14px 20px}.btn-small{padding:7px 10px;font-size:.82rem}.full{width:100%}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.notice{color:#6b5821;background:#fff8dc;border:1px solid #ecd996;border-radius:12px;padding:11px 13px;font-size:.9rem}.empty{color:var(--muted);text-align:center;background:#fafbfe;border:1px dashed #d9deea;border-radius:16px;padding:34px 15px}.empty.compact{padding:18px}.top-gap{margin-top:16px}.bottom-gap{margin-bottom:20px}.landing{background:radial-gradient(circle at 75% 10%,#dde5ff 0,#0000 33%),linear-gradient(#fbfcff,#f2f5fb);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:24px 28px;display:flex}.hero{grid-template-columns:1.35fr .85fr;align-items:center;gap:70px;max-width:1180px;margin:auto;padding:70px 28px 55px;display:grid}.hero h1{letter-spacing:-.055em;max-width:800px;margin:8px 0 24px;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.98}.hero p{color:var(--muted);max-width:690px;font-size:1.14rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.phone-card{color:#fff;background:#172033;border-radius:34px;padding:25px;transform:rotate(2deg);box-shadow:0 30px 70px #141f3e40}.phone-top{color:#b9c5e6;letter-spacing:.08em;margin-bottom:22px;font-size:.82rem}.timeline-mini{gap:4px;display:grid}.timeline-mini div{border-left:2px solid #526ad2;grid-template-columns:70px 1fr;padding:15px 12px;display:grid}.timeline-mini b{color:#aab9ff}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:auto;padding:30px 28px 80px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.feature-card span{font-size:1.8rem}.feature-card h3{margin:12px 0 6px}.feature-card p{color:var(--muted);margin:0;line-height:1.5}.auth-shell{background:radial-gradient(circle at 50% 0,#dfe7ff,transparent 45%), var(--bg);place-items:center;min-height:100vh;padding:25px;display:grid}.auth-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:32px}.auth-brand{margin-bottom:28px;display:inline-block}.auth-card h1{letter-spacing:-.03em;margin:0 0 6px}.form-stack{gap:15px;margin-top:23px;display:grid}label{color:#4e586c;gap:7px;font-size:.86rem;font-weight:800;display:grid}input,textarea,select{width:100%;color:var(--text);background:#fff;border:1px solid #dfe3ec;border-radius:11px;outline:none;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#93a8f3;box-shadow:0 0 0 3px #edf1ff}.text-button{width:100%;color:var(--primary);background:0 0;border:0;margin-top:20px;font-weight:800}.app-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;height:70px;padding:0 26px;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:14px;display:flex}.page-wrap{max-width:1180px;margin:auto;padding:34px 24px 70px}.welcome-row{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.welcome-row h1{letter-spacing:-.04em;margin:0 0 8px;font-size:2.25rem}.code-pill{background:var(--soft);color:var(--primary);letter-spacing:.08em;border-radius:8px;padding:4px 8px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.span-2{min-width:0}.section-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-head h2,.card h2{margin-top:0}.trip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trip-card{border:1px solid var(--line);background:#fcfdff;border-radius:17px;gap:14px;padding:16px;transition:all .18s;display:flex}.trip-card:hover{border-color:#c9d3f4;transform:translateY(-2px);box-shadow:0 10px 24px #1e2d5514}.trip-emoji{background:var(--soft);border-radius:15px;flex:none;place-items:center;width:54px;height:54px;font-size:1.7rem;display:grid}.trip-card h3{margin:1px 0 5px}.trip-card p,.trip-card small{color:var(--muted);margin:0;display:block}.trip-card small{margin-top:8px}.reminder-row{border-bottom:1px solid var(--line);gap:5px;padding:12px 0;display:grid}.reminder-row span{color:var(--muted);font-size:.86rem}.create-trip-card{margin-top:18px}.grid-form{grid-template-columns:90px 1.3fr 1fr 1fr 1fr auto;align-items:end;gap:10px;display:grid}.form-submit{height:42px}.onboarding{max-width:650px;margin:70px auto}.segmented{background:#eef1f6;border-radius:12px;grid-template-columns:1fr 1fr;margin:24px 0 4px;padding:4px;display:grid}.segmented button,.tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px;font-weight:800}.segmented button.active,.tabs button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #1e2d5514}.center-screen{min-height:100vh;color:var(--muted);text-align:center;place-items:center;padding:30px;display:grid}.back-link{color:var(--primary);margin-bottom:14px;font-weight:800;display:inline-block}.trip-hero{align-items:center;gap:20px;margin-bottom:16px;display:flex}.trip-hero-emoji{background:var(--soft);border-radius:22px;place-items:center;width:74px;height:74px;font-size:2.3rem;display:grid}.trip-hero h1{letter-spacing:-.04em;margin:0 0 6px;font-size:2.2rem}.trip-hero p{margin:0}.tabs{background:#e9edf4;border-radius:14px;gap:6px;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;flex:1}.two-col{grid-template-columns:360px 1fr;align-items:start;gap:18px;display:grid}.sticky-form{position:sticky;top:88px}.inline-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.timeline-day{margin-bottom:25px}.day-label{text-transform:capitalize;color:#47536a;margin:8px 0 10px;font-weight:900}.timeline-item{grid-template-columns:88px 18px 1fr;min-height:88px;display:grid}.time-col{color:var(--primary);align-content:start;gap:4px;padding-top:4px;font-weight:900;line-height:1.05;display:grid}.time-col>span{display:block}.time-end{color:var(--muted);white-space:nowrap;font-size:.76rem;font-weight:800}.timeline-dot{position:relative}.timeline-dot:before{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:3px}.timeline-dot:after{content:"";background:#dfe5f4;width:2px;position:absolute;top:20px;bottom:0;left:7px}.timeline-content{padding:0 0 18px 12px}.timeline-content span,.timeline-content small{color:var(--muted);margin-top:6px;line-height:1.45;display:block}.timeline-title{justify-content:space-between;gap:10px;display:flex}.mini-link{color:var(--primary);background:0 0;border:0;font-size:.8rem;font-weight:800}.mini-link.danger{color:var(--danger)}.narrow-card{max-width:760px;margin:auto}.quick-add{grid-template-columns:1fr auto;gap:9px;margin:18px 0;display:grid}.check-row,.list-row,.expense-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 3px;display:flex}.check-box{color:#fff;background:#fff;border:2px solid #bdc5d4;border-radius:8px;width:27px;height:27px;font-weight:900}.check-box.done{background:var(--primary);border-color:var(--primary)}.strike{color:var(--muted);text-decoration:line-through}.icon-button{width:29px;height:29px;color:var(--muted);background:#f2f4f8;border:0;border-radius:9px;margin-left:auto;font-size:1.1rem}.list-row{justify-content:space-between}.list-row>div:first-child{gap:5px;display:grid}.list-row span,.list-row small,.expense-row span{color:var(--muted);font-size:.86rem}.row-actions{align-items:center;gap:7px;display:flex}.faded{opacity:.55}.expense-row{justify-content:space-between}.expense-row>div{gap:5px;display:grid}.expense-row>div:last-child{align-items:center;gap:10px;display:flex}.total-money{color:var(--primary);font-size:1.25rem;font-weight:900}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.phone-card{max-width:520px;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-col{grid-template-columns:1fr}.grid-form{grid-template-columns:repeat(2,1fr)}.emoji-field{grid-column:span 1}.form-submit{grid-column:span 2}.sticky-form{position:static}}@media (max-width:620px){.landing-nav,.page-wrap{padding-left:16px;padding-right:16px}.hero{gap:35px;padding-left:18px;padding-right:18px}.feature-grid{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.hero h1{font-size:2.75rem}.trip-grid,.grid-form{grid-template-columns:1fr}.form-submit{grid-column:auto}.hide-mobile{display:none}.app-header{padding:0 14px}.card{border-radius:18px;padding:18px}.trip-hero-emoji{border-radius:17px;width:58px;height:58px;font-size:1.8rem}.trip-hero h1{font-size:1.6rem}.tabs button{flex:none}.timeline-item{grid-template-columns:74px 18px 1fr}.timeline-title{flex-direction:column;align-items:flex-start}.list-row,.expense-row{align-items:flex-start}.row-actions{flex-direction:column;align-items:flex-end}}.btn-danger{color:#fff;background:#c53939}.btn-danger:hover{background:#a92e2e}.family-toolbar{align-items:flex-end;gap:24px}.family-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.family-select-label{min-width:220px}.family-create-panel{margin-bottom:18px}.family-create-panel .segmented,.family-create-panel .form-stack{max-width:520px}.trip-hero-copy{flex:1;min-width:0}.trip-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.trip-notes{color:var(--muted);margin-top:8px;line-height:1.5;display:block}.trip-edit-card{margin-bottom:18px}.trip-edit-grid{grid-template-columns:90px 1.4fr 1fr 1fr 1fr;align-items:end;gap:12px;display:grid}.trip-edit-grid .wide-field{grid-column:1/-1}.form-actions{gap:9px;display:flex}.family-manage-wrap{max-width:980px}.family-manage-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.family-manage-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:2.2rem}.invite-box{border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:4px;padding:13px 16px;display:grid}.invite-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.invite-box b{color:var(--primary);letter-spacing:.1em;font-size:1.15rem}.invite-box .mini-link{text-align:left;padding:4px 0}.family-manage-grid{grid-template-columns:.75fr 1.5fr;align-items:start;gap:18px;display:grid}.member-list{display:grid}.member-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.member-row:last-child{border-bottom:0}.member-avatar{background:var(--soft);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;font-weight:900;display:grid}.member-info{gap:4px;min-width:0;display:grid}.member-info span,.member-info small{color:var(--muted);text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.member-controls{align-items:center;gap:8px;display:flex}.member-controls select{min-width:120px}.role-pill{color:var(--muted);background:#f1f3f8;border-radius:999px;padding:6px 9px;font-size:.8rem;font-weight:800}.danger-zone{border-color:#ecd1d1;margin-top:18px}.danger-zone h2{color:var(--danger)}.danger-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.danger-action p{color:var(--muted);margin:5px 0 0;line-height:1.5}.danger-action.destructive{border-color:#f0d4d4}.danger-action.destructive>div{flex:1}.danger-action.destructive input{border-color:#e7b4b4;max-width:220px;margin-top:12px}@media (max-width:900px){.family-toolbar,.family-manage-heading{flex-direction:column;align-items:stretch}.family-actions{justify-content:flex-start}.family-manage-grid{grid-template-columns:1fr}.trip-edit-grid{grid-template-columns:repeat(2,1fr)}.trip-hero{flex-wrap:wrap;align-items:flex-start}.trip-hero-actions{justify-content:flex-start;width:100%;margin-left:94px}}@media (max-width:620px){.family-actions{grid-template-columns:1fr;width:100%;display:grid}.family-select-label{min-width:0}.trip-edit-grid{grid-template-columns:1fr}.trip-edit-grid .wide-field{grid-column:auto}.trip-hero-actions{margin-left:0}.trip-hero-actions .btn{flex:1}.member-row{grid-template-columns:44px 1fr;align-items:start}.member-controls{flex-wrap:wrap;grid-column:1/-1;padding-left:56px}.danger-action{flex-direction:column;align-items:stretch}.danger-action .btn{width:100%}}.timeline-section-head{align-items:center;margin-bottom:6px}.timeline-section-head h2{margin:0}.realtime-pill{color:var(--muted);white-space:nowrap;background:#f1f3f8;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.76rem;font-weight:850;display:inline-flex}.realtime-dot{background:#a8afbd;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #a8afbd26}.realtime-pill.live{color:#257448;background:#edf8f1}.realtime-pill.live .realtime-dot{background:#32a565;box-shadow:0 0 0 3px #32a56526}.realtime-pill.error{color:var(--danger);background:#fff1f1}.realtime-pill.error .realtime-dot{background:var(--danger);box-shadow:0 0 0 3px #c539391f}@media (max-width:620px){.timeline-section-head{align-items:flex-start}.realtime-pill{padding:5px 8px;font-size:.7rem}}.day-label{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.today-chip{color:var(--primary);letter-spacing:.02em;background:#eef3ff;border-radius:999px;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:900;display:inline-flex}.timeline-title-main{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.timeline-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.timeline-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:4px 8px;font-size:.7rem;font-weight:900;line-height:1;display:inline-flex}.timeline-status.upcoming{color:var(--primary);background:#eef3ff}.timeline-status.live{color:#217648;background:#eaf8ef}.timeline-status.done{color:#667085;background:#f0f2f5}.timeline-status.today{color:#8a6916;background:#fff7df}.timeline-item.status-live .timeline-dot:before{background:#2ca565;animation:1.8s ease-in-out infinite timeline-live-pulse;box-shadow:0 0 0 5px #2ca56521}.timeline-item.status-done .timeline-dot:before{background:#98a1b2}.timeline-item.status-done .timeline-content{opacity:.7}.timeline-item.status-done .timeline-title b{text-decoration-color:#66708573}@keyframes timeline-live-pulse{0%,to{box-shadow:0 0 0 4px #2ca5651a}50%{box-shadow:0 0 0 8px #2ca5652e}}.timeline-now-row{grid-template-columns:86px 22px minmax(0,1fr);align-items:center;min-height:34px;margin:0 0 8px;display:grid;position:relative}.timeline-now-time{color:#d14a4a;text-align:right;font-variant-numeric:tabular-nums;padding-right:10px;font-size:.76rem;font-weight:900}.timeline-now-axis{height:100%;position:relative}.timeline-now-axis:before{content:"";background:#dfe5f4;width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-now-axis span{z-index:1;background:#d14a4a;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 0 0 4px #d14a4a1a}.timeline-now-line{background:#d14a4a;height:2px;margin-left:0;position:relative}.timeline-now-line span{color:#d14a4a;background:#fff;padding-left:8px;font-size:.72rem;font-weight:900;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width:620px){.timeline-now-row{grid-template-columns:74px 18px minmax(0,1fr)}.timeline-now-time{padding-right:6px;font-size:.68rem}.timeline-now-axis:before{left:7px}.timeline-now-line span{font-size:.66rem}.timeline-title-main{align-items:flex-start}.timeline-status{font-size:.66rem}}.auth-inline-link{justify-content:flex-end;margin-top:-7px;display:flex}.auth-inline-link a,.auth-footer-link a{color:var(--primary);font-size:.84rem;font-weight:850}.auth-footer-link{text-align:center;margin-top:22px}.auth-action-stack{gap:10px;margin-top:22px;display:grid}.recovery-success{text-align:center;gap:12px;margin-top:22px;display:grid}.recovery-success h2{margin:0}.recovery-success p{margin:0;line-height:1.55}.recovery-icon{background:var(--soft);border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto;font-size:1.65rem;display:grid}.small-copy{font-size:.82rem}.password-help{margin:-2px 0 0;font-size:.86rem;line-height:1.55}.notice.success{color:#236845;background:#edf8f1;border-color:#bfe3cc}.account-wrap{max-width:760px}.account-heading{margin-bottom:20px}.account-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:2.25rem}.account-heading p{margin:0}.account-card{margin-bottom:18px}.account-card .form-stack{max-width:560px}.account-recovery-card{border-style:dashed}.account-header-link{white-space:nowrap}@media (max-width:620px){.account-header-link{padding-left:8px;padding-right:8px}.account-link-text{display:none}.header-actions{gap:4px}}