*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#0c0c0e,#202024 55%,#34343a);color:#fff}.weather-view{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.weather-header{width:100%;max-width:420px;display:flex;justify-content:center;padding:8px 0 24px}.weather-app-name{font-size:14px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.weather-status{opacity:.85;margin-top:40px}.weather-main{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:24px}.weather-location{font-size:22px;font-weight:500}.weather-condition-emoji{font-size:48px;margin-top:12px}.weather-temperature{font-size:88px;font-weight:200;line-height:1;margin-top:4px;cursor:default;-webkit-user-select:none;user-select:none}.weather-condition-text{font-size:18px;opacity:.9;margin-top:4px}.weather-highlow{font-size:16px;opacity:.75;margin-top:4px}.weather-details{display:flex;gap:32px;margin-top:40px;background:#ffffff26;padding:16px 28px;border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.weather-detail{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:15px}.weather-detail-label{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.06em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.pin-entry-view{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#0b0b0f}.pin-pad{display:flex;flex-direction:column;align-items:center;gap:24px}.pin-dots{display:flex;gap:16px}.pin-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #999;background:transparent}.pin-dot.filled{background:#fff;border-color:#fff}.pin-error{color:#ff6b6b;font-size:13px;margin:0}.pin-keys{display:grid;grid-template-columns:repeat(3,64px);gap:16px}.pin-key{width:64px;height:64px;border-radius:50%;border:1px solid #333;background:#1c1c22;color:#fff;font-size:22px;cursor:pointer}.pin-key:disabled{opacity:.4}.pin-key-blank{background:transparent;border:none;cursor:default}.chat-view{height:100dvh;display:flex;flex-direction:column;background:#0e0e12;color:#f2f2f2}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:75%;padding:8px 12px;border-radius:16px;font-size:18px;line-height:1.35}.message-bubble.mine{align-self:flex-end;background:#2f6fed;color:#fff;border-bottom-right-radius:4px}.message-bubble.theirs{align-self:flex-start;background:#23232b;color:#f2f2f2;border-bottom-left-radius:4px}.message-bubble.emoji-only{background:none;padding:2px 4px}.message-bubble.emoji-only .message-text{font-size:3em;line-height:1.15}.message-meta{display:flex;gap:6px;justify-content:flex-end;font-size:10px;opacity:.7;margin-top:2px}.chat-typing-indicator{padding:0 16px 8px;font-size:12px;opacity:.6}.chat-composer{display:flex;gap:8px;padding:12px;border-top:1px solid #23232b}.chat-input{flex:1;background:#1c1c22;border:1px solid #333;border-radius:20px;padding:10px 16px;color:#fff;font-size:18px}.chat-send{border:none;border-radius:20px;padding:0 18px;background:#2f6fed;color:#fff;font-size:18px;cursor:pointer}.chat-send:disabled{opacity:.4;cursor:default}