html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#app{width:100%;height:100%;margin:0;padding:0}.weather-app[data-v-6c2692f9]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;width:100%;margin:0;padding:0;background-image:url(/assets/background_portrait.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.weather-app[data-v-6c2692f9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;z-index:0}.header[data-v-6c2692f9]{padding:15px 20px;text-align:center;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--1d737130);position:relative;z-index:1;margin-bottom:20px}.title[data-v-6c2692f9]{font-size:1.8rem;color:var(--1e9014f2);margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.search-container[data-v-6c2692f9]{display:flex;justify-content:center;gap:10px;max-width:500px;margin:0 auto}.search-input[data-v-6c2692f9]{padding:12px 20px;border:2px solid var(--1d737130);border-radius:25px;font-size:16px;outline:none;background:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:200px;transition:all .3s ease}.search-input[data-v-6c2692f9]:focus{border-color:var(--1e9014f2);box-shadow:0 0 10px var(--14362d4c)}.search-btn[data-v-6c2692f9]{padding:12px 24px;background:var(--1d737130);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.search-btn[data-v-6c2692f9]:hover{background:var(--1e9014f2);transform:translateY(-2px)}.main-content[data-v-6c2692f9]{flex:1;padding:0 20px 20px;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.current-weather[data-v-6c2692f9]{background:#ffffffb3;border:1px solid var(--14362d4c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.weather-header[data-v-6c2692f9]{text-align:center;margin-bottom:20px}.city-name[data-v-6c2692f9]{font-size:1.8rem;color:var(--1e9014f2);margin-bottom:5px}.update-time[data-v-6c2692f9]{color:var(--1d737130);font-size:.9rem}.weather-main[data-v-6c2692f9]{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.weather-icon img[data-v-6c2692f9]{width:100px;height:100px;object-fit:contain}.weather-info[data-v-6c2692f9]{text-align:center}.temperature[data-v-6c2692f9]{font-size:3.5rem;font-weight:700;color:var(--1e9014f2);line-height:1}.weather-text[data-v-6c2692f9]{font-size:1.3rem;color:var(--1d737130);margin-top:10px}.weather-details[data-v-6c2692f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;padding:0 10px}.detail-item[data-v-6c2692f9]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;border:1px solid var(--14362d4c)}.label[data-v-6c2692f9]{color:var(--1d737130);font-weight:700}.value[data-v-6c2692f9]{color:var(--1e9014f2);font-weight:700}.forecast-container[data-v-6c2692f9]{margin-top:10px;max-width:1000px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.forecast-title[data-v-6c2692f9]{text-align:center;font-size:1.4rem;color:var(--1e9014f2);margin-bottom:15px}.forecast-list[data-v-6c2692f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;width:100%}.forecast-item[data-v-6c2692f9]{text-align:center;padding:15px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--14362d4c);border-radius:12px;box-shadow:0 2px 4px #0000001a}.forecast-date[data-v-6c2692f9]{font-weight:700;color:var(--1e9014f2);margin-bottom:10px}.forecast-icon img[data-v-6c2692f9]{width:50px;height:50px;object-fit:contain;margin-bottom:8px}.forecast-temp[data-v-6c2692f9]{margin-bottom:5px}.temp-high[data-v-6c2692f9]{font-weight:700;color:var(--1e9014f2);margin-right:8px}.temp-low[data-v-6c2692f9]{color:var(--1d737130)}.forecast-text[data-v-6c2692f9]{color:var(--1d737130);font-size:.9rem}.loading[data-v-6c2692f9]{text-align:center;padding:40px;color:var(--1e9014f2);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;margin:20px auto;max-width:300px}.loading-spinner[data-v-6c2692f9]{width:40px;height:40px;border:4px solid var(--14362d4c);border-top:4px solid var(--1d737130);border-radius:50%;animation:spin-6c2692f9 1s linear infinite;margin:0 auto 20px}@keyframes spin-6c2692f9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-6c2692f9]{text-align:center;color:#d32f2f;background:#ffebeeb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#f8bbd9}.footer[data-v-6c2692f9]{text-align:center;padding:15px;background:#ffffffb3;color:var(--1d737130);border-top:2px solid var(--1d737130);font-size:.9rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}@media (max-width: 768px){.header[data-v-6c2692f9]{padding:10px 15px}.title[data-v-6c2692f9]{font-size:1.5rem;margin-bottom:10px}.search-container[data-v-6c2692f9]{flex-direction:column;align-items:center;padding:0 10px}.search-input[data-v-6c2692f9]{width:100%;max-width:300px}.main-content[data-v-6c2692f9]{padding:0 15px 15px;gap:15px}.current-weather[data-v-6c2692f9]{padding:15px}.forecast-container[data-v-6c2692f9]{padding:0}.forecast-list[data-v-6c2692f9]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.main-content[data-v-6c2692f9]{padding:0 30px 30px}.current-weather[data-v-6c2692f9]{max-width:700px}.forecast-container[data-v-6c2692f9]{max-width:800px}}@media (min-width: 1025px){.main-content[data-v-6c2692f9]{padding:0 40px 40px}.current-weather[data-v-6c2692f9]{max-width:800px}.forecast-container[data-v-6c2692f9]{max-width:1000px}}@media (min-width: 900px){.weather-app[data-v-6c2692f9]{background-image:url(/assets/background_landscape.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}}.music-controller[data-v-6c2692f9]{position:fixed;top:20px;right:20px;z-index:1000}.music-notice[data-v-6c2692f9]{position:absolute;top:50px;right:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:8px;animation:slideIn-6c2692f9 .5s ease-out;border:1px solid var(--1d737130)}.notice-text[data-v-6c2692f9]{color:var(--1e9014f2);font-size:14px;white-space:nowrap}.notice-close[data-v-6c2692f9]{background:none;border:none;color:var(--1d737130);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;opacity:.7;transition:opacity .3s}.notice-close[data-v-6c2692f9]:hover{opacity:1}@keyframes slideIn-6c2692f9{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.music-btn[data-v-6c2692f9]{width:40px;height:40px;border-radius:50%;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--1d737130);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative}.music-btn[data-v-6c2692f9]:hover{transform:scale(1.1);background:#ffffffe6}.music-btn:hover .music-tooltip[data-v-6c2692f9]{opacity:1;transform:translateY(0)}.music-tooltip[data-v-6c2692f9]{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none;margin-top:8px}.music-tooltip[data-v-6c2692f9]:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000000b3}.music-icon[data-v-6c2692f9]{width:20px;height:20px;background-image:url(/assets/hachi.png);background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .3s ease}.is-playing .music-icon[data-v-6c2692f9]{animation:rotate-6c2692f9 3s linear infinite}@keyframes rotate-6c2692f9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}