:root{--bg:#faf9f6;--surface:#f3f1ec;--surface-hover:#eceae3;--line:#e6e3da;--ink:#23221f;--ink-soft:#76746c;--accent:#3d4c7a;--accent-soft:#eceef5;--radius:18px;--maxw:460px;--ease:cubic-bezier(.22,.61,.36,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{max-width:var(--maxw);margin:0 auto;min-height:100dvh;padding:32px 22px calc(32px + env(safe-area-inset-bottom))}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input{font:inherit}.h1{font-size:27px;font-weight:600;letter-spacing:-.02em;margin:0}.label,.muted{color:var(--ink-soft)}.label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px 2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.row{display:flex;align-items:center;gap:12px}.search-input{width:100%;height:50px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);outline:none;transition:border-color .2s var(--ease),background .2s var(--ease)}.search-input::-moz-placeholder{color:var(--ink-soft)}.search-input::placeholder{color:var(--ink-soft)}.search-input:focus{border-color:var(--accent);background:var(--bg)}.list-item{width:100%;display:flex;align-items:center;gap:12px;padding:15px 18px;border:none;border-bottom:1px solid var(--line);background:none;text-align:left;transition:background .15s var(--ease)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--surface-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;transition:background .15s var(--ease)}.icon-btn:hover{background:var(--surface)}.weather-icon{display:inline-block;color:var(--ink)}.weather-icon.sun{color:#d9a23c}.weather-icon.drizzle,.weather-icon.rain{color:var(--accent)}.weather-icon.thunder{color:#6b4ea3}.weather-icon.snow{color:#7a93b8}