@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700;800&display=swap";:root{--color-bg:#cad2c5;--color-primary-text:#2f3e46;--color-action:#354f52;--color-secondary:#52796f;--color-surface:#84a98c;--text:var(--color-primary-text);--text-h:var(--color-primary-text);--text-primary:var(--color-primary-text);--text-secondary:var(--color-secondary);--text-heading:var(--color-primary-text);--text-on-dark:#fff;--text-on-action:#fff;--text-on-surface:#fff;--bg:var(--color-bg);--border:var(--color-secondary);--code-bg:#2f3e4614;--surface-dark:#2f3e46;--surface-card:#fff;--surface-overlay:#2f3e4699;--surface-overlay-soft:#2f3e4659;--border-default:#52796f40;--border-strong:#52796f73;--border-subtle:#00000014;--state-error:#c0392b;--state-error-bg:#c0392b1f;--interactive-hover-soft:#cad2c54d;--interactive-hover-soft-strong:#cad2c566;--btn-ghost-bg:#ffffff1a;--btn-ghost-bg-hover:#fff3;--shadow-sm:0 2px 8px #00000005;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 25px #2f3e461a;--shadow-overlay:0 20px 50px #0003;--shadow:#2f3e461a 0 10px 15px -3px, #2f3e460d 0 4px 6px -2px;--sans:"Noto Serif TC", serif;--heading:"Noto Serif TC", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}body{margin:0}button,input,select,textarea{font:inherit}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-bg-dark:var(--surface-dark);--color-text-light:var(--text-secondary);--radius-sm:6px;--radius-md:12px;--radius-lg:20px}body{font-family:var(--sans);background-color:var(--color-bg);color:var(--color-primary-text);margin:0}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{background-color:var(--color-bg-dark);color:var(--text-on-dark);text-align:center;z-index:10;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex;position:relative}.header h1{color:var(--text-on-dark);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.trip-details{color:color-mix(in srgb, var(--text-on-dark) 80%, transparent);flex-direction:column;align-items:center;gap:6px;margin-top:1rem;font-size:.9rem;display:flex}.trip-detail-line{align-items:center;gap:6px;display:inline-flex}.trip-detail-separator{display:none}.back-btn,.edit-trip-btn{cursor:pointer;width:42px;height:42px;color:var(--text-on-dark);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.back-btn{left:1rem}.edit-trip-btn{right:1rem}.back-btn:hover{background:0 0}.edit-trip-btn:hover{background:var(--btn-ghost-bg-hover)}.days-wrapper{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;gap:1.5rem;padding:.8rem 1.5rem;display:flex;overflow:auto hidden}.days-wrapper.dragging-spot{scroll-snap-type:none;scroll-behavior:auto}.day-column{background-color:var(--surface-card);border-radius:var(--radius-lg);scroll-snap-align:center;max-width:360px;max-height:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-default);flex-direction:column;flex:0 0 95%;transition:opacity .3s;display:flex}.day-column.placeholder{opacity:.5;background-color:color-mix(in srgb, var(--surface-card) 50%, transparent);border:2px dashed var(--border-default);box-shadow:none}.day-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem;display:flex}.day-header h3{color:var(--color-primary-text);margin:0;font-size:1.2rem;font-weight:800}.weekday-tag{background:var(--color-bg);color:var(--color-action);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700}.spots-list{flex-direction:column;flex:1;gap:12px;padding:1rem;display:flex;overflow-y:auto}.spot-item{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:1.25rem;transition:transform .2s,box-shadow .2s}.spot-item:hover{box-shadow:var(--shadow-md)}.spot-item:active{cursor:grabbing}.spot-item.dragging{z-index:1000;box-shadow:0 15px 30px color-mix(in srgb, var(--surface-dark) 35%, transparent)!important}.empty-spots{text-align:center;color:var(--color-secondary);opacity:.6;padding:3rem 1rem;font-size:.95rem}.add-spot-btn{border:2px dashed var(--border-strong);background:var(--interactive-hover-soft);color:var(--color-secondary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:1rem;padding:.8rem;font-weight:700;transition:all .2s;display:flex}.add-spot-btn:hover{background:var(--interactive-hover-soft-strong);border-color:var(--color-secondary)}.btn-primary{background-color:var(--color-action);color:var(--text-on-action);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 24px;font-size:1rem;font-weight:700}.btn-secondary{color:var(--color-primary-text);border:2px solid var(--color-secondary);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;padding:8px 22px;font-size:1rem;font-weight:700}.modal-overlay{background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-card);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-overlay);padding:2rem}.modal-content h2{color:var(--color-primary-text);text-align:left;margin:0 0 1.5rem;font-size:1.5rem;font-weight:800}.form-group{text-align:left;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--color-primary-text);flex:0 0 80px;margin-bottom:0;font-size:.95rem;font-weight:700}.form-group input{border:2px solid var(--color-bg);border-radius:var(--radius-sm);box-sizing:border-box;background-color:var(--surface-card);flex:1;min-width:0;padding:12px;font-size:1rem;transition:all .2s}.form-group input.input-error{border-color:var(--state-error);box-shadow:0 0 0 3px var(--state-error-bg)}.time-picker-input{cursor:pointer;z-index:5;background-color:var(--surface-card);-webkit-appearance:none;min-height:48px;position:relative}.time-picker-input::-webkit-calendar-picker-indicator{cursor:pointer;color:#0000;background:0 0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.time-picker-input:hover{border-color:var(--color-secondary)}.time-picker-input:focus{border-color:var(--color-action);outline:none}.modal-actions{justify-content:flex-end;gap:12px;margin-top:2rem;display:flex}.member-section{text-align:left}.member-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.member-section-title{color:var(--color-primary-text);margin:0;font-size:.85rem;font-weight:700}.member-add-btn{border:1px solid var(--border-strong);background:var(--surface-card);width:24px;height:24px;color:var(--color-action);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.member-add-btn:hover{border-color:var(--color-action)}.member-add-input-wrap{margin-bottom:12px}.member-add-input-wrap input{border:2px solid var(--color-bg);border-radius:var(--radius-sm);box-sizing:border-box;background-color:var(--surface-card);width:100%;padding:12px;font-size:1rem}.member-chip-list{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.member-chip{background:var(--color-bg);color:var(--color-action);border:1px solid var(--border-subtle);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:6px 10px;font-size:.75rem;font-weight:600}.member-chip.owner{background:var(--color-action);color:var(--text-on-action);font-weight:700}.search-suggestions{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:0 10px 30px color-mix(in srgb, var(--surface-dark) 25%, transparent);z-index:2000;text-align:left;max-height:250px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:4px;padding:12px 16px;transition:background-color .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--interactive-hover-soft)}.suggestion-name{color:var(--color-primary-text);font-size:.95rem;font-weight:700;display:block}.suggestion-address{color:var(--color-secondary);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.loading-state,.error-state{text-align:center;color:var(--color-secondary);padding:4rem 2rem;font-weight:600}@media (width>=768px){.trip-details{flex-direction:row;gap:8px}.trip-detail-separator{margin:0 8px;display:inline}.day-column{flex:0 0 350px}}