:root{--color-primary: #3B82F6;--color-primary-light: #60A5FA;--color-primary-dark: #1D4ED8;--color-secondary: #F59E0B;--color-secondary-light: #FBBF24;--color-secondary-dark: #D97706;--color-accent: #EC4899;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-bg: #F0F4F8;--color-bg-gradient-start: #E8EEF5;--color-bg-gradient-end: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F8FAFC;--color-surface-glass: rgba(255, 255, 255, .75);--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-text-on-primary: #FFFFFF;--color-cat-nature: #10B981;--color-cat-nature-bg: rgba(16, 185, 129, .1);--color-cat-history: #8B5CF6;--color-cat-history-bg: rgba(139, 92, 246, .1);--color-cat-urban: #3B82F6;--color-cat-urban-bg: rgba(59, 130, 246, .1);--color-cat-food: #F59E0B;--color-cat-food-bg: rgba(245, 158, 11, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .14);--transition-fast: .2s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-sidebar: 100;--z-overlay: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-bg-gradient-start),var(--color-bg-gradient-end));min-height:100vh}img{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.app-container{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "main   aside" "footer footer";min-height:100vh;max-width:1440px;margin:0 auto;padding:var(--space-4);gap:var(--space-4)}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#3b82f61f,#8b5cf614,#ffffffd9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal)}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.header-logo{font-size:var(--font-size-3xl);line-height:1}.header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.025em}.header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-icon:hover{background:var(--color-surface-hover);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-main{grid-area:main;display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.app-aside{grid-area:aside;display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow:hidden}.history-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:linear-gradient(180deg,#ffffffe0,#f59e0b08,#3b82f60a);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--transition-normal)}.history-panel:hover{box-shadow:var(--shadow-lg)}.history-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.history-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.history-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:var(--radius-full)}.history-list{flex:1;overflow-y:auto;padding:var(--space-3);list-style:none}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);color:var(--color-text-muted);gap:var(--space-2);flex:1}.history-empty-icon{font-size:2rem;opacity:.4}.history-empty-text{font-size:var(--font-size-sm);text-align:center}.history-empty-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-1)}.history-item{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid transparent;margin-bottom:var(--space-1);background:var(--color-surface)}.history-item:hover{background:linear-gradient(135deg,#3b82f60f,#8b5cf60a);border-color:#3b82f626;box-shadow:var(--shadow-sm);transform:translate(2px)}.history-item:active{transform:scale(.98);transition:transform .2s ease}.history-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.history-item:hover .history-item-name{color:var(--color-primary-dark)}.history-item-emoji{font-size:var(--font-size-base);flex-shrink:0;line-height:1}.history-item-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.history-item-province{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg);padding:1px 8px;border-radius:var(--radius-full)}.history-item-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.history-item.history-active{background:linear-gradient(135deg,#3b82f614,#3b82f608);border-color:#3b82f64d;box-shadow:0 0 0 2px #3b82f626}.history-item.history-active .history-item-name{color:var(--color-primary)}.app-footer{grid-area:footer;text-align:center;padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.app-container{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"header" "main" "aside" "footer";padding:var(--space-2);gap:var(--space-3)}.app-header{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.header-title{font-size:var(--font-size-lg)}.header-subtitle{font-size:var(--font-size-sm)}.header-logo{font-size:var(--font-size-2xl)}.app-main{gap:var(--space-3)}.app-aside{order:4}.history-panel{max-height:40vh}.history-header{padding:var(--space-3) var(--space-4)}.btn-icon{width:44px;height:44px;min-width:44px;min-height:44px}.app-footer{font-size:var(--font-size-xs);padding:var(--space-3)}}.map-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#ffffffd9,#3b82f60a,#ffffffd9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.map-toggle{display:inline-flex;background:var(--color-bg);border-radius:var(--radius-full);padding:3px;gap:2px}.map-toggle-btn{padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:56px}.map-toggle-btn.active{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 2px 8px #3b82f659}.map-toggle-btn:not(.active):hover{color:var(--color-text-primary);background:#3b82f614}.map-back-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-left:auto}.map-back-btn:hover{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f640}.map-province-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-left:var(--space-2)}.map-container{position:relative;flex:1;min-height:520px;aspect-ratio:16 / 9;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid rgba(0,0,0,.05)}.map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:var(--space-4)}.map-placeholder-icon{font-size:4rem;opacity:.4}.map-placeholder-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-primary);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 14px #3b82f666;letter-spacing:.02em}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:2px solid var(--color-primary);border-radius:var(--radius-full);background:transparent;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-on-primary)}.control-panel{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,#3b82f60f,#f59e0b0a,#ffffffd9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.result-panel{padding:var(--space-6);background:linear-gradient(135deg,#ffffffe0,#f59e0b0a,#3b82f608);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:120px;transition:all var(--transition-normal)}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:var(--space-2);padding:var(--space-8) 0}.result-empty-icon{font-size:2.5rem;opacity:.5}.result-empty-text{font-size:var(--font-size-base)}.slot-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-8) var(--space-4);min-height:180px}.slot-overlay[hidden]{display:none}.slot-window{position:relative;width:100%;max-width:360px;height:72px;background:linear-gradient(180deg,#0f172a,#1e293b,#0f172a);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 2px 8px #00000080,0 0 0 3px #3b82f640,0 8px 24px #0000004d}.slot-strip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.slot-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.6),0 2px 4px rgba(0,0,0,.6);letter-spacing:.05em;white-space:nowrap;transition:none}.slot-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.35) 100%)}.slot-shine{position:absolute;top:-50%;left:-10%;width:120%;height:50%;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 60%,transparent 100%);animation:slot-shine-sweep 2s ease-in-out infinite}@keyframes slot-shine-sweep{0%{top:-50%}to{top:100%}}.slot-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);animation:slot-hint-pulse 1.5s ease-in-out infinite}@keyframes slot-hint-pulse{0%,to{opacity:.5}50%{opacity:1}}.slot-strip.spinning .slot-name{filter:blur(1px);color:#fcd34d}.slot-strip.landing .slot-name{filter:blur(0px);color:#fbbf24}.slot-strip.selected .slot-name{animation:slot-land-flash .4s ease-out}@keyframes slot-land-flash{0%{transform:scale(1.25);color:#fff;text-shadow:0 0 24px rgba(255,255,255,.9)}to{transform:scale(1);color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.6),0 2px 4px rgba(0,0,0,.6)}}.destination-card{position:relative;padding:var(--space-6);overflow:hidden;background:linear-gradient(135deg,#fff9,#f59e0b08,#3b82f60a);border-radius:var(--radius-md);transition:all var(--transition-normal)}.destination-card[hidden]{display:none}.card-glow{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.01em;line-height:var(--line-height-tight)}.card-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.card-badge.cat-nature{background:var(--color-cat-nature-bg);color:var(--color-cat-nature)}.card-badge.cat-history{background:var(--color-cat-history-bg);color:var(--color-cat-history)}.card-badge.cat-urban{background:var(--color-cat-urban-bg);color:var(--color-cat-urban)}.card-badge.cat-food{background:var(--color-cat-food-bg);color:var(--color-cat-food)}.card-location{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.card-location:before{content:"📍";font-size:var(--font-size-base)}.card-description{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.card-actions .btn-primary,.card-actions .btn-secondary{flex:1;min-width:140px;justify-content:center}#btn-random.idle-glow{animation:btn-pulse-glow 2.2s ease-in-out infinite;box-shadow:0 0 12px #3b82f680,0 0 32px #3b82f640,0 4px 14px #3b82f666}@keyframes btn-pulse-glow{0%,to{box-shadow:0 0 12px #3b82f680,0 0 32px #3b82f640,0 4px 14px #3b82f666;transform:scale(1)}50%{box-shadow:0 0 20px #3b82f6b3,0 0 48px #3b82f666,0 0 64px #3b82f626,0 6px 18px #3b82f680;transform:scale(1.03)}}#btn-random:disabled{animation:none;box-shadow:none;background:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}#btn-random:disabled:hover{background:var(--color-text-muted);transform:none;box-shadow:none}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.destination-card.card-revealing{animation:card-reveal .45s ease-out both}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-toast)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:none;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal{position:relative;z-index:var(--z-modal);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:var(--color-bg);cursor:pointer;font-size:var(--font-size-lg);color:var(--color-text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-error);color:#fff}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-control{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.form-control::placeholder{color:var(--color-text-muted)}.radio-group{display:flex;gap:var(--space-4);flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--space-2) var(--space-4);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-full);background:var(--color-bg);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.radio-label:hover{border-color:var(--color-primary);background:#3b82f60a}.radio-label input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px;margin:0;cursor:pointer}.radio-label:has(input:checked){border-color:var(--color-primary);background:#3b82f614;font-weight:var(--font-weight-semibold);color:var(--color-primary)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1}.ai-loading{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(0,0,0,.06)}.ai-loading[hidden]{display:none}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;margin-bottom:var(--space-3)}.skeleton-line--title{width:40%;height:18px;margin-bottom:var(--space-4)}.skeleton-line--full{width:100%}.skeleton-line--med{width:75%}.skeleton-line--short{width:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-guide{margin-top:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg,#3b82f60a,#8b5cf60a);border:1px solid rgba(59,130,246,.12);border-radius:var(--radius-lg)}.ai-guide[hidden]{display:none}.ai-guide-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(59,130,246,.12)}.ai-guide-icon{font-size:var(--font-size-lg)}.ai-guide-provider{color:var(--color-text-secondary)}.ai-guide-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.ai-guide-content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-4) 0 var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--color-primary)}.ai-guide-content h3:first-child{margin-top:var(--space-1)}.ai-guide-content ul{list-style:none;padding-left:0;margin:var(--space-2) 0}.ai-guide-content ul li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2)}.ai-guide-content ul li:before{content:"•";position:absolute;left:var(--space-2);color:var(--color-primary);font-weight:var(--font-weight-bold)}.ai-guide-content ol{padding-left:var(--space-5);margin:var(--space-2) 0}.ai-guide-content ol li{margin-bottom:var(--space-2);padding-left:var(--space-1)}.ai-guide-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ai-guide-content p{margin-bottom:var(--space-3)}.ai-guide-content em{color:var(--color-text-secondary);font-style:italic}.ai-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-6);background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-md);text-align:center}.ai-error[hidden]{display:none}.ai-error-icon{font-size:2rem;opacity:.7}.ai-error-text{font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.btn-retry-ai{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);margin-top:var(--space-2)}@media(max-width:768px){.map-container{min-height:360px;height:clamp(360px,92vw,520px);aspect-ratio:auto}.map-toolbar{padding:var(--space-2) var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.map-toggle-btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);min-width:48px;min-height:44px}.map-back-btn{min-height:44px}.control-panel{padding:var(--space-4);flex-direction:column}.btn-primary{width:100%;min-height:48px;font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}.btn-secondary{min-height:44px;padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm)}.result-panel,.destination-card{padding:var(--space-4)}.card-header{flex-wrap:wrap;gap:var(--space-2)}.card-title{font-size:var(--font-size-xl)}.card-actions{flex-direction:column;gap:var(--space-3)}.card-actions .btn-primary,.card-actions .btn-secondary{width:100%;justify-content:center}.slot-window{max-width:280px;height:56px}.slot-name{font-size:var(--font-size-xl)}.history-item{padding:var(--space-3) var(--space-4);min-height:56px}.modal{width:95%;padding:var(--space-5);margin:var(--space-2)}.ai-guide{padding:var(--space-4)}.ai-guide-content h3{font-size:var(--font-size-sm)}.modal-close{min-width:44px;min-height:44px}.radio-label,.form-control,.btn-retry-ai,.form-actions .btn-primary,.form-actions .btn-secondary{min-height:44px}}