:root{--bg: #F2F2F7;--card: #FFFFFF;--blue: #007AFF;--blue-light: rgba(0, 122, 255, .1);--green: #34C759;--orange: #FF9500;--red: #FF3B30;--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .36);--separator: rgba(60, 60, 67, .18);--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .07);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .05);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--label);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;overflow-x:hidden}#app{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--safe-top) + .65rem) 1rem calc(var(--safe-bottom) + 1rem)}.main-screen{display:flex;flex-direction:column;flex:1;gap:.6rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.2rem .15rem .5rem}.header-info{display:flex;flex-direction:column;gap:.15rem}.location-title{font-size:1.45rem;font-weight:700;display:flex;align-items:center;gap:.55rem;color:var(--label);letter-spacing:-.02em;line-height:1.2}.location-badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:100px;background:var(--blue-light);color:var(--blue)}.location-badge.default{background:var(--fill);color:var(--label-2)}.header-updated{font-size:.82rem;color:var(--label-3);font-weight:400;letter-spacing:.01em;margin-top:.1rem}.offline-warning{font-size:.82rem;color:var(--orange);font-weight:500}.settings-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--fill);border:none;cursor:pointer;color:var(--label-2);border-radius:100px;transition:background .15s ease,color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.settings-btn:hover,.settings-btn:focus-visible{background:var(--blue-light);color:var(--blue);outline:none}.settings-btn:active{transform:scale(.94)}.settings-icon{width:22px;height:22px;display:block}.retry-location-bar{display:flex;justify-content:space-between;align-items:center;background:var(--blue-light);padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.78rem;color:var(--blue)}.retry-btn{background:none;border:none;color:var(--blue);font-weight:600;font-size:.78rem;cursor:pointer;min-height:32px;display:flex;align-items:center;font-family:inherit}.current-weather{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.1rem 1.25rem 1.15rem;display:flex;flex-direction:column;gap:.05rem}.temp-row{display:flex;align-items:baseline;gap:.65rem}.temp-large{font-size:3.8rem;font-weight:200;line-height:1;letter-spacing:-.04em;color:var(--label)}.temp-feels{font-size:1.1rem;font-weight:400;color:var(--label-2);letter-spacing:-.01em}.condition-summary{font-size:1rem;font-weight:400;color:var(--label-2);margin-top:.3rem;letter-spacing:-.01em}.rain-section{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:.85rem 1rem}.rain-header{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--label-3);margin-bottom:.75rem}.rain-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem}.rain-col{display:flex;flex-direction:column;align-items:center;gap:.25rem}.rain-hour{font-size:.68rem;font-weight:500;color:var(--label-3);line-height:1}.rain-bar-wrap{width:100%;height:36px;background:var(--fill);border-radius:6px;position:relative;overflow:hidden}.rain-bar-fill{position:absolute;bottom:0;left:0;right:0;background:var(--blue);border-radius:6px;height:calc(var(--p, 0) * 1%);min-height:0;opacity:calc(.4 + var(--p, 0) * .006);transition:height .4s ease}.rain-pct{font-size:.66rem;font-weight:600;color:var(--label-2);line-height:1}.rain-col.rain-high .rain-pct{color:var(--blue)}.rain-highlight{font-size:.8rem;font-weight:500;color:var(--label-2);margin-top:.7rem;letter-spacing:-.01em}.clothing-section{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;flex:1}.clothing-header{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--label-3);padding:.85rem 1rem 0}.clothing-list{list-style:none;margin-top:.35rem}.clothing-item{display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem;font-size:.95rem;font-weight:500;color:var(--label);letter-spacing:-.01em}.clothing-item+.clothing-item{border-top:.5px solid var(--separator)}.check-circle{width:22px;height:22px;border-radius:100px;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:#fff;font-weight:700}.take-section{margin:0 .75rem .5rem;background:var(--blue-light);padding:.55rem .75rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--label);letter-spacing:-.01em}.take-label{color:var(--blue);font-weight:600}.check-reminder{font-size:.8rem;font-weight:400;color:var(--label-3);padding:0 1rem .55rem;letter-spacing:-.01em}.safety-note{font-size:.75rem;color:var(--label-2);padding:.5rem 1rem .85rem;border-top:.5px solid var(--separator);display:flex;flex-direction:column;gap:.2rem;line-height:1.45}.app-footer{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding-top:.1rem}.refresh-btn{min-height:50px;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--blue);color:#fff;border:none;font-weight:600;font-size:1rem;border-radius:100px;cursor:pointer;font-family:inherit;letter-spacing:-.01em;transition:opacity .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.refresh-btn:hover{opacity:.88}.refresh-btn:active{transform:scale(.97);opacity:.88}.refresh-btn:focus-visible{outline:3px solid rgba(0,122,255,.4);outline-offset:2px}.refresh-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.refresh-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nhs-disclaimer{font-size:.66rem;color:var(--label-3);text-align:center;line-height:1.4;padding:0 .5rem}.settings-dialog{border:none;border-radius:var(--radius-xl);padding:0;width:92%;max-width:380px;margin:auto;box-shadow:0 20px 60px #00000040;background:var(--card);color:var(--label);overflow:hidden}.settings-dialog::backdrop{background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.25rem .85rem;border-bottom:.5px solid var(--separator)}.settings-title{font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.close-btn{width:28px;height:28px;min-width:44px;min-height:44px;background:var(--fill);border:none;border-radius:100px;font-size:.85rem;color:var(--label-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;line-height:1}.close-btn:hover{background:var(--fill-2);color:var(--label)}.settings-form{display:flex;flex-direction:column;padding:.5rem 0 0}.form-group{display:flex;flex-direction:column;gap:0;padding:0 1.25rem;margin-bottom:.75rem}.form-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--label-3);margin-bottom:.35rem}.form-row{display:flex;gap:.5rem}.form-group select,.form-group input[type=number],.form-group input[type=text]{height:44px;padding:0 .75rem;border:.5px solid var(--separator);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;background:var(--fill-2);color:var(--label);flex:1;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--blue);background:var(--card)}.age-feedback{font-size:.76rem;color:var(--blue);font-weight:500;margin-top:.35rem}.toggle-group{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 1.25rem;margin-bottom:.5rem}.toggle-label{font-size:.95rem;font-weight:500}.toggle-input{width:22px;height:22px;accent-color:var(--blue);cursor:pointer}.settings-hint{font-size:.75rem;color:var(--label-3);padding:0 1.25rem;margin-bottom:.75rem;margin-top:-.35rem}.save-settings-btn{height:50px;background:var(--blue);color:#fff;border:none;border-radius:0;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:-.01em;width:100%;border-top:.5px solid var(--separator);transition:opacity .15s ease}.save-settings-btn:hover{opacity:.88}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:1rem;padding:2rem 1rem;flex:1}.error-title{font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.error-message{font-size:.95rem;color:var(--label-2);letter-spacing:-.01em}.error-screen .refresh-spinner{width:28px;height:28px;border-color:var(--separator);border-top-color:var(--blue);border-width:2.5px}