*,:before,:after{box-sizing:border-box}html,body{margin:0}body{color:var(--text);background:var(--page);font-family:Onest,system-ui,sans-serif}input,select,button,textarea{font-family:inherit}::placeholder{color:var(--muted);opacity:.8}button{cursor:pointer}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239a907a' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 16px center;background-repeat:no-repeat;padding-right:42px}@keyframes scIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-shell{background:var(--page);min-height:100vh;color:var(--text);padding:clamp(12px, 3vw, 32px) clamp(12px, 3vw, 28px) calc(56px + env(safe-area-inset-bottom,0px));padding-left:max(clamp(12px, 3vw, 28px), env(safe-area-inset-left,0px));padding-right:max(clamp(12px, 3vw, 28px), env(safe-area-inset-right,0px));flex-direction:column;align-items:center;gap:clamp(14px,2.4vw,22px);display:flex}.view{flex-direction:column;align-items:center;width:100%;animation:.3s scIn;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1080px;display:flex}.brand{letter-spacing:.03em;color:var(--heading);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.brand-dot{background:var(--accent);width:15px;height:15px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.topbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill-group{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.user-pill{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;padding:4px 6px 4px 4px;display:flex}.user-pill .name{color:var(--heading);font-size:13px;font-weight:700}.logout-link{color:var(--muted);background:0 0;border:none;padding:0 6px;font-size:12px;font-weight:600;transition:color .12s}.logout-link:hover{color:var(--neg)}.notif-btn{border:1px solid var(--line);background:var(--card);width:34px;height:34px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.notif-btn:hover{color:var(--heading);border-color:var(--accent)}.notif-btn.active{color:var(--accent);border-color:var(--accent)}.notif-btn:disabled{opacity:.5}.seg-btn{color:var(--muted);background:0 0;border:none;border-radius:999px;font-family:Onest,sans-serif;transition:all .15s}.seg-btn.theme{padding:7px 15px;font-size:13px;font-weight:600}.seg-btn.nav{align-items:center;padding:8px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.seg-btn.active{background:var(--accent);color:#fff}.nav-badge{background:var(--accent);color:#fff;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar.me{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 16px 44px -26px #14192866}.header-band{background:var(--hdr);padding:clamp(24px,5vw,34px);position:relative;overflow:hidden}.header-band .deco{pointer-events:none;background:#00000029;border-radius:50%;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-size:12px;font-weight:700}.header-band .eyebrow{letter-spacing:.18em}.header-band .title{color:var(--hdr-tx);margin:8px 0 0;font-weight:800;line-height:1.05}.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-size:12px;font-weight:700;display:block}.input{background:var(--field);border:1.5px solid var(--field-bd);width:100%;color:var(--text);border-radius:13px;padding:15px 18px;font-size:16px;font-weight:500;transition:border-color .12s}.input:focus{border-color:var(--accent);outline:none}input[type=date].input,input[type=time].input{appearance:none;background-position:right 16px center;background-repeat:no-repeat;min-height:52px;padding-right:48px;font-family:inherit;font-size:16px;line-height:1.2}input[type=date].input::-webkit-date-and-time-value{text-align:left;min-height:1.2em}input[type=time].input::-webkit-date-and-time-value{text-align:left;min-height:1.2em}input[type=date].input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a907a' stroke-width='2'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>")}input[type=time].input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a907a' stroke-width='2'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>")}.input.mono{font-family:JetBrains Mono,monospace}.handle-wrap{background:var(--field);border:1.5px solid var(--field-bd);border-radius:13px;align-items:center;transition:border-color .12s;display:flex;overflow:hidden}.handle-wrap:focus-within{border-color:var(--accent)}.handle-wrap .at{color:var(--muted);padding:0 4px 0 16px;font-size:16px;font-weight:600}.handle-wrap .input{background:0 0;border:none;border-radius:0;padding-left:4px}.hint{color:var(--muted);margin-top:-4px;font-size:12.5px}.btn{background:var(--btn);color:var(--btn-tx);border:none;border-radius:13px;padding:16px;font-size:16px;font-weight:700;transition:filter .12s}.btn:hover{filter:brightness(1.08)}.btn.sm{border-radius:12px;padding:11px 18px;font-size:14px}.btn.chip-on{background:var(--chip-on);color:var(--chip-on-tx)}.link{color:var(--muted);background:0 0;border:none;font-size:13.5px;font-weight:600;transition:color .12s}.link.accent{color:var(--accent)}.link.danger:hover{color:var(--neg)}.error-banner{color:var(--neg);background:color-mix(in srgb, var(--neg) 14%, transparent);border-radius:11px;padding:12px 14px;font-size:13.5px;font-weight:600}.chip{border:1.5px solid var(--field-bd);background:var(--chip);color:var(--chip-tx);border-radius:999px;padding:9px 15px;font-family:Onest,sans-serif;font-size:14px;font-weight:600;transition:all .12s}.chip.on{background:var(--chip-on);color:var(--chip-on-tx);border-color:#0000}.remove-btn{color:inherit;opacity:.55;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;transition:opacity .12s;display:inline-flex}.remove-btn:hover{opacity:1}.empty{border:1.5px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;padding:22px;font-size:14px}.mono{font-family:JetBrains Mono,monospace}.row{flex-wrap:wrap;gap:12px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.auth-body{flex-direction:column;gap:14px;padding:clamp(22px,4vw,30px);display:flex}.demo-card{border:1.5px dashed var(--line);border-radius:16px;flex-direction:column;gap:10px;margin-top:4px;padding:18px;display:flex}.demo-chips{flex-wrap:wrap;gap:8px;display:flex}.demo-chip{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:14px;font-weight:600;transition:filter .12s;display:inline-flex}.demo-chip:hover{filter:brightness(.97)}.create-body{flex-direction:column;gap:16px;padding:clamp(22px,4vw,30px);display:flex}.trips-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;width:100%;display:grid}.trip-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:18px;flex-direction:column;gap:14px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 16px 44px -26px #14192859}.trip-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px -22px #14192880}.trip-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.trip-card-title{color:var(--heading);margin:0;font-size:19px;font-weight:800}.avatar-stack{align-items:center;padding-left:6px;display:flex}.trip-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.friends-body{flex-direction:column;gap:22px;padding:clamp(22px,4vw,30px);display:flex}.friends-section{flex-direction:column;gap:12px;display:flex}.friend-row{align-items:center;gap:12px;display:flex}.friend-meta{flex-direction:column;flex:1;display:flex}.friend-name{color:var(--heading);font-size:15.5px;font-weight:700}.friend-handle{color:var(--muted);font-size:12.5px}.trip-band{padding:clamp(22px,4vw,34px)}.back-chip{color:var(--hdr-tx);background:#ffffff24;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.back-chip:hover{background:#ffffff38}.trip-eyebrow{margin-top:16px}.trip-name-input{width:100%;color:var(--hdr-tx);background:0 0;border:none;margin:6px 0 14px;padding:0;font-family:Onest,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.05}.trip-name-input:focus{outline:none}.trip-name-input::placeholder{color:var(--hdr-tx);opacity:.5}.sync-pill{color:var(--hdr-tx);background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.sync-dot{background:var(--pos);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--pos) 26%, transparent);border-radius:50%}.trip-tabs{border-bottom:1.5px solid var(--line);scrollbar-width:none;gap:0;padding:0 clamp(16px,4vw,40px);display:flex;overflow-x:auto}.trip-tabs::-webkit-scrollbar{display:none}.trip-tab-btn{letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:14px 18px 12px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.trip-tab-btn:hover{color:var(--text)}.trip-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}@media (width<=480px){.trip-tabs{padding:0 10px}.trip-tab-btn{letter-spacing:.02em;padding:13px 10px 11px;font-size:13px}}.trip-body{flex-direction:column;gap:26px;padding:clamp(22px,4vw,40px);display:flex}.trip-col{flex-direction:column;gap:26px;display:flex}.trip-block{border-bottom:1.5px dashed var(--line);flex-direction:column;gap:14px;padding-bottom:26px;display:flex}.trip-block:last-child{border-bottom:none;padding-bottom:0}.block-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.readonly-dates{background:var(--field);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.date-chip{font-size:20px}.split-list{flex-direction:column;gap:8px;display:flex}.split-row{align-items:center;gap:10px;display:flex}.split-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.split-input{flex:none;width:110px;padding:12px 14px}.chips-wrap{flex-wrap:wrap;gap:10px;display:flex}.participant-chip{background:var(--field);border:1.5px solid var(--field-bd);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}button.participant-chip{cursor:pointer;transition:filter .12s}button.participant-chip:hover{filter:brightness(.97)}.chip-tag{color:var(--muted);font-size:12.5px}.chip-remove{background:var(--chip-on);color:var(--chip-on-tx);border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;transition:filter .12s;display:inline-flex}.chip-remove:hover{filter:brightness(1.1)}.add-box{background:var(--field);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.log-list{flex-direction:column;display:flex}.log-row{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.log-row:last-child{border-bottom:none}.log-main{overflow-wrap:anywhere;flex:1;min-width:0}.log-title{color:var(--heading);font-size:16px;font-weight:700}.log-side{text-align:right}.lock{text-align:center;opacity:.6;cursor:default;width:22px}.balance-list{flex-direction:column;display:flex}.balance-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.balance-row:last-child{border-bottom:none}.settle-block{background:var(--hdr);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.settle-block .field-label{color:var(--label)}.settle-list{flex-direction:column;gap:8px;display:flex}.settle-row{background:#ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.settle-names{color:var(--hdr-tx);font-size:14px;font-weight:600}.settle-arrow{color:var(--accent);margin:0 4px}.settle-note{color:var(--hdr-tx);opacity:.85;font-size:14px}.itinerary{border-top:1px solid var(--line);flex-direction:column;gap:18px;padding:clamp(22px,4vw,40px);display:flex}.itinerary-title{color:var(--heading);margin:0;font-size:21px;font-weight:800}.time-range{flex:220px;align-items:center;gap:6px;min-width:0;display:flex}.time-range .input{flex:1 1 0;width:auto;min-width:0;padding:12px}.program{flex-direction:column;gap:20px;display:flex}.day-group{flex-direction:column;gap:10px;display:flex}.day-head{letter-spacing:.04em;color:var(--label);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.day-items{border-left:2px solid var(--line);flex-direction:column;gap:8px;margin-left:4px;padding-left:16px;display:flex}.itinerary-item{background:var(--field);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.item-time{min-width:108px;color:var(--accent);font-size:14px;font-weight:500}.item-main{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.item-title{color:var(--heading);font-size:16px;font-weight:700}@media (width<=480px){.log-row{flex-wrap:wrap;row-gap:4px}.log-main{flex:100%}.log-side{margin-left:auto}.itinerary-item{flex-wrap:wrap;row-gap:2px}.item-time{flex:100%;min-width:0}}