:root {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#222;background:#fff}
* {box-sizing:border-box}
body {margin:0}
.shell {max-width:800px;margin:auto;padding:0 15px 35px}
.header {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 0 10px}
h1 {font-size:1.5rem;margin:0}
.header p {font-size:.83rem;color:#666;margin:4px 0 0}
button {font:inherit;background:none;border:0;padding:4px;color:#135b98;cursor:pointer}
#settings-button {font-size:.85rem}
#weather-line {font-size:.93rem;margin:8px 0 14px;line-height:1.45}
#brief-intro {font-size:.87rem;color:#666;margin:0 0 12px}
.region {margin:0 0 21px}
.region h2 {font-size:1.15rem;border-bottom:1px solid #aaa;margin:0 0 10px;padding:5px 0;font-weight:700}
.story {margin:0 0 17px}
.story h3 {font-size:1rem;line-height:1.4;margin:0 0 4px}
.story p {font-size:.94rem;line-height:1.5;margin:3px 0}
.source {font-size:.85rem;color:#135b98}
.empty,.hint {font-size:.9rem;color:#777;margin:5px 0 13px}
.profile-top {display:flex;justify-content:space-between;align-items:center}
.profile-top h2 {font-size:1.15rem}
.interest-group {border:0;border-top:1px solid #ddd;padding:13px 0;margin:0}
.interest-group legend {font-weight:700;padding-top:10px}
.interest {display:flex;align-items:center;gap:8px;padding:7px 0;font-size:.93rem}
.interest input {width:17px;height:17px}
.form-footer {display:flex;align-items:center;justify-content:space-between;padding:12px 0}
#save-status {font-size:.85rem;color:#666}
[hidden] {display:none!important}