[hidden] { display: none !important; }
.auth-card { max-width: 680px; margin: clamp(2rem,8vh,7rem) auto; padding: clamp(1.5rem,5vw,3.5rem); background: var(--paper, #fffdf8); border: 1px solid #d8d5cc; border-radius: 16px; }
.auth-card h1 { font-size: clamp(2rem,6vw,3.8rem); line-height: 1.07; }
.auth-card button { align-self: flex-start; }
#account-controls { margin-left: auto; }
img[data-private-poster]:not([src]) { background: #e1dfd4; }
.legacy-review-frame { display:block; width:100%; height:max(32rem,calc(100dvh - 14rem)); border:1px solid #d8d5cc; border-radius:12px; background:#0a0a0a; }
body.legacy-frame { min-height:100vh; }
.legacy-frame .legacy-context { padding:1.5rem 3rem; border-bottom:1px solid var(--border,#2a2a2a); font-family:system-ui,sans-serif; }
.legacy-frame .legacy-context h1 { margin:0 0 .5rem; font-size:1.6rem; color:var(--text,#e0ddd5); }
.legacy-frame .legacy-context p { margin:0 0 .75rem; line-height:1.5; }
.legacy-frame .legacy-context .count-badge { margin:0; }
.legacy-frame #auth-area[hidden] { display:none !important; }
.legacy-frame .frame-empty { padding:2rem; font-family:system-ui,sans-serif; line-height:1.6; }
.legacy-frame .frame-empty a { color:var(--accent,#a3c4e8); }
@media (max-width:600px) { .auth-card { margin: 1rem 0; } #account-controls { margin-left:0; } }
@media (max-width:600px) { .legacy-frame .legacy-context { padding:1.25rem; } .legacy-frame .tab-bar { padding:0 .5rem; overflow-x:auto; } .legacy-frame .tab-btn { flex-shrink:0; } .legacy-review-frame { height:max(32rem,calc(100dvh - 12rem)); } }