.rr-class-layer{position:fixed;inset:0;z-index:120;background:rgba(6,18,32,.72);display:grid;place-items:start center;overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 20px) 14px calc(env(safe-area-inset-bottom,0px) + 20px)}
.rr-class-dialog{width:min(980px,100%);background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.42);overflow:hidden}
.rr-class-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.rr-class-head .logo{flex:0 0 auto}.rr-class-head h2{font-size:clamp(1.35rem,4vw,2rem)}.rr-class-head p{margin:2px 0 0;color:var(--ink-soft)}
.rr-class-head .rr-class-close{margin-left:auto;border:0;background:transparent;font-size:1.8rem;line-height:1;padding:8px;color:var(--ink-soft)}
.rr-class-body{padding:22px}.rr-class-status{min-height:1.5em;margin:0 0 12px;font-weight:700;color:var(--ink-soft)}.rr-class-status.bad{color:var(--bad)}
.rr-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rr-class-card{border:1.5px solid var(--line);border-radius:14px;background:var(--surface);padding:18px}.rr-class-card h3{margin-bottom:6px}.rr-class-card p:last-child{margin-bottom:0}
.rr-class-choice{width:100%;text-align:left;border:2px solid var(--ink);border-radius:16px;background:var(--surface);padding:20px;min-height:150px}.rr-class-choice:hover{background:var(--surface-2)}.rr-class-choice b{display:block;font:800 1.35rem var(--display);margin-bottom:6px}.rr-class-choice span{display:block;color:var(--ink-soft)}
.rr-class-form{display:grid;gap:12px;max-width:620px}.rr-class-form label{display:grid;gap:5px;font-weight:700}.rr-class-form input,.rr-class-form select{width:100%}.rr-class-form .btn{justify-self:start}
.rr-class-code{font:900 clamp(2.4rem,10vw,5rem)/1 var(--display);letter-spacing:.13em;color:var(--pink-text);margin:12px 0}.rr-class-code-note{font-size:.95rem;color:var(--ink-soft)}
.rr-class-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.rr-class-toolbar .danger{margin-left:auto}
.rr-class-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.rr-class-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px}.rr-class-stat b{display:block;font:800 1.4rem var(--display)}
.rr-class-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.rr-class-table{width:100%;border-collapse:collapse;min-width:700px}.rr-class-table th,.rr-class-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.rr-class-table th{background:var(--surface-2);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.rr-class-table td.num{text-align:right}.rr-class-table tr:last-child td{border-bottom:0}.rr-class-empty{padding:24px;text-align:center;color:var(--ink-soft)}
.rr-class-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:800}.rr-class-pill.good{color:var(--good);border-color:var(--good)}.rr-class-pill.warn{color:var(--warn);border-color:var(--warn)}
.rr-class-back{border:0;background:transparent;padding:0;color:var(--ink-soft);font-weight:800;text-decoration:underline}.rr-class-section-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.rr-class-section-head p{margin:4px 0 0}.rr-class-classes{display:grid;gap:10px;margin-top:18px}.rr-class-existing{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.rr-class-existing div{flex:1}.rr-class-existing code{font:bold 1.1rem var(--display)}
.rr-class-confirm{margin-top:18px;padding:14px;border:1px solid var(--bad);border-radius:12px;background:var(--bad-soft)}.rr-class-confirm .rr-class-form{grid-template-columns:1fr auto;align-items:end;max-width:none}.rr-class-help{border-left:5px solid var(--teal);background:var(--teal-soft);padding:12px 14px;border-radius:0 10px 10px 0;margin:12px 0}
body.rr-class-open{overflow:hidden}
@media(max-width:700px){.rr-class-layer{padding:0}.rr-class-dialog{min-height:100%;border:0;border-radius:0}.rr-class-body{padding:18px 14px}.rr-class-grid{grid-template-columns:1fr}.rr-class-summary{grid-template-columns:1fr 1fr}.rr-class-toolbar .danger{margin-left:0}.rr-class-choice{min-height:0}.rr-class-confirm .rr-class-form{grid-template-columns:1fr}.rr-class-head{padding-top:calc(env(safe-area-inset-top,0px) + 12px)}}