.rf-customize{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin:32px 0}.rf-customize h2{font-size:17px;margin:0 0 12px}.rf-preview{align-self:start;position:sticky;top:24px}.rf-preview .rf-table{min-height:380px;padding:28px}.rf-preview h2{font-size:25px;max-width:270px;margin:10px 0 20px}.rf-preview-hand{display:flex;margin:25px 0 32px;padding:12px 0;position:relative}.rf-preview-hand .rf-card{flex:none;margin-right:-17px;transform:rotate(-8deg)}.rf-preview-hand .rf-card:nth-child(2){transform:translateY(-8px) rotate(-3deg)}.rf-preview-hand .rf-card:nth-child(3){transform:translateY(-8px) rotate(3deg)}.rf-preview-hand .rf-card:nth-child(4){transform:rotate(8deg)}.rf-preview .rf-row{justify-content:space-between}
/* Scoped bridge for existing account/profile markup: preserve handlers and content. */
body.rf-common{--bg:var(--rf-bg);--panel:var(--rf-panel);--ink:var(--rf-text);--muted:var(--rf-muted);--line:var(--rf-line);--line-2:var(--rf-line);--green:var(--rf-accent);--blue:#8fbcea;--red:var(--rf-danger);font-family:var(--rf-font);background:var(--rf-bg)}.rf-common .fx{background:radial-gradient(ellipse at top right,#10304580,transparent 70%),var(--rf-bg)}.rf-common .fx i,.rf-common .fx .wm,.rf-common .fx .motto{display:none}.rf-common .display,.rf-common h1{font-family:var(--rf-font);font-weight:700}.rf-common .chrome,.rf-common h1{color:var(--rf-text);background:none;filter:none;letter-spacing:-.025em}.rf-common .ring{width:120px;height:120px;padding:2px;border-radius:16px;background:var(--rf-line);box-shadow:none}.rf-common .ring::before,.rf-common .ring .av,.rf-common .who .av,.rf-common td .av,.rf-common .g .faces .av{border-radius:12px}.rf-common .who b,.rf-common .hero h1{overflow-wrap:anywhere}.rf-common .hero .who{min-width:0}.rf-common .card,.rf-common .list{background:var(--rf-panel);border-color:var(--rf-line);box-shadow:none;backdrop-filter:none}.rf-common .btn{min-height:46px;border-radius:11px;background:var(--rf-accent);border:1px solid var(--rf-accent);box-shadow:none;color:#082e34}.rf-common .btn.ghost{background:var(--rf-panel-raised);color:var(--rf-text);border-color:var(--rf-line);box-shadow:none}.rf-common .btn.danger{border-color:var(--rf-danger)}.rf-common .tabs{border-radius:12px}.rf-common .tabs button{min-height:44px;border-radius:8px}.rf-common .tabs button.on{border-color:var(--rf-accent);box-shadow:none;background:#194953}.rf-common :focus-visible{outline:3px solid var(--rf-focus);outline-offset:3px}.rf-common .nav{background:#071a28f5;border-color:var(--rf-line)}.rf-common .nav a{min-height:46px}.rf-common input,.rf-common select{min-height:46px;background:#071a28;color:var(--rf-text);border-color:var(--rf-line)}.rf-common .medal{max-width:120px}.rf-common .hero .ring .av img{object-fit:cover}.rf-common .hero .ring .dot{width:16px;height:16px;border-width:2px}.rf-common .back{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){.rf-customize{grid-template-columns:1fr;gap:20px}.rf-preview{position:static;grid-row:1}.rf-preview .rf-table{min-height:0;padding:20px}.rf-preview-hand{margin:18px 0 22px}.rf-preview .rf-row{position:absolute;right:20px;bottom:20px}.rf-preview .rf-person{display:none}.rf-preview .rf-card-back{width:48px;height:72px;font-size:9px}.rf-preview .rf-muted{font-size:13px}.rf-common .hero{gap:18px}.rf-common .hero h1{font-size:30px}.rf-common .ring{width:90px;height:90px}.rf-common .tabs{max-width:100%;flex-wrap:wrap}.rf-common .tabs button{padding:9px 14px}.rf-common .card{padding:20px}.rf-common .who{flex-wrap:wrap}.rf-customize .rf-title{font-size:30px}}
.rf-common .ring .av img,.rf-common .who .av img,.rf-common td .av img,.rf-common .g .faces .av img{transform:scale(1.48)}