.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text)}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-primary)}.tagline{color:var(--color-text-muted);font-size:.875rem}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:1rem 1.5rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.setup-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.setup-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:440px}.setup-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.setup-subtitle{color:var(--color-text-muted);font-size:.9375rem;margin-bottom:2rem}.setup-form{display:flex;flex-direction:column;gap:1.25rem}.setup-field{display:flex;flex-direction:column;gap:.375rem}.setup-label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.setup-input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:1rem;transition:border-color .2s}.setup-input:focus{outline:none;border-color:var(--color-primary)}.setup-summary{text-align:center;font-size:1.125rem;font-weight:600;color:var(--color-primary)}.setup-error{color:var(--color-accent-food);font-size:.8125rem;text-align:center}.setup-btn{padding:.875rem;border:none;border-radius:var(--radius);background:var(--color-primary);color:var(--color-bg);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.setup-btn:hover:not(:disabled){background:var(--color-primary-hover)}.setup-btn:disabled{opacity:.4;cursor:not-allowed}.activity-card{display:flex;gap:1rem;align-items:flex-start}.activity-time{font-size:.875rem;font-weight:600;color:var(--color-text-muted);min-width:50px;padding-top:.75rem;text-align:right}.activity-connector{display:flex;flex-direction:column;align-items:center;padding-top:.85rem}.connector-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);flex-shrink:0}.connector-line{width:2px;flex:1;min-height:20px;background:var(--color-border)}.category-transport .connector-dot{background:var(--color-accent-transport)}.category-food .connector-dot{background:var(--color-accent-food)}.category-activity .connector-dot{background:var(--color-accent-activity)}.category-lodging .connector-dot{background:var(--color-accent-lodging)}.category-sightseeing .connector-dot{background:var(--color-accent-sightseeing)}.activity-body{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;transition:border-color .2s}.activity-body:hover{border-color:var(--color-text-muted)}.activity-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.activity-icon{font-size:1rem}.activity-title{font-size:.9375rem;font-weight:600;flex:1}.activity-map-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);color:var(--color-text-muted);transition:all .2s;flex-shrink:0}.activity-map-link:hover{color:var(--color-primary);background:var(--color-surface-hover)}.activity-badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:999px;background:var(--color-surface-hover);color:var(--color-text-muted);font-weight:500;white-space:nowrap}.category-transport .activity-badge{color:var(--color-accent-transport)}.category-food .activity-badge{color:var(--color-accent-food)}.category-activity .activity-badge{color:var(--color-accent-activity)}.category-lodging .activity-badge{color:var(--color-accent-lodging)}.category-sightseeing .activity-badge{color:var(--color-accent-sightseeing)}.activity-description{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.25rem}.activity-location{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.activity-location:before{content:"📍"}.activity-notes{font-size:.75rem;color:var(--color-primary);margin-top:.25rem;font-style:italic}.day-card{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.day-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.day-header.clickable{cursor:pointer;transition:background .2s}.day-header.clickable:hover{background:var(--color-surface-hover)}.collapsed .day-header{border-bottom:none}.day-label{display:flex;flex-direction:column;align-items:center;min-width:60px}.day-number{font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.day-date{font-size:.6875rem;color:var(--color-text-muted)}.day-title{flex:1;font-size:1.0625rem;font-weight:600}.day-count{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.day-chevron{font-size:.75rem;color:var(--color-text-muted)}.day-activities{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.trip-view{display:flex;gap:1.5rem}.trip-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.trip-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem}.trip-name{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.trip-destination{font-size:1.125rem;color:var(--color-primary);margin-bottom:.25rem}.trip-dates{font-size:.875rem;color:var(--color-text-muted)}.trip-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.day-selector{display:flex;align-items:center;gap:.5rem}.nav-btn{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.8125rem;transition:all .2s}.nav-btn:hover:not(:disabled){background:var(--color-surface-hover)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.day-select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;cursor:pointer}.trip-days{display:flex;flex-direction:column;gap:1rem}:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-primary: #38bdf8;--color-primary-hover: #7dd3fc;--color-accent-transport: #f59e0b;--color-accent-food: #ef4444;--color-accent-activity: #8b5cf6;--color-accent-lodging: #10b981;--color-accent-sightseeing: #3b82f6;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}