:root{--bg:#f6f3ee;--surface:#fff;--surface-2:#fbf9f5;--text:#1f2a2e;--muted:#5b6669;--line:#e7e1d7;--accent:#1f6f6b;--accent-text:#fff;--accent-soft:#e3f0ee;--warm:#e3a15b;--error:#a3261b;--error-bg:#fbe9e6;--ok-bg:#e3f0ee;--warn:#9a4a08;--warn-bg:#fbeedd;--k-place:#1f6f6b;--k-place-bg:#e1f0ee;--k-transit:#2f5da8;--k-transit-bg:#e3ecf8;--k-free:#8a5a12;--k-free-bg:#f7ebd6;--k-note:#6b4fa0;--k-note-bg:#ece6f6;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px #1f2a2e0d, 0 8px 24px #1f2a2e14;--shadow-lg:0 12px 40px #1f2a2e24;--display:"Iowan Old Style", "Palatino Linotype", Georgia, "Songti SC", "Noto Serif CJK SC", "SimSun", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111514;--surface:#1a201f;--surface-2:#161b1a;--text:#e8edeb;--muted:#9da9a6;--line:#2a3331;--accent:#62c3b9;--accent-text:#0a1514;--accent-soft:#1b3431;--error:#ff8c80;--error-bg:#3a1d1a;--ok-bg:#1b3431;--warn:#f2b66b;--warn-bg:#352812;--k-place:#7fd3ca;--k-place-bg:#173230;--k-transit:#8fb4f2;--k-transit-bg:#18263d;--k-free:#f2c27b;--k-free-bg:#33270f;--k-note:#c3aef0;--k-note-bg:#28203a;--shadow:0 1px 2px #00000080;--shadow-lg:0 12px 40px #00000080}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55}.icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon.lg{width:24px;height:24px}.page{max-width:640px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.page.wide{max-width:1240px}.center{justify-content:center;align-items:center;min-height:100dvh}.title{font-family:var(--display);letter-spacing:-.01em;margin:8px 0 0;font-size:30px;font-weight:700;line-height:1.2}.title.small{letter-spacing:.01em;margin:0;font-family:inherit;font-size:18px;font-weight:750}.muted{color:var(--muted);margin:0}.small{font-size:14px}.topbar{top:calc(8px + env(safe-area-inset-top));z-index:5;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex;position:sticky}.brand{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:750;display:inline-flex}.brand .logo{background:linear-gradient(135deg, var(--accent), var(--warm));color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.card.empty{text-align:center;padding:32px 16px}.card.empty p{margin:0}.card.inner{background:var(--surface-2);box-shadow:none}.notice{border-radius:var(--radius-sm);background:var(--ok-bg);color:var(--text);margin:0;padding:12px 14px}.notice.error{background:var(--error-bg);color:var(--error)}.notice.warn{background:var(--warn-bg);color:var(--text);border-left:4px solid var(--warn)}.notice.undo{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice.preview p{margin:0 0 4px}.notice.preview .indent{padding-left:12px}.hint{color:var(--muted);margin:0;font-size:14px}.divider{color:var(--muted);align-items:center;gap:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}.badge{background:var(--accent-soft);color:var(--text);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:650;display:inline-flex}.note{white-space:pre-wrap;margin:0}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--line);background:var(--surface-2);min-height:48px;color:var(--text);border-radius:14px;padding:10px 14px;font-size:16px;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.choice{align-items:center;gap:8px;min-height:44px;display:flex}.choice input{width:20px;height:20px;accent-color:var(--accent)}.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:650;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.button:focus-visible,a:focus-visible,.day-link:focus-visible,.field input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.ghost{background:0 0;border-color:#0000;min-height:44px;padding:8px 12px}.button.small{min-width:44px;min-height:44px;padding:6px 14px;font-size:14px}.button.danger{color:var(--error);border-color:var(--error);background:0 0}.button:disabled,.button.primary:disabled{background:var(--line);border-color:var(--line);color:var(--muted);opacity:1;cursor:not-allowed}.invite-row .who{overflow-wrap:anywhere;flex:1;min-width:0}.row{align-items:flex-end;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.row-between{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.grow{flex:1;min-width:0}.danger-zone{flex-direction:column;margin-top:24px;display:flex}.hello{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(120% 140% at 100% 0,#ffffff24,#0000 50%),linear-gradient(135deg,#154f4c 0%,#1f6f6b 55%,#2a7f78 100%);flex-direction:column;gap:12px;padding:22px;display:flex;position:relative;overflow:hidden}.hello h1{font-family:var(--display);margin:0;font-size:26px;line-height:1.25}.hello p{margin:0}.hello .button.primary{color:#1f2a2e;background:#fff;border-color:#fff;align-self:flex-start}.hello .squiggle{opacity:.25;pointer-events:none;width:260px;position:absolute;bottom:-30px;right:-30px}.list{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}.trip-card{color:inherit;gap:0;padding:0;text-decoration:none;transition:transform .15s,box-shadow .15s;overflow:hidden}.trip-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.trip-card .body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.trip-card .body strong{font-size:18px}.cover{color:#fff;align-items:flex-end;height:120px;padding:14px;display:flex;position:relative;overflow:hidden}.cover:after{content:"";background:linear-gradient(#0000 40%,#00000073);position:absolute;inset:0}.cover>*{z-index:1;position:relative}.cover .place{letter-spacing:.06em;text-shadow:0 1px 2px #00000059;align-items:center;gap:6px;font-size:13px;font-weight:750;display:inline-flex}.cover .when{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000052;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:650;position:absolute;top:12px;right:12px}.cover-0{background:linear-gradient(135deg,#c96b4b,#e3a15b 60%,#f2d39b)}.cover-1{background:linear-gradient(135deg,#1f6f6b,#3ba59b 60%,#9fd8cf)}.cover-2{background:linear-gradient(135deg,#2f5da8,#5b8dd6 60%,#b9d3f5)}.cover-3{background:linear-gradient(135deg,#6b4fa0,#9b7fd0 60%,#d8c9f2)}.cover-4{background:linear-gradient(135deg,#8a5a12,#c98d3a 60%,#f0d39b)}.trip-hero{border-radius:var(--radius);height:170px;margin-bottom:-86px;position:relative;overflow:hidden}.trip-hero .squiggle{opacity:.55;width:200px;position:absolute;top:16px;right:20px}.title-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;margin:0 12px;padding:16px 18px;display:flex;position:relative}.title-card .title{margin:0}.trip-layout{flex-direction:column;gap:16px;display:flex}.day-nav,.map-panel{display:none}.day{gap:10px;scroll-margin-top:80px}.day-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.day-title{margin:0;font-size:20px;font-weight:800}.day-head p{margin:0}.items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;position:relative}.item{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.item-main{align-items:flex-start;gap:12px;display:flex}.item-main p{margin:0}.kind-dot{border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid}.kind-place{background:var(--k-place-bg);color:var(--k-place)}.kind-transit{background:var(--k-transit-bg);color:var(--k-transit)}.kind-freeTime{background:var(--k-free-bg);color:var(--k-free)}.kind-note{background:var(--k-note-bg);color:var(--k-note)}.item-time{font-variant-numeric:tabular-nums;min-width:48px;color:var(--accent);font-weight:750}.item-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tz-current{margin:0;font-weight:400}.tz-results{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tz-results li{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:6px 14px;font-size:14px;display:flex}.tz-results li.active,.tz-results li:hover{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px}.version{text-align:center;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}@media (width>=900px){.page.wide{padding-left:32px;padding-right:32px}.list{grid-template-columns:repeat(3,1fr)}.hello{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:32px}.hello h1{font-size:32px}.trip-hero{height:220px;margin-bottom:-100px}.title-card{margin:0 24px;padding:20px 24px}.title-card .title{font-size:38px}.trip-layout{grid-template-columns:190px minmax(0,1fr) minmax(280px,32%);align-items:start;gap:24px;display:grid}.day-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:84px}.day-nav .head{letter-spacing:.08em;color:var(--muted);margin:4px 12px;font-size:12px;font-weight:800}.day-nav .day-link{text-align:left;width:100%;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;min-height:44px;padding:10px 12px;font-weight:650;display:block}.day-nav .day-link:hover{background:var(--accent-soft);color:var(--text)}.trip-main{flex-direction:column;gap:16px;min-width:0;display:flex}.map-panel{border-radius:var(--radius);height:min(70vh,640px);box-shadow:var(--shadow);background:linear-gradient(0deg, transparent 49%, #1f6f6b14 50%, transparent 51%) 0 0 / 40px 40px, linear-gradient(90deg, transparent 49%, #1f6f6b14 50%, transparent 51%) 0 0 / 40px 40px, linear-gradient(160deg, var(--accent-soft), var(--surface-2) 60%, var(--warn-bg));place-items:end start;padding:14px;display:grid;position:sticky;top:84px;overflow:hidden}.map-panel span{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:650}.item{flex-direction:row;align-items:flex-start}.item-main{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover:not(:disabled),.trip-card:hover{transform:none}}