:root{--color-primary: #0FA3A3;--color-primary-hover: #0C8C8C;--color-primary-deep: #0A4A4A;--color-primary-soft: #D4F0F0;--color-accent: #FF6B6B;--color-accent-hover: #F25555;--color-bg: #FAFAF7;--color-surface: #FFFFFF;--color-surface-2: #F2F4F2;--color-text: #14302F;--color-text-secondary: #5B6B6B;--color-text-muted: #8A9897;--color-text-on-primary: #FFFFFF;--color-border: #E6E8E5;--color-border-strong: #CBD2CF;--color-success: #16A34A;--color-success-soft: #DCF3E4;--color-warning: #E8A33D;--color-warning-soft: #FBEBD3;--color-error: #DC2626;--color-error-soft: #FBE0E0;--status-want-bg: #FFE5E5;--status-want-fg: #C23B3B;--status-planning-bg: #FBEBD3;--status-planning-fg: #B5781C;--status-planned-bg: #D4F0F0;--status-planned-fg: #0A6E6E;--status-visited-bg: #DCF3E4;--status-visited-fg: #1A7F45;--status-cancelled-bg: #EBEDEC;--status-cancelled-fg: #6B7A78;--tag-teal-bg: #D4F0F0;--tag-teal-fg: #0A6E6E;--tag-blue-bg: #DCEAFB;--tag-blue-fg: #1E5FA8;--tag-purple-bg: #E8E1FB;--tag-purple-fg: #6B46C1;--tag-pink-bg: #FBE0EF;--tag-pink-fg: #B83280;--tag-coral-bg: #FFE1DD;--tag-coral-fg: #C2452F;--tag-amber-bg: #FBEBD3;--tag-amber-fg: #B5781C;--tag-green-bg: #DCF3E4;--tag-green-fg: #1A7F45;--tag-slate-bg: #E7EAE9;--tag-slate-fg: #55635F;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #38D1D1;--color-primary-hover: #4FDADA;--color-primary-deep: #9FE7E7;--color-primary-soft: #103534;--color-accent: #FF7A7A;--color-accent-hover: #FF8E8E;--color-bg: #121212;--color-surface: #1C1C1C;--color-surface-2: #262626;--color-text: #ECECEC;--color-text-secondary: #A6A6A6;--color-text-muted: #757575;--color-text-on-primary: #06201F;--color-border: #323232;--color-border-strong: #454545;--color-success: #34D399;--color-success-soft: #123026;--color-warning: #FBBF24;--color-warning-soft: #2E2410;--color-error: #F87171;--color-error-soft: #2E1414;--status-want-bg: #3A1E1E;--status-want-fg: #FF9E9E;--status-planning-bg: #332714;--status-planning-fg: #F0C079;--status-planned-bg: #103534;--status-planned-fg: #5FE0E0;--status-visited-bg: #123026;--status-visited-fg: #5FD699;--status-cancelled-bg: #232C2B;--status-cancelled-fg: #93A6A4;--tag-teal-bg: #103534;--tag-teal-fg: #5FE0E0;--tag-blue-bg: #14283D;--tag-blue-fg: #7FB5F0;--tag-purple-bg: #221E3A;--tag-purple-fg: #B9A6F0;--tag-pink-bg: #331426;--tag-pink-fg: #F09EC9;--tag-coral-bg: #34201C;--tag-coral-fg: #FF9E8E;--tag-amber-bg: #332714;--tag-amber-fg: #F0C079;--tag-green-bg: #123026;--tag-green-fg: #5FD699;--tag-slate-bg: #232C2B;--tag-slate-fg: #A0AEAB;color-scheme:dark}}:root[data-theme=dark]{--color-primary: #38D1D1;--color-primary-hover: #4FDADA;--color-primary-deep: #9FE7E7;--color-primary-soft: #103534;--color-accent: #FF7A7A;--color-accent-hover: #FF8E8E;--color-bg: #121212;--color-surface: #1C1C1C;--color-surface-2: #262626;--color-text: #ECECEC;--color-text-secondary: #A6A6A6;--color-text-muted: #757575;--color-text-on-primary: #06201F;--color-border: #323232;--color-border-strong: #454545;--color-success: #34D399;--color-success-soft: #123026;--color-warning: #FBBF24;--color-warning-soft: #2E2410;--color-error: #F87171;--color-error-soft: #2E1414;--status-want-bg: #3A1E1E;--status-want-fg: #FF9E9E;--status-planning-bg: #332714;--status-planning-fg: #F0C079;--status-planned-bg: #103534;--status-planned-fg: #5FE0E0;--status-visited-bg: #123026;--status-visited-fg: #5FD699;--status-cancelled-bg: #232C2B;--status-cancelled-fg: #93A6A4;--tag-teal-bg: #103534;--tag-teal-fg: #5FE0E0;--tag-blue-bg: #14283D;--tag-blue-fg: #7FB5F0;--tag-purple-bg: #221E3A;--tag-purple-fg: #B9A6F0;--tag-pink-bg: #331426;--tag-pink-fg: #F09EC9;--tag-coral-bg: #34201C;--tag-coral-fg: #FF9E8E;--tag-amber-bg: #332714;--tag-amber-fg: #F0C079;--tag-green-bg: #123026;--tag-green-fg: #5FD699;--tag-slate-bg: #232C2B;--tag-slate-fg: #A0AEAB;color-scheme:dark}:root{--glass: color-mix(in srgb, var(--color-surface) 72%, transparent);--glass-strong: color-mix(in srgb, var(--color-surface) 90%, transparent);--glass-border: color-mix(in srgb, var(--color-text) 8%, transparent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100dvh}html{background:var(--color-bg)}body{margin:0;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-appearance:none}h1,h2,h3,p{margin:0}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 16px calc(140px + var(--safe-bottom));max-width:560px;width:100%;margin:0 auto}.sticky-header{position:sticky;top:0;z-index:15;margin:0 -16px 20px;padding:calc(12px + var(--safe-top)) 16px 10px;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--glass-border)}.sticky-header:before{content:"";position:absolute;top:calc(-1 * var(--safe-top));left:0;right:0;height:var(--safe-top);background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.sticky-header.compact{padding-bottom:10px}.sticky-header.compact .screen-header h1{font-size:22px}.detail-content-head{position:sticky;top:calc(var(--safe-top) + 49px);z-index:14;margin:0 -16px;padding:8px 16px;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.detail-content-head .view-switcher{margin-top:0!important}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sticky-header .screen-header{margin-bottom:0}.sticky-header .view-switcher{margin-top:10px;margin-bottom:0}.sticky-header .search-input{margin-top:8px;margin-bottom:0}.sticky-header .filter-row{margin:8px -16px 0;padding-left:16px;padding-right:16px}.screen-header h1{font-size:34px;font-weight:700;letter-spacing:-.022em}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--color-text);flex-shrink:0}.icon-btn svg{width:20px;height:20px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 30px #0000000f}.status-bar-cap{position:fixed;top:0;left:0;right:0;height:var(--safe-top);background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);z-index:20;pointer-events:none}.side-nav{display:none}.side-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.02em;padding:0 8px;margin-bottom:24px}.side-brand img{border-radius:9px;border:1px solid var(--color-border)}.side-links{display:flex;flex-direction:column;gap:2px}.side-links a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:600;font-size:14.5px}.side-links a svg{width:20px;height:20px;flex-shrink:0}.side-links a.active{background:var(--color-surface-2);color:var(--color-primary)}@media (hover: hover){.side-links a:not(.active):hover{background:var(--color-surface-2)}}.side-add{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.side-add svg{width:18px;height:18px}.home-grid,.home-sec{display:contents}.home-rail{display:none}.detail-grid,.detail-summary,.detail-content{display:contents}.detail-panel,.btn.detail-add-desktop{display:none}.shared-grid,.shared-summary,.shared-content{display:contents}.checklist-group+.checklist-group{margin-top:20px}.settings-grid,.settings-panels{display:contents}.settings-nav{display:none}.settings-section>.section-title:first-child{margin-top:24px}.home-upcoming>.section-title:first-child{margin-top:24px}@media (min-width: 900px){.side-nav{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:240px;padding:22px 16px calc(20px + var(--safe-bottom));background:var(--color-surface);border-right:1px solid var(--color-border);z-index:30}.app-shell.has-sidenav{padding-left:240px}.app-shell.has-sidenav .bottom-nav-row,.app-shell.has-sidenav .bottom-nav-gradient{display:none}.app-shell.has-sidenav .screen{max-width:760px;padding:0 40px 48px}.app-shell.has-sidenav .screen.screen-wide{max-width:none}.app-shell.has-sidenav .sticky-upload-bar,.app-shell.has-sidenav .sticky-form-footer{left:240px}.app-shell.has-sidenav .deadline-scroll,.app-shell.has-sidenav .planning-scroll,.app-shell.has-sidenav .wishlist-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;overflow:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.app-shell.has-sidenav .deadline-card,.app-shell.has-sidenav .planning-card,.app-shell.has-sidenav .wishlist-card{flex:none;width:auto}.app-shell.has-sidenav .wishlist-card{aspect-ratio:3 / 2}.app-shell.has-sidenav .board-wrap{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding-bottom:12px}.app-shell.has-sidenav .board-column{flex:0 0 300px;background:var(--color-surface-2);border-radius:var(--radius-lg);padding:10px 12px 12px}.app-shell.has-sidenav .board-column-header{position:sticky;top:0}.app-shell.has-sidenav .sticky-header{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.app-shell.has-sidenav .sticky-header.compact .screen-header h1{font-size:34px}.app-shell.has-sidenav .home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px 24px;align-items:start;grid-template-areas:"upcoming rail" "planning rail" "wishlist rail"}.app-shell.has-sidenav .home-sec{display:block;min-width:0}.app-shell.has-sidenav .home-upcoming{grid-area:upcoming}.app-shell.has-sidenav .home-planning{grid-area:planning}.app-shell.has-sidenav .home-wishlist{grid-area:wishlist}.app-shell.has-sidenav .home-deadlines,.app-shell.has-sidenav .home-checklist{display:none}.app-shell.has-sidenav .home-rail{grid-area:rail;display:flex;flex-direction:column;gap:22px}.app-shell.has-sidenav .home-rail .section-title,.app-shell.has-sidenav .home-rail .checklist-card{margin-top:0}.app-shell.has-sidenav .home-sec>.section-title,.app-shell.has-sidenav .home-sec>.section-title-row{margin-top:0}.app-shell.has-sidenav .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.app-shell.has-sidenav .schedule-month{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:start}.app-shell.has-sidenav .schedule-month h3{grid-column:1 / -1}.app-shell.has-sidenav .schedule-item{margin-bottom:0}.app-shell.has-sidenav .map-view-container{height:72vh}.app-shell.has-sidenav .detail-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}.app-shell.has-sidenav .detail-summary{display:block;position:sticky;top:74px}.app-shell.has-sidenav .detail-content{display:block;min-width:0}.app-shell.has-sidenav .detail-content-head{top:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.app-shell.has-sidenav .detail-content-head .view-switcher{margin-top:0!important}.app-shell.has-sidenav .detail-add-desktop{display:inline-flex;width:auto;flex-shrink:0}.app-shell.has-sidenav .detail-panel{display:flex;flex-direction:column;gap:16px;margin-top:16px}.app-shell.has-sidenav .detail-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.app-shell.has-sidenav .stat-tile{background:var(--color-surface-2);border-radius:var(--radius-md);padding:12px 8px;text-align:center}.app-shell.has-sidenav .stat-n{font-size:22px;font-weight:800;color:var(--color-primary)}.app-shell.has-sidenav .stat-l{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:2px}.app-shell.has-sidenav .detail-facts{padding:4px 16px}.app-shell.has-sidenav .detail-fact{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--color-border);font-size:14px}.app-shell.has-sidenav .detail-fact:last-child{border-bottom:none}.app-shell.has-sidenav .detail-fact .k{color:var(--color-text-muted);flex-shrink:0}.app-shell.has-sidenav .detail-fact .v{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}.app-shell.has-sidenav .detail-actions{display:flex;flex-direction:column;gap:10px}.app-shell.has-sidenav .detail-edit-btn{display:flex;align-items:center;justify-content:center;gap:8px}.app-shell.has-sidenav .detail-tiles{display:flex;gap:8px}.app-shell.has-sidenav .detail-tile{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:11px;font-weight:600;cursor:pointer}.app-shell.has-sidenav .detail-tile svg{color:var(--color-primary)}.app-shell.has-sidenav .detail-tile:disabled{opacity:.5}.app-shell.has-sidenav .detail-tile-danger,.app-shell.has-sidenav .detail-tile-danger svg{color:var(--color-error)}@media (hover: hover){.app-shell.has-sidenav .detail-tile:hover{background:var(--color-surface-2)}}.app-shell.has-sidenav .sticky-upload-bar{display:none}.app-shell.has-sidenav .checklist-groups{column-count:2;column-gap:16px}.app-shell.has-sidenav .checklist-group{break-inside:avoid;margin-bottom:16px}.app-shell.has-sidenav .checklist-group+.checklist-group{margin-top:0}.app-shell.has-sidenav .settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.app-shell.has-sidenav .settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:60px}.app-shell.has-sidenav .settings-nav button{text-align:left;border:none;background:none;padding:10px 12px;border-radius:var(--radius-md);font-size:14.5px;font-weight:600;color:var(--color-text-secondary);cursor:pointer}.app-shell.has-sidenav .settings-nav button.active{background:var(--color-surface-2);color:var(--color-primary)}.app-shell.has-sidenav .settings-panels{display:block;max-width:760px}.app-shell.has-sidenav .settings-section{display:none}.app-shell.has-sidenav .settings-section.active{display:block}.app-shell.has-sidenav .settings-section>.section-title{margin-top:0}.shared-trip-shell .screen{max-width:1000px}.shared-trip-shell .shared-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}.shared-trip-shell .shared-summary{display:block;position:sticky;top:20px}.shared-trip-shell .shared-content{display:block;min-width:0}.shared-trip-shell .shared-content>.view-switcher{margin-top:0!important}@media (hover: hover){.app-shell.has-sidenav .settings-nav button:not(.active):hover{background:var(--color-surface-2)}}}.bottom-nav-gradient{position:fixed;bottom:0;left:0;right:0;height:130px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-bg) 88%,transparent) 55%);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 55%);mask-image:linear-gradient(to bottom,transparent,black 55%);pointer-events:none;z-index:9}.bottom-nav-row{position:fixed;bottom:calc(12px + var(--safe-bottom));left:16px;right:16px;max-width:528px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10px;z-index:10}.bottom-nav{flex:1;min-width:0;height:62px;display:flex;gap:4px;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:0 8px;box-shadow:0 10px 34px #00000024}.bottom-nav a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:600;color:var(--color-text-muted);border-radius:var(--radius-pill)}.bottom-nav a.active{color:var(--color-primary)}.bottom-nav .icon{width:24px;height:24px}.bottom-nav-fab{flex-shrink:0;width:62px;height:62px;border-radius:50%;background:var(--color-primary);color:var(--color-text-on-primary);display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 10px 24px #00000047}.bottom-nav-fab svg{width:24px;height:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-pill);padding:13px 20px;font-size:15px;font-weight:600;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);border:none}.btn-accent{background:var(--color-accent);color:#fff;border:none}.btn-danger{background:var(--color-error-soft);color:var(--color-error);border:1px solid transparent}.btn-ghost{background:transparent;border:1px solid var(--color-border)}.btn-icon{width:47px;padding:13px 0;flex-shrink:0}.btn-sm{padding:9px 14px;font-size:13px}.btn-block{width:100%}.btn-row{display:flex;gap:10px}.fab-row{display:flex;gap:10px;margin-top:8px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px}.card+.card{margin-top:12px}.countdown-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.countdown-card .countdown-cover{position:relative;height:100px;flex-shrink:0;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.countdown-card .countdown-cover.no-cover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);-webkit-mask-image:none;mask-image:none}.countdown-card .countdown-info{padding:12px 20px 20px}.countdown-card .trip-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:6px}.countdown-card .countdown-days{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:2px 0 4px;color:var(--color-primary)}.countdown-card .dates{color:var(--color-text-secondary);font-size:13px;font-weight:600}.empty-state{text-align:center;color:var(--color-text-secondary);padding:28px 16px}.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0;padding:4px 8px;border-radius:var(--radius-pill);white-space:nowrap}.badge svg{width:12px;height:12px}.badge-want_to_visit{background:var(--status-want-bg);color:var(--status-want-fg)}.badge-planning{background:var(--status-planning-bg);color:var(--status-planning-fg)}.badge-planned{background:var(--status-planned-bg);color:var(--status-planned-fg)}.badge-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-fg)}.badge-visited{background:var(--status-visited-bg);color:var(--status-visited-fg)}.field{margin-bottom:16px;min-width:0}.field label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=tel],.field input[type=url],.field input[type=date],.field input[type=datetime-local],.field input[type=file],.field select,.field textarea{width:100%;min-width:0;max-width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:13px 18px;font-size:16px;color:var(--color-text)}.field textarea{min-height:100px;resize:vertical;border-radius:var(--radius-md)}.field input[type=date],.field input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:47px}.field input[type=date]::-webkit-date-and-time-value,.field input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.field-row{display:flex;gap:12px}.field-row .field{flex:1;min-width:0}.cover-picker{position:relative;border-radius:var(--radius-md);overflow:hidden;height:140px;background:var(--color-surface-2);border:1px dashed var(--color-border-strong);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:13px;font-weight:600;background-size:cover;background-position:center}.cover-picker input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cover-picker .cover-picker-label{background:#00000073;color:#fff;padding:6px 14px;border-radius:var(--radius-pill)}.todo-item{position:relative;display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.todo-item:last-child{border-bottom:none}.todo-item input[type=checkbox]{width:22px;height:22px;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer;position:relative;transition:background .12s,border-color .12s}.todo-item input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L4.5 9L12 1' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:13px 10px}.todo-item .title{flex:1;font-size:15px;font-weight:500;min-width:0}.todo-item .title.done{color:var(--color-text-muted);text-decoration:line-through}.todo-remove{background:none;border:none;color:var(--color-text-muted);font-size:18px;padding:4px 8px;flex-shrink:0}.todo-add-row{display:flex;gap:8px;margin-top:12px}.todo-add-row input{flex:1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:11px 16px}.todo-add-row button{border-radius:var(--radius-pill)}.label{font-size:15px;font-weight:500}.body-text{font-size:14px;color:var(--color-text-secondary)}.sublabel{font-size:12px;color:var(--color-text-muted);font-weight:500}.view-switcher{display:flex;background:var(--color-surface-2);border-radius:var(--radius-pill);padding:4px;margin-bottom:16px;overflow:hidden;max-height:50px;opacity:1;transition:max-height .22s ease,margin-top .22s ease,margin-bottom .22s ease,opacity .18s ease}.view-switcher.collapsed{max-height:0;margin-top:0!important;margin-bottom:0;opacity:0}.view-switcher button{flex:1;background:none;border:none;border-radius:var(--radius-pill);padding:9px;font-size:13px;font-weight:600;color:var(--color-text-secondary);transition:background .15s,box-shadow .15s}.view-switcher button.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 2px 8px #0000001f}.search-input{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:11px 16px;font-size:15px;margin-bottom:12px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row.sticky-filter-row{position:sticky;top:calc(63px + var(--safe-top));z-index:5;margin:0 -16px 14px;padding:10px 16px}.filter-row.sticky-filter-row.is-stuck{background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.filter-chip{flex-shrink:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:5px 10px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.sort-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6b6b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;background-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:5px 22px 5px 10px;font-size:12px;font-weight:600;line-height:1.4}.doc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.doc-type-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1 / 1;min-width:0;padding:10px 6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:12px;font-weight:600;text-align:center;cursor:pointer}.doc-type-tile svg{width:24px;height:24px;color:var(--color-primary)}@media (hover: hover){.doc-type-tile:hover{border-color:var(--color-primary)}}.zone-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;background:var(--color-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6b6b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:12px 30px 12px 14px;font-size:13px;color:var(--color-text);min-height:47px}.board-column{margin-bottom:20px}.board-column h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-secondary);margin-bottom:0}.board-column-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;margin-bottom:8px}.board-collapse-icon{width:16px;height:16px;color:var(--color-text-muted);transform:rotate(-90deg);transition:transform .15s ease}.board-collapse-icon.collapsed{transform:rotate(180deg)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trip-card{display:flex;flex-direction:column;position:relative;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.trip-card .card-cover{position:relative;aspect-ratio:16 / 9;flex-shrink:0;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.trip-card .card-cover.no-cover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);-webkit-mask-image:none;mask-image:none}.trip-card .card-body{padding:6px 14px 14px}.trip-name{font-weight:700;font-size:15px;color:var(--color-text)}.trip-card .trip-name{margin:8px 0 4px}.dates{font-size:12px;color:var(--color-text-secondary);font-weight:500}.duration-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:2px 6px;vertical-align:middle}.trip-id-tag{font-size:10px;font-weight:700;color:var(--color-accent);letter-spacing:.02em;display:block}.trip-card .doc-count{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--color-text-muted)}.trip-card .doc-count svg{width:12px;height:12px}.trip-card.list-style{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;min-height:auto;padding:14px 16px}.trip-card.list-style .thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);background-size:cover;background-position:center;flex-shrink:0}.trip-card.list-style .trip-name{margin:0 0 4px}.trip-card.list-style .row-main{display:flex;align-items:center;gap:12px;min-width:0}.schedule-month{margin-bottom:18px}.schedule-month h3{font-size:14px;font-weight:700;color:var(--color-text-secondary);margin-bottom:8px}.schedule-item{display:flex;align-items:center;gap:12px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:8px}.schedule-item .thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);background-size:cover;background-position:center;flex-shrink:0}.schedule-item .day-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);background-size:cover;background-position:center;color:var(--color-text-on-primary);border-radius:var(--radius-sm);font-size:13px;font-weight:700;flex-shrink:0}.schedule-item .day-chip .month{font-size:9px;text-transform:uppercase;opacity:.85;font-weight:700}.doc-item{position:relative;display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.doc-item:last-child{border-bottom:none}.doc-item .doc-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}.doc-item .doc-icon svg{width:16px;height:16px}.doc-item .doc-info{flex:1;min-width:0}.doc-item .doc-name{font-size:14px;font-weight:400;color:var(--color-text-secondary);overflow-wrap:anywhere}.doc-item .doc-filename{font-size:11px;font-weight:500;color:var(--color-text-muted);overflow-wrap:anywhere;margin-top:1px}.doc-detail-line{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.doc-detail-label{color:var(--color-text-muted)}.doc-item .doc-type{font-size:11px;color:var(--color-text-secondary)}.itinerary-list{display:flex;flex-direction:column}.itinerary-row{display:flex;gap:10px}.itinerary-dot-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px}.itinerary-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:14px}.itinerary-line{flex:1;width:1px;background:var(--color-border);margin-top:4px;margin-bottom:-14px}.itinerary-day-card{flex:1;min-width:0;margin:10px 0;padding:14px 16px}.itinerary-day-label{font-size:11px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.itinerary-event{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--color-border)}.itinerary-event:first-child{padding-top:0}.itinerary-event:last-child{padding-bottom:0;border-bottom:none}.itinerary-icon{width:20px;height:20px;border-radius:var(--radius-sm);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.itinerary-icon svg{width:10px;height:10px}.itinerary-body{flex:1;min-width:0}.itinerary-label,.itinerary-time{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.itinerary-sub{font-size:11px;color:var(--color-text-secondary);margin-top:2px;overflow-wrap:anywhere}.sticky-upload-bar{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;z-index:20;display:flex;gap:10px;padding:40px 16px calc(12px + var(--safe-bottom));background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-bg) 88%,transparent) 55%);pointer-events:none}.sticky-upload-bar>*{pointer-events:all}.fan-btn{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-pill);margin-left:auto}.fan-sub-btn{display:inline-flex;align-items:center;gap:7px;padding:0 14px;height:36px;border-radius:var(--radius-pill);border:none;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #00000024;animation:fanSubIn .18s ease}.fan-sub-btn-danger{background:color-mix(in srgb,var(--color-error) 12%,var(--color-surface));color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 30%,transparent)}@keyframes fanSubIn{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin .8s linear infinite}.update-progress{position:relative;height:3px;border-radius:999px;background:#ffffff47;overflow:hidden}.update-progress-bar{position:absolute;inset:0 auto 0 0;height:100%;width:0;border-radius:999px;background:#ffffffbf;transition:width 1.1s linear}@media (prefers-reduced-motion: reduce){.update-progress-bar{transition:none}}.update-banner,.app-toast{bottom:calc(var(--safe-bottom) + 100px)}@media (min-width: 900px){.app-shell.has-sidenav .update-banner,body.app-sidenav .app-toast{bottom:calc(var(--safe-bottom) + 20px)}}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.carousel-slide-left{animation:slideFromRight .28s ease}.carousel-slide-right{animation:slideFromLeft .28s ease}.sticky-form-footer{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;z-index:20;padding:40px 16px calc(40px + var(--safe-bottom));background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-bg) 88%,transparent) 55%);pointer-events:none}.sticky-form-footer>*{pointer-events:all}.sticky-upload-row{display:flex;gap:8px;align-items:center}.sticky-upload-hint{margin-top:6px;text-align:center}.sticky-upload-error{margin-bottom:6px;padding:0}.doc-menu-wrap{position:relative}.doc-menu-btn{background:none;border:none;padding:6px 8px;color:var(--color-text-muted);display:flex;align-items:center}.doc-menu-btn svg{width:18px;height:18px}.doc-menu-dropdown{background:var(--glass-strong);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000002e;min-width:140px;z-index:20;overflow:hidden}.doc-menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:var(--color-text);text-align:left}.doc-menu-item:hover{background:var(--color-surface-2)}.doc-menu-item.danger{color:var(--color-error)}.doc-menu-item svg{width:16px;height:16px;flex-shrink:0}.location-suggestions{background:var(--glass-strong);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000002e;max-height:220px;overflow-y:auto}.location-suggestion-item{display:block;width:100%;background:none;border:none;border-bottom:1px solid var(--glass-border);padding:10px 14px;font-size:13px;font-weight:500;color:var(--color-text);text-align:left}.location-suggestion-item:last-child{border-bottom:none}.location-suggestion-item:hover{background:var(--color-surface-2)}.map-view-wrap{position:relative}.map-exit-focus{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;color:var(--color-text);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:0 2px 10px #00000029;cursor:pointer}.map-view-container{width:100%;height:60vh;min-height:360px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.mapboxgl-popup-content{background:var(--color-surface)!important;color:var(--color-text)!important;font-family:var(--font-sans)!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 24px #0000002e!important;padding:8px 12px!important}.mapboxgl-popup-tip{border-top-color:var(--color-surface)!important;border-bottom-color:var(--color-surface)!important}.map-popup-sub{display:block!important;margin-top:2px!important;font-size:11px!important;color:var(--color-text-muted)!important}.map-popup-link{display:inline-block!important;margin-top:8px!important;font-size:12px!important;font-weight:600!important;color:var(--color-primary)!important;text-decoration:none!important}.mapboxgl-popup-close-button{color:var(--color-text-muted)!important;font-size:16px!important;padding:0 6px!important;background:none!important}.mapboxgl-ctrl-attrib.mapboxgl-compact,.mapboxgl-ctrl-attrib{background:var(--color-surface)!important;border-radius:var(--radius-pill)!important;font-family:var(--font-sans)!important;font-size:11px!important}.mapboxgl-ctrl-attrib a,.mapboxgl-ctrl-attrib{color:var(--color-text-secondary)!important}.mapboxgl-ctrl-group{background:var(--color-surface)!important;border-radius:var(--radius-md)!important;box-shadow:0 2px 8px #00000024!important}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--color-border)!important}[data-theme=dark] .mapboxgl-ctrl-icon,[data-theme=dark] .mapboxgl-ctrl-attrib-button{filter:invert(1)!important}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .mapboxgl-ctrl-icon,:root:not([data-theme=light]) .mapboxgl-ctrl-attrib-button{filter:invert(1)!important}}.deadline-scroll{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding-bottom:4px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.deadline-scroll::-webkit-scrollbar{display:none}.deadline-card{flex-shrink:0;width:186px;padding:0;border-color:var(--color-warning);overflow:hidden}.deadline-card+.deadline-card{margin-top:0}.deadline-tap{display:block;padding:13px 14px 12px;text-decoration:none;color:inherit}.deadline-pill{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--color-warning);border-radius:var(--radius-pill);padding:2px 9px;margin-bottom:8px}.deadline-name{font-size:14px;font-weight:600;line-height:1.25;height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.deadline-meta{font-size:11px;color:var(--color-text-muted);margin-top:3px;overflow-wrap:anywhere}.deadline-decided{display:block;width:100%;padding:9px 14px;border:none;border-top:1px solid var(--color-border);background:none;color:var(--color-text-secondary);font-size:12px;font-weight:500;text-align:center;cursor:pointer}@media (hover: hover){.deadline-decided:hover{background:var(--color-surface-2);color:var(--color-text)}}.deadline-card.is-closed{border-color:var(--color-border)}.deadline-card.is-closed .deadline-pill{color:var(--color-text-secondary);background:var(--color-surface-2)}.doc-decided-toggle{display:block;margin-top:4px;padding:0;border:none;background:none;text-align:left;color:var(--color-primary);font-weight:500;cursor:pointer}.checklist-card{display:flex;align-items:center;gap:12px;margin-top:12px;text-decoration:none;color:inherit}.checklist-card-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--color-primary);background:var(--color-surface-2);border-radius:var(--radius-sm)}.checklist-card-body{flex:1;min-width:0}.checklist-card-chevron{flex-shrink:0;width:16px;height:16px;color:var(--color-text-muted)}.checklist-progress{margin-top:8px;height:5px;border-radius:var(--radius-pill);background:var(--color-surface-2);overflow:hidden}.checklist-progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width .3s ease}.doc-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin:0 0 6px 4px}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.03em;margin:24px 0 10px}.section-title:first-child{margin-top:0}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.section-title-row .section-title{margin:0}.section-title-row .view-all{font-size:12px;font-weight:700;color:var(--color-primary)}.upcoming-stack{display:flex;flex-direction:column;gap:12px}.view-more-btn{background:none;border:1px dashed var(--color-border-strong);border-radius:var(--radius-pill);padding:10px;font-size:13px;font-weight:600;color:var(--color-text-secondary);width:100%}.wishlist-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.wishlist-scroll::-webkit-scrollbar{display:none}.wishlist-card{flex-shrink:0;width:160px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%) center / cover;position:relative;display:flex;align-items:flex-end;padding:10px;overflow:hidden}.wishlist-card.has-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1e1e0d 40%,#0a1e1eb3)}.wishlist-card .wishlist-name{position:relative;font-size:13px;font-weight:700;color:#fff}.wishlist-card.has-cover .wishlist-name{color:#fff}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-bottom:14px}.trip-detail-back-btn{position:absolute;top:10px;left:10px;z-index:2;width:36px;height:36px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);color:var(--color-text)}.loading,.error-text{color:var(--color-text-secondary);text-align:center;padding:40px 0}.error-text{color:var(--color-error)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:500;padding:16px}.modal-card{width:100%;max-width:400px;background:var(--glass-strong);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:22px;margin-bottom:calc(8px + var(--safe-bottom));text-align:center}.modal-card h3{font-size:17px;font-weight:700;margin-bottom:6px}.modal-card p{font-size:14px;color:var(--color-text-secondary);margin-bottom:18px}.modal-card .btn-row{flex-direction:column-reverse}.modal-card.sheet{text-align:left;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;padding:0}.modal-card.sheet .sheet-header{padding:22px 22px 0;flex-shrink:0}.sheet-body{overflow-y:auto;overflow-x:hidden;flex:1;padding:0 22px 22px;-webkit-overflow-scrolling:touch}.sheet-footer{flex-shrink:0;padding:0 22px 16px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-header h3{margin-bottom:0}@keyframes fab-reveal{0%{clip-path:circle(0% at 88% 91%)}to{clip-path:circle(150% at 88% 91%)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:fab-reveal .38s ease-out}.toggle-switch{position:relative;width:50px;height:30px;border-radius:var(--radius-pill);background:var(--color-border-strong);border:none;flex-shrink:0;transition:background .15s}.toggle-switch.on{background:var(--color-primary)}.toggle-switch .knob{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .15s}.toggle-switch.on .knob{transform:translate(20px)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-border)}.settings-row:first-child{padding-top:0}.settings-row:last-of-type{padding-bottom:0;border-bottom:none}.settings-row .sublabel{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.settings-footer{text-align:center;color:var(--color-text-muted);font-size:13px;margin-top:32px}.view-text-btn{background:none;border:none;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--color-primary);padding:6px 12px}.planning-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.planning-scroll::-webkit-scrollbar{display:none}.planning-card{flex-shrink:0;width:180px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;overflow:hidden}.planning-card.has-cover{background-size:cover;background-position:center}.planning-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(10,30,30,.5))}.planning-card .planning-name{font-size:13px;font-weight:700;color:#fff;position:relative;line-height:1.3}.planning-card .planning-date{font-size:11px;font-weight:500;color:#ffffffd9;position:relative;margin-top:2px}@media (hover: hover){.btn:hover{filter:brightness(.93)}.btn-primary:hover{background:var(--color-primary-hover);filter:none}.btn-accent:hover{background:var(--color-accent-hover);filter:none}.btn-danger:hover{filter:brightness(.95)}.trip-card:hover,.countdown-card:hover{border-color:var(--color-primary-soft);box-shadow:0 4px 16px #0fa3a31f}.wishlist-card:hover{filter:brightness(1.1);transition:filter .15s ease}.schedule-item:hover{border-color:var(--color-primary-soft);background:var(--glass-strong)}.filter-chip:hover:not(.active){background:var(--color-surface);border-color:var(--color-border-strong)}.view-switcher button:hover:not(.active){background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.board-column-header:hover h3{color:var(--color-text)}.back-link:hover{color:var(--color-primary)}.icon-btn:hover{background:var(--color-surface-2)}.view-more-btn:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.doc-item:hover:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-4px;right:-4px;height:40px;background:var(--color-surface-2);border-radius:var(--radius-sm);z-index:-1;pointer-events:none}.todo-item:hover:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-4px;right:-4px;height:30px;background:var(--color-surface-2);border-radius:var(--radius-sm);z-index:-1;pointer-events:none}.sort-select:hover{border-color:var(--color-border-strong)}.search-input:focus{outline:none;border-color:var(--color-primary)}.field input[type=email]:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary)}}.login-screen{position:relative;height:100vh;overflow:hidden;background:var(--color-bg)}.login-hero{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:calc(10vh + var(--safe-top)) 24px 8px}.login-icon{width:64px;height:64px;border-radius:var(--radius-lg);border:1px solid var(--color-border);object-fit:cover;margin-bottom:16px}.login-form-area{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 20px calc(24px + var(--safe-bottom))}.login-title{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--color-text);margin:0}.login-subtitle{font-size:14px;color:var(--color-text-muted);margin:6px 0 0;text-align:center}.login-card{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.login-card-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 6px}.login-card-desc{font-size:12px;color:var(--color-text-muted);margin:0 0 24px}.login-label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:8px}.login-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.login-label-row .login-label{margin-bottom:0}.legal-page{max-width:680px;margin:0 auto;padding-bottom:calc(48px + var(--safe-bottom))}.legal-page h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.legal-page h2{font-size:17px;font-weight:700;margin:28px 0 8px}.legal-page p,.legal-page li{font-size:15px;line-height:1.65;color:var(--color-text-secondary)}.legal-page p{margin:0 0 12px}.legal-page ul{margin:0 0 12px;padding-left:20px}.legal-page li+li{margin-top:8px}.legal-page strong{color:var(--color-text);font-weight:600}.legal-page a{color:var(--color-primary)}.legal-updated{font-size:13px;color:var(--color-text-muted);margin-bottom:24px!important}.legal-back{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-border)}.delete-list{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.delete-list li+li{margin-top:4px}.login-alt{margin:16px 0 0;text-align:center;font-size:13px;color:var(--color-text-muted)}.login-alt-link{background:none;border:none;padding:0;font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer}.login-forgot{background:none;border:none;padding:0;font-size:14px;font-weight:400;color:var(--color-text);cursor:pointer}.login-card input{width:100%;height:44px;padding:0 18px;font-size:16px;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.login-card input:focus{outline:none;border-color:var(--color-primary)}.login-card .btn{height:44px;padding:0 20px;font-size:14px;font-weight:500}.login-btn-secondary{margin-top:16px;gap:8px;background:var(--color-surface-2);border:none}.login-error{font-size:13px;color:var(--color-error);text-align:center;margin:0 0 12px}.login-otp-input{text-align:center;letter-spacing:4px}@media (min-width: 900px){.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}.login-hero{position:static;padding:0 24px 8px}.login-form-area{position:static;width:100%;max-width:400px;padding:12px 24px}}.onboarding-card{gap:0}.onboarding-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.onboarding-step-icon{flex-shrink:0;width:44px;height:44px;background:var(--color-surface-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.shared-trip-shell{height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.shared-trip-header{display:flex;align-items:center;gap:8px;padding:calc(14px + var(--safe-top)) 20px 14px;margin-bottom:20px;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:15}.shared-trip-wordmark{font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--color-text)}.shared-not-found{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.shared-trip-cta{position:fixed;bottom:calc(12px + var(--safe-bottom));left:16px;right:16px;max-width:528px;margin:0 auto;padding:0;overflow:hidden;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 10px 34px #00000024;z-index:10}.shared-cta-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;font-size:13px;font-weight:600;color:var(--color-text)}.shared-cta-title{flex:1;min-width:0}.shared-cta-caret{flex-shrink:0;width:14px;height:14px;color:var(--color-text-muted);transform:rotate(0);transition:transform .2s ease}.shared-trip-cta.is-open .shared-cta-caret{transform:rotate(180deg)}.shared-cta-body{display:flex;align-items:center;gap:12px;padding:0 16px 14px}.shared-cta-desc{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.45;color:var(--color-text-secondary)}.shared-cta-btn{flex-shrink:0}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.place-unmapped{color:var(--color-text-muted);font-style:italic}.interest-error{color:var(--color-error);font-size:13px;margin:0 0 12px}.interest-done{text-align:center;padding:8px 0 12px}.shared-trip-tagline{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12px;color:var(--color-text-muted)}.share-status-row{padding:4px 0 16px}.share-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--color-border)}.toggle-btn{flex-shrink:0;width:44px;height:26px;border-radius:999px;background:var(--color-border-strong);border:none;cursor:pointer;position:relative;transition:background .2s}.toggle-btn:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-btn.active{background:var(--color-primary)}.toggle-btn.active:after{transform:translate(18px)}.share-link-row{display:flex;align-items:center;gap:10px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px}.share-link-url{flex:1;font-size:13px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-copy{flex-shrink:0;display:flex;align-items:center;gap:5px}
