:root {
  --ink:#edf7ff; --muted:#93a9c0; --deep:#040a13; --panel:rgba(7,18,34,.9);
  --line:rgba(127,194,255,.2); --cyan:#60e8ff; --violet:#9a78ff; --amber:#f5bd68;
  --danger:#ff7898; --shadow:0 20px 54px rgba(0,0,0,.42);
}
*{box-sizing:border-box;scrollbar-width:none}
*::-webkit-scrollbar{width:0;height:0}
html,body{min-height:100%;margin:0}
body,td,th,input,select,textarea,button{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:14px}
body{padding:18px;color:var(--ink);background:linear-gradient(135deg,rgba(4,9,18,.94),rgba(7,17,33,.84)),url("images/portal-bg.png") center/cover fixed no-repeat,var(--deep)}
a,a:visited{color:var(--cyan);text-decoration:none}a:hover{color:#fff;text-shadow:0 0 14px rgba(95,231,255,.7)}
small{color:var(--muted);font-size:12px;line-height:1.45}h1,h2,h3,.cap{margin:0 0 12px;color:#fff;font-weight:750;letter-spacing:-.025em}h3,.cap{font-size:20px}
hr{height:1px;margin:14px 0;border:0;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.input,input[type="text"],input[type="password"],input[type="file"],select,textarea,button{min-height:36px;padding:8px 11px;color:var(--ink);background:rgba(2,9,18,.8);border:1px solid rgba(119,177,226,.3);border-radius:10px;outline:0;transition:.18s ease}
.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(95,231,255,.12);background:rgba(7,19,35,.97)}
input[type="submit"],input[type="button"],button{cursor:pointer;font-weight:750;color:#05101b;border-color:transparent;background:linear-gradient(135deg,var(--cyan),#7da9ff 58%,var(--violet));box-shadow:0 8px 20px rgba(57,164,219,.16)}
input[type="submit"]:hover,input[type="button"]:hover,button:hover{filter:brightness(1.08)}
input[type="checkbox"]{accent-color:var(--violet)} table{border-collapse:separate}td{color:var(--ink)}
img[src*="hor_dot_line"],img[src*="vert_dot_line"],img[src*="pixel.gif"]{display:none}td[background*="hor_dot_line"],td[background*="vert_dot_line"]{background-image:none!important;border-color:var(--line)}
.jsnavi,a.jsnavi,a.jsnavi:visited{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;color:#c3dcf4;font-size:12px;font-weight:700;border-radius:8px;white-space:nowrap}.jsnavi:hover{color:#fff;background:rgba(95,231,255,.1)}
.status-control-row{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;max-width:240px;margin:0 auto;white-space:nowrap}.status-control-row select{flex:1 1 auto;width:auto;min-width:0}.status-control-row input[type="submit"]{flex:0 0 auto;min-width:0;padding-left:10px;padding-right:10px}
a.nick,a.nick:visited{color:#fff;font-weight:750}a.nick:hover{color:var(--cyan)}
.topic,.chat-topic{display:block;margin:0 0 12px;padding:11px 15px;color:#e0efff;font-size:15px;font-weight:750;border:1px solid var(--line);border-radius:12px;background:linear-gradient(90deg,rgba(95,231,255,.11),rgba(155,123,255,.08))}.hs{background:rgba(95,231,255,.07)}

/* Entry and utility pages */
.landing{width:min(1120px,100%);min-height:260px;margin:auto;display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(420px,.9fr);gap:22px}
.brand-panel,.login-panel,.preview-card,body>form,body>table,body>center>table{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(12,27,49,.9),rgba(5,12,24,.94));box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.brand-panel{position:relative;min-height:260px;padding:30px 34px 28px 176px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.brand-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(95,231,255,.17),transparent 36%);pointer-events:none}.brand-emblem{position:absolute;z-index:1;left:22px;top:50%;width:138px;height:138px;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 0 24px rgba(93,151,255,.5))}.brand-copy{position:relative;z-index:2}.brand-kicker{color:var(--amber);font-size:11px;font-weight:850;letter-spacing:.22em;text-transform:uppercase}.brand-title{margin:7px 0 6px;font-size:clamp(27px,4vw,46px)}.brand-subtitle{max-width:390px;color:var(--muted);line-height:1.55}.brand-links{margin-top:15px}
.login-panel{padding:24px 28px}.login-panel form{margin:0}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.field{min-width:0}.field label{display:block;margin:0 0 6px;color:#b7cee5;font-size:12px;font-weight:700}.field .input{width:100%}.login-actions{display:flex;align-items:center;gap:12px;margin-top:15px}.login-actions input[type="submit"]{min-width:150px}
.entry-embedded,.page-welcome,.page-shower{background:transparent!important;background-image:none!important;background-color:transparent!important}.page-welcome{padding:10px 18px;overflow-x:hidden}.page-welcome .landing{min-height:0}.page-welcome .login-panel{padding:17px 22px}.page-welcome .login-panel h3{margin-bottom:9px}.page-welcome .login-grid{gap:8px 14px}.page-welcome .field label{margin-bottom:4px}.page-welcome .field .input{min-height:34px;padding-top:6px;padding-bottom:6px}.page-welcome .login-actions{margin-top:9px}
@media(min-width:821px){.page-welcome .landing{gap:16px}.page-welcome .brand-panel{min-height:292px;padding-top:24px;padding-bottom:24px}}
.preview-shell{width:min(1120px,100%);margin:auto}.preview-card{overflow:hidden}.preview-head{display:grid;grid-template-columns:1fr 240px;gap:1px;color:#aecae8;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;background:var(--line)}.preview-head>div{padding:13px 18px;background:rgba(7,18,34,.96)}.preview-body{display:grid;grid-template-columns:1fr 240px;min-height:160px}.history-pane,.people-pane{padding:15px 18px;line-height:1.55}.people-pane{border-left:1px solid var(--line);background:rgba(95,231,255,.035)}.copyright{display:block;padding:11px 0 4px;text-align:center;opacity:.68}
body:not(.page-welcome):not(.page-shower):not(.page-navibar):not(.page-sender_visible):not(.page-sender):not(.page-status):not(.page-status_blank):not(.page-who):not(.page-alerter):not(.page-alerter_blank)>form,body:not(.page-welcome):not(.page-shower)>table{width:min(860px,100%);margin:auto;padding:20px}

/* Frames */
body.page-navibar,body.page-sender_visible,body.page-sender,body.page-status,body.page-status_blank,body.page-who,body.page-alerter,body.page-alerter_blank{height:100%;min-height:0;padding:0;overflow:hidden;background:transparent}
.nav-shell{width:100%;height:100%;padding:3px 8px;display:flex;align-items:center;gap:1px;overflow:hidden;white-space:nowrap}.nav-mark{color:var(--amber);font-weight:900;margin-right:4px}
body.page-messages,body.page-tail,body.page-js_writer{padding:14px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(96,232,255,.45) rgba(4,12,24,.4);background:linear-gradient(rgba(4,12,24,.82),rgba(4,12,24,.91)),url("images/portal-bg.png") center/cover fixed no-repeat}
body.page-messages::-webkit-scrollbar{width:8px}body.page-messages::-webkit-scrollbar-track{background:rgba(4,12,24,.4)}body.page-messages::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--violet));border-radius:8px}
.message-stream{color:#d9e9f8;line-height:1.58}.message-stream font[color="black"],.message-stream font[color="#000"],.message-stream font[color="#000000"],body.page-messages font[color="black"],body.page-messages font[color="#000"],body.page-messages font[color="#000000"],body.page-tail font[color="black"],body.page-tail font[color="#000"],body.page-tail font[color="#000000"],body.page-js_writer font[color="black"],body.page-js_writer font[color="#000"],body.page-js_writer font[color="#000000"]{color:#d9e9f8!important}.message-stream b,body.page-messages>b,body.page-messages>span>b{color:#fff}
body.page-voc{height:100%;min-height:0;padding:8px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(rgba(5,16,31,.74),rgba(5,16,31,.92)),url("images/constellation-header.png") 18% center/auto 100% fixed no-repeat}body.page-voc table{width:100%!important;max-width:100%!important;box-shadow:none;border:0;border-radius:0;background:transparent}body.page-voc nobr{white-space:normal}

/* Header inbox */
.header-inbox{height:100%;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:7px;background:rgba(2,9,18,.28)}.inbox-pill{min-width:0;height:36px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#e6f5ff!important;border:1px solid rgba(96,232,255,.24);border-radius:11px;background:rgba(6,20,38,.72)}.inbox-pill:hover{background:rgba(96,232,255,.12)}.inbox-symbol{color:var(--amber);font-size:17px}.inbox-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-pill b{min-width:20px;height:20px;display:grid;place-items:center;color:#06111e;border-radius:10px;background:var(--cyan);font-size:11px}.compose-pill{width:36px;height:36px;display:grid;place-items:center;color:#fff!important;font-size:22px;border-radius:11px;background:linear-gradient(135deg,#714fe7,#c267df)}.header-inbox.is-guest{justify-content:flex-start;color:var(--muted)}

/* Signed-in application */
body.chat-app-body{height:100vh;min-height:0;padding:0;overflow:hidden;background:#050b14 url("images/portal-bg.png") center/cover fixed no-repeat}
.chat-app{height:100vh;min-height:0;padding:9px;display:grid;grid-template-rows:68px minmax(0,1fr) 118px;gap:9px;background:linear-gradient(135deg,rgba(3,8,17,.72),rgba(5,13,27,.84))}.chat-app iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.chat-topbar,.chat-feed,.chat-aside,.chat-composer{border:1px solid var(--line);box-shadow:var(--shadow)}
.chat-topbar{height:68px;min-width:0;display:grid;grid-template-columns:220px minmax(0,1fr) 220px 86px;align-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(90deg,rgba(8,22,42,.7),rgba(4,13,26,.9)),url("images/constellation-header.png") left 46%/cover no-repeat}
.chat-identity{height:66px;padding:5px 14px;display:flex;align-items:center;gap:9px;overflow:hidden;border-right:1px solid var(--line)}.chat-identity img{width:54px;height:54px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 16px rgba(95,231,255,.5))}.chat-identity div{min-width:0;display:flex;flex-direction:column}.chat-identity small{color:var(--amber);font-size:9px;font-weight:900;letter-spacing:.18em}.chat-identity strong{overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.chat-topbar>.chat-nav,.chat-topbar>.chat-alerts{height:66px}.chat-nav{min-width:0}.chat-alerts{border-left:1px solid var(--line)!important}.chat-live{height:66px;display:flex;align-items:center;justify-content:center;gap:7px;color:#a9bfd6;font-size:10px;font-weight:850;letter-spacing:.1em;border-left:1px solid var(--line);background:rgba(2,9,18,.38)}.chat-live span{width:8px;height:8px;border-radius:50%;background:#61f1b2;box-shadow:0 0 12px #61f1b2}
.mobile-head-button,.aside-close{display:none}
.chat-stage{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:9px}.chat-feed{min-width:0;min-height:0;overflow:hidden;border-radius:18px;background:rgba(4,13,26,.76)}.chat-feed>iframe:first-child{min-height:0}.chat-extra{height:108px!important;border-top:1px solid var(--line)!important}
.chat-aside{min-height:0;display:grid;grid-template-rows:78px minmax(0,1fr);overflow:hidden;border-radius:18px;background:linear-gradient(rgba(5,15,30,.76),rgba(4,12,25,.94)),url("images/constellation-header.png") 12% center/auto 100% no-repeat}.aside-illustration{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 110%,rgba(95,231,255,.18),transparent 65%)}.aside-illustration img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(155,123,255,.55))}.aside-illustration span{color:#dbeafe;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.chat-users{min-height:0}.chat-composer{min-height:0;overflow:hidden;border-radius:18px;background:linear-gradient(120deg,rgba(6,18,35,.93),rgba(15,15,45,.93)),url("images/constellation-header.png") center 55%/cover no-repeat}.chat-system-frames{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.chat-system-frames iframe{width:1px;height:1px}

/* Composer */
body.page-sender_visible{overflow:hidden}.message-composer{width:100%;height:100%;min-height:0;margin:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px}.composer-row{width:100%;min-width:0;display:flex;align-items:center;gap:8px}.composer-main-row{flex:0 0 40px}.message-input{min-width:100px!important;flex:1 1 auto}.file-control{min-width:0;max-width:210px}.file-control input{width:100%}.icon-button,.tool-button,.send-button,.logout-button{min-height:34px!important;height:34px;padding:5px 11px;border-radius:9px}.icon-button{width:36px;padding:0;color:#ffbed0;background:rgba(255,86,126,.13);border-color:rgba(255,111,145,.34);box-shadow:none}.send-button{min-width:92px;color:#06111d;background:linear-gradient(135deg,#63edff,#82a5ff)}.composer-tools-row{min-height:34px;flex-wrap:nowrap;overflow:hidden}.composer-label{flex:0 0 auto;color:#bdd0e4;font-size:12px;font-weight:700}.whisper-input{width:120px;min-width:70px!important}.color-label{margin-left:6px}.composer-tools-row select{width:150px;min-width:100px;min-height:34px;padding:5px 9px}.tool-button{width:36px;padding:0;color:#d9eaff;background:rgba(135,167,255,.1);border-color:rgba(138,177,255,.26);box-shadow:none}.tool-button.is-active{color:#fff;background:#7658db;border-color:#a48fff;box-shadow:0 0 14px rgba(154,120,255,.35)}.logout-button{margin-left:auto;color:#ffd8e2;background:linear-gradient(135deg,rgba(157,45,82,.82),rgba(97,38,82,.86));box-shadow:none}

@media(max-width:1100px){.chat-topbar{height:64px;grid-template-columns:60px minmax(0,1fr) 190px 78px}.chat-identity,.chat-live,.chat-topbar>.chat-nav,.chat-topbar>.chat-alerts{height:62px}.chat-identity{padding:4px;justify-content:center}.chat-identity img{width:50px;height:50px}.chat-identity div{display:none}.chat-stage{grid-template-columns:minmax(0,1fr) 245px}.chat-app{grid-template-rows:64px minmax(0,1fr) 146px}.composer-tools-row{flex-wrap:wrap;align-content:center}.message-composer{gap:6px}}
@media(max-width:820px){body{padding:10px}.landing{grid-template-columns:1fr}.brand-panel{min-height:190px;padding-left:140px}.brand-emblem{left:14px;width:116px;height:116px}.login-grid{grid-template-columns:1fr}.preview-head,.preview-body{grid-template-columns:1fr 170px}}
@media(max-width:760px){
  .chat-app{padding:6px;gap:6px;grid-template-rows:58px minmax(0,1fr) 158px}.chat-topbar{height:58px;grid-template-columns:52px minmax(0,1fr) 44px 44px;border-radius:14px;overflow:visible}.chat-identity,.chat-live,.chat-topbar>.chat-alerts{height:56px}.chat-identity{border-right:1px solid var(--line)}.chat-identity img{width:46px;height:46px}.chat-alerts{grid-column:2;border-left:0!important}.chat-live{display:none}.mobile-head-button{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;align-self:center;color:#dff5ff;background:rgba(8,24,44,.88);border:1px solid rgba(96,232,255,.25);box-shadow:none;font-size:19px}.users-toggle{grid-column:3}.menu-toggle{grid-column:4}
  .chat-topbar>.chat-nav{position:fixed;z-index:30;left:8px;right:8px;top:70px;width:calc(100vw - 16px)!important;height:0!important;visibility:hidden;border:0!important;border-radius:14px;background:#071529!important;box-shadow:none;transition:.18s ease}.chat-topbar>.chat-nav.is-open{height:108px!important;visibility:visible;border:1px solid var(--line)!important;box-shadow:var(--shadow)}
  .chat-stage{display:block;min-height:0}.chat-feed{width:100%;height:100%;border-radius:14px}.chat-aside{position:fixed;z-index:40;top:70px;right:6px;bottom:170px;width:min(88vw,320px);grid-template-rows:66px minmax(0,1fr);border-radius:14px;transform:translateX(calc(100% + 12px));transition:transform .22s ease}.chat-aside.is-open{transform:translateX(0)}.aside-illustration img{width:50px;height:50px}.aside-close{position:absolute;right:10px;top:14px;width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;color:#ffbed0;background:rgba(255,86,126,.12);border:1px solid rgba(255,111,145,.3);box-shadow:none;font-size:22px}
  .chat-composer{border-radius:14px}.composer-tools-row{flex-wrap:wrap}.whisper-input{width:92px}.composer-tools-row select{width:120px}.logout-button{margin-left:0}.nav-shell{height:auto;min-height:100%;align-content:center;justify-content:center;flex-wrap:wrap;white-space:normal}.jsnavi,a.jsnavi,a.jsnavi:visited{min-height:27px;padding:4px 7px;font-size:11px}
}
@media(max-width:430px){.inbox-title{display:none}.header-inbox{padding:6px}.inbox-pill{min-width:48px;justify-content:center}.composer-label.color-label{display:none}.composer-tools-row{gap:5px}.whisper-input{width:78px}.composer-tools-row select{width:102px}.logout-button{font-size:0;width:36px;padding:0}.logout-button:after{content:"↪";font-size:18px}.send-button{min-width:74px}.message-composer{padding:8px}}