:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{font-weight:500;color:#3b82f6;text-decoration:none}a:hover{color:#1d4ed8}button{border-radius:8px;border:none;padding:.75em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}button:hover{background-color:#1d4ed8}button:active{transform:scale(.98)}button:focus,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(max-width:767px){button{min-height:44px}input,select,textarea{min-height:44px;font-size:16px}}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.header-logo{margin:0;font-size:1.5rem;font-weight:700;color:#3b82f6;cursor:pointer;transition:color .2s}.header-logo:hover{color:#2563eb}.header-nav{display:flex;gap:16px}.nav-link{background:none;border:none;color:#4b5563;font-size:1rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#1f2937}.nav-link.active{color:#3b82f6;font-weight:600}.header-user{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-username{font-size:.9rem;color:#4b5563}.btn-logout{background:none;border:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#f3f4f6;color:#1f2937}@media(max-width:767px){.header-content{padding:12px 16px;justify-content:space-between}.header-nav{display:none}.header-logo{font-size:1.25rem}.header-username{display:none}}@media(min-width:768px)and (max-width:1023px){.header-content{padding:12px 20px}.nav-link{padding:6px 12px;font-size:.9rem}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #00000014;z-index:1000;padding:4px 0;padding-bottom:env(safe-area-inset-bottom,4px)}@media(max-width:767px){.bottom-nav{display:flex;justify-content:space-around;align-items:center}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:#9ca3af;padding:8px 12px;min-width:64px;min-height:48px;border-radius:0;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover{background:none;color:#6b7280}.bottom-nav-item:focus{outline:none}.bottom-nav-item.active{color:#1976d2}.bottom-nav-icon{width:24px;height:24px}.bottom-nav-label{font-size:11px;font-weight:500;line-height:1}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px}.app-footer{background:#fff;border-top:1px solid #e5e7eb;padding:24px;text-align:center;color:#6b7280;font-size:.875rem}.app-footer p{margin:0}@media(max-width:767px){.app-main{padding:16px 12px 80px}.app-footer{display:none}}@media(min-width:768px)and (max-width:1023px){.app-main{padding:20px 16px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:16px;padding:48px 40px;text-align:center;box-shadow:0 20px 60px #0003;min-width:320px}.login-logo{font-size:2.5rem;font-weight:700;color:#667eea;margin:0 0 8px}.login-subtitle{color:#666;font-size:.95rem;margin:0 0 36px}.btn-synology-login{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:#0072b8;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-synology-login:hover{background:#005a93}.login-icon{width:22px;height:22px}.share-page{max-width:600px;margin:40px auto;padding:20px}.share-badge{display:inline-block;background:#667eea;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px}.share-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014}.share-card-header{margin-bottom:12px}.share-date{font-size:.9rem;color:#888}.share-title{font-size:1.6rem;font-weight:700;margin:0 0 12px;color:#1a1a2e}.share-destination{color:#555;margin:0 0 12px}.share-description{color:#444;line-height:1.6;margin:0}.share-page-loading,.share-page-error{text-align:center;padding:60px 20px;color:#666}.share-page-error button{margin-top:16px;padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer}.home-page{display:flex;flex-direction:column;gap:24px}.create-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.create-button:hover{background:#2563eb;transform:translateY(-1px)}.create-button.primary{padding:14px 28px;font-size:1rem}.empty-content p{margin:0 0 24px;color:#6b7280}.countries-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 4px #0000001a}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.country-card{cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.country-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.country-image{height:180px;background-size:cover;background-position:center;position:relative}.country-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000b3);color:#fff}.country-name{margin:0 0 8px;font-size:1.25rem;font-weight:600}.country-stats{display:flex;gap:8px;font-size:.85rem;opacity:.9}@media(max-width:640px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.country-grid{grid-template-columns:1fr}}.country-page{display:flex;flex-direction:column;gap:24px}.page-header h2{margin:0;font-size:1.5rem;color:#1f2937}.cities-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 4px #0000001a}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.city-card{cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.city-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.city-image{height:160px;background-size:cover;background-position:center;position:relative}.city-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#000000b3);color:#fff}.city-name{margin:0 0 4px;font-size:1.1rem;font-weight:600}.city-stats{font-size:.8rem;opacity:.9}@media(max-width:640px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.city-grid{grid-template-columns:1fr}}.city-trips-page{display:flex;flex-direction:column;gap:24px}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000001a}.error-container{color:#ef4444}.page-header{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.back-button{background:#f3f4f6;color:#374151;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .2s}.back-button:hover{background:#e5e7eb}.header-title h2{margin:0;font-size:1.5rem;color:#1f2937}.header-subtitle{font-size:.9rem;color:#6b7280}.empty-state{background:#fff;border-radius:16px;padding:60px 24px;box-shadow:0 2px 4px #0000001a}.empty-content{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-content h3{margin:0 0 8px;font-size:1.25rem;color:#1f2937}.empty-content p{margin:0;color:#6b7280}.trips-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 4px #0000001a}.trip-list{display:flex;flex-direction:column;gap:16px}.trip-card{padding:20px;background:#f9fafb;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent}.trip-card:hover{background:#f3f4f6;border-color:#e5e7eb;transform:translate(4px)}.trip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.trip-title{margin:0;font-size:1.1rem;color:#1f2937}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.status-planning{background:#fef3c7;color:#d97706}.status-ongoing{background:#dbeafe;color:#2563eb}.status-completed{background:#dcfce7;color:#16a34a}.trip-description{margin:0 0 12px;font-size:.9rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trip-dates{display:flex;gap:8px;font-size:.85rem;color:#9ca3af}@media(max-width:640px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.trip-header{flex-direction:column;gap:8px}}.trip-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.trip-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.trip-card-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-card-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.trip-card-status{padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500;white-space:nowrap}.status-planning{background-color:#dbeafe;color:#1e40af}.status-ongoing{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#d1fae5;color:#065f46}.trip-card-description{margin:8px 0;color:#6b7280;font-size:.875rem;line-height:1.5}.trip-card-info{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:.875rem;color:#4b5563}.trip-card-location,.trip-card-dates{display:flex;align-items:center;gap:4px}.trip-card-delete{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.875rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.trip-card-delete:hover{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#1f2937}.trip-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px;font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.trip-list-page{display:flex;flex-direction:column;gap:24px}.trip-list-header{display:flex;justify-content:space-between;align-items:center}.trip-list-header h2{margin:0;font-size:1.5rem;color:#1f2937}.btn-create-trip{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-create-trip:hover{background:#2563eb}.trip-list-filters{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f3f4f6;border-color:#9ca3af}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.loading,.error{text-align:center;padding:40px;font-size:1.125rem}.error{color:#dc2626}.trip-list{display:grid;gap:16px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:1.125rem;margin:0}@media(max-width:767px){.trip-list-page{gap:16px}.trip-list-header{flex-direction:column;align-items:stretch;gap:12px}.trip-list-header h2{font-size:1.25rem}.btn-create-trip{min-height:44px;text-align:center}.trip-list-filters{gap:8px}.filter-btn{min-height:44px;padding:10px 14px}}.trip-edit-form{padding:20px}.trip-edit-form .form-group{margin-bottom:20px}.trip-edit-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.875rem}.trip-edit-form .form-group input,.trip-edit-form .form-group textarea,.trip-edit-form .form-group select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.trip-edit-form .form-group input:focus,.trip-edit-form .form-group textarea:focus,.trip-edit-form .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.trip-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trip-edit-form .form-error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px;font-size:.875rem}.trip-edit-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.trip-edit-form .btn-primary,.trip-edit-form .btn-secondary{padding:10px 20px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.trip-edit-form .btn-primary{background:#3b82f6;color:#fff}.trip-edit-form .btn-primary:hover:not(:disabled){background:#2563eb}.trip-edit-form .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.trip-edit-form .btn-secondary{background:#f3f4f6;color:#374151}.trip-edit-form .btn-secondary:hover{background:#e5e7eb}.map-container{width:100%;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;position:relative}.map-controls{position:absolute;top:10px;left:10px;right:10px;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.map-search-box{display:flex;align-items:center;gap:4px}.map-day-filter{display:flex;flex-wrap:wrap;gap:4px;background:#fff;padding:6px;border-radius:8px;box-shadow:0 2px 6px #0003}.map-day-btn{padding:6px 12px;border:none;border-radius:6px;background:#f3f4f6;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.map-day-btn:hover{background:#e5e7eb;color:#374151}.map-day-btn.active{background:#3b82f6;color:#fff}.map-route-type-filter{display:flex;gap:4px;background:#fff;padding:6px;border-radius:8px;box-shadow:0 2px 6px #0003}.map-route-btn{padding:6px 12px;border:none;border-radius:6px;background:#f3f4f6;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.map-route-btn:hover{background:#e5e7eb;color:#374151}.map-route-btn.active{background:#10b981;color:#fff}.map-search-input{width:280px;padding:10px 14px;border:none;border-radius:8px;font-size:.9rem;box-shadow:0 2px 6px #0003;outline:none}.map-search-input:focus{box-shadow:0 2px 8px #3b82f666}.map-search-clear{width:32px;height:32px;border:none;border-radius:50%;background:#fff;color:#6b7280;font-size:.9rem;cursor:pointer;box-shadow:0 2px 6px #0003;display:flex;align-items:center;justify-content:center}.map-search-clear:hover{background:#f3f4f6;color:#ef4444}.map-loading,.map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:#f3f4f6;border-radius:8px;color:#6b7280}.map-error{color:#dc2626}.map-error-detail{font-size:.875rem;color:#6b7280;margin-top:8px}.marker-info-window{padding:4px;max-width:200px}.marker-info-window h4{margin:0 0 8px;font-size:1rem;color:#1f2937}.marker-info-window p{margin:0 0 4px;font-size:.875rem;color:#6b7280}.marker-address{font-size:.75rem!important;color:#9ca3af!important}.marker-day{display:inline-block;margin-top:8px;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.75rem;font-weight:500}.marker-list{display:flex;flex-direction:column;gap:16px}.marker-list-empty{text-align:center;padding:40px 20px;color:#6b7280}.marker-list-empty p{margin:0}.marker-list-empty-hint{font-size:.875rem;margin-top:8px!important;color:#9ca3af}.marker-day-group{background:#f9fafb;border-radius:8px;padding:16px}.marker-day-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;color:#374151}.marker-count{font-size:.75rem;font-weight:400;color:#9ca3af}.marker-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.marker-item{background:#fff;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.marker-item:hover{box-shadow:0 2px 4px #0000001a}.marker-item.selected{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.marker-item-header{display:flex;align-items:center;gap:8px}.marker-icon{font-size:1.25rem}.marker-name{flex:1;font-weight:500;color:#1f2937}.marker-order{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.marker-address{margin:8px 0 0;font-size:.75rem;color:#9ca3af;padding-left:32px}.marker-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-left:32px}.marker-type-badge{font-size:.75rem;padding:2px 8px;background:#e5e7eb;color:#374151;border-radius:4px}.marker-actions{display:flex;gap:8px}.btn-marker-edit,.btn-marker-delete{padding:4px 8px;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-marker-edit{background:#e5e7eb;color:#374151}.btn-marker-edit:hover{background:#d1d5db}.btn-marker-delete{background:#fee2e2;color:#dc2626}.btn-marker-delete:hover{background:#fecaca}.place-search-input{position:relative;display:flex;align-items:center;margin-bottom:12px}.search-icon{position:absolute;left:10px;font-size:.9rem;pointer-events:none}.place-search-field{width:100%;padding:8px 12px 8px 32px;border:1px dashed #d1d5db;border-radius:6px;font-size:.875rem;background:#fafafa;transition:all .2s}.place-search-field:focus{outline:none;border-color:#3b82f6;border-style:solid;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.place-search-field::placeholder{color:#9ca3af}.place-search-field:disabled{background:#f3f4f6;cursor:not-allowed}.marker-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.marker-form h3{margin:0 0 20px;font-size:1.25rem;color:#1f2937}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-save{padding:10px 20px;font-size:1rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-save{background:#3b82f6;color:#fff}.btn-save:hover:not(:disabled){background:#2563eb}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.form-section{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px}.form-section h4{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#374151}.form-section .form-group{margin-bottom:12px}.form-section .form-group:last-child{margin-bottom:0}.form-group.collapsible{margin-top:16px}.form-group.collapsible details{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.form-group.collapsible summary{padding:10px 12px;background:#f9fafb;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280}.form-group.collapsible summary:hover{background:#f3f4f6}.form-group.collapsible details[open] summary{border-bottom:1px solid #e5e7eb}.form-group.collapsible details>div,.form-group.collapsible details>.form-group,.form-group.collapsible details>.form-row{padding:12px}.form-group.collapsible details .form-group{margin-bottom:12px}.marker-form{max-height:calc(100vh - 200px);overflow-y:auto}.route-type-selector{margin-bottom:20px}.route-type-buttons{display:flex;gap:8px}.route-type-btn{flex:1;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.route-type-btn:hover{border-color:#3b82f6;color:#3b82f6}.route-type-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.transport-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.transport-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.transport-type-btn:hover{border-color:#3b82f6;background:#f0f9ff}.transport-type-btn.active{border-color:#3b82f6;background:#dbeafe}.transport-icon{font-size:1.5rem}.transport-label{font-size:.7rem;color:#374151;text-align:center}.departure-section{background:#fef3c7;border-left:4px solid #f59e0b}.departure-section h4{color:#92400e}.arrival-section{background:#d1fae5;border-left:4px solid #10b981}.arrival-section h4{color:#065f46}@media(max-width:480px){.transport-type-grid{grid-template-columns:repeat(2,1fr)}.route-type-buttons{flex-direction:column}}.timeline-view{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.timeline-header{margin-bottom:20px}.timeline-header h3{margin:0 0 12px;font-size:1.1rem;color:#1f2937}.route-type-filter{display:flex;gap:8px;margin-bottom:12px}.route-filter-btn{padding:6px 14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;font-size:.85rem;color:#6b7280;cursor:pointer;transition:all .2s}.route-filter-btn:hover{border-color:#3b82f6}.route-filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.route-filter-btn.planned.active{background:#3b82f6;border-color:#3b82f6}.route-filter-btn.actual.active{background:#10b981;border-color:#10b981}.day-filter{display:flex;gap:8px;flex-wrap:wrap}.day-btn{padding:6px 12px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;font-size:.85rem;color:#6b7280;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#3b82f6;color:#3b82f6}.day-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.timeline-compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:600px}.timeline-column{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.timeline-column-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:600;position:sticky;top:0;z-index:10}.timeline-column-header.planned{background:#dbeafe;color:#1e40af}.timeline-column-header.actual{background:#d1fae5;color:#065f46}.column-icon{font-size:1rem}.column-title{flex:1;font-size:.95rem}.column-count{font-size:.8rem;font-weight:500;padding:2px 8px;border-radius:10px;background:#ffffff80}.timeline-column-content{flex:1;overflow-y:auto;padding:12px;background:#fafafa;max-height:500px}.timeline-column.planned .timeline-column-content{background:#f8faff}.timeline-column.actual .timeline-column-content{background:#f8fdf9}.timeline-empty-column{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.9rem}.timeline-content{max-height:500px;overflow-y:auto}.timeline-empty{text-align:center;padding:40px 20px;color:#9ca3af}.timeline-day{margin-bottom:24px}.timeline-day:last-child{margin-bottom:0}.timeline-day-header{font-size:.9rem;font-weight:600;color:#3b82f6;padding:8px 12px;background:#eff6ff;border-radius:6px;margin-bottom:12px}.timeline-items{position:relative;padding-left:20px}.timeline-item{position:relative;cursor:pointer;transition:background .2s;border-radius:8px;margin-bottom:4px}.timeline-item:hover{background:#f9fafb}.timeline-travel{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-left:20px;font-size:.8rem;color:#6b7280}.travel-icon{font-size:1rem}.travel-info{color:#9ca3af}.timeline-item-content{display:flex;align-items:flex-start;gap:12px;padding:12px}.timeline-time{min-width:80px;font-size:.85rem;font-weight:500;color:#374151;display:flex;flex-direction:column;align-items:flex-end}.time-separator{font-size:.75rem;color:#9ca3af}.time-end{color:#6b7280}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#3b82f6;margin-top:4px;flex-shrink:0;position:relative}.timeline-dot:before{content:"";position:absolute;left:5px;top:16px;width:2px;height:calc(100% + 20px);background:#e5e7eb}.timeline-item:last-child .timeline-dot:before{display:none}.timeline-dot[data-type=RESTAURANT]{background:#ef4444}.timeline-dot[data-type=CAFE]{background:#f59e0b}.timeline-dot[data-type=HOTEL]{background:#8b5cf6}.timeline-dot[data-type=ATTRACTION]{background:#10b981}.timeline-dot[data-type=SHOPPING]{background:#ec4899}.timeline-dot[data-type=TRANSPORT]{background:#6b7280}.timeline-details{flex:1;min-width:0}.timeline-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.timeline-title h4{margin:0;font-size:.95rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-type-badge{padding:2px 8px;background:#f3f4f6;border-radius:4px;font-size:.7rem;color:#6b7280;white-space:nowrap}.timeline-address{margin:0 0 4px;font-size:.8rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-duration{display:inline-block;padding:2px 8px;background:#dbeafe;border-radius:4px;font-size:.75rem;color:#1e40af;margin-top:4px}.timeline-notes{margin-top:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:.8rem;color:#6b7280;white-space:pre-line;max-height:60px;overflow:hidden}.route-type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;margin-bottom:12px}.route-type-badge.planned{background:#dbeafe;color:#1e40af}.route-type-badge.actual{background:#d1fae5;color:#065f46}.route-type-mini{font-size:.8rem}.timeline-item.actual{border-left:3px solid #10b981;background:#f0fdf4}.timeline-item.actual:hover{background:#dcfce7}.timeline-transport-item{margin-bottom:16px}.timeline-transport-content{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.timeline-transport-item.actual .timeline-transport-content{background:#f0fdf4;border-color:#86efac}.transport-departure,.transport-arrival{display:flex;align-items:flex-start;gap:12px}.transport-time{min-width:50px;font-size:.9rem;font-weight:600;color:#374151}.transport-point{display:flex;align-items:flex-start;gap:8px;flex:1}.point-icon{font-size:1.2rem}.point-info{flex:1}.point-info strong{display:block;font-size:.95rem;color:#1f2937;margin-bottom:2px}.point-address{display:block;font-size:.8rem;color:#9ca3af}.transport-journey{display:flex;align-items:center;gap:12px;padding:12px 0;margin-left:25px}.journey-line{display:flex;flex-direction:column;align-items:center;position:relative}.journey-line:before,.journey-line:after{content:"";width:2px;height:20px;background:#cbd5e1}.journey-icon{font-size:1.5rem;margin:4px 0}.journey-info{display:flex;flex-direction:column;gap:2px}.journey-type{font-size:.85rem;font-weight:500;color:#374151}.journey-duration{font-size:.8rem;color:#6b7280}.transport-notes{margin-top:12px;padding:10px 12px;background:#fff;border-radius:6px;font-size:.8rem;color:#6b7280;white-space:pre-line}@media(max-width:900px){.timeline-compare-layout{grid-template-columns:1fr;max-height:none}.timeline-column-content{max-height:400px}}@media(max-width:640px){.timeline-time{min-width:60px;font-size:.8rem}.timeline-title{flex-direction:column;align-items:flex-start;gap:4px}.transport-time{min-width:40px;font-size:.8rem}}.budget-plan-list-container{display:flex;flex-direction:column;gap:16px}.budget-plan-day-filter{display:flex;gap:8px;flex-wrap:wrap}.budget-plan-day-filter .day-btn{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.budget-plan-day-filter .day-btn:hover{background:#f5f5f5}.budget-plan-day-filter .day-btn.active{background:#34a853;color:#fff;border-color:#34a853}.budget-plan-list{display:flex;flex-direction:column;gap:12px}.budget-plan-empty{padding:60px 20px;text-align:center;color:#888;background:#fafafa;border-radius:8px}.budget-plan-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.budget-plan-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s}.budget-plan-header:hover{background:#f8f9fa}.budget-plan-main-info{display:flex;align-items:center;gap:12px}.budget-plan-toggle{font-size:.75rem;color:#666;width:16px}.budget-plan-category-icon{font-size:1.2rem}.budget-plan-place{font-weight:600;color:#333}.budget-plan-day{font-size:.85rem;color:#34a853;font-weight:500}.budget-plan-summary-info{display:flex;align-items:center;gap:16px}.budget-plan-item-count{font-size:.85rem;color:#888}.budget-plan-total{font-weight:600;color:#34a853;min-width:120px;text-align:right}.budget-plan-total .krw-sub{display:block;font-size:.8rem;font-weight:400;color:#666}.budget-plan-actions{display:flex;gap:4px}.budget-plan-actions .btn-edit,.budget-plan-actions .btn-delete{padding:4px 8px;border:none;background:none;cursor:pointer;opacity:.6;transition:opacity .2s}.budget-plan-actions .btn-edit:hover,.budget-plan-actions .btn-delete:hover{opacity:1}.budget-plan-detail{padding:16px;background:#fafafa;border-top:1px solid #e0e0e0}.budget-plan-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.budget-plan-items-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;border-radius:8px;overflow:hidden}.budget-plan-items-table th,.budget-plan-items-table td{padding:10px 12px;border-bottom:1px solid #eee}.budget-plan-items-table th{background:#f0f0f0;font-weight:600;color:#555;text-align:left}.budget-plan-items-table .text-right{text-align:right}.budget-plan-items-table .item-note{margin-left:6px;cursor:help;opacity:.7}.budget-plan-items-table .unit,.budget-plan-items-table .nights,.budget-plan-items-table .currency{font-size:.8rem;color:#888;margin-left:4px}.budget-plan-items-table .total-cell{font-weight:500}.budget-plan-items-table .krw-amount{display:block;font-size:.8rem;color:#666;font-weight:400}.budget-plan-items-table tfoot td{background:#f8f9fa;border-top:2px solid #ddd}.budget-plan-note{margin-top:16px;padding:12px;background:#fff8e1;border-radius:6px;font-size:.85rem;color:#5d4037}.budget-plan-list-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f0f0f0;border-radius:8px;font-weight:600}@media(max-width:768px){.budget-plan-header{flex-direction:column;align-items:flex-start;gap:12px}.budget-plan-summary-info{width:100%;justify-content:space-between}.budget-plan-items-table{font-size:.8rem}.budget-plan-items-table th,.budget-plan-items-table td{padding:8px}}.budget-plan-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.budget-plan-form h3{margin:0 0 24px;color:#333;font-size:1.25rem;border-bottom:2px solid #34a853;padding-bottom:12px}.budget-plan-form .bp-section{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.budget-plan-form .bp-section h4{margin:0 0 16px;color:#555;font-size:1rem}.budget-plan-form .bp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.budget-plan-form .bp-section-header h4{margin:0}.budget-plan-form .bp-row{display:flex;gap:16px;margin-bottom:16px}.budget-plan-form .bp-row:last-child{margin-bottom:0}.budget-plan-form .bp-field{display:flex;flex-direction:column;flex:1;min-width:0}.budget-plan-form .bp-field.flex-2{flex:2}.budget-plan-form .bp-field label{margin-bottom:6px;font-size:.875rem;color:#555;font-weight:500}.budget-plan-form .bp-field input,.budget-plan-form .bp-field select,.budget-plan-form .bp-field textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .2s;width:100%;box-sizing:border-box}.budget-plan-form .bp-field input:focus,.budget-plan-form .bp-field select:focus,.budget-plan-form .bp-field textarea:focus{outline:none;border-color:#34a853}.budget-plan-form .bp-field textarea{resize:vertical}.budget-plan-form .bp-checkbox{flex-direction:row;align-items:center;justify-content:flex-start;padding-top:26px}.budget-plan-form .bp-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.budget-plan-form .bp-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.budget-plan-form .bp-nights-display{flex:0 0 80px}.budget-plan-form .bp-nights-value{padding:10px 12px;background:#e8f5e9;border-radius:6px;color:#2e7d32;font-weight:600;text-align:center}.budget-plan-form .bp-btn-add-item{padding:8px 16px;background:#34a853;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s}.budget-plan-form .bp-btn-add-item:hover{background:#2d9249}.budget-plan-form .bp-items-list{display:flex;flex-direction:column;gap:16px}.budget-plan-form .bp-item-row{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.budget-plan-form .bp-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.budget-plan-form .bp-item-number{font-weight:600;color:#34a853}.budget-plan-form .bp-btn-remove-item{padding:4px 8px;background:none;border:1px solid #e57373;color:#e57373;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.budget-plan-form .bp-btn-remove-item:hover{background:#e57373;color:#fff}.budget-plan-form .bp-item-fields .bp-row{margin-bottom:12px}.budget-plan-form .bp-item-total{flex:0 0 150px}.budget-plan-form .bp-item-total-value{padding:10px 12px;background:#e3f2fd;border-radius:6px;color:#1976d2;font-weight:600;text-align:right;display:block}.budget-plan-form .bp-total-section{background:#f0f0f0;padding:16px;border-radius:8px;margin-bottom:24px}.budget-plan-form .bp-total-row{display:flex;justify-content:space-between;align-items:center}.budget-plan-form .bp-total-label{font-weight:600;color:#555}.budget-plan-form .bp-total-amount{font-size:1.25rem;font-weight:700;color:#34a853}.budget-plan-form .bp-krw-amount{display:block;font-size:.9rem;font-weight:500;color:#666;text-align:right}.budget-plan-form .bp-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #eee}.budget-plan-form .bp-btn-cancel,.budget-plan-form .bp-btn-save{padding:12px 24px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.budget-plan-form .bp-btn-cancel{background:#fff;border:1px solid #ddd;color:#666}.budget-plan-form .bp-btn-cancel:hover:not(:disabled){background:#f5f5f5}.budget-plan-form .bp-btn-save{background:#34a853;border:none;color:#fff}.budget-plan-form .bp-btn-save:hover:not(:disabled){background:#2d9249}.budget-plan-form .bp-btn-cancel:disabled,.budget-plan-form .bp-btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.budget-plan-form .bp-row{flex-direction:column;gap:12px}.budget-plan-form .bp-field.flex-2{flex:1}.budget-plan-form .bp-checkbox{padding-top:0}.budget-plan-form .bp-nights-display,.budget-plan-form .bp-item-total{flex:1}}.pie-chart-container{padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.pie-chart-container h4{margin:0 0 12px;font-size:.9rem;color:#666}.pie-chart-container.empty{min-height:150px;display:flex;align-items:center;justify-content:center;color:#888}.pie-chart-total{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid #eee}.pie-chart-total .total-label{font-size:.8rem;color:#888}.pie-chart-total .total-value{font-size:1.2rem;font-weight:600;color:#1a73e8}.legend-text{font-size:.85rem;color:#555}.comparison-chart-container{padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.comparison-chart-container h4{margin:0 0 16px;font-size:1rem;color:#333}.comparison-chart-container.empty{min-height:200px;display:flex;align-items:center;justify-content:center;color:#888}.comparison-summary{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.summary-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:8px}.summary-item.budget{background:#e8f0fe}.summary-item.expense{background:#e8f5e9}.summary-item.difference.under{background:#e3f2fd}.summary-item.difference.over{background:#ffebee}.summary-label{font-size:.8rem;color:#666}.summary-value{font-size:1.1rem;font-weight:600}.summary-item.budget .summary-value{color:#1a73e8}.summary-item.expense .summary-value{color:#34a853}.summary-item.difference.under .summary-value{color:#1976d2}.summary-item.difference.over .summary-value{color:#d32f2f}.comparison-details{margin-top:24px}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table th,.comparison-table td{padding:10px 12px;border-bottom:1px solid #eee}.comparison-table th{background:#f8f9fa;font-weight:600;color:#555;text-align:left}.comparison-table .text-right{text-align:right}.comparison-table .budget-value{color:#1a73e8}.comparison-table .expense-value{color:#34a853}.comparison-table .under{color:#1976d2}.comparison-table .over{color:#d32f2f}.comparison-table .rate-over{color:#d32f2f;font-weight:600}.comparison-table tfoot td{background:#f8f9fa;border-top:2px solid #ddd}.daily-chart-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.daily-chart-container h4{margin:0 0 16px;font-size:16px;color:#202124}.daily-chart-container.empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:#80868b;font-size:14px}.payment-chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.payment-chart-container h4{margin:0 0 16px;font-size:16px;color:#202124}.payment-chart-container.empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:#80868b;font-size:14px}.payment-method-table{margin-top:16px}.payment-method-table table{width:100%;border-collapse:collapse;font-size:13px}.payment-method-table th,.payment-method-table td{padding:8px 12px;border-bottom:1px solid #f1f3f4;text-align:left}.payment-method-table th{background:#f8f9fa;color:#5f6368;font-weight:600}.payment-method-table tfoot td{border-top:2px solid #e8eaed;border-bottom:none}.payment-method-table .text-right{text-align:right}.method-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.receipt-list-container{display:flex;flex-direction:column;gap:16px}.receipt-day-filter{display:flex;gap:8px;flex-wrap:wrap}.receipt-day-filter .day-btn{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.receipt-day-filter .day-btn:hover{background:#f5f5f5}.receipt-day-filter .day-btn.active{background:#34a853;color:#fff;border-color:#34a853}.receipt-list{display:flex;flex-direction:column;gap:12px}.receipt-empty{padding:60px 20px;text-align:center;color:#888;background:#fafafa;border-radius:8px}.receipt-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.receipt-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s}.receipt-header:hover{background:#f8f9fa}.receipt-main-info{display:flex;align-items:center;gap:12px}.receipt-toggle{font-size:.75rem;color:#666;width:16px}.receipt-category-icon{font-size:1.2rem}.receipt-place{font-weight:600;color:#333}.receipt-day{font-size:.85rem;color:#34a853;font-weight:500}.receipt-has-image{font-size:.9rem;opacity:.7}.receipt-summary-info{display:flex;align-items:center;gap:16px}.receipt-item-count{font-size:.85rem;color:#888}.receipt-total{font-weight:600;color:#34a853;min-width:120px;text-align:right}.receipt-actions{display:flex;gap:4px}.receipt-actions .btn-edit,.receipt-actions .btn-delete{padding:4px 8px;border:none;background:none;cursor:pointer;opacity:.6;transition:opacity .2s}.receipt-actions .btn-edit:hover,.receipt-actions .btn-delete:hover{opacity:1}.receipt-detail{padding:16px;background:#fafafa;border-top:1px solid #e0e0e0}.receipt-image-container{margin-bottom:16px}.receipt-image-container img{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.receipt-image-container img:hover{transform:scale(1.02)}.receipt-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-item{padding:4px 10px;background:#e8e8e8;border-radius:4px;font-size:.8rem;color:#555}.meta-item.tax-free{background:#e8f5e9;color:#2e7d32}.receipt-items-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;border-radius:8px;overflow:hidden}.receipt-items-table th,.receipt-items-table td{padding:10px 12px;border-bottom:1px solid #eee}.receipt-items-table th{background:#f0f0f0;font-weight:600;color:#555;text-align:left}.receipt-items-table .text-right{text-align:right}.receipt-items-table .item-note{margin-left:6px;cursor:help;opacity:.7}.receipt-items-table .unit,.receipt-items-table .nights{font-size:.8rem;color:#888;margin-left:4px}.receipt-items-table .currency{font-size:.8rem;color:#888}.receipt-items-table .total-cell{font-weight:500}.receipt-items-table .krw-amount{display:block;font-size:.8rem;color:#666;font-weight:400}.receipt-items-table tfoot td{background:#f8f9fa;border-top:2px solid #ddd}.receipt-note{margin-top:16px;padding:12px;background:#fff8e1;border-radius:6px;font-size:.85rem;color:#5d4037}.receipt-list-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f0f0f0;border-radius:8px;font-weight:600}.footer-label{color:#555}.footer-total{font-size:1.1rem;color:#34a853}@media(max-width:768px){.receipt-header{flex-direction:column;align-items:flex-start;gap:12px}.receipt-summary-info{width:100%;justify-content:space-between}.receipt-items-table{font-size:.8rem}.receipt-items-table th,.receipt-items-table td{padding:8px}}.location-capture{display:flex;flex-direction:column;gap:6px}.location-capture-row{display:flex;align-items:center;gap:8px}.btn-location-capture{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:6px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-location-capture:hover:not(:disabled){background:#e0f2fe}.btn-location-capture.loading{color:#6b7280;border-color:#d1d5db;background:#f9fafb;cursor:wait}.location-captured{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:.82rem}.location-pin-icon{font-size:1rem;flex-shrink:0}.location-coords{color:#065f46;font-variant-numeric:tabular-nums;font-size:.8rem}.location-accuracy{color:#6b7280;font-size:.75rem}.btn-location-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px 4px;font-size:.75rem;line-height:1;border-radius:3px}.btn-location-clear:hover{color:#374151;background:#e5e7eb}.location-message{font-size:.78rem;margin:0}.location-message--error{color:#dc2626}.location-permission-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.location-permission-dialog{background:#fff;border-radius:12px;padding:24px;max-width:360px;width:100%;box-shadow:0 8px 24px #00000026}.location-permission-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px}.location-permission-body{font-size:.875rem;color:#374151;margin:0 0 8px}.location-permission-guide{font-size:.82rem;color:#6b7280;background:#f9fafb;border-radius:6px;padding:10px 12px;margin:0 0 16px;line-height:1.5}.btn-permission-close{width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer}.btn-permission-close:hover{background:#2563eb}@media(max-width:767px){.btn-location-capture{min-height:44px}}.receipt-form{padding:24px;background:#fff;border-radius:8px}.receipt-form h3{margin:0 0 24px;font-size:1.25rem;color:#333}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.form-section:last-of-type{border-bottom:none}.form-section h4{margin:0 0 16px;font-size:.95rem;color:#555;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#34a853}.form-group textarea{resize:vertical;min-height:60px}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.receipt-image-upload{display:flex;align-items:flex-start;gap:16px}.btn-upload{padding:12px 20px;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-upload:hover{border-color:#34a853;background:#f0fff4}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.receipt-preview{position:relative;max-width:200px}.receipt-preview img{width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.btn-remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:none;border-radius:50%;background:#ff4d4f;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.items-header{display:grid;grid-template-columns:2fr 80px 80px 120px 120px 40px;gap:8px;padding:8px 0;border-bottom:1px solid #ddd;font-size:.8rem;color:#666;font-weight:600}.items-header.no-nights{grid-template-columns:2fr 80px 120px 120px 40px}.item-row{display:grid;grid-template-columns:2fr 80px 80px 120px 120px 40px;gap:8px;padding:8px 0;align-items:center;border-bottom:1px solid #f0f0f0}.item-row.no-nights{grid-template-columns:2fr 80px 120px 120px 40px}.item-row input{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.item-row input:focus{outline:none;border-color:#34a853}.item-total{font-weight:500;color:#333;text-align:right}.btn-remove-item{padding:4px 8px;border:none;background:none;cursor:pointer;opacity:.6;transition:opacity .2s}.btn-remove-item:hover:not(:disabled){opacity:1}.btn-remove-item:disabled{cursor:not-allowed;opacity:.3}.btn-add-item{margin-top:12px;padding:10px 16px;background:#f0f0f0;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.btn-add-item:hover{background:#e0e0e0}.item-container{border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:8px}.item-container:last-child{border-bottom:none}.item-tax-row{display:flex;gap:8px;padding:8px 0 0;align-items:center}.item-tax-row .col-tax-type{width:120px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.8rem;background:#fafafa}.item-tax-row .col-tax-rate{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.8rem}.item-tax-row .col-discount-type{width:120px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.8rem;background:#fafafa}.item-tax-row .col-discount-value{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.8rem}.item-tax-row .col-note{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.8rem}.item-tax-row input:focus,.item-tax-row select:focus{outline:none;border-color:#34a853}.total-section{background:#f8f9fa;padding:16px;border-radius:8px;margin-top:16px}.grand-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600}.total-amount{color:#34a853}.total-krw{display:block;font-size:.85rem;color:#666;font-weight:400;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{padding:12px 24px;background:#f0f0f0;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background:#e0e0e0}.btn-save{padding:12px 32px;background:#34a853;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-save:hover:not(:disabled){background:#2e7d32}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr}.items-header,.item-row{grid-template-columns:1fr;gap:4px}.items-header span,.item-row>*{display:block}.items-header{display:none}.item-row{padding:12px;background:#fafafa;border-radius:8px;margin-bottom:8px}.item-row input{margin-bottom:8px}}.post-feed{padding:16px}.post-feed-loading,.post-feed-error,.post-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.post-feed-error button,.post-feed-empty button{margin-top:16px;padding:8px 16px;background-color:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer}.post-feed-filter{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:16px;background-color:#e3f2fd;border-radius:4px}.post-feed-filter button{padding:4px 8px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.post-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.post-card{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;height:100%;cursor:pointer;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.post-card-photos{position:relative;width:100%;aspect-ratio:3/4;background-color:#f5f5f5}.post-card-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-nav-prev{left:8px}.photo-nav-next{right:8px}.photo-counter{position:absolute;bottom:8px;right:8px;padding:4px 8px;background-color:#0009;color:#fff;border-radius:4px;font-size:12px}.post-card-no-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e0e0e0;color:#999;font-size:12px}.post-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:4px}.post-card-day{font-size:11px;font-weight:600;color:#1976d2;background-color:#e3f2fd;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.post-card-place-name{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card-visit-date{font-size:11px;color:#888}.post-card-content{padding:16px}.post-card-place{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:14px}.place-icon{font-size:16px}.place-name{font-weight:500;color:#333}.place-address{color:#888;font-size:12px}.post-card-date{color:#666;font-size:13px;margin-bottom:12px}.post-card-body{margin-bottom:12px;line-height:1.6;color:#333;white-space:pre-wrap}.btn-show-more{background:none;border:none;color:#1976d2;cursor:pointer;padding:0;font-size:14px}.post-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.post-tag{padding:4px 10px;background-color:#e8f4fd;color:#1976d2;border:none;border-radius:16px;font-size:13px;cursor:pointer}.post-tag:hover{background-color:#bbdefb}.post-card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid #eee;margin-top:auto}.post-created-at{color:#888;font-size:10px}.post-card-actions{display:flex;gap:8px}.post-card-actions .btn-edit,.post-card-actions .btn-delete{padding:3px 8px;border:none;border-radius:3px;font-size:11px;cursor:pointer}.post-card-actions .btn-edit{background-color:#e3f2fd;color:#1976d2}.post-card-actions .btn-delete{background-color:#ffebee;color:#c62828}.post-card-actions .btn-comment{padding:3px 8px;border:none;border-radius:3px;font-size:11px;cursor:pointer;background-color:#f5f5f5;color:#666}.post-card-actions .btn-comment:hover{background-color:#e0e0e0}.post-card-comments{border-top:1px solid #eee;max-height:400px;overflow-y:auto}.post-editor{padding:16px;background-color:#fff;border-radius:8px}.post-editor h3{margin:0 0 20px;font-size:18px;color:#333}.form-section{margin-bottom:20px}.form-section h4{margin:0 0 8px;font-size:14px;font-weight:500;color:#555}.form-field{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-field:focus{outline:none;border-color:#1976d2}.form-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.btn-upload{padding:10px 16px;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:4px;cursor:pointer;font-size:14px;color:#666}.btn-upload:hover{background-color:#eee;border-color:#999}.photo-upload-actions{display:flex;gap:8px}.btn-camera{background-color:#e3f2fd;border-color:#90caf9;color:#1565c0}.btn-camera:hover{background-color:#bbdefb;border-color:#64b5f6}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px}.photo-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background-color:#0009;color:#fff;border:none;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-new-badge{position:absolute;bottom:4px;left:4px;padding:2px 6px;background-color:#4caf50;color:#fff;font-size:10px;font-weight:700;border-radius:2px}.place-selector{width:100%}.place-selector-field{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.place-selector-field:focus{outline:none;border-color:#1976d2}.hashtag-input{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.hashtag-tags{display:flex;flex-wrap:wrap;gap:6px}.hashtag-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background-color:#e8f4fd;color:#1976d2;border-radius:16px;font-size:13px}.hashtag-remove{background:none;border:none;color:#1976d2;font-size:16px;cursor:pointer;padding:0;line-height:1}.hashtag-field{flex:1;min-width:120px;padding:6px 0;border:none;font-size:14px;outline:none}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.btn-cancel,.btn-save{padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover{background-color:#e0e0e0}.btn-save{background-color:#1976d2;color:#fff}.btn-save:hover{background-color:#1565c0}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.post-list{grid-template-columns:repeat(3,1fr)}.post-card-photos{aspect-ratio:16/9}.photo-gallery{grid-template-columns:repeat(3,1fr)}.form-actions{flex-direction:column}.form-actions button{width:100%}}.post-detail-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.post-detail-modal{position:relative;background-color:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.post-detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.post-detail-close:hover{background-color:#000000b3}.post-detail-content{display:flex;flex-direction:column}.post-detail-photos{display:flex;flex-direction:column;gap:8px;background-color:#f5f5f5}.post-detail-photo{width:100%;max-height:400px;object-fit:contain}.post-detail-info{padding:20px}.post-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-detail-day{font-size:14px;font-weight:600;color:#1976d2;background-color:#e3f2fd;padding:4px 10px;border-radius:4px}.post-detail-date{font-size:14px;color:#666}.post-detail-place{margin-bottom:16px}.post-detail-place-name{font-size:18px;font-weight:600;color:#333}.post-detail-arrow{color:#666;margin:0 4px}.post-detail-body{font-size:15px;line-height:1.7;color:#333;white-space:pre-wrap;margin-bottom:16px}.post-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.post-detail-tag{padding:4px 10px;background-color:#e8f4fd;color:#1976d2;border-radius:16px;font-size:13px}.post-detail-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #eee}.post-detail-actions .btn-edit,.post-detail-actions .btn-delete{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.post-detail-actions .btn-edit{background-color:#e3f2fd;color:#1976d2}.post-detail-actions .btn-delete{background-color:#ffebee;color:#c62828}.post-detail-comments{border-top:1px solid #eee}@media(max-width:600px){.post-detail-backdrop{padding:0}.post-detail-modal{max-height:100vh;border-radius:0}.post-detail-photo{max-height:300px}}.comment-list{padding:16px;background-color:#fff}.comment-list-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.comment-loading,.comment-error,.comment-empty{text-align:center;padding:24px;color:#888;font-size:14px}.comment-error{color:#dc3545}.comment-items{display:flex;flex-direction:column;gap:16px;margin-top:16px}.comment-form{display:flex;flex-direction:column;gap:8px}.comment-input,.comment-edit-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;box-sizing:border-box}.comment-input:focus,.comment-edit-input:focus{outline:none;border-color:#3b82f6}.comment-form-actions,.comment-edit-actions{display:flex;justify-content:flex-end;gap:8px}.btn-comment-submit{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-comment-submit:hover:not(:disabled){background-color:#2563eb}.btn-comment-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-comment-cancel{padding:8px 16px;background-color:#e5e7eb;color:#374151;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-comment-cancel:hover{background-color:#d1d5db}.comment-item{padding:12px;background-color:#f9fafb;border-radius:8px}.comment-reply{margin-left:24px;background-color:#f3f4f6;border-left:3px solid #3b82f6}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-author{font-weight:600;font-size:14px;color:#374151}.comment-date{font-size:12px;color:#9ca3af}.comment-content{font-size:14px;line-height:1.5;color:#4b5563;white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:8px;margin-top:8px}.btn-comment-action{padding:4px 8px;background:none;border:none;font-size:12px;color:#6b7280;cursor:pointer;transition:color .2s}.btn-comment-action:hover{color:#3b82f6}.btn-comment-delete:hover{color:#dc3545}.reply-form-wrapper{margin-top:12px;margin-left:24px}.comment-replies{margin-top:12px}.btn-toggle-replies{padding:4px 8px;background:none;border:none;font-size:12px;color:#3b82f6;cursor:pointer}.btn-toggle-replies:hover{text-decoration:underline}.replies-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.comment-edit{margin-bottom:8px}@media(max-width:768px){.comment-list{padding:12px}.comment-reply,.reply-form-wrapper{margin-left:16px}}.native-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f3f4;color:#3c4043;border:1px solid #dadce0;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.native-share-btn:hover{background:#e8eaed}.native-share-btn--copied{background:#e6f4ea;color:#1e7e34;border-color:#a8d5b5}.native-share-btn--copied:hover{background:#d4edda}.checklist-section{padding:16px}.checklist-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280}.checklist-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#10b981;border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:#6b7280;white-space:nowrap}.checklist-add-form{display:flex;gap:8px;margin-bottom:12px}.checklist-category-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#374151}.checklist-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.checklist-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.checklist-add-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;white-space:nowrap}.checklist-add-btn:hover{background:#2563eb}.checklist-template-actions{margin-bottom:16px}.btn-template{padding:6px 14px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;cursor:pointer}.btn-template:hover{background:#e5e7eb}.checklist-category-group{margin-bottom:16px}.checklist-category-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.checklist-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-radius:4px;transition:background .15s}.checklist-item:hover{background:#f9fafb}.checklist-item.checked .checklist-item-content{text-decoration:line-through;color:#9ca3af}.checklist-checkbox-label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;min-width:0}.checklist-checkbox{width:18px;height:18px;accent-color:#10b981;cursor:pointer;flex-shrink:0}.checklist-item-content{font-size:.9rem;color:#374151}.checklist-delete-btn{background:none;border:none;color:#d1d5db;font-size:1.2rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;min-height:auto}.checklist-delete-btn:hover{color:#ef4444;background:#fef2f2}.checklist-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.9rem}.template-selector{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-header h4{margin:0;font-size:.95rem;color:#374151}.template-close{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:2px 6px;min-height:auto}.template-save{display:flex;gap:8px;margin-bottom:12px}.template-name-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem}.btn-save-template{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-save-template:hover{background:#059669}.template-list{display:flex;flex-wrap:wrap;gap:8px}.template-item-row{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid #d1d5db;border-radius:16px;overflow:hidden}.template-item-row:hover{border-color:#3b82f6}.template-item{padding:6px 10px 6px 14px;background:transparent;border:none;font-size:.8rem;color:#374151;cursor:pointer}.template-item:hover{color:#1d4ed8}.template-delete-btn{padding:4px 8px;background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;line-height:1;min-height:auto}.template-delete-btn:hover{color:#ef4444;background:#fef2f2}.template-loading,.template-empty{font-size:.85rem;color:#9ca3af;margin:0}.member-manager{margin-bottom:16px}.member-manager-toggle{padding:6px 14px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;cursor:pointer}.member-manager-toggle:hover{background:#e5e7eb}.member-manager-content{margin-top:10px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.member-add-form{display:flex;gap:8px;margin-bottom:10px}.member-name-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem}.member-add-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;white-space:nowrap}.member-add-btn:hover{background:#2563eb}.member-list{display:flex;flex-wrap:wrap;gap:8px}.member-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid #d1d5db;border-radius:16px;font-size:.8rem;color:#374151}.member-remove-btn{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;min-height:auto}.member-remove-btn:hover{color:#ef4444}.member-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.member-tab{padding:8px 16px;cursor:pointer;border:none;background:transparent;color:#6b7280;font-size:.875rem;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;min-height:auto}.member-tab:hover{color:#374151;background:#f9fafb}.member-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}@media(max-width:767px){.checklist-add-form{flex-wrap:wrap}.checklist-category-select{min-height:44px}.checklist-input{flex:1 1 100%;order:-1;min-height:44px}.checklist-add-btn{min-height:44px}.member-add-form{flex-wrap:wrap}.member-name-input,.member-add-btn{min-height:44px}.member-tab{min-height:44px;padding:10px 14px}}.weather-tab{padding:16px}.weather-gps-section{margin-bottom:16px}.weather-gps-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f0f9ff;border:1px dashed #93c5fd;border-radius:12px}.btn-gps{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer}.btn-gps:hover:not(:disabled){background:#2563eb}.btn-gps:disabled{opacity:.6;cursor:not-allowed}.btn-gps-refresh{margin-top:8px;padding:6px 14px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;cursor:pointer}.btn-gps-refresh:hover:not(:disabled){background:#e5e7eb}.weather-add-form{display:flex;gap:8px;margin-bottom:8px}.weather-city-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.weather-city-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.btn-add-city{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;white-space:nowrap}.btn-add-city:hover:not(:disabled){background:#2563eb}.btn-add-city:disabled{opacity:.5;cursor:not-allowed}.weather-error{color:#ef4444;font-size:.8rem;margin:4px 0 8px}.weather-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.9rem;line-height:1.6}.weather-city-list{display:flex;flex-direction:column;gap:12px}.weather-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.weather-card-gps{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#93c5fd}.weather-card-loading{display:flex;align-items:center;justify-content:space-between;min-height:60px;color:#6b7280}.weather-loading-text{font-size:.85rem;color:#9ca3af}.weather-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.weather-card-title{display:flex;flex-direction:column;gap:2px}.weather-gps-badge{font-size:.75rem;color:#3b82f6;font-weight:500}.weather-city-name{font-size:1rem;font-weight:600;color:#111827}.weather-remove-btn{background:none;border:none;color:#d1d5db;font-size:1.3rem;cursor:pointer;padding:0 4px;line-height:1;border-radius:4px;min-height:auto}.weather-remove-btn:hover{color:#ef4444;background:#fef2f2}.weather-current{display:flex;align-items:center;gap:16px;margin-bottom:16px}.weather-icon-large{font-size:2.5rem;line-height:1}.weather-current-info{display:flex;flex-direction:column;gap:2px}.weather-temp-main{font-size:2rem;font-weight:700;color:#111827;line-height:1}.weather-desc{font-size:.85rem;color:#6b7280}.weather-current-detail{margin-left:auto;display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#6b7280;text-align:right}.weather-daily{border-top:1px solid #f3f4f6;padding-top:12px;display:flex;flex-direction:column;gap:6px}.weather-daily-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.weather-daily-date{width:60px;color:#6b7280;flex-shrink:0}.weather-daily-icon{font-size:1rem;width:24px;text-align:center}.weather-daily-temps{display:flex;gap:6px;margin-left:auto}.weather-daily-max{color:#dc2626;font-weight:500}.weather-daily-min{color:#3b82f6}.weather-daily-precip{color:#3b82f6;font-size:.8rem;width:36px;text-align:right}@media(max-width:767px){.weather-tab{padding:12px}.weather-add-form{flex-wrap:wrap}.weather-city-input,.btn-add-city{min-height:44px}.btn-gps{min-height:44px;width:100%}.weather-icon-large{font-size:2rem}.weather-temp-main{font-size:1.6rem}}.transport-section{padding:16px}.transport-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.transport-header h3{margin:0;font-size:1.1rem;color:#111827}.btn-add-transport{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-add-transport:hover{background:#2563eb}.transport-type-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.transport-filter-btn{padding:6px 14px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.transport-filter-btn:hover{background:#e5e7eb}.transport-filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.transport-list{display:flex;flex-direction:column;gap:12px}.transport-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.9rem}.transport-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280}.transport-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:box-shadow .2s}.transport-card:hover{box-shadow:0 2px 8px #00000014}.transport-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.transport-card-title-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.transport-type-icon{font-size:1.4rem;flex-shrink:0}.transport-card-title-info{min-width:0}.transport-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-type-badge{display:inline-block;padding:2px 8px;background:#eff6ff;color:#1d4ed8;border-radius:12px;font-size:.75rem;font-weight:500}.transport-card-actions{display:flex;gap:6px;flex-shrink:0}.btn-transport-edit,.btn-transport-delete{padding:4px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;border:1px solid;min-height:auto}.btn-transport-edit{background:#fff;color:#374151;border-color:#d1d5db}.btn-transport-edit:hover{background:#f9fafb}.btn-transport-delete{background:#fff;color:#ef4444;border-color:#fca5a5}.btn-transport-delete:hover{background:#fef2f2}.transport-route{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem}.transport-place{font-weight:500;color:#111827}.transport-arrow{color:#9ca3af;font-size:1rem}.transport-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:.82rem}.transport-detail-item{display:flex;flex-direction:column;gap:2px}.transport-detail-label{color:#9ca3af;font-size:.75rem}.transport-detail-value{color:#374151;font-weight:500}.transport-memo{margin-top:10px;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:.83rem;color:#6b7280;white-space:pre-wrap}.transport-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.transport-form h3{margin:0 0 20px;font-size:1.1rem;color:#111827}.transport-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.transport-form-group{display:flex;flex-direction:column;gap:6px}.transport-form-group.full-width{grid-column:1 / -1}.transport-form-group label{font-size:.85rem;font-weight:500;color:#374151}.transport-form-group input,.transport-form-group select,.transport-form-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff}.transport-form-group input:focus,.transport-form-group select:focus,.transport-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.transport-form-group textarea{resize:vertical;min-height:80px}.transport-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.btn-transport-save{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-transport-save:hover{background:#2563eb}.btn-transport-cancel{padding:8px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-transport-cancel:hover{background:#f9fafb}@media(max-width:767px){.transport-form-grid{grid-template-columns:1fr}.transport-form-group.full-width{grid-column:1}.transport-details{grid-template-columns:1fr}.transport-route{flex-wrap:wrap}.btn-add-transport,.transport-form-group input,.transport-form-group select,.transport-form-group textarea{min-height:44px}}.accommodation-section{padding:16px}.accommodation-location-badge{display:inline-block;margin-top:6px;font-size:12px;color:#1e7e34;background:#f0fdf4;border:1px solid #a8d5b5;border-radius:12px;padding:2px 10px}.accommodation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.accommodation-header h3{margin:0;font-size:1.1rem;color:#111827}.btn-add-accommodation{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-add-accommodation:hover{background:#2563eb}.accommodation-list{display:flex;flex-direction:column;gap:12px}.accommodation-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.9rem}.accommodation-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280}.accommodation-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:box-shadow .2s}.accommodation-card:hover{box-shadow:0 2px 8px #00000014}.accommodation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.accommodation-card-title-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accommodation-icon{font-size:1.4rem;flex-shrink:0}.accommodation-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accommodation-card-actions{display:flex;gap:6px;flex-shrink:0}.btn-accommodation-edit,.btn-accommodation-delete{padding:4px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;border:1px solid;min-height:auto}.btn-accommodation-edit{background:#fff;color:#374151;border-color:#d1d5db}.btn-accommodation-edit:hover{background:#f9fafb}.btn-accommodation-delete{background:#fff;color:#ef4444;border-color:#fca5a5}.btn-accommodation-delete:hover{background:#fef2f2}.accommodation-address{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#4b5563;margin-bottom:10px;flex-wrap:wrap}.accommodation-address-icon{font-size:.9rem;flex-shrink:0}.accommodation-map-link{margin-left:auto;font-size:.75rem;color:#3b82f6;text-decoration:none;padding:2px 8px;border:1px solid #bfdbfe;border-radius:10px;white-space:nowrap}.accommodation-map-link:hover{background:#eff6ff}.accommodation-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:.82rem}.accommodation-detail-item{display:flex;flex-direction:column;gap:2px}.accommodation-detail-label{color:#9ca3af;font-size:.75rem}.accommodation-detail-value{color:#374151;font-weight:500}.accommodation-memo{margin-top:10px;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:.83rem;color:#6b7280;white-space:pre-wrap}.accommodation-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.accommodation-form h3{margin:0 0 20px;font-size:1.1rem;color:#111827}.accommodation-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.accommodation-form-group{display:flex;flex-direction:column;gap:6px}.accommodation-form-group.full-width{grid-column:1 / -1}.accommodation-form-group label{font-size:.85rem;font-weight:500;color:#374151}.accommodation-form-group input,.accommodation-form-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff}.accommodation-form-group input:focus,.accommodation-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.accommodation-form-group textarea{resize:vertical;min-height:80px}.accommodation-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.btn-accommodation-save{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-accommodation-save:hover{background:#2563eb}.btn-accommodation-cancel{padding:8px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-accommodation-cancel:hover{background:#f9fafb}@media(max-width:767px){.accommodation-form-grid{grid-template-columns:1fr}.accommodation-form-group.full-width{grid-column:1}.accommodation-details{grid-template-columns:1fr}.btn-add-accommodation,.accommodation-form-group input,.accommodation-form-group textarea{min-height:44px}}.document-section{padding:16px}.document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.document-header h3{margin:0;font-size:1.1rem;color:#111827}.btn-add-document{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-add-document:hover{background:#2563eb}.document-search-bar{display:flex;gap:8px;margin-bottom:12px}.document-search-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827}.document-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.document-fav-filter{padding:8px 14px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;cursor:pointer;white-space:nowrap}.document-fav-filter.active{background:#fef3c7;color:#92400e;border-color:#fcd34d}.document-category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.document-cat-tab{padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:20px;font-size:.78rem;cursor:pointer;transition:all .2s;white-space:nowrap}.document-cat-tab:hover{background:#e5e7eb}.document-cat-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.document-empty{text-align:center;padding:48px 20px;color:#9ca3af;font-size:.9rem;line-height:1.6}.document-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280}.document-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .1s;display:flex;flex-direction:column}.document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.document-card-thumbnail{position:relative;height:120px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.document-thumb-img{width:100%;height:100%;object-fit:cover}.document-thumb-pdf,.document-thumb-file{display:flex;flex-direction:column;align-items:center;gap:4px}.document-thumb-icon{font-size:2.2rem}.document-thumb-label{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.05em}.document-favorite-btn{position:absolute;top:6px;right:6px;background:#ffffffe6;border:none;border-radius:50%;width:26px;height:26px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .15s}.document-favorite-btn:hover,.document-favorite-btn.active{color:#f59e0b}.document-card-body{padding:10px 10px 6px;flex:1}.document-card-title{font-size:.82rem;font-weight:600;color:#111827;margin:0 0 6px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-card-meta{display:flex;align-items:center;gap:4px;margin-bottom:4px;flex-wrap:wrap}.document-category-badge{font-size:.72rem;color:#1d4ed8;background:#eff6ff;padding:2px 6px;border-radius:10px}.document-sensitive-badge{font-size:.8rem}.document-card-size{font-size:.72rem;color:#9ca3af;margin:0}.document-card-actions{display:flex;border-top:1px solid #f3f4f6}.btn-document-edit,.btn-document-delete{flex:1;padding:6px;font-size:.75rem;cursor:pointer;border:none;background:transparent;transition:background .15s}.btn-document-edit{color:#374151;border-right:1px solid #f3f4f6}.btn-document-edit:hover{background:#f9fafb}.btn-document-delete{color:#ef4444}.btn-document-delete:hover{background:#fef2f2}.document-viewer-backdrop{position:fixed;inset:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.document-viewer-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.document-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.document-viewer-title{font-size:.95rem;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.document-viewer-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-document-download{padding:6px 14px;background:#3b82f6;color:#fff;border-radius:6px;font-size:.82rem;text-decoration:none;cursor:pointer}.btn-document-download:hover{background:#2563eb}.document-viewer-close{width:30px;height:30px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151}.document-viewer-close:hover{background:#e5e7eb}.document-viewer-content{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#111827;min-height:300px}.document-viewer-image{max-width:100%;max-height:80vh;object-fit:contain}.document-viewer-pdf{width:100%;height:75vh;border:none}.document-viewer-unsupported{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9ca3af;padding:40px}.btn-document-download-large{padding:10px 24px;background:#3b82f6;color:#fff;border-radius:8px;font-size:.9rem;text-decoration:none}.document-edit-modal{background:#fff;border-radius:12px;width:100%;max-width:480px}.document-edit-form{padding:16px;display:flex;flex-direction:column;gap:14px}.document-edit-group{display:flex;flex-direction:column;gap:6px}.document-edit-group label{font-size:.85rem;font-weight:500;color:#374151}.document-edit-group input,.document-edit-group select,.document-edit-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff}.document-edit-group input:focus,.document-edit-group select:focus,.document-edit-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.document-edit-group textarea{resize:vertical}.document-edit-checkboxes{display:flex;flex-direction:column;gap:8px}.document-edit-checkbox{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151;cursor:pointer}.document-edit-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.document-uploader{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.document-uploader h3{margin:0 0 16px;font-size:1.1rem;color:#111827}.document-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:16px}.document-drop-zone:hover,.document-drop-zone.drag-over{border-color:#3b82f6;background:#eff6ff}.document-drop-zone.has-file{border-color:#10b981;background:#f0fdf4}.document-drop-placeholder,.document-drop-selected{display:flex;flex-direction:column;align-items:center;gap:6px}.document-drop-icon{font-size:2rem}.document-drop-text{font-size:.9rem;font-weight:500;color:#374151}.document-drop-filename{font-size:.875rem;font-weight:600;color:#065f46;word-break:break-all}.document-drop-hint{font-size:.78rem;color:#9ca3af}.document-upload-fields{display:flex;flex-direction:column;gap:14px}@media(max-width:767px){.document-grid{grid-template-columns:repeat(2,1fr)}.document-viewer-modal{max-height:95vh}.document-viewer-pdf{height:65vh}.btn-add-document,.document-search-input{min-height:44px}}.offline-map-downloader{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.offline-map-dl-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.offline-map-dl-title-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.offline-map-dl-icon{font-size:1.4rem;flex-shrink:0}.offline-map-dl-title{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 2px}.offline-map-dl-subtitle{font-size:.75rem;color:#6b7280;margin:0}.offline-map-dl-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.offline-map-dl-loading{font-size:.82rem;color:#6b7280}.btn-map-download{padding:7px 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.82rem;cursor:pointer;white-space:nowrap}.btn-map-download:hover:not(:disabled){background:#2563eb}.btn-map-download:disabled{opacity:.6;cursor:wait}.btn-map-clear{padding:7px 10px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.82rem;cursor:pointer;white-space:nowrap}.btn-map-clear:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.offline-map-progress{display:flex;flex-direction:column;gap:6px}.offline-map-progress-header{display:flex;justify-content:space-between;font-size:.78rem}.offline-map-progress-step{color:#374151;font-weight:500}.offline-map-progress-pct{color:#9ca3af}.offline-map-progress-track{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.offline-map-progress-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.offline-map-result{font-size:.8rem;padding:7px 12px;border-radius:6px}.offline-map-result--done{background:#f0fdf4;color:#065f46}.offline-map-result--error{background:#fef2f2;color:#991b1b}.offline-map-view{display:flex;flex-direction:column;gap:8px}.offline-map-zoom-tabs{display:flex;gap:6px}.offline-zoom-btn{padding:5px 14px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;color:#374151;cursor:pointer;transition:all .15s}.offline-zoom-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.offline-zoom-btn:hover:not(.active){background:#e5e7eb}.offline-map-canvas{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#e5e7eb}.offline-map-img{display:block;object-fit:cover}.offline-map-svg{position:absolute;top:0;left:0;pointer-events:none}.offline-map-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#6b7280}.offline-map-badge{position:absolute;top:8px;right:8px;background:#0009;color:#fff;font-size:.72rem;padding:3px 8px;border-radius:20px}.offline-map-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.75rem}.offline-legend-title{color:#9ca3af;font-weight:500;margin-right:4px}.offline-legend-item{display:flex;align-items:center;gap:4px;color:#374151}.offline-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}@media(max-width:767px){.btn-map-download,.btn-map-clear{min-height:40px}}.publish-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.publish-modal{background:#fff;border-radius:12px;padding:28px;width:360px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #00000026}.publish-modal-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 20px}.publish-options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.publish-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s}.publish-option input[type=radio]{margin-top:2px;accent-color:#3b82f6;flex-shrink:0}.publish-option.selected{border-color:#3b82f6;background:#eff6ff}.publish-option-content{display:flex;flex-direction:column;gap:2px}.publish-option-label{font-size:.95rem;font-weight:600;color:#111827}.publish-option-desc{font-size:.8rem;color:#6b7280}.publish-modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn-publish-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;cursor:pointer}.btn-publish-save{padding:10px 20px;border:none;border-radius:6px;background:#3b82f6;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.btn-publish-save:disabled{background:#93c5fd;cursor:not-allowed}.trip-detail-page{display:flex;flex-direction:column;gap:24px}.trip-detail-header{display:flex;justify-content:space-between;align-items:center}.btn-back{background:#f3f4f6;color:#374151;border:none;border-radius:6px;padding:8px 16px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-back:hover{background:#e5e7eb}.trip-detail-actions{display:flex;gap:12px}.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.trip-detail-loading,.trip-detail-error{text-align:center;padding:60px 20px;font-size:1.125rem}.trip-detail-error{color:#dc2626}.trip-detail-error button{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.trip-detail-content{background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 4px #0000001a}.trip-detail-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.trip-detail-title-section h1{margin:0;font-size:2.5rem;color:#1f2937}.trip-detail-status{padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500;white-space:nowrap}.trip-detail-status.planning{background-color:#dbeafe;color:#1e40af}.trip-detail-status.ongoing{background-color:#fef3c7;color:#92400e}.trip-detail-status.completed{background-color:#d1fae5;color:#065f46}.trip-detail-section{margin-bottom:32px}.trip-share-section{display:flex}.trip-publish-section{display:flex;align-items:center;justify-content:space-between;gap:12px}.publish-status-row{display:flex;align-items:center;gap:12px}.publish-badge{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:12px}.publish-badge-public{background:#d1fae5;color:#065f46}.publish-badge-link_only{background:#dbeafe;color:#1d4ed8}.publish-badge-private{background:#f3f4f6;color:#6b7280}.publish-stats{font-size:.85rem;color:#6b7280}.btn-publish-settings{padding:8px 16px;border:1px solid #3b82f6;border-radius:6px;background:#fff;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-publish-settings:hover{background:#eff6ff}.trip-share-section .section-title{font-size:.95rem;font-weight:600;color:#374151;margin:0 0 10px}.share-link-row{display:flex;gap:8px;align-items:center}.share-link-input{flex:1;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;color:#374151;background:#f9fafb;min-width:0}.btn-copy-link,.btn-revoke-link,.btn-create-share{padding:8px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;border:none;white-space:nowrap}.btn-copy-link{background:#3b82f6;color:#fff}.btn-copy-link:hover{background:#2563eb}.btn-revoke-link{background:#fee2e2;color:#dc2626}.btn-revoke-link:hover{background:#fecaca}.btn-create-share{background:#f0fdf4;color:#16a34a;border:1px solid #86efac}.btn-create-share:hover{background:#dcfce7}.trip-detail-section h2{margin:0 0 12px;font-size:1.5rem;color:#374151}.trip-detail-section p{margin:0;color:#6b7280;line-height:1.6}.trip-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.trip-detail-info-item{display:flex;flex-direction:column;gap:8px}.info-label{font-size:.875rem;color:#6b7280;font-weight:500}.info-value{font-size:1.125rem;color:#1f2937}.trip-detail-meta{padding-top:24px;border-top:1px solid #e5e7eb;color:#9ca3af;font-size:.875rem}.trip-detail-meta p{margin:4px 0}.trip-detail-edit{background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 4px #0000001a}.trip-detail-tabs{display:flex;gap:8px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 4px #0000001a}.tab-btn{flex:1;padding:12px 8px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:#3b82f6;color:#fff}.trip-sub-tabs{display:flex;gap:4px;padding:4px;background:#f3f4f6;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.trip-map-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.trip-map-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;min-height:500px}.trip-map-container{min-height:400px}.trip-marker-sidebar{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.marker-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 0 12px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.marker-sidebar-header h3{margin:0;font-size:1.125rem;color:#1f2937}.btn-add-marker{padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-marker:hover{background:#2563eb}.trip-timeline-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.timeline-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280;font-size:1rem}.trip-budget-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.budget-sub-tabs{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:#f3f4f6;border-radius:8px;width:fit-content}.sub-tab-btn{padding:10px 24px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.sub-tab-btn:hover{color:#374151}.sub-tab-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.budget-layout{display:grid;grid-template-columns:1fr 320px;gap:24px}.budget-main{min-height:400px}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.budget-header h3{margin:0;font-size:1.125rem;color:#1f2937}.btn-add-budget{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-budget:hover{background:#2563eb}.btn-add-expense{padding:8px 16px;background:#34a853;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-expense:hover{background:#2e7d32}.expense-header h3{color:#2e7d32}.comparison-layout{min-height:400px}.analysis-layout{display:flex;flex-direction:column;gap:16px;min-height:400px}.budget-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280;font-size:1rem}.budget-sidebar{position:sticky;top:24px;align-self:start}@media(max-width:1023px){.trip-map-layout{grid-template-columns:1fr}.trip-marker-sidebar{max-height:none}.budget-layout{grid-template-columns:1fr}.budget-sidebar{position:static}}@media(max-width:767px){.trip-detail-content{padding:16px}.trip-detail-title-section{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px;padding-bottom:16px}.trip-detail-title-section h1{font-size:1.5rem}.trip-detail-info-grid{grid-template-columns:1fr;gap:16px}.trip-detail-tabs{gap:4px;padding:6px}.tab-btn{padding:10px 8px;font-size:.875rem;white-space:nowrap;min-height:44px}.trip-sub-tabs{width:100%}.budget-sub-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.sub-tab-btn{padding:8px 14px;font-size:.8rem;white-space:nowrap;min-height:44px}.trip-map-section,.trip-timeline-section,.trip-budget-section,.trip-posts-section{padding:16px;border-radius:8px}.trip-detail-header{flex-wrap:wrap;gap:8px}.trip-detail-actions{gap:8px}.btn-edit,.btn-delete,.btn-back{padding:10px 14px;font-size:.875rem;min-height:44px}.btn-add-marker,.btn-add-budget,.btn-add-expense,.btn-add-post{min-height:44px}}.expense-view-toggle{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#f3f4f6;border-radius:8px;width:fit-content}.view-toggle-btn{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-toggle-btn:hover{color:#374151}.view-toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.trip-posts-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.posts-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.posts-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.btn-add-post{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-post:hover{background:#059669}.exchange-calculator{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;max-width:500px;margin:0 auto}.calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calculator-header h3{margin:0;font-size:18px;color:#333}.btn-refresh{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-refresh:hover:not(:disabled){background:#0056b3}.btn-refresh:disabled{background:#6c757d;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:16px;font-size:14px}.currency-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px}.currency-selector{flex:1}.currency-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.currency-select{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.btn-swap{background:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:0}.btn-swap:hover{background:#5a6268}.rate-display{background:#e9ecef;padding:12px;border-radius:4px;margin-bottom:16px;text-align:center}.rate-value{font-size:16px;font-weight:500;color:#333}.rate-from{color:#007bff}.rate-equals{margin:0 8px;color:#666}.rate-to{color:#28a745}.rate-meta{margin-top:8px;font-size:12px;color:#666}.rate-cached{margin-left:8px;color:#ffc107}.manual-rate-toggle{margin-bottom:12px}.manual-rate-toggle label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.manual-rate-input{margin-bottom:16px}.manual-rate-input label{display:block;font-size:12px;color:#666;margin-bottom:4px}.manual-rate-input input{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.conversion-section{display:flex;gap:16px;margin-bottom:16px}.amount-input,.result-display{flex:1}.amount-input label,.result-display label{display:block;font-size:12px;color:#666;margin-bottom:4px}.amount-input input{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.result-value{background:#d4edda;padding:8px;border-radius:4px;font-size:16px;font-weight:500;color:#155724;text-align:center}.apply-section{text-align:center}.btn-apply{background:#28a745;color:#fff;border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-apply:hover:not(:disabled){background:#218838}.btn-apply:disabled{background:#6c757d;cursor:not-allowed}.exchange-rate-page{max-width:600px;margin:0 auto;padding:20px;text-align:center}.exchange-rate-page h1{margin-bottom:8px;color:#333}.exchange-rate-page .page-description{color:#666;margin-bottom:24px}.notion-page-list{display:flex;flex-direction:column;gap:8px}.notion-page-list-empty{text-align:center;padding:40px 20px;color:#666;background:#f8f9fa;border-radius:8px}.notion-page-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.notion-page-item:hover{background:#f5f5f5;border-color:#007bff}.page-icon{font-size:24px;width:32px;text-align:center}.page-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.page-title{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-meta{font-size:12px;color:#888}.page-link{padding:4px 12px;font-size:12px;color:#007bff;text-decoration:none;border:1px solid #007bff;border-radius:4px;transition:all .2s}.page-link:hover{background:#007bff;color:#fff}.wizard-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.wizard-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.wizard-header h2{margin:0;font-size:20px;color:#333}.btn-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;line-height:1}.btn-close:hover{color:#333}.step-indicator{display:flex;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e5e5e5;gap:8px}.step{flex:1;font-size:12px;color:#999;padding:8px 12px;border-radius:4px;text-align:center;white-space:nowrap}.step.active{background:#007bff;color:#fff;font-weight:500}.step.completed{color:#28a745}.wizard-content{padding:24px;overflow-y:auto;flex:1}.wizard-content h3{margin:0 0 16px;font-size:18px;color:#333}.database-list{display:flex;flex-direction:column;gap:8px}.database-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.database-item:hover{border-color:#007bff;background:#f8f9ff}.db-icon{font-size:24px}.db-title{font-size:15px;color:#333}.no-databases{color:#666;text-align:center;padding:40px 0}.selected-db{color:#666;margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:6px}.type-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.type-option{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.type-option:hover{border-color:#007bff}.type-option.selected{border-color:#007bff;background:#f8f9ff}.type-icon{font-size:32px}.type-info strong{display:block;font-size:16px;color:#333;margin-bottom:4px}.type-info p{margin:0;font-size:14px;color:#666}.preview-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-item{background:#f8f9fa;padding:16px;border-radius:8px}.summary-item .label{display:block;font-size:13px;color:#666;margin-bottom:4px}.summary-item .value{font-size:18px;font-weight:600;color:#333}.preview-table-wrapper{overflow-x:auto;margin-bottom:20px}.preview-table{width:100%;border-collapse:collapse;font-size:14px}.preview-table th,.preview-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e5e5}.preview-table th{background:#f8f9fa;font-weight:500;color:#666}.preview-table td{color:#333}.more-items{text-align:center;color:#666;font-size:13px;margin-top:12px}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e5e5;margin-top:16px}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#007bff;color:#fff;border:none}.btn-primary:hover{background:#0056b3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#fff;color:#666;border:1px solid #ddd}.btn-secondary:hover{background:#f8f9fa}.importing-status{text-align:center;padding:40px 0}.spinner{width:48px;height:48px;border:4px solid #e5e5e5;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.importing-status h3{margin-bottom:8px}.importing-status p{color:#666}.result-status{text-align:center;padding:30px 0}.result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#fff}.result-icon.success{background:#28a745}.result-icon.warning{background:#ffc107;color:#333}.result-stats{display:flex;justify-content:center;gap:40px;margin-top:24px}.stat{text-align:center}.stat-value{display:block;font-size:32px;font-weight:600;color:#333}.stat-label{font-size:14px;color:#666}.error-list{margin-top:24px;text-align:left;background:#fff3cd;padding:16px;border-radius:8px}.error-list ul{margin:8px 0 0;padding-left:20px;font-size:13px;color:#856404}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px}.btn-back{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;color:#666;margin-bottom:16px;transition:all .2s}.btn-back:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.section-title{font-size:14px;font-weight:500;color:#666;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.section-title:first-of-type{margin-top:0}.database-item.page-item{background:#fafbfc}.database-item.page-item:hover{background:#f0f7ff}.expand-icon{margin-left:auto;color:#999;font-size:16px;transition:transform .2s}.database-item.page-item:hover .expand-icon{color:#007bff;transform:translate(4px)}.url-input-section{background:#f0f7ff;padding:16px;border-radius:8px;margin-bottom:20px;border:1px dashed #007bff}.url-input-section .section-title{margin:0 0 12px;padding:0;border:none;color:#007bff}.url-input-wrapper{display:flex;gap:8px}.url-input{flex:1;padding:10px 14px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.url-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.btn-url-search{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.btn-url-search:hover{background:#0056b3}.btn-url-search:disabled{background:#ccc;cursor:not-allowed}.url-help{margin:8px 0 0;font-size:12px;color:#666}.multi-source-info{display:flex;align-items:flex-start;gap:12px;background:#fff3cd;border:1px solid #ffc107;padding:16px;border-radius:8px;margin-bottom:20px}.multi-source-info .info-icon{font-size:24px;flex-shrink:0}.multi-source-info p{margin:0;font-size:14px;color:#856404;line-height:1.5}.multi-source-info strong{color:#533f03}.multi-source-info.error{background:#f8d7da;border-color:#f5c6cb}.multi-source-info.error p{color:#721c24}.multi-source-info.error strong{color:#491217}.source-list-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-top:16px}.source-hint{font-size:13px;color:#666;margin:0}.source-names{list-style:none;padding:0;margin:12px 0}.source-names li{padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:6px;font-size:14px;color:#333}.notion-connect-page{max-width:800px;margin:0 auto;padding:20px}.notion-connect-page h1{text-align:center;margin-bottom:24px}.loading{text-align:center;padding:40px;color:#666}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:16px}.connection-status{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px;text-align:center}.status-indicator{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:500;margin-bottom:8px;white-space:nowrap}.status-indicator.connected{background:#d4edda;color:#155724}.status-indicator.disconnected{background:#f8d7da;color:#721c24}.workspace-info{margin-top:8px}.workspace-name{font-size:18px;font-weight:500;color:#333}.status-message{color:#666;margin-top:8px}.import-section{background:#e8f4fd;padding:20px;border-radius:8px;margin-bottom:24px}.import-section h2{margin:0 0 16px;font-size:18px;color:#333}.import-controls{display:flex;gap:12px;margin-bottom:12px}.trip-select{flex:1;padding:10px 16px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff}.btn-import{padding:10px 24px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-import:hover{background:#218838}.btn-import:disabled{background:#ccc;cursor:not-allowed}.import-help{margin:0;font-size:13px;color:#666}.search-section{display:flex;gap:8px;margin-bottom:24px}.search-input{flex:1;padding:10px 16px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.btn-search,.btn-refresh{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-search{background:#007bff;color:#fff}.btn-search:hover{background:#0056b3}.btn-refresh{background:#6c757d;color:#fff}.btn-refresh:hover{background:#5a6268}.pages-section h2{margin-bottom:16px;font-size:18px;color:#333}.setup-guide{background:#fff3cd;padding:20px;border-radius:8px;margin-top:24px}.setup-guide h2{margin-bottom:16px;color:#856404}.setup-guide ol{margin:0;padding-left:20px}.setup-guide li{margin-bottom:12px;color:#856404}.setup-guide a{color:#007bff}.setup-guide code{background:#0000001a;padding:2px 6px;border-radius:3px;font-family:monospace}.statistics-page{max-width:900px;margin:0 auto;padding:24px 16px 48px}.statistics-loading,.statistics-error{display:flex;align-items:center;justify-content:center;min-height:300px;color:#6b7280;font-size:1rem}.statistics-header{margin-bottom:32px}.statistics-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 4px}.statistics-subtitle{font-size:.9rem;color:#6b7280;margin:0}.stat-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}@media(max-width:600px){.stat-summary-grid{grid-template-columns:repeat(2,1fr)}}.stat-summary-card{background:#fff;border-radius:12px;padding:20px 16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat-summary-value{font-size:1.8rem;font-weight:700;color:#1a73e8;line-height:1}.stat-summary-label{font-size:.8rem;color:#6b7280;font-weight:500}.stat-summary-sub{font-size:.75rem;color:#9ca3af}.stat-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.stat-section h2{font-size:1.1rem;font-weight:600;color:#202124;margin:0 0 20px}.stat-status-grid{display:flex;gap:16px;flex-wrap:wrap}.stat-status-card{flex:1;min-width:100px;background:#f8f9fa;border-radius:8px;border-top:4px solid #ccc;padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-status-count{font-size:2rem;font-weight:700;color:#202124;line-height:1}.stat-status-label{font-size:.85rem;color:#5f6368}.stat-country-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}.stat-country-table th,.stat-country-table td{padding:8px 12px;border-bottom:1px solid #f1f3f4;text-align:left}.stat-country-table th{background:#f8f9fa;color:#5f6368;font-weight:600}.stat-country-table .text-right{text-align:right}.stat-rank{color:#9ca3af;font-weight:600;width:40px}.stat-country-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.stat-empty{text-align:center;padding:48px 0;color:#6b7280}.stat-empty p{margin:4px 0}.emergency-page{max-width:640px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:20px}.emergency-page-header{text-align:center}.emergency-page-title{font-size:1.4rem;font-weight:700;color:#111827;margin:0 0 4px}.emergency-page-subtitle{font-size:.85rem;color:#6b7280;margin:0}.country-search-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.country-search-input-wrap{position:relative}.country-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.country-search-input{width:100%;padding:9px 12px 9px 34px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;box-sizing:border-box}.country-search-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;overflow-y:auto}.country-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.78rem;color:#374151;transition:all .15s}.country-btn:hover{background:#fef2f2;border-color:#fca5a5}.country-btn.active{background:#fee2e2;border-color:#ef4444;color:#b91c1c;font-weight:600}.country-btn-flag{font-size:1.5rem}.country-btn-name{font-size:.72rem;text-align:center;word-break:keep-all;line-height:1.2}.selected-country-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px}.selected-country-flag{font-size:2.8rem;flex-shrink:0}.selected-country-names{flex:1;min-width:0}.selected-country-name{font-size:1.3rem;font-weight:700;margin:0 0 2px}.selected-country-name-en{font-size:.85rem;opacity:.85;margin:0}.btn-change-country{padding:6px 14px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-change-country:hover{background:#ffffff4d}.emergency-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:4px}.emergency-tab-btn{flex:1;padding:8px 4px;background:none;border:none;border-radius:7px;font-size:.78rem;color:#6b7280;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px}.emergency-tab-btn.active{background:#fff;color:#dc2626;font-weight:600;box-shadow:0 1px 3px #0000001a}.emergency-tab-icon{font-size:1rem}.emergency-section-group{display:flex;flex-direction:column;gap:12px}.emergency-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.emergency-card--highlight{border-color:#fca5a5;background:#fff5f5}.emergency-card-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 10px;display:flex;align-items:center;gap:6px}.emergency-phone-list{display:flex;flex-direction:column;gap:8px}.emergency-phone-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f9fafb;border-radius:6px}.emergency-phone-label{font-size:.85rem;color:#374151}.emergency-phone-number{font-size:1rem;font-weight:700;color:#dc2626;text-decoration:none;letter-spacing:.5px}.emergency-phone-number:hover{text-decoration:underline}.emergency-card-note{font-size:.78rem;color:#6b7280;margin:8px 0 0;line-height:1.5}.embassy-info{display:flex;flex-direction:column;gap:8px}.embassy-info-row{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:start}.embassy-label{font-size:.78rem;color:#9ca3af;padding-top:2px}.embassy-value{font-size:.85rem;color:#374151;line-height:1.4}.embassy-phone{font-size:.95rem;font-weight:600;color:#dc2626;text-decoration:none}.embassy-phone:hover{text-decoration:underline}.emergency-phone-highlight{font-size:1.05rem}.embassy-link{font-size:.82rem;color:#3b82f6;text-decoration:none}.embassy-link:hover{text-decoration:underline}.global-hotline-desc{font-size:.82rem;color:#6b7280;margin:0 0 10px;line-height:1.5}.global-hotline-number{display:block;font-size:1.4rem;font-weight:800;color:#dc2626;text-decoration:none;text-align:center;padding:8px;background:#fee2e2;border-radius:8px}.global-hotline-number:hover{background:#fecaca}.lost-guide{display:flex;flex-direction:column;gap:10px}.lost-guide-intro{font-size:.82rem;color:#6b7280;margin:0}.lost-guide-list{display:flex;flex-direction:column;gap:8px}.lost-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.lost-item-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;gap:8px}.lost-item-header:hover{background:#f9fafb}.lost-item-header.open{background:#f9fafb;border-bottom:1px solid #e5e7eb}.lost-item-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.lost-item-icon{font-size:1.4rem;flex-shrink:0}.lost-item-name{font-size:.9rem;font-weight:600;color:#111827}.lost-item-urgency{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.urgency-high{background:#fee2e2;color:#b91c1c}.urgency-medium{background:#fef3c7;color:#92400e}.urgency-low{background:#ecfdf5;color:#065f46}.lost-item-chevron{font-size:.7rem;color:#9ca3af;flex-shrink:0}.lost-item-body{padding:14px}.lost-item-steps{margin:0 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.lost-item-step{display:flex;gap:10px;align-items:flex-start}.step-number{width:22px;height:22px;background:#dc2626;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;margin-top:1px}.step-text{font-size:.82rem;color:#374151;line-height:1.55}.lost-item-note{display:flex;gap:8px;padding:8px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:.78rem;color:#92400e;line-height:1.5}.tips-section{display:flex;flex-direction:column;gap:12px}.tips-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.tips-card-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 10px;display:flex;align-items:center;gap:6px}.tips-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.tips-list li{font-size:.82rem;color:#374151;line-height:1.55;padding-left:14px;position:relative}.tips-list li:before{content:"•";position:absolute;left:0;color:#dc2626;font-weight:700}.emergency-loading,.emergency-empty{text-align:center;padding:32px;color:#9ca3af;font-size:.9rem}@media(min-width:480px){.country-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:600px){.country-grid{grid-template-columns:repeat(5,1fr)}}.public-trips-page{max-width:900px;margin:0 auto;padding:24px 16px 48px}.public-trips-loading,.public-trips-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280;text-align:center;gap:8px}.public-trips-header{margin-bottom:28px}.public-trips-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 4px}.public-trips-subtitle{font-size:.9rem;color:#6b7280;margin:0}.public-trips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.public-trip-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:8px}.public-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.public-trip-card-header{display:flex;justify-content:space-between;align-items:center}.public-trip-date{font-size:.75rem;color:#9ca3af}.public-trip-title{font-size:1rem;font-weight:700;color:#111827;margin:0;line-height:1.4}.public-trip-destination{font-size:.85rem;color:#4b5563;margin:0}.public-trip-desc{font-size:.85rem;color:#6b7280;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.public-trip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #f3f4f6}.public-trip-views{font-size:.8rem;color:#9ca3af}.public-trip-like{background:none;border:none;font-size:.85rem;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s}.public-trip-like:hover{color:#ef4444}.public-trip-like.liked{color:#ef4444;font-weight:600}.public-trip-detail-loading,.public-trip-detail-error{display:flex;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.public-trip-detail-page{max-width:720px;margin:0 auto;padding:24px 16px 48px}.btn-back-public{background:none;border:none;color:#3b82f6;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:20px;display:block}.btn-back-public:hover{text-decoration:underline}.public-trip-detail-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:14px}.public-trip-detail-header{display:flex;align-items:center;gap:12px}.public-trip-detail-date{font-size:.85rem;color:#9ca3af}.public-trip-detail-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0}.public-trip-detail-destination{font-size:.95rem;color:#4b5563;margin:0}.public-trip-detail-desc{font-size:.95rem;color:#374151;line-height:1.7;margin:0;white-space:pre-wrap}.public-trip-detail-stats{display:flex;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #f3f4f6}.stat-item{font-size:.85rem;color:#9ca3af}.btn-like{background:none;border:1px solid #e5e7eb;border-radius:20px;padding:6px 16px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .15s}.btn-like:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.btn-like.liked{border-color:#ef4444;color:#ef4444;font-weight:600}.btn-like:disabled{cursor:default}.trip-status-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px}.trip-status-badge.planning{background:#dbeafe;color:#1d4ed8}.trip-status-badge.ongoing{background:#d1fae5;color:#065f46}.trip-status-badge.completed{background:#f3f4f6;color:#374151}.install-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 12px #0000001f;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:9999;gap:12px}.install-banner-content{display:flex;align-items:center;gap:12px;min-width:0}.install-banner-icon{width:40px;height:40px;border-radius:8px;flex-shrink:0}.install-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.install-banner-text strong{font-size:14px;color:#333}.install-banner-text span{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.install-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.install-btn:hover{background:#1565c0}.install-dismiss-btn{background:none;border:none;color:#999;font-size:13px;cursor:pointer;padding:8px;white-space:nowrap}.install-dismiss-btn:hover{color:#666}.install-guide-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10000}.install-guide{background:#fff;border-radius:16px 16px 0 0;padding:24px;width:100%;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-guide-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.install-guide-header h3{margin:0;font-size:18px;color:#333}.install-guide-close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px}.install-guide-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.install-guide-step{display:flex;align-items:flex-start;gap:12px}.step-number{width:28px;height:28px;border-radius:50%;background:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.install-guide-step p{margin:0;font-size:14px;color:#555;line-height:1.5;padding-top:3px}.share-icon{display:inline-flex;align-items:center;vertical-align:middle;color:#1976d2;margin:0 2px}.install-guide-done{width:100%;background:#1976d2;color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;cursor:pointer}.install-guide-done:hover{background:#1565c0}.offline-banner{position:fixed;top:0;left:0;right:0;background:#616161;color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;z-index:9998;font-size:13px;box-shadow:0 2px 4px #00000026}.offline-banner--syncing{background:#f57c00}.offline-banner-content{display:flex;align-items:center;gap:8px}.offline-dot{width:8px;height:8px;border-radius:50%;background:#ef5350;flex-shrink:0}.sync-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sync-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.sync-btn:hover{background:#ffffff4d}.offline-prepare-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.offline-prepare-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.offline-prepare-title-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.offline-prepare-icon{font-size:1.5rem;flex-shrink:0}.offline-prepare-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 2px}.offline-prepare-subtitle{font-size:.78rem;color:#6b7280;margin:0}.btn-offline-prepare{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-offline-prepare:hover{background:#2563eb}.btn-offline-cancel{padding:8px 16px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-offline-cancel:hover{background:#f9fafb}.download-progress{display:flex;flex-direction:column;gap:6px}.download-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.download-progress-step{color:#374151;font-weight:500}.download-progress-count{color:#9ca3af}.download-progress-bar-track{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.download-progress-bar-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.download-progress-pct{font-size:.75rem;color:#6b7280;margin:0;text-align:right}.offline-prepare-result{display:flex;align-items:center;gap:8px;font-size:.82rem;padding:8px 12px;border-radius:6px;flex-wrap:wrap}.offline-prepare-result--done{background:#f0fdf4;color:#065f46}.offline-prepare-result--error{background:#fef2f2;color:#991b1b}.offline-prepare-size{color:#4b5563}.offline-prepare-warn{color:#92400e}@media(max-width:767px){.btn-offline-prepare,.btn-offline-cancel{min-height:44px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}.home-page{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2rem;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header .subtitle{font-size:1.1rem;opacity:.9}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.hero{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.hero h2{font-size:1.8rem;color:#1e293b;margin-bottom:.5rem}.hero p{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem}.hero-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #3b82f64d}.hero-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.hero-button:active{transform:translateY(0)}.status-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.status-section h3{font-size:1.2rem;margin-bottom:1rem;color:#1e293b}.status-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-indicator.offline{background:#ef4444}.loading{color:#64748b}.error{color:#ef4444}.features h3{font-size:1.2rem;margin-bottom:1rem;color:#1e293b}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.feature-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.feature-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.feature-card h4{font-size:1.1rem;color:#1e293b;margin-bottom:.5rem}.feature-card p{color:#64748b;font-size:.9rem}.footer{background:#1e293b;color:#94a3b8;text-align:center;padding:1.5rem}@media(max-width:768px){.header h1{font-size:2rem}.hero{padding:2rem 1rem}.hero h2{font-size:1.4rem}.main-content{padding:1rem}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.feature-grid{grid-template-columns:1fr}}