:root{--bg:#0e0f13;--panel:#16181f;--panel2:#1d2029;--line:#2a2e3a;--text:#eef0f5;--muted:#9aa0ad;--accent:#ff5d73;--accent2:#ff8a5c;--ok:#34d399;--gold:#f4c869;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}#root{max-width:520px;min-height:100vh;margin:0 auto}.wrap{padding:18px 16px 96px}.brand{text-align:center;padding:26px 0 10px}.brand h1{letter-spacing:2px;margin:0;font-size:30px}.brand .mark{color:var(--accent)}.brand p{color:var(--muted);margin:6px 0 0;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:12px 0;padding:18px}label{color:var(--muted);margin:12px 0 6px;font-size:13px;display:block}input,select{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:12px;padding:13px 14px;font-size:15px}input:focus,select:focus{border-color:var(--accent);outline:none}button{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));border:none;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:600;transition:transform 50ms,opacity .2s}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}button.block{width:100%;margin-top:18px}button.ghost{border:1px solid var(--line);color:var(--text);background:0 0}button.sm{border-radius:9px;padding:8px 12px;font-size:13px}.gender-toggle{gap:10px;display:flex}.gender-toggle button{background:var(--panel2);border:1px solid var(--line);color:var(--muted);flex:1}.gender-toggle button.on-m{color:#fff;background:#2563eb;border-color:#2563eb}.gender-toggle button.on-f{background:var(--accent);color:#fff;border-color:var(--accent)}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.muted{color:var(--muted);font-size:13px}.err{color:var(--accent);min-height:16px;margin-top:10px;font-size:13px}.center{text-align:center}.link{color:var(--accent2);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pick{background:var(--panel2);border:1.5px solid var(--line);text-align:center;cursor:pointer;border-radius:14px;padding:16px 12px;position:relative}.pick .nick{font-size:16px;font-weight:600}.pick.on{border-color:var(--accent);background:#ff5d731f}.pick .badge{color:var(--accent);font-size:16px;position:absolute;top:8px;right:10px}.person{border:1px solid var(--line);background:var(--panel2);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:13px 14px;display:flex}.person .nick{font-weight:600}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px}.tag.match{color:var(--gold);border-color:var(--gold);background:#f4c8691a}.phone{font-variant-numeric:tabular-nums;color:var(--ok);font-weight:600}.tabbar{background:var(--panel);border-top:1px solid var(--line);max-width:520px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;padding:12px 0 16px;font-size:13px;font-weight:500}.tabbar button .ic{margin-bottom:3px;font-size:18px;display:block}.tabbar button.active{color:var(--accent)}.section-title{margin:18px 4px 8px;font-size:15px;font-weight:700}.counter{color:var(--accent2);font-weight:700}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:8px 6px}th{color:var(--muted);font-weight:600}.pill{border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pill.active{color:var(--ok);background:#34d39926}.pill.closed{color:var(--muted);background:#9aa0ad26}.gender-m{color:#6ea8ff}.gender-f{color:var(--accent)}