:root{--weather-blue: #4a90d9;--weather-blue-dark: #357abd;--primary-grad: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #27ae60;--danger: #e74c3c;--text-dark: #2c3e50;--text: #333;--text-muted: #666;--card-bg: rgba(255, 255, 255, .9);--card-shadow: 0 4px 15px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.5;background:linear-gradient(to bottom,#87ceeb,#e0f6ff);transition:background .6s ease;min-height:100vh}.app-main{max-width:600px;margin:0 auto;padding:16px}.dashboard-main{max-width:1000px;margin:0 auto;padding:16px}.w-header{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;padding:14px 18px;margin-bottom:16px;box-shadow:0 2px 12px #00000014}.w-header h1{font-size:1.3rem;color:var(--text-dark)}.w-header .greeting{font-size:1.1rem;color:var(--text-dark);font-weight:700}.w-header .subtitle{font-size:.85rem;color:var(--text-muted)}.header-actions{display:flex;gap:8px;align-items:center}.btn{border:none;border-radius:.75rem;padding:10px 16px;font-weight:600;cursor:pointer;font-size:.95rem;transition:transform .15s ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary-grad);color:#fff}.btn-blue{background:var(--weather-blue);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:#ffffffb3;color:var(--text-dark)}.pill{border-radius:2rem}.icon-btn{background:#ffffffb3;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.1rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;box-shadow:var(--card-shadow);padding:20px;margin-bottom:16px}.card h2{font-size:1.15rem;color:var(--text-dark);margin-bottom:12px}.day-selector{display:flex;gap:10px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}.day-tab{flex:1;min-width:96px;background:var(--card-bg);border:2px solid transparent;border-radius:1rem;padding:12px;text-align:center;cursor:pointer;transition:all .15s ease}.day-tab.active{border-color:var(--weather-blue);background:#fff}.day-tab .day-name{font-weight:700;color:var(--text-dark);font-size:.9rem}.day-tab .day-emoji{font-size:1.6rem;display:block;margin:4px 0}.day-tab .day-temp{font-family:monospace;color:var(--text-muted);font-size:.85rem}.main-content{display:flex;flex-direction:column;gap:16px}@media (min-width: 720px){.main-content{flex-direction:row}.main-content>*{flex:1}}.weather-card{text-align:center}.weather-emoji-big{font-size:5rem;line-height:1}.weather-temp{font-size:3rem;font-weight:800;color:var(--text-dark);font-family:monospace}.weather-desc{color:var(--text-muted);font-size:1.05rem;margin-bottom:12px}.weather-feeling{display:inline-flex;align-items:center;gap:8px;background:#4a90d91f;border-radius:2rem;padding:8px 16px;font-weight:700;color:var(--weather-blue-dark)}.weather-details{display:flex;justify-content:center;gap:18px;margin-top:14px;flex-wrap:wrap}.weather-detail{background:#fff9;border-radius:2rem;padding:8px 14px;font-size:.9rem}.weather-detail .up{color:#e17055}.weather-detail .down{color:#0984e3}.simple-weather{text-align:center}.simple-weather .feeling-emoji{font-size:4rem}.simple-weather .feeling-label{font-size:1.4rem;font-weight:800;color:var(--text-dark)}.simple-warning{margin-top:10px;font-weight:700;color:var(--weather-blue-dark)}.outfit-summary{background:var(--primary-grad);color:#fff;border-radius:1rem;padding:14px 16px;margin-bottom:14px;font-weight:600}.outfit-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.outfit-cat{background:#fff9;border-radius:1rem;padding:12px}.outfit-cat .cat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700;margin-bottom:8px}.outfit-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.outfit-item .item-emoji{font-size:1.4rem}.outfit-item .item-name{font-weight:600;color:var(--text-dark)}.pro-tip{border-radius:1rem;padding:10px 14px;margin-top:10px;font-weight:600;display:flex;gap:8px;align-items:center}.pro-tip.primary{background:#fff3cd;border:1px solid #ffc107;color:#856404}.pro-tip.secondary{background:#4a90d91f;color:var(--weather-blue-dark)}.age-young .outfit-categories{grid-template-columns:1fr 1fr}.age-young .weather-temp{font-size:3.4rem}.content-card .content-text{font-size:1.05rem;color:var(--text-dark);margin-bottom:6px}.content-card .punchline{font-weight:700;color:var(--weather-blue-dark)}.content-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.rating-q{font-size:.9rem;color:var(--text-muted)}.heart-btn{background:none;border:none;font-size:1.4rem;cursor:pointer}.rate-btn{background:#ffffffb3;border:1px solid #ddd;border-radius:2rem;padding:6px 12px;cursor:pointer;font-size:1.1rem}.rate-done{color:var(--success);font-weight:700}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;box-shadow:var(--card-shadow);padding:32px 26px;max-width:400px;width:100%}.auth-card h1{color:var(--weather-blue-dark);text-align:center;margin-bottom:6px}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-weight:600;margin-bottom:6px;color:var(--text-dark)}.form-group input,.form-group select{width:100%;padding:11px 14px;border:2px solid #dfe6ee;border-radius:.75rem;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--weather-blue)}.form-error{color:var(--danger);font-weight:600;min-height:1.2em;text-align:center}.link-btn{background:none;border:none;color:var(--weather-blue-dark);cursor:pointer;font-weight:600;text-decoration:underline}.full{width:100%}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.profile-tile{background:var(--card-bg);border-radius:1.5rem;padding:20px;text-align:center;cursor:pointer;box-shadow:var(--card-shadow);border:2px solid transparent;transition:all .15s ease}.profile-tile:hover{transform:translateY(-3px);border-color:var(--weather-blue)}.profile-avatar{font-size:3rem}.profile-tile h3{margin-top:8px;color:var(--text-dark)}.profile-tile .age{color:var(--text-muted);font-size:.85rem}.profile-row{display:flex;align-items:center;gap:14px;background:var(--card-bg);border-radius:1.25rem;padding:14px 18px;margin-bottom:12px;box-shadow:var(--card-shadow)}.profile-row .avatar{font-size:2.2rem}.profile-row .info{flex:1}.profile-row .info h3{color:var(--text-dark)}.profile-row .actions{display:flex;gap:8px;flex-wrap:wrap}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.settings-warn{background:#fff3cd;border:1px solid #ffc107;color:#856404;border-radius:.75rem;padding:10px 14px;margin-bottom:12px;font-size:.9rem}.w-modal{border:none;border-radius:1.5rem;padding:0;max-width:460px;width:92vw;box-shadow:var(--card-shadow)}.w-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.w-modal .modal-head{background:var(--primary-grad);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.w-modal .modal-head h3{color:#fff}.w-modal .modal-body{padding:20px 22px;max-height:70vh;overflow-y:auto}.w-modal .modal-foot{padding:14px 22px 22px;display:flex;gap:10px;justify-content:flex-end}.close-x{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer}.pin-input{display:flex;gap:10px;justify-content:center;margin:14px 0}.pin-digit{width:46px;height:56px;text-align:center;font-size:1.6rem;font-weight:700;border:2px solid #dfe6ee;border-radius:.75rem}.pin-digit:focus{outline:none;border-color:var(--weather-blue)}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(92vw,420px)}.toast{padding:13px 18px;border-radius:1rem;box-shadow:var(--card-shadow);font-weight:600;color:#fff;white-space:pre-line}.toast.success{background:linear-gradient(135deg,#00b894,#00cec9)}.toast.error{background:linear-gradient(135deg,#e74c3c,#c0392b)}.toast.info{background:var(--weather-blue)}.loading-view{text-align:center;padding:80px 20px;font-size:1.2rem;color:var(--text-dark)}.error-box{background:var(--card-bg);border-radius:1.5rem;padding:28px;text-align:center;box-shadow:var(--card-shadow)}.muted{color:var(--text-muted)}.center{text-align:center}.mt{margin-top:16px}