@font-face{font-family:Noto Sans JP;src:url(/assets/NotoSansJP-Regular-BuIItb8O.ttf) format("ttf");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/NotoSansJP-Medium-B43zjPXc.ttf) format("ttf");font-weight:500;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/NotoSansJP-Bold-b9vVzWL6.ttf) format("ttf");font-weight:700;font-display:swap}body{margin:0;font-family:Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:0;box-sizing:border-box;background-color:#f9f9f9;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;display:flex;flex-direction:column}footer{flex-shrink:0}body{font-size:16px;line-height:1.5;background-color:#f5f5f5;color:#333;font-family:Noto Sans JP,sans-serif}@media(min-width:768px){body{font-size:16px}.app-container{margin-top:8px;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 10px #0000000d}}@media(min-width:992px){.app-container{padding:0 8px}}img{max-width:100%;height:auto}button,input,select,textarea{font-size:16px}.MuiSelect-select,.MuiInput-input{font-size:16px!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px;box-shadow:0 0 0 2px #f57c0033}.chart-container{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 5px #0000000d;border:1px solid rgba(0,0,0,.05)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading-pulse{animation:pulse 1.5s infinite ease-in-out}.loading-container{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.select-loading{position:relative;overflow:hidden}.select-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.data-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.data-loading{filter:blur(2px);opacity:.6;pointer-events:none}.error-message{color:#d32f2f;padding:8px 16px;background-color:#d32f2f0d;border-radius:4px;margin:8px 0}.transition-element{transition:all .3s ease}:root{--primary-color: #383947;--primary-light: #383947;--primary-dark: #383947;--secondary-color: #5D4037;--text-primary: #212121;--text-secondary: #757575}html{scroll-behavior:auto!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}input:focus,textarea:focus,select:focus,button:focus{scroll-margin:20px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:8px;transition:all .3s ease}.date-loading-pulse{animation:dateLoadingPulse 1.2s infinite ease-in-out;box-shadow:0 0 #38394766}@keyframes dateLoadingPulse{0%{opacity:.6;box-shadow:0 0 #38394766}50%{opacity:1;box-shadow:0 0 0 5px #38394700}to{opacity:.6;box-shadow:0 0 #38394700}}.button-loading{position:relative;overflow:hidden}.button-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);z-index:1;animation:shimmerEffect 1.5s infinite}@keyframes shimmerEffect{0%{transform:translate(-100%)}to{transform:translate(100%)}}.weather-icon{display:flex;align-items:center;gap:2px;font-family:Noto Sans JP,sans-serif;justify-content:center;padding:1px 2px}.weather-icon.tiny{font-size:12px;opacity:1;background-color:#fffc;border-radius:2px;padding:0 1px}.weather-icon.small{font-size:16px}.weather-icon.medium{font-size:18px}.weather-icon.large{font-size:22px}.weather-icon.xlarge{font-size:26px}.weather-emoji{font-size:1.1em;line-height:1;display:inline-block;text-shadow:0px 0px 1px rgba(0,0,0,.8),0px 0px 2px rgba(0,0,0,.6),1px 1px 2px rgba(0,0,0,.4)}.temperature{font-size:.8em;font-weight:500;white-space:nowrap}@media(max-width:768px){.weather-icon.tiny{font-size:10px;opacity:1}.weather-icon.small{font-size:12px}.weather-icon.medium{font-size:14px}.weather-icon.large{font-size:18px}.weather-icon.xlarge{font-size:22px}}.weather-icon[title]{cursor:default}.weather-icon[title]:hover{opacity:.9;transition:opacity .2s ease}