body{color:#4a3e3d;box-sizing:border-box;background-color:#fff9f0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.container{text-align:center;box-sizing:border-box;background:#fff;border:2px solid #f3e1cb;border-radius:24px;width:320px;padding:40px;box-shadow:0 8px 24px #d2b48c33}h1{color:#d87a68;margin-bottom:10px;font-size:2.5rem}p{color:#7d6b69;margin-bottom:30px;font-size:1.1rem}.btn{color:#fff;cursor:pointer;background-color:#68b0ab;border:none;border-radius:50px;padding:14px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-block}.btn:hover{background-color:#539490;transform:scale(1.03)}.btn-secondary{color:#7d6b69;background-color:#0000;border:2px solid #f3e1cb}.btn-secondary:hover{background-color:#fff9f0;transform:none}.error-msg{color:#c0392b;margin-top:-16px;margin-bottom:20px;font-size:.95rem}.status-msg{color:#539490;min-height:1.2em;margin-top:10px;font-size:.9rem}.field-label{text-align:left;color:#7d6b69;margin-bottom:4px;font-size:.85rem;font-weight:700}.field{margin-bottom:18px}input[type=text]{box-sizing:border-box;color:#4a3e3d;border:2px solid #f3e1cb;border-radius:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:1rem}.friend-code{letter-spacing:2px;color:#d87a68;font-family:monospace;font-size:1.1rem;font-weight:700}.field-row{align-items:center;gap:8px;display:flex}.name-display{color:#d87a68;padding:10px 0;font-size:1.3rem;font-weight:700}.field-row input[type=text]{flex:1}.icon-btn{cursor:pointer;background:#fff;border:2px solid #f3e1cb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#fff9f0}.icon-btn.confirm{color:#539490;border-color:#68b0ab}.icon-btn.cancel{color:#c0392b;border-color:#e0a596}.counts{justify-content:space-around;margin-bottom:24px;display:flex}.counts div{text-align:center}.counts .count-number{color:#4a3e3d;font-size:1.5rem;font-weight:700}.counts .count-label{color:#7d6b69;font-size:.8rem}.actions{flex-direction:column;gap:12px;display:flex}