:root{--bg: #0f1115;--card: #171a21;--card-2: #1f232c;--text: #eef1f6;--muted: #9aa4b2;--accent: #fd5068;--ok: #2ecc71;--err: #ff5c5c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:520px;margin:0 auto;padding:12px 12px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px 16px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.2px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}nav{display:flex;gap:6px;flex-wrap:wrap}nav button{background:transparent;color:var(--muted);border:0;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:13px}nav button.active{background:var(--card-2);color:var(--text)}nav button.ghost{color:var(--muted)}main{display:block}.card{background:var(--card);border-radius:18px;padding:18px;box-shadow:0 10px 30px #00000059}.card h1{font-size:20px;margin:0 0 12px}.card h2{font-size:18px;margin:0 0 10px}.card h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px}.center{text-align:center}label{display:block;margin-bottom:12px;font-size:13px;color:var(--muted)}label small{color:var(--muted);font-weight:400}input,select,textarea{width:100%;margin-top:6px;padding:11px 12px;border-radius:12px;border:1px solid #262b35;background:#10131a;color:var(--text);font-size:15px}textarea{min-height:90px;resize:vertical}label.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px}label.check input{width:auto;margin:0}button.primary{width:100%;padding:12px;border:0;border-radius:12px;cursor:pointer;background:var(--accent);color:#fff;font-weight:700;font-size:15px}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;border:1px solid #2b3140;color:var(--muted);padding:10px 12px;border-radius:12px;cursor:pointer}.row{display:flex;gap:8px;margin-top:10px}.row button{flex:1}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{flex:1;padding:9px;border-radius:10px;border:1px solid #262b35;background:transparent;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--card-2);color:var(--text)}.banner{padding:10px 12px;border-radius:12px;margin-bottom:10px;font-size:14px;cursor:pointer}.banner.ok{background:#2ecc7126;border:1px solid rgba(46,204,113,.4)}.banner.err,.error{color:var(--err)}.banner.err{background:#ff5c5c1f;border:1px solid rgba(255,92,92,.35)}.error{font-size:13px}.hint{color:var(--muted);font-size:12.5px}.deck{display:flex;flex-direction:column;gap:16px}.profile-card{padding:0;overflow:hidden;transition:transform .22s ease,opacity .22s ease}.profile-card.fly-left{transform:translate(-120%) rotate(-12deg);opacity:0}.profile-card.fly-right{transform:translate(120%) rotate(12deg);opacity:0}.profile-card .photo{height:380px;background:linear-gradient(135deg,#242a36,#131722) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.no-photo{color:var(--muted);font-size:13px}.profile-card .info{padding:14px 16px 18px}.profile-card .info h2{margin:0 0 4px}.profile-card .info p{margin:6px 0 0;font-size:14px}.actions{display:flex;justify-content:center;gap:18px}.round{width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;font-size:22px;color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #0006}.round.pass{background:#3a4150}.round.like{background:var(--accent)}.round.super{background:#3b82f6}.list{list-style:none;padding:0;margin:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #232833}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.photo-thumb{position:relative;border-radius:12px;overflow:hidden;background:#10131a}.photo-thumb img{width:100%;height:110px;object-fit:cover;display:block}.photo-thumb.primary{outline:2px solid var(--accent)}.badge{position:absolute;top:6px;left:6px;background:var(--accent);color:#fff;font-size:10px;padding:2px 6px;border-radius:6px}.badge.warn{background:#b45309}.thumb-actions{position:absolute;bottom:6px;right:6px;display:flex;gap:4px}.thumb-actions button{width:26px;height:26px;border-radius:8px;border:0;cursor:pointer;background:#0009;color:#fff}button.danger{width:100%;padding:11px;border-radius:12px;cursor:pointer;font-weight:600;background:transparent;color:var(--err);border:1px solid rgba(255,92,92,.5)}button.danger:hover{background:#ff5c5c1a}