:root{--bg-color: #ffffff;--text-color: #1a1a1a;--heading-color: #0a0a0a;--em-color: #666666;--accent-color: #0066cc;--shadow-color: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--heading-color: #ffffff;--em-color: #a0a0a0;--accent-color: #66b3ff;--shadow-color: rgba(255, 255, 255, .1)}}*{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:var(--text-color);background-color:var(--bg-color);min-height:100vh;display:flex;flex-direction:column}.container{max-width:800px;width:100%;margin:0 auto;padding:2rem;text-align:center;flex:1}.welcome{margin-bottom:3rem}h1{color:var(--heading-color);font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.subtitle{color:var(--em-color);font-size:1.2rem;margin-bottom:3rem}.icon-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--accent-color);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-btn:hover{background:var(--shadow-color);transform:scale(1.1)}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn svg{width:24px;height:24px}.weather-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid rgba(0,102,204,.1);border-left-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.weather-info{color:var(--text-color);margin-bottom:1.5rem;font-size:1.1rem}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2.5rem}.subtitle{font-size:1rem}.weather-story{padding:1.5rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-content{flex:1}.footer{margin-top:auto;padding:1rem;text-align:center;font-size:.9rem;color:var(--em-color);border-top:1px solid var(--shadow-color)}.footer a{color:var(--accent-color);text-decoration:none}.footer a:hover{text-decoration:underline}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.weather-image{position:relative;margin-bottom:2rem;border-radius:1rem;overflow:hidden;background:gray;min-height:300px;display:flex;align-items:center;justify-content:center}.weather-image.loading{background:gray}.weather-image img{width:100%;height:auto;border-radius:1rem}.weather-image .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.markdown-content{text-align:left;line-height:1.8;font-size:1.1rem}.markdown-content p{margin-bottom:1rem}