:root{--navy:#173a5a;--green:#6fbe46;--green-dark:#5ea63a;--bg:#f4f6f8;--card:#fff;--text:#1c2833;--muted:#6b7a88;--border:#d5dbe1;--red:#c62828;--red-bg:#fdecea}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header h1{letter-spacing:.2px;margin:0;font-size:18px;font-weight:600}.header .badge{background:var(--green);color:var(--navy);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.container{max-width:560px;margin:0 auto;padding:16px 16px 48px}.card{background:var(--card);border-radius:12px;padding:20px 16px;box-shadow:0 1px 3px #173a5a14}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{color:var(--navy);font-size:14px;font-weight:600}.field label .req{color:var(--red);margin-left:2px}.field input,.field textarea{width:100%;font:inherit;border:1.5px solid var(--border);color:var(--text);background:#fff;border-radius:10px;min-height:52px;padding:14px;font-size:17px}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #173a5a26}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.temp-group{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.temp-btn{font:inherit;border:2px solid var(--border);min-height:60px;color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:10px;font-size:17px;font-weight:700}.temp-btn.selected{border-color:var(--navy);background:var(--navy);color:#fff}.temp-btn.selected.hot{background:#d9481c;border-color:#d9481c}.temp-btn.selected.warm{background:#e0a100;border-color:#e0a100}.temp-btn.selected.cold{background:#3b7dc4;border-color:#3b7dc4}.btn{width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;min-height:58px;font-size:18px;font-weight:700}.btn-primary{background:var(--green);color:#fff}.btn-primary:active{background:var(--green-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--navy);color:#fff}.btn-outline{color:var(--navy);border:2px solid var(--navy);background:#fff}.hint{color:var(--muted);margin:0 0 16px;font-size:13px}.error{background:var(--red-bg);color:var(--red);border-radius:10px;margin-bottom:16px;padding:14px;font-size:15px}.error strong{margin-bottom:4px;font-size:17px;display:block}.error .detail{opacity:.85;word-break:break-word;margin-top:6px;font-size:13px}.error .btn{margin-top:12px}.success{text-align:center;padding:32px 16px}.success .check{background:var(--green);color:#fff;border-radius:50%;width:72px;height:72px;margin:0 auto 16px;font-size:40px;line-height:72px}.success h2{color:var(--navy);margin:0 0 8px;font-size:22px}.success p{color:var(--muted);margin:0 0 24px}.pin-card{text-align:center;margin-top:48px}.pin-card h2{color:var(--navy);margin:0 0 8px}.pin-card input{text-align:center;letter-spacing:8px;font-size:28px}.footer-link{text-align:center;color:var(--muted);font-size:13px;font:inherit;cursor:pointer;background:0 0;border:none;margin-top:24px;text-decoration:underline;display:block}