#student-showcase-welcome { position:fixed;inset:0;z-index:100000;background:var(--ui-bg,#111a23);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;color:var(--ui-text,#fff); }
.student-showcase-card { width:min(100%,560px);padding:32px;border:1px solid var(--ui-border,#344452);border-radius:8px;background:var(--ui-surface,#202a35);box-sizing:border-box; }
.student-showcase-card h1 { margin:12px 0 18px;font-size:28px;line-height:1.25; }
.student-showcase-card p,.student-showcase-card li { font-size:16px;line-height:1.55; }
.student-showcase-card ul { padding-left:22px; }.student-showcase-card li { margin:10px 0; }
.student-showcase-eyebrow { color:var(--ui-accent,#53c6b7);font-size:14px; }
.student-showcase-note,.showcase-read-note { color:var(--ui-text-muted,#b8c1cc);font-size:14px!important; }
.student-showcase-card button { min-height:46px;width:100%;border-radius:8px;margin-top:12px; }
#student-showcase-error { color:var(--ui-danger-text,#ff7a86);margin-bottom:0; }
#student-showcase-banner { position:sticky;top:0;z-index:9999;background:var(--ui-surface,#202a35);color:var(--ui-text,#fff);border-bottom:1px solid var(--ui-border,#344452);display:flex;align-items:center;gap:14px;padding:8px 20px;font-size:14px; }
#student-showcase-banner[hidden] { display:none; }#student-showcase-banner span { flex:1;color:var(--ui-text-muted,#b8c1cc); }
#student-showcase-banner button { min-height:44px;border:1px solid var(--ui-border,#344452);border-radius:8px;padding:8px 12px;background:var(--ui-bg,#111a23);color:inherit; }
.student-showcase-open .support-btn { display:none!important; }.showcase-read-note { grid-column:1/-1; margin:6px 0; }
@media(max-width:600px) { #student-showcase-welcome { padding:16px;align-items:flex-start; }.student-showcase-card { padding:22px;margin:auto 0; }.student-showcase-card h1 { font-size:24px; }#student-showcase-banner { display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:6px 12px; }#student-showcase-banner strong { grid-column:1;grid-row:1; }#student-showcase-banner button { grid-column:2;grid-row:1; }#student-showcase-banner span { grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.4; } }