@font-face{font-family:"Pixelify Sans";src:url("/assets/fonts/pixelify-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url("/assets/fonts/pixelify-semibold.ttf") format("truetype");font-style:normal;font-weight:600 800;font-display:swap}
/* Keep the pixel face for the brand and display type; body copy stays easy to read. */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body,.composer-right small,.composer textarea,.auth-dialog input,.confirm-dialog>input{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand strong,.welcome h1,.message-content h1,.message-content h2,.message-content h3,.auth-dialog h2,.notice-dialog h2,.confirm-dialog h2{font-family:"Pixelify Sans",system-ui,sans-serif}
.welcome-sub,.message-content,.dialog-desc,.notice-copy,.auth-dialog form label,.check-row span{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.welcome-sub{font-size:16px}
.message-content{font-size:16px}
.privacy-note{font-size:11px}
.typing{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
.scene.active{opacity:.76}
.scene-shade{background:linear-gradient(90deg,rgba(8,15,28,.40),rgba(9,17,31,.30) 40%,rgba(8,15,28,.24)),linear-gradient(0deg,rgba(8,15,28,.28),transparent 60%)}
html[data-theme="night"]{--panel:rgba(13,22,39,.64);--panel2:rgba(20,32,53,.76)}
/* Keep the supplied animated scene visible behind the glass panels. */
.scene{z-index:0;pointer-events:none}
.scene-shade{z-index:1;pointer-events:none}
.app-shell{position:relative;z-index:2}
[hidden]{display:none!important}
html[data-theme="day"] .welcome-sub{color:#59677e}
html[data-theme="day"] .notice-copy{color:#4c5a70}
html[data-theme="day"]{--panel:rgba(244,244,235,.72);--panel2:rgba(229,231,222,.82)}
html[data-theme="day"] .prompt-card{background:rgba(255,255,250,.62);border-color:rgba(42,56,78,.16)}
html[data-theme="day"] .prompt-card:hover{background:rgba(255,255,250,.88);border-color:rgba(164,128,28,.48)}
html[data-theme="day"] .scene.active{opacity:.40}
html[data-theme="day"] .scene-shade{background:linear-gradient(90deg,rgba(242,241,230,.42),rgba(247,246,237,.34) 50%,rgba(244,243,233,.30)),linear-gradient(0deg,rgba(241,240,229,.34),transparent 65%)}
@media(max-width:820px){.scene.active{opacity:.66}.privacy-note{font-size:10px}.message-content{font-size:15px}.welcome-sub{font-size:15px}}

.password-wrap{position:relative;display:block}.auth-dialog form .password-wrap input,.confirm-dialog .password-wrap input{width:100%;padding-right:95px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);padding:8px;font:13px system-ui,sans-serif}.password-toggle:hover,.password-toggle:focus-visible{color:var(--accent)}.confirm-dialog .password-wrap input{display:block;margin-top:5px;padding:10px 95px 10px 11px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--ink);font-size:13px}.confirm-dialog label{font-size:13px;color:var(--muted)}
@media(max-width:820px){body.menu-open:after{display:none}body.menu-open .app-shell:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:10}}

.auth-back{display:block;background:none;border:0;padding:8px 0;color:var(--muted);text-decoration:underline;font:13px system-ui,sans-serif;text-align:left}.auth-back:hover,.auth-back:focus-visible{color:var(--accent)}