:root{--bg: #f6f7f4;--surface: #ffffff;--text: #1f2a26;--muted: #6b7772;--primary: #2f6f5e;--primary-soft: #e3efeb;--danger: #b3412e;--border: #dfe4e0;--radius: 12px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #141a18;--surface: #1d2623;--text: #e6ece9;--muted: #93a09a;--primary: #5fb29c;--primary-soft: #22332d;--danger: #e0806c;--border: #2d3a35}}:root[data-theme=dark]{--bg: #141a18;--surface: #1d2623;--text: #e6ece9;--muted: #93a09a;--primary: #5fb29c;--primary-soft: #22332d;--danger: #e0806c;--border: #2d3a35}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}h1{font-size:1.5rem;margin:.5rem 0 1rem}code{background:var(--primary-soft);padding:0 4px;border-radius:4px}.muted{color:var(--muted)}.small{font-size:.85rem}.big{font-size:1.4rem;font-weight:600}.center{display:grid;place-items:center;min-height:100vh}.error{color:var(--danger)}.info{color:var(--primary)}.pre{white-space:pre-wrap;margin:.5rem 0}.setup{padding:24px;max-width:520px;margin:40px auto;line-height:1.5}.layout{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:var(--primary);color:#fff}.topbar-title{color:#fff;font-weight:700;text-decoration:none;flex:1}.user-name{font-size:.9rem;opacity:.9;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:0;color:inherit;font-size:1.4rem;line-height:1;padding:6px 8px;cursor:pointer;border-radius:8px}.icon-btn:active{background:#ffffff26}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:30;width:min(80vw,300px);background:var(--surface);transform:translate(-100%);transition:transform .22s ease;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) 12px 16px;box-shadow:4px 0 24px #0003}.drawer.open{transform:translate(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 16px;font-size:1.05rem}.drawer nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.drawer-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:var(--text);text-decoration:none;font-size:1rem}.drawer-link:active,.drawer-link:hover{background:var(--primary-soft)}.drawer-link.admin{margin-top:12px;border-top:1px solid var(--border);border-radius:0;padding-top:16px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20}.content{padding:8px 16px calc(env(safe-area-inset-bottom) + 24px);max-width:720px;margin:0 auto}.content section{width:100%}.app-title{display:flex;align-items:center;gap:8px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;color:var(--text);text-decoration:none}.tile-icon{font-size:1.8rem}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.center{justify-content:center}.row.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;width:100%}select{width:auto}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}label input{color:var(--text)}.btn{font:inherit;border-radius:10px;padding:10px 16px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--primary);color:#fff}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.danger{color:var(--danger)}.btn.small{padding:6px 10px;font-size:.85rem}.btn:disabled{opacity:.6}.link-btn{background:none;border:0;color:var(--primary);font:inherit;cursor:pointer;padding:6px 0;text-align:center}.badge{margin-left:6px;font-size:.7rem;background:var(--primary-soft);color:var(--primary);padding:2px 6px;border-radius:6px;vertical-align:middle}.chips{display:flex;gap:8px;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 14px;font:inherit;cursor:pointer;white-space:nowrap}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.login-card h1{color:var(--primary);margin-top:0}.login-card .link-btn{display:block;width:100%;margin-top:12px}.check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.check-list li{background:var(--surface);border:1px solid var(--border);border-radius:10px}.check-list label{flex-direction:row;align-items:center;gap:12px;padding:12px;color:var(--text);font-size:1rem}.check-list input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0}.check-list.done label{text-decoration:line-through;color:var(--muted)}.meal-row{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;padding:6px 0}.meal-slot{color:var(--muted);font-size:.85rem}.rain-card.rain{background:#dce9f7;border-color:#b7d0ec;color:#173a5e}.rain-card.dry{background:var(--primary-soft);border-color:transparent}.minutely{display:flex;gap:8px;margin-top:10px}.minutely span{flex:1;text-align:center;background:#ffffff80;border-radius:8px;padding:6px 0;font-size:.8rem}.minutely span.wet{background:#2f6fb0;color:#fff}.hourly{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-top:10px}.hour{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:var(--primary-soft)}.daily{list-style:none;padding:0;margin:8px 0 0}.daily li{display:grid;grid-template-columns:62px 28px 38px 1fr auto;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--border)}.day-wind{font-size:.8rem}.daily li:last-child{border-bottom:0}.day-name{text-transform:capitalize}.day-icon{font-size:1.2rem;text-align:center}.day-rain{color:#2f6fb0;font-size:.85rem}.day-temp{text-align:right;white-space:nowrap}.quote{display:flex;justify-content:space-between;align-items:baseline}.up{color:#2e7d4f;font-weight:600}.down{color:var(--danger);font-weight:600}.user-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.perm-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.perm-grid .perm{padding:6px 0;border-bottom:1px solid var(--border)}.perm{flex-direction:row;justify-content:space-between;align-items:center;color:var(--text);font-size:.95rem}.perm select{width:auto}@media (min-width: 720px){.content{padding-top:16px}}.city-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.city-option{width:100%;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer}.city-option:active{background:var(--primary-soft)}.app-subtitle{font-weight:400;color:var(--muted);font-size:1rem}.drawer-foot{display:flex;flex-direction:column;gap:8px;margin-top:12px}.drawer-foot .btn{width:100%}.row.justify-center{justify-content:center}.wind-arrow{display:inline-block;font-weight:700;margin-right:2px;transition:transform .3s}.wind{white-space:nowrap}.widget{display:flex;flex-direction:column;gap:10px}.widget-title{color:var(--text);text-decoration:none;font-weight:700;font-size:1.05rem}.rain-line{font-size:.9rem;padding:8px 10px;border-radius:10px;background:var(--primary-soft)}.rain-line.wet{background:#dce9f7;color:#173a5e}.meteo-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meteo-now{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.meteo-moments{display:flex;flex-direction:column;gap:8px}.tile-mini{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);min-width:0}.tile-mini .big{font-size:1.05rem}.tile-mini strong{font-size:.95rem}.memo-mini{padding:8px 0;border-bottom:1px solid var(--border)}.memo-mini:last-child{border-bottom:0}.memo-excerpt{margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.version{text-align:center;margin:0}