/* Model 03: a complete charcoal and silver gothic interface. */
body.gothic-interface{--bg:#0b0d10!important;--panel:#13161b!important;--text:#e6e8eb!important;--muted:#9b9fa8!important;--line:var(--detail-gray,#62666f)!important;--accent:var(--detail-light,#d8dbe0)!important;--answer:var(--detail-light,#d8dbe0)!important;background:radial-gradient(ellipse at 50% 0,#202329 0,#0b0d10 68%);color:var(--text);padding:22px 34px 48px;min-height:100vh}
.gothic-interface main.portal-shell{max-width:1180px;padding:26px 38px 30px;position:relative;border:22px solid transparent;border-image:var(--gothic-frame) 32 stretch;background:linear-gradient(135deg,#15181d,#0d0f13 65%);box-shadow:0 22px 70px #0008}
.gothic-interface .brand-gradient{background:linear-gradient(90deg,#fff 10%,var(--detail-light) 70%,var(--detail-gray));background-clip:text;-webkit-background-clip:text}.gothic-interface header b{font-family:Georgia,serif;letter-spacing:2.5px}.gothic-interface .portal-shell>header{margin-bottom:14px;padding-bottom:18px;border-bottom:1px solid var(--detail-gray)}
.gothic-interface .portal-navigation{background:#101216;border:0;border-top:1px solid var(--detail-gray);border-bottom:1px solid var(--detail-gray);border-radius:0;max-width:none;margin:0 0 30px;padding:3px;gap:3px}.gothic-interface .portal-navigation button{border-radius:0;background:none;position:relative;min-height:42px}.gothic-interface .portal-navigation [aria-current=page]{background:#1c2027;color:var(--detail-light);box-shadow:inset 0 -2px var(--detail-light)}
.gothic-interface .portal-title{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.6px;font-size:clamp(27px,3.5vw,43px);font-weight:400}.gothic-interface .portal-kicker{color:var(--detail-light);letter-spacing:2px}.gothic-interface .portal-lead{max-width:650px}.gothic-interface .portal-welcome{padding:8px 8px 14px}.gothic-interface .welcome-level{border-radius:0;background:#171b21;border:1px solid var(--detail-gray);font-weight:400}
.gothic-interface .mission-card,.gothic-interface .capture-entry,.gothic-interface .profile-hero,.gothic-interface .ranking-me,.gothic-interface .portal-empty,.gothic-interface .report-metric{border:12px solid transparent!important;border-image:var(--gothic-frame) 32 stretch!important;border-radius:0!important;background:#12151a!important;box-shadow:inset 0 0 0 1px #242932}
.gothic-interface .mission-grid{gap:18px}.gothic-interface .mission-live{grid-template-columns:1.1fr 1fr;gap:25px;padding:18px 20px}.gothic-interface .mission-card h2{font-family:Georgia,serif;font-weight:400}.gothic-interface .mission-soon{min-height:150px;padding:18px}.gothic-interface .mission-soon h2{font-size:22px}.gothic-interface .mission-coming{color:var(--muted)}.gothic-interface .mission-tags span{border-color:#444954;background:#1c2027;color:var(--text)}
.gothic-interface .mission-real-cover{border:1px solid #4c515a;border-radius:0;background:#090b0d}.gothic-interface .capture-entry{padding:12px 15px;gap:15px;margin-bottom:24px}.gothic-interface .capture-entry h2{font-family:Georgia,serif;font-size:18px;font-weight:400}.gothic-interface .capture-entry svg{color:var(--detail-light)}
.gothic-interface main button,.gothic-interface .main-settings button{border-radius:2px}.gothic-interface .portal-action,.gothic-interface .capture-entry>.portal-action{background:linear-gradient(180deg,#e0e2e5,#959ba5);border:1px solid var(--detail-light);box-shadow:inset 0 0 0 2px #252a33;color:#101216;padding:11px 20px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.gothic-interface .portal-action:hover{background:linear-gradient(180deg,#fff,#b8bdc6)}
.gothic-interface .profile-controls button,.gothic-interface .ranking-controls button,.gothic-interface .header-tools button{border:1px solid var(--detail-gray);background:#171b21;color:var(--detail-light)}.gothic-interface .profile-xp-track,.gothic-interface .report-bar{background:#292e37}.gothic-interface .profile-xp-track i,.gothic-interface .report-bar i{background:var(--detail-light)}
.gothic-interface #config.main-settings,.gothic-interface .cloud-panel,.gothic-interface .sword-arsenal,.gothic-interface .knight-evolution{background:#12151a;color:var(--text);border:16px solid transparent;border-image:var(--gothic-frame) 32 stretch;border-radius:0;box-shadow:0 22px 80px #000a}.gothic-interface .arsenal-slot{border-image:var(--gothic-frame) 32 stretch!important;background:#101318!important}.gothic-colors label{padding:7px 0;font-size:12px}.gothic-colors input[type=color]{width:48px;height:34px;padding:3px;background:#1c2027;border:1px solid var(--detail-gray)}.gothic-colors>button{font-size:11px;padding:7px 10px;margin-top:10px}.gothic-interface .account-signature a{color:var(--detail-light)}
@media(max-width:700px){body.gothic-interface{padding:8px 8px 90px}.gothic-interface main.portal-shell{padding:18px 12px;border-width:12px}.gothic-interface .portal-title{font-size:29px}.gothic-interface .portal-navigation{margin-bottom:22px}.gothic-interface .portal-navigation button{font-size:11px;gap:5px}.gothic-interface .portal-navigation svg{width:16px}.gothic-interface .mission-live{grid-template-columns:1fr;gap:20px;padding:10px}.gothic-interface .mission-grid{grid-template-columns:1fr}.gothic-interface .mission-soon{grid-column:1/-1}.gothic-interface .capture-entry{padding:10px}.gothic-interface .portal-welcome{gap:10px;padding:0}.gothic-interface .welcome-level{padding:8px;font-size:11px}.gothic-interface #config.main-settings{border-width:10px;padding:17px 12px}}
/* Restrained hover: keep dark surfaces and readable foreground. */
.gothic-interface .portal-action,.gothic-interface .capture-entry>.portal-action{background:linear-gradient(180deg,#252a32,#181c22);color:var(--detail-light);border-color:var(--detail-gray);box-shadow:inset 0 0 0 1px #343a44}
.gothic-interface .portal-action:hover,.gothic-interface .capture-entry>.portal-action:hover{background:linear-gradient(180deg,#2b3039,#1c2128);color:#f2f3f5;border-color:var(--detail-light);box-shadow:inset 0 0 0 1px #434a55}
.gothic-interface .profile-controls button:hover,.gothic-interface .ranking-controls button:hover,.gothic-interface .header-tools button:hover,.gothic-interface .portal-link:hover{background:#222730!important;color:var(--detail-light)!important;border-color:var(--detail-light);filter:none!important;box-shadow:none!important}
.gothic-interface main button{transition:background-color .15s,border-color .15s,color .15s}

.student-public-dialog,.students-online-dialog{width:min(460px,calc(100vw - 24px));max-height:88dvh;overflow:auto;box-sizing:border-box;padding:22px;background:var(--panel);color:var(--text);border:12px solid transparent;border-image:var(--gothic-frame) 32 stretch;border-radius:0}.student-public-dialog::backdrop,.students-online-dialog::backdrop{background:#0009}.student-popup-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.student-popup-heading h2{font:400 23px Georgia,serif;margin:0}.student-popup-close{font-size:22px;padding:2px 10px}.student-public-identity{text-align:center;display:grid;justify-items:center;gap:8px}.student-public-identity h3{margin:7px 0 0;font-size:19px}.student-public-identity>span{font-size:12px;color:var(--muted)}.student-public-identity .student-avatar{width:125px;height:125px}.student-public-material{display:flex;justify-content:center;align-items:center;gap:14px;margin:15px 0}.student-public-sprite{width:76px;height:76px}.student-public-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.student-public-metrics .report-metric{padding:12px!important;border:1px solid var(--detail-gray)!important}.student-public-metrics strong{font-size:19px!important}.student-public-metrics small{font-size:8px!important}.student-public-since,.student-online-note{text-align:center;font-size:11px;margin:18px 0 0;color:var(--muted)}.student-profile-link{padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left}.student-profile-link:hover{text-decoration:underline}.student-avatar[role=button]{cursor:pointer}.student-avatar[role=button]:focus-visible{outline:2px solid var(--detail-light);outline-offset:3px}.student-online-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--detail-gray)}.student-online-row .student-profile-link{flex:1}.student-online-row small{letter-spacing:0;font-size:10px}.students-online-button{font-size:10px;white-space:nowrap;padding:8px 10px}.student-public-dialog .student-avatar img{object-fit:cover}@media(max-width:640px){.student-public-dialog,.students-online-dialog{padding:15px;border-width:8px}.students-online-button{font-size:9px;padding:7px 6px}.portal-shell>header{flex-wrap:wrap}.student-public-identity .student-avatar{width:104px;height:104px}}

/* Readability pass: black surfaces, ivory content, gold accents, crimson actions. */
body.gothic-interface{--bg:#050506!important;--panel:#0e0e11!important;--text:#f1eee7!important;--muted:#bcc0c7!important;--accent:#e4c47f!important;--answer:#f3e9d4!important;background:#050506!important}
.gothic-interface main.portal-shell{background:#09090b!important}.gothic-interface .portal-title,.gothic-interface .mission-card h2,.gothic-interface .capture-entry h2{color:#f3e7ce}.gothic-interface .portal-navigation{background:#09090b}.gothic-interface .portal-navigation button{color:#c7c8cc}.gothic-interface .portal-navigation [aria-current=page]{color:#f4dab0;background:#241115;box-shadow:inset 0 -2px #d44058}.gothic-interface .portal-kicker,.gothic-interface .eyebrow,.gothic-interface .phase.active{color:#e5c27b!important}.gothic-interface .phase.active{border-color:#d9445b}.gothic-interface .portal-study .answer{background:#191014!important;color:#fff0dc!important;border-color:#8d3d4b!important;min-height:45px}.gothic-interface .portal-study .answer:hover{background:#2c151c!important;border-color:#dc566e!important;color:#fff!important}.gothic-interface .portal-study .answer:after{color:#efc77b;opacity:1}.gothic-interface .portal-action,.gothic-interface .capture-entry>.portal-action{background:#65192a!important;color:#fff0dc!important;border-color:#d4ac66!important;box-shadow:inset 0 0 0 1px #8b2d42!important}.gothic-interface .portal-action:hover,.gothic-interface .capture-entry>.portal-action:hover{background:#81233a!important;color:#fff!important;border-color:#f0cc89!important}.gothic-interface .students-online-button{color:#e7c384!important}.gothic-interface .signature-instagram,.gothic-interface .portal-link{color:#e5c17c!important}.gothic-interface .profile-controls button{color:#f3e9d5!important}.gothic-interface .mission-card,.gothic-interface .capture-entry,.gothic-interface .profile-hero,.gothic-interface .ranking-me{background:#101013!important}.gothic-interface .meta,.gothic-interface .phase,.gothic-interface .portal-lead{color:#bdc0c6!important}