:root{--primary-color:#667eea;--primary-hover:#5a6fd8;--primary-light:#8b9ef8;--primary-dark:#4c5fc7;--success-color:#4caf50;--success-hover:#45a049;--danger-color:#dc3545;--danger-hover:#c82333;--warning-color:#ffd700;--warning-hover:#ffcc00;--info-color:#17a2b8;--info-hover:#138496;--text-primary:#424242;--text-secondary:#6c757d;--text-muted:#adb5bd;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-hover:#f1f3f4;--border-color:#e9ecef;--border-hover:#dee2e6;--shadow-light:0 1px 3px rgba(0,0,0,0.04);--shadow-medium:0 2px 6px rgba(0,0,0,0.08);--shadow-heavy:0 4px 12px rgba(0,0,0,0.12);--border-radius:6px;--border-radius-medium:8px;--border-radius-large:12px;--transition:all 0.2s ease;--transition-fast:150ms ease;--transition-slow:300ms ease;--font-size-xs:11px;--font-size-small:12px;--font-size-medium:14px;--font-size-large:16px;--font-size-xlarge:18px;--font-size-xxlarge:20px;--spacing-xs:4px;--spacing-small:8px;--spacing-medium:12px;--spacing-large:16px;--spacing-xlarge:20px;--spacing-xxlarge:24px;--sidebar-width:100%;--map-height:50vh;--container-padding:16px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100;--z-tooltip:1200}@media (min-width:769px){:root{--font-size-small:13px;--font-size-medium:15px;--font-size-large:17px;--spacing-medium:14px;--spacing-large:18px;--spacing-xlarge:22px;--container-padding:20px;--sidebar-width:40%;--map-height:calc(100vh - 80px)}}@media (min-width:1025px){:root{--font-size-small:14px;--font-size-medium:16px;--font-size-large:18px;--spacing-medium:16px;--spacing-large:20px;--spacing-xlarge:24px;--container-padding:24px;--sidebar-width:380px;--map-height:calc(100vh - 80px)}}@media (min-width:1441px){:root{--sidebar-width:420px;--container-padding:28px}}.App{font-family:Roboto,Helvetica,Arial,sans-serif;min-height:100vh;box-sizing:border-box}.App,.app-container{background:var(--bg-secondary);display:flex;flex-direction:column}.app-container{flex:1 1;width:100%}.sidebar{width:100%;background:var(--bg-secondary);padding:var(--container-padding);box-sizing:border-box}.main-content{width:100%;height:var(--map-height);position:relative;display:flex;flex-direction:column}.info-panel,.main-content{background:var(--bg-primary)}.info-panel{display:none;border-left:1px solid var(--border-color);overflow-y:auto;padding:var(--container-padding);box-sizing:border-box}@media (min-width:769px){.app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;grid-gap:0;gap:0;height:calc(100vh - 80px)}.sidebar{height:100%;border-right:1px solid var(--border-color);overflow-y:auto}.main-content{height:100%;width:100%}.info-panel{display:none}}@media (min-width:1025px){.app-container{grid-template-columns:minmax(320px,var(--sidebar-width)) minmax(680px,1fr) minmax(320px,var(--sidebar-width));max-width:1600px;width:100%;margin:0 auto;gap:var(--spacing-xlarge);align-items:stretch}.app-container,.info-panel{padding:var(--spacing-xlarge)}.info-panel{display:block;height:100%;position:-webkit-sticky;position:sticky;top:var(--spacing-xlarge);align-self:flex-start;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);border:1px solid var(--border-color);background:var(--bg-primary)}.sidebar{border-right:none;background:transparent;padding:0;display:flex}.location-list-section{height:100%;padding:var(--spacing-xlarge);border-radius:var(--border-radius-large);border:1px solid var(--border-color);box-shadow:var(--shadow-medium);background:var(--bg-primary)}.main-content{border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-medium)}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.location-list-section{max-width:480px;margin:0 auto var(--spacing-medium);padding:var(--spacing-medium);background:var(--bg-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);border:1px solid var(--border-color)}@media (min-width:769px){.location-list-section{max-width:none;margin:0;border-radius:0;border:none;box-shadow:none;height:100%;display:flex;flex-direction:column}}@media (min-width:1025px){.location-list-section{padding:var(--spacing-xlarge)}}.location-list-section>*{width:100%;box-sizing:border-box}.location-list{list-style:none;padding:0;margin:0}@media (min-width:769px){.location-list{flex:1 1;overflow-y:auto;max-height:calc(100vh - 300px)}}@media (min-width:1025px){.location-list{max-height:calc(100vh - 350px)}}.location-item{display:flex;align-items:center;padding:var(--spacing-small) var(--spacing-medium);background:var(--bg-primary);border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-small);box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:var(--transition);cursor:pointer}.location-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.location-item.dragging{opacity:.8;box-shadow:0 8px 32px rgba(0,0,0,.2);border-color:#667eea}.location-item.drag-over{border-color:#4caf50;background:linear-gradient(135deg,#f8fff8,#f0f8f0)}.location-button{flex:1 1;padding:4px var(--spacing-medium);background:transparent;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;text-align:left;font-size:var(--font-size-medium);color:var(--text-primary);transition:var(--transition);min-height:16px;font-weight:500;line-height:1.4}.location-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.location-content{flex:1 1;display:flex;flex-direction:column;gap:2px}.arrival-time{display:flex;align-items:center;gap:4px;font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500}.time-icon{font-size:var(--font-size-medium)}.location-visual{flex-direction:column;margin:0 8px 0 2px;width:14px}.location-dot,.location-visual{display:flex;align-items:center}.location-dot{width:20px;height:20px;border-radius:50%;cursor:grab;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;justify-content:center;font-size:10px;font-weight:700;color:white}.location-dot:hover{transform:scale(1.2)}.location-dot:active{cursor:grabbing;transform:scale(.9)}.location-item.start .location-dot{background:#4caf50}.location-item.start .location-line{background:linear-gradient(180deg,#4caf50,#e0e0e0)}.location-item.waypoint .location-dot,.location-item.waypoint .location-line{background:#2196f3}.location-item.end .location-dot{background:#f44336}.location-item.end .location-line{background:linear-gradient(180deg,#e0e0e0,#f44336)}.delete-button{padding:2px 4px;background:var(--danger-color);color:white;border:none;border-radius:50%;cursor:pointer;margin-left:8px;font-size:var(--font-size-small);width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-light)}.delete-button:hover{background:var(--danger-hover);box-shadow:var(--shadow-medium)}.add-location-button{width:28px;height:28px;padding:0;background:var(--primary-color);color:white;border:none;border-radius:50%;cursor:pointer;font-size:var(--font-size-medium);font-weight:600;margin:6px auto 4px;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium)}.add-location-button:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:var(--shadow-heavy)}.optimize-button{width:100%;padding:var(--spacing-medium);background:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-medium);font-weight:500;margin-top:6px;transition:var(--transition);box-shadow:var(--shadow-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-small)}.optimize-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-heavy)}.share-button{width:100%;padding:var(--spacing-medium);background:var(--success-color);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-medium);font-weight:500;margin-top:6px;transition:var(--transition);box-shadow:var(--shadow-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-small)}.share-button:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-heavy)}.share-button:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none}.optimize-icon{font-size:var(--font-size-large)}.search-section{max-width:480px;margin:0 auto var(--spacing-medium);padding:var(--spacing-medium);background:var(--bg-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);border:1px solid var(--border-color);display:flex;flex-direction:column;flex:1 1}@media (min-width:769px){.search-section{max-width:none;margin:0;border-radius:0;border:none;box-shadow:none;height:100%}}@media (min-width:1025px){.search-section{padding:var(--spacing-xlarge)}}.search-header{margin-bottom:var(--spacing-medium);justify-content:flex-start}.back-button,.search-header{display:flex;align-items:center}.back-button{padding:var(--spacing-small);background:var(--text-secondary);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:var(--transition);box-shadow:var(--shadow-medium);justify-content:center;width:32px;height:32px}.back-button:hover{background:#5a6268;box-shadow:var(--shadow-heavy)}.search-input-section input{width:100%;max-width:100%;padding:var(--spacing-medium);font-size:var(--font-size-medium);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-small);transition:var(--transition);background:var(--bg-secondary);font-weight:500;box-sizing:border-box;line-height:1.4}.search-input-section input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-primary)}.search-result-item{padding:var(--spacing-small) var(--spacing-medium);cursor:pointer;border-bottom:1px solid var(--border-color);font-size:var(--font-size-medium);display:flex;align-items:center;gap:var(--spacing-medium);transition:var(--transition);border-radius:var(--border-radius);margin-bottom:2px}.search-result-item:hover{background:var(--bg-hover)}.result-number{background:var(--primary-color);color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-medium)}.search-result-text{flex:1 1;cursor:pointer;font-weight:500}.favorite-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-medium);padding:2px;margin-left:var(--spacing-small);flex-shrink:0;transition:var(--transition);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.favorite-button.favorited{color:#ffd700}.favorite-button:hover{transform:scale(1.1)}.loading-status{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-small);font-size:var(--font-size-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-small)}.map-section{margin-top:var(--spacing-medium);border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-medium);position:relative;background:var(--bg-primary);border:1px solid var(--border-color)}.map-controls,.map-section{display:flex;flex-direction:column}.map-controls{position:absolute;bottom:var(--spacing-xlarge);right:var(--spacing-xlarge);gap:var(--spacing-medium);z-index:var(--z-dropdown)}@media (min-width:1025px){.map-controls{top:var(--spacing-xlarge);bottom:auto}.map-section{margin-top:0;height:100%}}.current-location-button{width:40px;height:40px;padding:0;background:rgba(255,255,255,.95);color:var(--text-primary);border:2px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-medium);font-weight:600;box-shadow:var(--shadow-medium);transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.current-location-button:hover{background:var(--primary-color);color:white;border-color:var(--primary-hover);box-shadow:var(--shadow-heavy);transform:translateY(-1px)}.kinetic-toggle-button{padding:var(--spacing-small) var(--spacing-medium);background:rgba(255,255,255,.9);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:13px;box-shadow:var(--shadow-light);transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500}.kinetic-toggle-button:hover{background:var(--bg-primary);box-shadow:var(--shadow-medium)}.kinetic-toggle-button.control-on{background:var(--success-color);color:white;border-color:var(--success-color);box-shadow:var(--shadow-light)}.kinetic-toggle-button.control-on:hover{background:var(--success-hover);box-shadow:var(--shadow-medium)}.favorites-toggle{padding:var(--spacing-small);background:rgba(255,255,255,.9);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:var(--transition);box-shadow:var(--shadow-medium);display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:absolute;top:var(--spacing-small);right:var(--spacing-small)}.favorites-toggle:hover{background:var(--bg-primary);box-shadow:var(--shadow-heavy)}.favorites-toggle.active{background:var(--success-color);color:white;border-color:var(--success-color);box-shadow:var(--shadow-medium)}.favorites-toggle.active:hover{background:var(--success-hover);box-shadow:var(--shadow-heavy)}.favorites-section{margin-bottom:var(--spacing-medium);padding:var(--spacing-medium);background:var(--bg-secondary);border-radius:var(--border-radius-medium);border:1px solid var(--border-color)}.favorites-section h4{margin:0 0 var(--spacing-small) 0;color:var(--text-primary);font-size:var(--font-size-large);font-weight:500}.favorites-list{list-style:none;padding:0;margin:0}.favorite-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-small) var(--spacing-medium);margin-bottom:var(--spacing-small);background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.favorite-item:hover{box-shadow:var(--shadow-light)}.favorite-text{flex:1 1;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-small)}.favorite-text:hover{color:var(--primary-color)}.remove-favorite-button{background:none;border:none;cursor:pointer;font-size:16px;padding:2px;color:var(--danger-color);transition:var(--transition)}.remove-favorite-button:hover{transform:scale(1.1);color:var(--danger-hover)}.search-results{list-style:none;padding:0;margin:0}@media (min-width:769px){.search-results{flex:1 1;overflow-y:auto;max-height:calc(100vh - 280px)}}@media (min-width:1025px){.search-results{max-height:calc(100vh - 320px)}}.route-summary{margin-top:6px;padding:var(--spacing-medium);background:var(--bg-secondary);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-light)}.route-stops{display:flex;flex-direction:column;gap:var(--spacing-small);margin-bottom:var(--spacing-medium)}.route-stop{display:flex;align-items:center;padding:var(--spacing-small) var(--spacing-medium);background:var(--bg-primary);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);box-shadow:var(--shadow-light);transition:var(--transition)}.route-stop:hover{box-shadow:var(--shadow-medium)}.route-stop.departure{border-left:4px solid #4caf50}.route-stop.arrival{border-left:4px solid #f44336}.route-stop.waypoint{border-left:4px solid #2196f3}.stop-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.stop-name{font-size:var(--font-size-medium);font-weight:600;color:var(--text-primary);word-break:break-word}.stop-time{font-size:var(--font-size-small);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.route-arrow{margin:0 var(--spacing-small);font-size:var(--font-size-large);color:var(--text-muted)}.route-segment{display:flex;align-items:center;justify-content:center;padding:var(--spacing-small);background:var(--bg-secondary);border-radius:var(--border-radius);font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;gap:4px;margin:var(--spacing-small) 0;border:1px solid var(--border-color)}.segment-separator{color:var(--text-muted);font-weight:700}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-medium);padding:var(--spacing-xlarge);background:var(--bg-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);border:1px solid var(--border-color)}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:var(--font-size-medium);font-weight:500;color:var(--text-primary);text-align:center}.loading-progress{width:100%;max-width:250px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-small)}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:var(--border-radius);transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;text-align:center}.add-location-button:disabled,.delete-button:disabled,.location-button:disabled,.optimize-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.route-order{font-size:var(--font-size-large);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-small);word-break:break-word;display:flex;align-items:center;justify-content:center;gap:var(--spacing-small)}.route-icon{font-size:var(--font-size-xlarge)}.route-path{flex:1 1;text-align:center}.route-stats{font-size:var(--font-size-medium);color:var(--text-secondary);font-weight:500;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-medium);flex-wrap:wrap}.distance-icon,.time-icon{font-size:var(--font-size-large)}.departure-time{font-size:var(--font-size-medium);color:var(--text-primary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--spacing-small)}.departure-icon{font-size:var(--font-size-large)}@media (max-width:768px){.App{padding:var(--spacing-medium)}.location-list-section,.search-section{max-width:100%;margin:0 0 var(--spacing-small) 0;padding:var(--spacing-medium)}.search-header{flex-direction:column;gap:var(--spacing-small);align-items:stretch}.back-button{align-self:flex-start}.map-section{margin-top:var(--spacing-small)}.map-controls{top:var(--spacing-small);left:var(--spacing-small)}.current-location-button{width:36px;height:36px;padding:0;font-size:12px}.kinetic-toggle-button{padding:var(--spacing-small);font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-large);padding:var(--spacing-xlarge);max-width:320px;width:90%;box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);position:relative;animation:modalSlideIn .3s ease-out}.modal-content h3{margin:0 0 var(--spacing-medium) 0;color:var(--text-primary);font-size:var(--font-size-xlarge);font-weight:600;text-align:center}.modal-content p{margin:0 0 var(--spacing-large) 0;color:var(--text-secondary);font-size:var(--font-size-medium);text-align:center;line-height:1.5}.modal-buttons{display:flex;flex-direction:column;gap:var(--spacing-medium);margin-bottom:var(--spacing-large)}.modal-button{padding:var(--spacing-medium);border:none;border-radius:var(--border-radius-medium);font-size:var(--font-size-medium);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-small);box-shadow:var(--shadow-medium)}.modal-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.naver-button{background:#03c75a;color:white}.naver-button:hover{background:#02b350}.kakao-button{background:#fee500;color:#000000}.kakao-button:hover{background:#e6ce00}.modal-close{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);background:none;border:none;font-size:var(--font-size-large);cursor:pointer;color:var(--text-secondary);padding:var(--spacing-small);border-radius:50%;transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-content{padding:var(--spacing-large);max-width:280px}.modal-buttons{gap:var(--spacing-small)}.modal-button{padding:var(--spacing-medium);font-size:var(--font-size-medium)}}.location-item.dragging{opacity:.5;transform:scale(1.05);z-index:1000;box-shadow:0 8px 25px rgba(102,126,234,.3)}.location-item.drag-over{border:2px dashed var(--primary-color);background:rgba(102,126,234,.1);transform:translateY(2px)}.location-item.touch-dragging{opacity:.8;transform:scale(1.05);box-shadow:0 8px 25px rgba(102,126,234,.3);z-index:1000;background:linear-gradient(135deg,var(--bg-primary) 0,rgba(102,126,234,.2) 100%)}.location-item.touch-drag-over{border:2px dashed var(--primary-color);background:rgba(102,126,234,.1);transform:translateY(2px)}.location-item.drag-hover{background:rgba(102,126,234,.15);border:2px solid var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.location-dot.touch-dragging{transform:scale(1.3);box-shadow:0 6px 20px rgba(102,126,234,.5);border:3px solid var(--primary-color)}@media (max-width:768px){.location-item{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.location-dot,.location-item{-webkit-tap-highlight-color:transparent}.location-dot{touch-action:none!important;width:20px;height:20px;border-radius:50%}.location-item.dragging{transform:scale(1.08) rotate(2deg);box-shadow:0 12px 30px rgba(102,126,234,.4)}}@keyframes dragHover{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.app-footer{margin-top:var(--spacing-xlarge);padding:var(--spacing-xlarge) 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content{max-width:1200px;margin:0 auto}.footer-main{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-large);flex-direction:column;text-align:center;width:100%}.footer-brand{width:100%;max-width:800px;margin:0 var(--spacing-large)}.footer-brand h4{margin:0 0 var(--spacing-medium) 0;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:600;display:flex;align-items:center;gap:var(--spacing-small)}.beta-badge{background:var(--primary-color);color:white;padding:2px 6px;border-radius:var(--border-radius);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer-brand p{margin:0 0 var(--spacing-medium) 0;line-height:1.6;font-size:var(--font-size-small)}.footer-brand-links{display:flex;gap:var(--spacing-medium);margin-top:var(--spacing-small);justify-content:flex-end}.footer-brand-links a{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-small);font-weight:500;transition:var(--transition);padding:var(--spacing-small) 0}.footer-brand-links a:hover{color:var(--primary-hover);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-medium);border-top:1px solid var(--border-color);font-size:var(--font-size-small);color:var(--text-muted)}.footer-license,.footer-version{margin:0}.toast-container{position:fixed;top:var(--spacing-xlarge);right:var(--spacing-xlarge);z-index:10000;flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;gap:var(--spacing-medium)}.toast{align-items:center;padding:var(--spacing-medium);background:var(--bg-primary);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);min-width:300px;max-width:400px;pointer-events:auto;transform:translateX(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-visible{transform:translateX(0);opacity:1}.toast-hidden{transform:translateX(100%);opacity:0}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.toast-content{flex:1 1;display:flex;flex-direction:column;gap:2px}.toast-message{font-size:var(--font-size-medium);font-weight:500;color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;color:var(--text-secondary);transition:var(--transition);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-success{border-left:4px solid var(--success-color)}.toast-success .toast-icon{background:rgba(76,175,80,.1);color:var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-error .toast-icon{background:rgba(220,53,69,.1);color:var(--danger-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-warning .toast-icon{background:rgba(255,215,0,.1);color:#ff8c00}.toast-info{border-left:4px solid var(--primary-color)}.toast-info .toast-icon{background:rgba(102,126,234,.1);color:var(--primary-color)}@keyframes toastSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (max-width:768px){.toast-container{top:var(--spacing-large);right:var(--spacing-medium);left:var(--spacing-medium)}.toast{min-width:auto;max-width:none}.toast-message{font-size:var(--font-size-small)}}.pagination-controls{margin-top:var(--spacing-small);padding:var(--spacing-small);background:var(--bg-secondary);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);gap:var(--spacing-small);max-width:200px;margin-left:auto;margin-right:auto}.pagination-button,.pagination-controls{display:flex;align-items:center;justify-content:center}.pagination-button{padding:4px 8px;background:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);box-shadow:var(--shadow-light);min-width:24px;height:24px}.pagination-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.pagination-button:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.pagination-info{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;text-align:center;white-space:nowrap;margin:0 var(--spacing-small)}.recent-searches-section{margin-bottom:var(--spacing-medium);padding:var(--spacing-medium);background:var(--bg-secondary);border-radius:var(--border-radius-medium);border:1px solid var(--border-color)}.recent-searches-section h4{margin:0 0 var(--spacing-small) 0;color:var(--text-primary);font-size:var(--font-size-large);font-weight:500}.recent-searches-list{list-style:none;padding:0;margin:0}.recent-search-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-small) var(--spacing-medium);margin-bottom:var(--spacing-small);background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.recent-search-item:hover{box-shadow:var(--shadow-light)}.recent-search-text{flex:1 1;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-small)}.recent-search-text:hover{color:var(--primary-color)}.remove-recent-button{background:none;border:none;cursor:pointer;font-size:16px;padding:2px;color:var(--danger-color);transition:var(--transition)}.remove-recent-button:hover{transform:scale(1.1);color:var(--danger-hover)}