.login-page{min-height:100dvh;background:#0a2e57;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.login-moon{position:absolute;top:-40px;right:-30px;width:180px;height:180px;border-radius:50%;background:#dfa40d}.login-star{position:absolute;top:155px;right:60px;width:18px;height:18px;transform:rotate(-19deg)}.login-logo{width:220px;height:auto;margin-top:100px;position:relative;z-index:2}.login-wave-back{position:absolute;bottom:0;left:-20px;width:calc(100% + 80px);height:65%;z-index:1}.login-wave-front{position:absolute;bottom:0;left:-14px;width:calc(100% + 60px);height:60%;z-index:3}.login-boat{position:absolute;bottom:52%;left:10%;width:60px;height:auto;z-index:2}.login-button{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:10;background:#0a2e57;color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:1rem;padding:15px 10px;width:300px;border-radius:150px;border:none;cursor:pointer;transition:transform .2s,opacity .2s}.login-button:hover{transform:translate(-50%) scale(1.03)}.login-button:active{opacity:.9}.trip-card{display:block;background:var(--color-surface);border:none;border-left:3px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:9px;box-shadow:var(--shadow-sm);transition:var(--transition-card);animation:item-appear var(--duration-normal) var(--ease-out) both}.trip-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.trip-card:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.trip-card-image{height:140px;background-size:cover;background-position:center}.trip-card-content{padding:15px 16px 16px}.trip-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.trip-card-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-dark)}.trip-card-status{font-size:var(--font-size-xs);padding:2px var(--space-sm);border-radius:var(--radius-badge);font-weight:500}.trip-card-status--planning{background:#dfa40d;color:#fff}.trip-card-status--active{background:var(--color-primary);color:#fff}.trip-card-status--completed{background:var(--color-success);color:#fff}.trip-card-destination{font-size:var(--font-size-xs);color:var(--color-text-navy)}.trip-card-dates{font-size:var(--font-size-xs);color:var(--color-text-navy);margin-top:var(--space-xs)}.home-page{padding:var(--space-lg)}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.home-title{font-size:var(--font-size-2xl);font-weight:700;color:#fff}.home-greeting{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.home-logout{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);transition:background var(--duration-fast);display:inline-flex;align-items:center;gap:4px}.home-logout:active{background:#92c4fd26;border-radius:var(--radius-sm)}.home-new-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:var(--space-md);background:var(--color-primary);color:#fff;text-align:center;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-md);margin-bottom:var(--space-lg);transition:background .2s,transform var(--duration-fast);box-shadow:0 3px 12px #f157784d}.home-new-button:hover{background:var(--color-primary-dark)}.home-new-button:active{transform:scale(.98)}.home-status{text-align:center;color:var(--color-text-secondary);padding:var(--space-xl) 0}.home-error{color:var(--color-error)}.home-section{margin-bottom:var(--space-lg)}.home-section-title{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-secondary);padding-left:var(--space-sm);border-left:3px solid var(--color-border)}.destination-input-wrapper{position:relative;width:100%}.destination-input-wrapper .form-input{width:100%;box-sizing:border-box}.destination-suggestions{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:200px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);-webkit-overflow-scrolling:touch}.destination-suggestion-item{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);color:var(--color-text-dark);cursor:pointer;transition:background var(--duration-fast);min-height:var(--touch-min);display:flex;align-items:center}.destination-suggestion-item:active,.destination-suggestion-item.highlighted{background:var(--color-primary-light)}.destination-suggestion-item+.destination-suggestion-item{border-top:1px solid #f0f0f0}.trip-new-page{padding:var(--space-lg)}.trip-new-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.trip-new-header .back-button{display:inline-flex;align-items:center;gap:2px;color:var(--color-border);font-size:var(--font-size-sm);padding:0}.trip-new-header h1{font-size:var(--font-size-xl);font-weight:700;color:#fff}.trip-new-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.form-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary)}.form-input,.form-textarea,.form-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-md);color:var(--color-text-dark);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f1577833}.form-textarea{resize:vertical}.form-row{display:flex;gap:var(--space-md)}.form-field-half{width:calc(50% - var(--space-md) / 2)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);padding:var(--space-sm);background:var(--color-error-light);border-radius:var(--radius-sm)}.form-submit{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-md);transition:background .2s,transform var(--duration-fast);margin-top:var(--space-sm);box-shadow:0 3px 12px #f157784d}.form-submit:hover:not(:disabled){background:var(--color-primary-dark)}.form-submit:active:not(:disabled){transform:scale(.97);background:var(--color-primary-dark)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.trip-delete-btn{width:100%;padding:var(--space-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center;margin-top:var(--space-lg);transition:background var(--duration-fast)}.trip-delete-btn:active{background:#e870701a;border-radius:var(--radius-sm)}.wish-section{margin-bottom:var(--space-lg)}.wish-section-header{display:flex;align-items:center;justify-content:space-between;border-left:3px solid var(--color-primary);padding:3px 0 3px 10px;margin-bottom:10px}.wish-section-title{font-weight:700;font-size:var(--font-size-md);color:#fff}.wish-section-add-btn{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;min-height:auto;min-width:auto}.wish-list-items{display:flex;flex-direction:column;gap:9px}.wish-item{display:flex;align-items:center;gap:var(--space-sm);padding:15px 16px 16px;background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-border);color:#333}.wish-item.scheduled{opacity:.6}.wish-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.wish-item-name{font-weight:700;font-size:var(--font-size-sm);color:#333;line-height:1.6}.wish-item-meta{font-size:var(--font-size-xs);color:var(--color-text-navy);display:flex;gap:10px;line-height:1.6}.wish-item-action{flex-shrink:0;font-size:var(--font-size-xs);padding:2px 0;font-weight:500;white-space:nowrap;min-height:auto;min-width:auto}.wish-item-action.add-btn{color:var(--color-primary)}.wish-item-action.scheduled-badge{color:var(--color-text-muted);background:#f5f5f7}.wish-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm) 0}.wish-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:overlay-fade-in var(--duration-normal) var(--ease-out)}.wish-form{background:var(--color-surface);width:100%;max-width:var(--max-width);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-bottom));display:flex;flex-direction:column;gap:var(--space-md);max-height:80dvh;overflow-y:auto;overscroll-behavior:contain;animation:sheet-slide-up var(--duration-normal) var(--ease-out)}.wish-form .form-row{display:flex;gap:var(--space-md)}.wish-form .form-row>.form-field{flex:1;min-width:0}.wish-form h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-dark)}.wish-form .form-label,.wish-form .form-input,.wish-form .form-textarea,.wish-form .form-select{color:var(--color-text-dark)}.wish-form-actions{display:flex;gap:var(--space-sm)}.wish-form-actions .form-cancel,.wish-form-actions .form-submit{flex:1}.wish-form .form-delete-btn{width:100%;padding:var(--space-sm);color:var(--color-error, #E87070);font-size:var(--font-size-sm);text-align:center;transition:background var(--duration-fast)}.wish-form .form-delete-btn:active{background:#e870701a}.wish-suggest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:300;padding:var(--space-md);animation:overlay-fade-in var(--duration-normal) var(--ease-out)}.wish-suggest-modal{background:var(--color-surface);width:100%;max-width:360px;border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);animation:modal-scale-in var(--duration-normal) var(--ease-out)}.wish-suggest-modal h3{font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-dark)}.wish-suggest-result{background:#f5f5f7;border-radius:var(--radius-sm);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.wish-suggest-time{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary-dark)}.wish-suggest-reasoning{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.wish-suggest-edit{display:flex;flex-direction:column;gap:var(--space-sm)}.wish-suggest-edit .form-row{display:flex;gap:var(--space-sm)}.wish-suggest-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.wish-suggest-actions .form-submit{width:100%}.wish-suggest-actions .form-cancel{width:100%;text-align:center;border-radius:var(--radius-full)}.wish-rearrangement{display:flex;flex-direction:column;gap:var(--space-sm)}.wish-rearrangement-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-dark)}.wish-rearrangement-list{display:flex;flex-direction:column;gap:2px;background:#f5f5f7;border-radius:var(--radius-sm);padding:var(--space-sm)}.wish-rearrangement-item{display:flex;align-items:center;gap:var(--space-xs);padding:4px 0;font-size:var(--font-size-sm)}.wish-rearrangement-item.changed{background:var(--color-primary-bg, #FDF0F3);border-radius:var(--radius-sm);padding:4px var(--space-xs)}.wish-rearrangement-item.new-item{background:var(--color-secondary-bg, #FDF0F3);border-radius:var(--radius-sm);padding:4px var(--space-xs);font-weight:600}.wish-rearrangement-emoji{flex-shrink:0}.wish-rearrangement-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wish-rearrangement-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.wish-rearrangement-old{text-decoration:line-through;color:var(--color-text-muted);margin-right:2px}.wish-suggest-loading{text-align:center;padding:var(--space-lg) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.wish-section-divider{border:none;margin:0}.schedule-list{display:flex;flex-direction:column;gap:var(--space-lg)}.schedule-section-header{display:flex;align-items:center;justify-content:space-between;border-left:3px solid var(--color-primary);padding:3px 0 3px 10px;margin-bottom:10px}.schedule-section-title{font-weight:700;font-size:var(--font-size-md);color:#fff}.schedule-section-add-btn{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;min-height:auto;min-width:auto}.schedule-week{display:flex;flex-direction:column;background:var(--color-surface);border-radius:7px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:var(--space-sm) 0}.schedule-week-top{flex-shrink:0;min-width:fit-content}.schedule-week-header{display:flex}.schedule-time-gutter{width:49px;flex-shrink:0;position:sticky;left:0;z-index:5;background:var(--color-surface)}.schedule-col-header{flex:1 0 95px;text-align:center;padding:0 2px;font-size:var(--font-size-xs);color:#333;display:flex;align-items:center;justify-content:center}.schedule-col-dayname{font-family:Alata,sans-serif;font-size:var(--font-size-xs);color:#333}.schedule-week-dates{display:flex}.schedule-col-date{flex:1 0 95px;text-align:center;padding:4px 0 6px;display:flex;align-items:center;justify-content:center}.schedule-date-num{font-family:Alata,sans-serif;font-size:13px;color:#333;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%}.schedule-date-num--first{background:#dfa40d;color:#fff}.schedule-allday-row{display:flex;border-bottom:1px solid rgba(172,172,172,.2);max-height:72px;overflow-y:auto}.schedule-allday-label{width:49px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:9px;color:var(--color-text-muted)}.schedule-allday-cell{flex:1 0 95px;border-left:1px solid rgba(172,172,172,.2);padding:2px 1px;display:flex;flex-direction:column;gap:1px}.schedule-allday-event{padding:1px 3px;border-radius:3px;font-size:9px;font-weight:500;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;min-height:auto;min-width:auto}.schedule-allday-event:active{opacity:.8}.schedule-allday-event[data-cat=transport]{background:#2563eb;color:#fff}.schedule-allday-event[data-cat=meal]{background:#ea580c;color:#fff}.schedule-allday-event[data-cat=activity]{background:#16a34a;color:#fff}.schedule-allday-event[data-cat=accommodation]{background:#7c3aed;color:#fff}.schedule-allday-event[data-cat=sightseeing]{background:#ec4899;color:#fff}.schedule-allday-event[data-cat=shopping]{background:#ca8a04;color:#fff}.schedule-allday-event[data-cat=other]{background:#6b7280;color:#fff}.schedule-grid-scroll{min-width:fit-content}.schedule-grid{display:flex;position:relative}.schedule-time-col{width:49px;flex-shrink:0;position:sticky;left:0;z-index:3;background:var(--color-surface)}.schedule-time-label{position:absolute;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-weight:500;font-size:11px;color:#333;line-height:1;white-space:nowrap}.schedule-day-col{flex:1 0 95px;position:relative;border-right:1px solid rgba(172,172,172,.2);background:var(--color-surface)}.schedule-day-col:first-of-type{border-left:1px solid rgba(172,172,172,.2)}.schedule-day-col--over{background:var(--color-primary-light)}.schedule-hour-line{position:absolute;left:0;right:0;border-top:1px solid rgba(172,172,172,.2);pointer-events:none}.schedule-grid-event{position:absolute;left:1px;right:1px;border-radius:5px;padding:5px 9px;font-size:13px;line-height:1.3;overflow:hidden;cursor:pointer;z-index:1;border-left:2px solid;background:#f5f5f5;color:#333;transition:opacity var(--duration-fast);touch-action:none;will-change:transform}.schedule-grid-event:active{opacity:.8}.schedule-grid-event-title{font-weight:400;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;color:#333}.schedule-grid-event-time{font-size:9px;opacity:.75;display:block;line-height:1.3}.schedule-grid-event-location{font-size:var(--font-size-xs);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;color:#9e9e9e;margin-top:8px}.schedule-grid-event-pin{color:#333}.schedule-grid-event--start{border-radius:5px 5px 0 0}.schedule-grid-event--end{border-radius:0 0 5px 5px}.schedule-grid-event--middle{border-radius:0}.schedule-grid-event[data-cat=transport],.schedule-grid-event[data-cat=meal],.schedule-grid-event[data-cat=activity]{background:#f5f5f5;border-left-color:#3180db;color:#333}.schedule-grid-event[data-cat=accommodation],.schedule-grid-event[data-cat=sightseeing]{background:#f5f5f5;border-left-color:#f15778;color:#333}.schedule-grid-event[data-cat=shopping]{background:#f5f5f5;border-left-color:#dfa40d;color:#333}.schedule-grid-event[data-cat=other]{background:#f5f5f5;border-left-color:#6b7280;color:#333}.schedule-grid-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;white-space:nowrap}.schedule-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:overlay-fade-in var(--duration-normal) var(--ease-out)}.schedule-form{background:var(--color-surface);color:var(--color-text-dark);width:100%;max-width:var(--max-width);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-bottom));display:flex;flex-direction:column;gap:var(--space-md);max-height:80dvh;overflow-y:auto;overscroll-behavior:contain;animation:sheet-slide-up var(--duration-normal) var(--ease-out)}.schedule-form h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-dark)}.schedule-form .form-label,.schedule-form .form-input,.schedule-form .form-textarea,.schedule-form .form-select{color:var(--color-text-dark)}.schedule-form-actions{display:flex;gap:var(--space-sm)}.form-cancel{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-full);color:#999;font-size:var(--font-size-md);font-weight:500;transition:background var(--duration-fast)}.form-cancel:active{background:#92c4fd1a}.schedule-form-actions .form-cancel,.schedule-form-actions .form-submit{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:700;margin:0}.form-delete-btn{width:100%;padding:var(--space-sm);color:var(--color-error);font-size:var(--font-size-sm);text-align:center;transition:background var(--duration-fast)}.form-delete-btn:active{background:var(--color-error-light)}.schedule-form .form-checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.schedule-form .split-section{border:none;border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-xs);background:#f5f5f7}.schedule-form .split-toggle-field .form-label{font-weight:600}.schedule-form .participant-check-list{display:flex;flex-direction:column;gap:var(--space-xs)}.schedule-form .participant-check{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-dark)}.packing-list{display:flex;flex-direction:column;gap:var(--space-md)}.packing-header{display:flex;align-items:center;justify-content:space-between}.packing-progress{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.packing-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;padding:2px var(--space-md);background:none;border-radius:var(--radius-full);border:none;min-height:auto;min-width:auto}.packing-progress-bar{height:6px;background:#92c4fd4d;border-radius:3px;overflow:hidden}.packing-progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.packing-group-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.packing-item{display:flex;align-items:center;gap:var(--space-sm);padding:15px 16px 16px;border-radius:var(--radius-sm);background:var(--color-surface);border-left:3px solid var(--color-border);margin-bottom:var(--space-xs);animation:item-appear var(--duration-normal) var(--ease-out) both;color:var(--color-text-dark)}.packing-item.packed{background:#f5f5f7}.packing-item.packed .packing-item-name{text-decoration:line-through;color:var(--color-text-muted)}.packing-check{font-size:1.125rem;line-height:1}.packing-check:active{transform:scale(.85)}.packing-item-name{flex:1;font-size:var(--font-size-md)}.packing-quantity{font-size:var(--font-size-xs);color:var(--color-text-muted)}.packing-delete{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm);display:flex;align-items:center;justify-content:center}.packing-suggest-btn{font-size:var(--font-size-sm);color:var(--color-primary-dark);font-weight:500}.packing-suggest-btn:disabled{opacity:.5}.suggest-modal-body{max-height:60vh;overflow-y:auto;margin:var(--space-md) 0}.suggest-group{margin-bottom:var(--space-md)}.suggest-group-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-navy);margin-bottom:var(--space-xs)}.suggest-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.suggest-item label{display:flex;align-items:center;gap:var(--space-sm);flex:1;font-size:var(--font-size-md);color:var(--color-text-dark);cursor:pointer}.suggest-quantity{font-size:var(--font-size-xs);color:var(--color-text-muted)}.suggest-count{font-size:var(--font-size-sm);color:var(--color-text-navy);text-align:center;margin-bottom:var(--space-sm)}.packing-list input[type=checkbox]:checked{background:var(--color-packing);border-color:var(--color-packing)}.packing-list .form-submit{background:var(--color-packing)}.packing-list .form-submit:active{background:var(--color-packing-dark)}.packing-list .form-input:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-packing)}.packing-suggest-btn{color:var(--color-packing-dark)}.note-list{display:flex;flex-direction:column;gap:var(--space-md)}.note-header{display:flex;align-items:center;justify-content:space-between}.note-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.note-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;padding:2px var(--space-md);background:none;border-radius:var(--radius-full);border:none;min-height:auto;min-width:auto}.note-item{padding:15px 16px 16px;border:none;border-left:3px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);animation:item-appear var(--duration-normal) var(--ease-out) both;color:var(--color-text-dark)}.note-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.note-item-title{font-weight:600;font-size:var(--font-size-md)}.note-item-actions{display:flex;gap:var(--space-xs)}.note-item-actions button{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:2px var(--space-sm);min-height:auto;min-width:auto}.note-item-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.6}.note-list .form-submit{background:var(--color-notes)}.note-list .form-submit:active{background:var(--color-notes-dark)}.note-list .form-input:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-notes)}.budget-list{display:flex;flex-direction:column;gap:var(--space-md)}.budget-header{display:flex;align-items:center;justify-content:space-between}.budget-summary{display:flex;flex-direction:column;gap:2px}.budget-total{font-size:var(--font-size-md);font-weight:600;color:#fff}.budget-paid{font-size:var(--font-size-xs);color:var(--color-text-muted)}.budget-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;padding:2px var(--space-md);background:none;border-radius:var(--radius-full);border:none;min-height:auto;min-width:auto}.budget-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:15px 16px 16px;border:none;border-left:3px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);animation:item-appear var(--duration-normal) var(--ease-out) both;color:var(--color-text-dark)}.budget-item.paid{opacity:.7}.budget-item.linked{background:var(--color-budget-light)}.budget-item-source{font-size:var(--font-size-xs);color:var(--color-budget-dark)}.budget-check{font-size:1.125rem;line-height:1;flex-shrink:0}.budget-check:active{transform:scale(.85)}.budget-item-body{flex:1;display:flex;flex-direction:column;gap:2px}.budget-item-top{display:flex;align-items:center;gap:var(--space-xs)}.budget-item-emoji{font-size:1rem}.budget-item-desc{flex:1;font-size:var(--font-size-sm);font-weight:500}.budget-item-amount{font-size:var(--font-size-sm);font-weight:600;color:var(--color-budget-dark);white-space:nowrap}.budget-item-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.budget-item-split-info{font-size:var(--font-size-xs);color:var(--color-accent-dark, #B06878)}.budget-item-actions{display:flex;flex-direction:column;gap:2px}.budget-item-actions button{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:2px var(--space-sm);min-height:auto;min-width:auto}.form-delete-btn{width:100%;padding:var(--space-sm);color:var(--color-error, #E87070);font-size:var(--font-size-sm);text-align:center;transition:background var(--duration-fast)}.form-delete-btn:active{background:#e870701a}.form-checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.budget-section-toggle{display:flex;gap:0;border:1.5px solid var(--color-budget);border-radius:var(--radius-md);overflow:hidden}.budget-section-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:500;background:var(--color-surface);color:var(--color-text-muted);border:none;cursor:pointer;transition:background .15s,color .15s,transform var(--duration-fast)}.budget-section-btn.active{background:var(--color-budget);color:#fff;font-weight:600}.budget-section-btn:active{transform:scale(.97)}.split-section{border:none;border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-xs);background:#f5f5f7}.split-toggle-field .form-label{font-weight:600}.participant-check-list{display:flex;flex-direction:column;gap:var(--space-xs)}.participant-check{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer}.settlement-section{display:flex;flex-direction:column;gap:var(--space-lg)}.settlement-summary h4,.settlement-history h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-sm)}.settlement-entry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--color-surface);color:var(--color-text-dark);margin-bottom:var(--space-xs)}.settlement-entry-text{font-size:var(--font-size-sm);font-weight:500}.settlement-settle-btn{font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-md);background:var(--color-budget);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:var(--touch-min)}.settlement-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--color-surface);color:var(--color-text-dark);margin-bottom:var(--space-xs)}.settlement-item-body{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm)}.settlement-item-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.settlement-delete-btn{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm)}.budget-list input[type=checkbox]:checked{background:var(--color-budget);border-color:var(--color-budget)}.budget-list .form-submit{background:var(--color-budget)}.budget-list .form-submit:active{background:var(--color-budget-dark)}.budget-list .form-input:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-budget)}.photo-list{display:flex;flex-direction:column;gap:var(--space-md)}.photo-header{display:flex;align-items:center;justify-content:space-between}.photo-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.photo-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;padding:2px var(--space-md);background:none;border-radius:var(--radius-full);border:none;min-height:auto;min-width:auto}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.photo-item{border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-photos);box-shadow:var(--shadow-sm);animation:item-appear var(--duration-normal) var(--ease-out) both}.photo-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-item-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.photo-caption{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-delete{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center}.photo-list .form-submit{background:var(--color-photos)}.photo-list .form-submit:active{background:var(--color-photos-dark)}.photo-list .form-input:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-photos)}.photo-file-input{display:none}.photo-file-select{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-xl) var(--space-md);border:2px dashed var(--color-photos);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--duration-fast)}.photo-file-select:active{background:#ffffff0d}.photo-preview-container{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden}.photo-preview-img{width:100%;max-height:240px;object-fit:cover;display:block;border-radius:var(--radius-md)}.photo-preview-remove{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;border:none;min-height:auto;min-width:auto;cursor:pointer}.photo-list .form-submit:disabled{opacity:.5;cursor:not-allowed}.qr-invite-modal{max-width:340px}.qr-invite-header{display:flex;align-items:center;justify-content:space-between}.qr-invite-header h3{margin:0}.qr-invite-close{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);color:var(--color-text-muted);background:none;border:none;min-height:auto;min-width:auto}.qr-generate-btn{width:100%;margin-top:var(--space-sm);background:var(--color-shares)}.qr-generate-btn:active{background:var(--color-shares-dark)}.qr-invite-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.qr-code-wrapper{padding:var(--space-md);background:#fff;border-radius:var(--radius-md)}.qr-invite-info{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--font-size-sm)}.qr-invite-permission{color:var(--color-text-secondary);font-weight:600}.qr-invite-expiry{color:var(--color-text-muted);font-size:var(--font-size-xs)}.qr-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--color-shares);background:none;border:1.5px solid var(--color-shares);border-radius:var(--radius-full);min-height:auto;min-width:auto}.qr-copy-btn:active{background:var(--color-shares-light)}.share-list{display:flex;flex-direction:column;gap:var(--space-md)}.share-header{display:flex;align-items:center;justify-content:space-between}.share-header-actions{display:flex;align-items:center;gap:var(--space-xs)}.share-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.share-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;padding:2px var(--space-md);background:none;border-radius:var(--radius-full);border:none;min-height:auto;min-width:auto}.share-item{display:flex;align-items:center;gap:var(--space-sm);padding:15px 16px 16px;border:none;border-left:3px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);animation:item-appear var(--duration-normal) var(--ease-out) both;color:var(--color-text-dark)}.share-item-body{flex:1;display:flex;flex-direction:column;gap:2px}.share-item-email{font-size:var(--font-size-sm);font-weight:500}.share-item-permission{font-size:var(--font-size-xs);color:var(--color-text-muted)}.share-delete{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm);display:flex;align-items:center;justify-content:center}.share-list .form-submit{background:var(--color-shares)}.share-list .form-submit:active{background:var(--color-shares-dark)}.share-list .form-input:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-shares)}.shopping-list{display:flex;flex-direction:column;gap:var(--space-md)}.shopping-private-note{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.shopping-header{display:flex;align-items:center;justify-content:space-between}.shopping-progress{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.shopping-header-actions{display:flex;gap:8px}.shopping-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;padding:2px var(--space-md);background:none;border-radius:var(--radius-full);border:none;min-height:auto;min-width:auto}.shopping-suggest-btn{font-size:var(--font-size-sm);color:var(--color-shopping-dark);font-weight:500}.shopping-suggest-btn:disabled{opacity:.5}.shopping-progress-bar{height:6px;background:#92c4fd4d;border-radius:3px;overflow:hidden}.shopping-progress-fill{height:100%;background:var(--color-shopping);border-radius:3px;transition:width .5s var(--ease-out)}.shopping-group{margin-bottom:var(--space-sm)}.shopping-group-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.shopping-item{display:flex;align-items:center;gap:var(--space-sm);padding:15px 16px 16px;border-radius:var(--radius-sm);background:var(--color-surface);border-left:3px solid var(--color-border);margin-bottom:var(--space-xs);animation:item-appear var(--duration-normal) var(--ease-out) both;color:var(--color-text-dark)}.shopping-item.purchased .shopping-item-name{text-decoration:line-through;color:var(--color-text-muted)}.shopping-check{font-size:1.125rem;line-height:1}.shopping-check:active{transform:scale(.85)}.shopping-item-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.shopping-item-name{font-size:var(--font-size-md)}.shopping-quantity{font-size:var(--font-size-xs);color:var(--color-text-muted)}.shopping-recipient{font-size:var(--font-size-xs);color:var(--color-shopping-dark)}.shopping-delete{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm);display:flex;align-items:center;justify-content:center}.suggest-recipient-input{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.suggest-recipient-row{display:flex;gap:var(--space-sm);align-items:flex-end}.suggest-recipient-row .form-field{flex:1;margin:0}.suggest-recipient-row .form-input{box-sizing:border-box;height:42px}.suggest-generate-btn{height:42px;padding:0 16px;background:var(--color-shopping);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.suggest-generate-btn:disabled{opacity:.5}.shopping-suggest-list{max-height:50vh;overflow-y:auto;margin:var(--space-md) 0}.shopping-suggest-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.shopping-suggest-item:last-child{border-bottom:none}.shopping-suggest-item-info{display:flex;flex-direction:column;gap:2px;flex:1;cursor:pointer;min-width:0}.shopping-suggest-item-name{font-size:var(--font-size-md);color:var(--color-text-dark)}.shopping-suggest-item-store{font-size:var(--font-size-xs);color:#888}.shopping-suggest-item-search{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);padding:4px;flex-shrink:0;margin-top:2px}.shopping-suggest-item-search:hover{color:var(--color-shopping)}.shopping-list input[type=checkbox]:checked{background:var(--color-shopping);border-color:var(--color-shopping)}.shopping-list .form-submit{background:var(--color-shopping)}.shopping-list .form-submit:active{background:var(--color-shopping-dark)}.shopping-list .form-input:focus{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-shopping)}.shopping-group-title{color:var(--color-shopping-dark)}.weather-card{background:#92c4fd;border-radius:8px;padding:0 16px;margin-bottom:var(--space-lg);color:#0a2e57}.weather-card--skeleton{min-height:44px;display:flex;align-items:center}.weather-skeleton-line{height:16px;width:60%;border-radius:var(--radius-sm);background:#ffffff80;animation:weather-pulse 1.5s ease-in-out infinite}@keyframes weather-pulse{0%,to{opacity:.4}50%{opacity:.8}}.weather-compact{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;background:none;border:none;padding:10px 0;cursor:pointer;font-family:var(--font-sans);color:#0a2e57;text-align:left}.weather-compact-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.weather-emoji{font-size:var(--font-size-lg);flex-shrink:0}.weather-temp{font-size:12.8px;font-weight:600;flex-shrink:0;color:#0a2e57}.weather-snippet{font-size:var(--font-size-xs);color:#0a2e57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.weather-toggle{font-size:var(--font-size-xs);color:#0a2e57;flex-shrink:0;padding-left:8px}.weather-detail{border-top:1px solid rgba(10,46,87,.15);margin-top:var(--space-md);padding-top:var(--space-md);padding-bottom:16px}.weather-forecast-list{display:flex;flex-direction:column;gap:var(--space-xs)}.weather-forecast-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:#0a2e57}.weather-day{width:40px;font-weight:600;flex-shrink:0}.weather-day-emoji{flex-shrink:0}.weather-day-temp{color:#0a2e57;opacity:.7}.weather-out-of-range{color:#0a2e57;opacity:.5;font-size:var(--font-size-xs)}.weather-advice{margin-top:var(--space-md);background:#fff6;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.weather-advice-label{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs);color:#0a2e57}.weather-advice-text{font-size:var(--font-size-sm);color:#0a2e57;opacity:.8;line-height:1.6;white-space:pre-wrap}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:500;animation:overlay-fade-in var(--duration-normal) var(--ease-out)}.drawer-overlay.closing{animation:overlay-fade-out var(--duration-normal) var(--ease-out) forwards}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:#0f3a6b;z-index:501;display:flex;flex-direction:column;padding:var(--space-lg);padding-top:calc(var(--safe-area-top) + var(--space-lg));padding-bottom:calc(var(--safe-area-bottom) + var(--space-lg));overflow-y:auto;animation:drawer-slide-in var(--duration-normal) var(--ease-out)}.drawer-panel.closing{animation:drawer-slide-out var(--duration-normal) var(--ease-out) forwards}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}.drawer-close{align-self:flex-end;color:#fff;padding:var(--space-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.drawer-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.drawer-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-md);color:#fff;font-size:var(--font-size-md);font-weight:500;border-radius:var(--radius-sm);transition:background var(--duration-fast);text-decoration:none;cursor:pointer}.drawer-nav-item:active{background:#92c4fd26}.drawer-nav-item.active{background:#92c4fd1a;color:var(--color-border)}.drawer-section-label{font-size:var(--font-size-xs);color:var(--color-border);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-md) var(--space-md) var(--space-xs);margin-top:var(--space-sm)}.drawer-trip-item{display:flex;align-items:baseline;gap:var(--space-sm);padding:10px var(--space-md) 10px calc(var(--space-md) + 8px);color:#ffffffd9;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:background var(--duration-fast);text-decoration:none;cursor:pointer;flex-wrap:wrap}.drawer-trip-item:active{background:#92c4fd26}.drawer-trip-item.current{background:#f1577833;color:#fff;font-weight:500}.drawer-trip-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);flex-shrink:0}.drawer-trip-item.current .drawer-trip-dot{background:var(--color-primary)}.drawer-trip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.drawer-trip-date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.drawer-bottom{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid rgba(146,196,253,.2)}.drawer-logout{color:var(--color-text-muted)}.drawer-empty{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-xs)}.trip-detail-page{padding:var(--space-lg)}.trip-detail-header{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding-top:20px;margin-bottom:var(--space-sm)}.star-button{display:flex;align-items:center;justify-content:center;color:#dfa40d;padding:13px 0;min-height:44px;min-width:44px}.star-button:active{transform:scale(.9)}.trip-detail-info{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.trip-detail-title-row{display:flex;align-items:center;gap:var(--space-xs)}.trip-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:#fff;line-height:1.6}.trip-detail-edit-icon{display:flex;align-items:center;justify-content:center;color:#fff;padding:4px;min-height:auto;min-width:auto;flex-shrink:0}.trip-detail-edit-icon:active{opacity:.6}.trip-detail-destination{font-size:var(--font-size-md);color:#fff}.trip-detail-meta{display:flex;align-items:center;gap:var(--space-sm);padding-top:4px}.trip-detail-status{display:inline-block;font-size:var(--font-size-xs);padding:2px var(--space-sm);border-radius:var(--radius-badge);font-weight:500}.trip-detail-status--planning{background:#dfa40d;color:#fff}.trip-detail-status--active{background:var(--color-primary);color:#fff}.trip-detail-status--completed{background:var(--color-success);color:#fff}.trip-detail-dates{font-size:11px;color:#fff}.trip-detail-tabs{display:flex;gap:var(--space-sm);overflow-x:auto;margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.trip-detail-tabs::-webkit-scrollbar{display:none}.trip-detail-tab{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 17.5px;border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-border);background:var(--color-bg);border:1px solid var(--color-border);transition:all .2s;min-height:auto;min-width:auto;flex-shrink:0;cursor:pointer}.trip-detail-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.trip-detail-tab[data-tab]:not(.active){color:var(--color-border);border-color:var(--color-border);background:var(--color-bg)}.trip-detail-tab:active{transform:scale(.95)}.trip-detail-content{min-height:200px}.tab-placeholder{text-align:center;padding:var(--space-2xl) 0;color:var(--color-text-secondary)}.invite-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-lg)}.invite-card{width:100%;max-width:360px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.invite-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.invite-trip-title{font-size:var(--font-size-xl);color:var(--color-text-dark);margin:0}.invite-destination{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.invite-owner{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.invite-permission{display:inline-block;font-size:var(--font-size-xs);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full);padding:2px var(--space-sm)}.invite-btn{margin-top:var(--space-md);width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md)}.invite-btn:active{background:var(--color-primary-dark)}.invite-btn:disabled{opacity:.6}.invite-error-icon{width:48px;height:48px;border-radius:50%;background:var(--color-danger, #e74c3c);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.invite-error-text{color:var(--color-text-dark);font-size:var(--font-size-md);margin:0}.pull-to-refresh{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;pointer-events:none;transition:transform var(--duration-fast) ease-out}.pull-to-refresh-icon{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) ease-out}.pull-to-refresh-icon.ready{color:var(--color-primary)}.pull-to-refresh-icon.refreshing{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.layout-main{flex:1;padding-bottom:var(--safe-area-bottom)}:root{--color-primary: #F15778;--color-primary-dark: #D93E5E;--color-primary-light: #FFF0F3;--color-secondary: #DFA40D;--color-secondary-light: #FFF8E0;--color-accent: #DFA40D;--color-accent-light: #FFF8E0;--color-pink: #F15778;--color-bg: #0A2E57;--color-surface: #FFFFFF;--color-border: #92C4FD;--color-text: #FFFFFF;--color-text-secondary: #92C4FD;--color-text-muted: #6B8DB5;--color-text-dark: #3A2030;--color-text-navy: #0A2E57;--color-packing: var(--color-primary);--color-packing-light: var(--color-primary-light);--color-packing-dark: var(--color-primary-dark);--color-budget: var(--color-primary);--color-budget-light: var(--color-primary-light);--color-budget-dark: var(--color-primary-dark);--color-notes: var(--color-primary);--color-notes-light: var(--color-primary-light);--color-notes-dark: var(--color-primary-dark);--color-photos: var(--color-primary);--color-photos-light: var(--color-primary-light);--color-photos-dark: var(--color-primary-dark);--color-shopping: var(--color-primary);--color-shopping-light: var(--color-primary-light);--color-shopping-dark: var(--color-primary-dark);--color-shares: var(--color-primary);--color-shares-light: var(--color-primary-light);--color-shares-dark: var(--color-primary-dark);--color-success: #5E9E4F;--color-success-light: #EDF5EA;--color-warning: #E8A050;--color-warning-light: #FFF5E8;--color-error: #D05050;--color-error-light: #FDECEC;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 8px;--radius-full: 9999px;--radius-badge: 4px;--font-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-md: .8125rem;--font-size-lg: 1rem;--font-size-xl: 1.0625rem;--font-size-2xl: 1.125rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .25);--transition-card: box-shadow .2s ease, transform .2s ease;--touch-min: 44px;--duration-fast: .15s;--duration-normal: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1);--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);--overlay-bg: rgba(10, 46, 87, .7);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--header-height: 56px;--tab-bar-height: 64px;--max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100dvh;padding-top:var(--safe-area-top)}#root{max-width:var(--max-width);margin:0 auto;min-height:100dvh;background:var(--color-bg);position:relative;padding-bottom:var(--safe-area-bottom)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;min-height:var(--touch-min);min-width:var(--touch-min)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none;box-shadow:none}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:background var(--duration-fast),border-color var(--duration-fast)}input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:active{transform:scale(.9)}input[type=checkbox]:focus-visible{box-shadow:var(--focus-ring)}input,textarea,select{font-family:inherit;font-size:16px}ul,ol{list-style:none}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes item-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.packing-empty,.budget-empty,.note-empty,.photo-empty,.share-empty,.shopping-empty,.home-empty{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md)}.skeleton{background:linear-gradient(90deg,#92c4fd33 25%,#92c4fd66,#92c4fd33 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-card{background:linear-gradient(90deg,#92c4fd33 25%,#92c4fd66,#92c4fd33 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md);height:80px;margin-bottom:var(--space-sm)}.skeleton-line{background:linear-gradient(90deg,#92c4fd33 25%,#92c4fd66,#92c4fd33 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);height:16px;margin-bottom:var(--space-xs)}.skeleton-line--short{width:40%}.skeleton-line--medium{width:70%}.skeleton-line--full{width:100%}