:root{
  --bg:#0b0907; --panel:rgba(24,18,12,.82); --panel2:rgba(38,28,18,.78);
  --text:#fff3da; --muted:#c2ad87; --gold:#f5b642; --gold2:#ffdd7a; --bad:#ff6868; --ok:#77df87;
  --line:rgba(255,214,132,.18); --shadow:0 22px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html{min-height:100%;background:var(--bg)} body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);overflow-x:hidden}
.bg{position:fixed;inset:0;background:radial-gradient(circle at 50% -10%, rgba(245,182,66,.22), transparent 35%),linear-gradient(180deg,#0c0905,#15100b 45%,#060504);z-index:-2}.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 75%,transparent)}
.hero{text-align:center;padding:34px 18px 18px}.logo{width:min(520px,88vw);filter:drop-shadow(0 22px 40px rgba(0,0,0,.65))}.subtitle{margin:0;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.status-pill{display:inline-flex;margin-top:14px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.28);color:var(--muted);font-weight:700}.status-pill.ok{color:var(--ok);border-color:rgba(119,223,135,.35)}.status-pill.bad{color:var(--bad);border-color:rgba(255,104,104,.35)}
.shell{width:min(1120px,92vw);margin:0 auto 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel-section{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(14,10,7,.82));box-shadow:var(--shadow);border-radius:24px;padding:20px;backdrop-filter:blur(12px)}.card strong{display:block;font-size:32px;line-height:1.05;margin-top:6px}.label{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.card small,.hint,.muted{color:var(--muted)}
.chat-section{position:relative}.chat-section:before{content:"";position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,rgba(245,182,66,.22),transparent 35%,rgba(255,221,122,.12));z-index:-1;filter:blur(18px);opacity:.65}.progress-card{grid-column:span 2}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.bar{height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);margin-top:16px}.bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:inherit;box-shadow:0 0 26px rgba(245,182,66,.7)}
.panel-section{margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0 0 12px;font-size:22px}.section-head span{color:var(--muted);font-size:13px}.chat-box{height:280px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.24);padding:12px}.chat-msg{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.chat-msg b{color:var(--gold2)}.chat-msg time{float:right;color:var(--muted);font-size:12px}.chat-input{display:grid;grid-template-columns:140px 1fr auto;gap:10px;margin-top:10px}input,button{font:inherit}input{border:1px solid var(--line);background:rgba(0,0,0,.28);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}input:focus{border-color:rgba(245,182,66,.55)}button,.quick-links a{border:0;background:linear-gradient(180deg,#ffca57,#d58a24);color:#1a0f04;border-radius:14px;padding:13px 16px;font-weight:900;cursor:pointer;text-decoration:none;box-shadow:0 10px 24px rgba(213,138,36,.18)}button:hover,.quick-links a:hover{filter:brightness(1.08)}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.quick-links a{text-align:center}.footer{width:min(1120px,92vw);margin:8px auto 28px;display:flex;justify-content:space-between;align-items:center}.plain,.admin-link{background:transparent;color:var(--muted);box-shadow:none;padding:8px}.admin-link{opacity:.65}.admin-link:hover{opacity:1;color:var(--gold2)}
.modal{max-width:min(620px,92vw);border:1px solid var(--line);border-radius:24px;background:#120d08;color:var(--text);box-shadow:var(--shadow);padding:24px}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.close{float:right;background:transparent;color:var(--muted);box-shadow:none;font-size:28px;padding:0 8px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-grid div,.admin-login,.admin-panel{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:14px}.hidden{display:none}.admin-login{display:grid;gap:10px}.admin-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.console-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0 12px}pre{white-space:pre-wrap;background:#050403;border:1px solid var(--line);border-radius:16px;padding:12px;max-height:220px;overflow:auto;color:#f5e7c8}
@media (max-width:820px){.grid{grid-template-columns:1fr 1fr}.progress-card{grid-column:span 2}.chat-input{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}.install-grid{grid-template-columns:1fr}.admin-actions{grid-template-columns:1fr 1fr}.footer{font-size:13px}.card strong{font-size:26px}}
@media (max-width:520px){.grid{grid-template-columns:1fr}.progress-card{grid-column:span 1}.hero{padding-top:24px}.chat-box{height:330px}.admin-actions{grid-template-columns:1fr}.console-row{grid-template-columns:1fr}}


/* v0.6 admin fix */
.admin-modal-wide{width:min(1120px,96vw);max-width:1120px;min-height:min(760px,90vh);padding:26px}
.admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-title-row h3{margin:0;font-size:26px}.admin-status{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:800}.admin-status.ok{color:var(--ok);border-color:rgba(119,223,135,.35)}.error-text{color:var(--bad)!important}.admin-login{max-width:520px;margin:24px auto}.admin-login input{width:100%}.admin-panel{padding:0;background:transparent;border:0}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:14px;min-height:610px}.admin-side{display:flex;flex-direction:column;gap:9px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:12px}.admin-side button{text-align:left}.danger-btn{background:linear-gradient(180deg,#ff7d63,#9d2a1d);color:#fff}.admin-console-wrap{display:flex;flex-direction:column;min-height:610px;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:20px;padding:14px}.admin-console-head h2{margin:0 0 8px}.console-output{flex:1;min-height:480px;max-height:58vh;font-family:Consolas,Menlo,monospace;font-size:13px;line-height:1.42;background:#020201;color:#ffe9b9}.console-row-big{grid-template-columns:1fr 130px;margin-top:12px}.console-row-big input{font-family:Consolas,Menlo,monospace}.hidden{display:none!important}
@media (max-width:820px){.admin-modal-wide{width:96vw;min-height:86vh;padding:16px}.admin-layout{grid-template-columns:1fr;min-height:unset}.admin-side{display:grid;grid-template-columns:1fr 1fr}.admin-console-wrap{min-height:520px}.console-output{min-height:330px}.console-row-big{grid-template-columns:1fr}.admin-title-row{flex-direction:column}.admin-side .danger-btn{grid-column:span 2}}


/* v1.0 final chat polish */
.chat-msg {
  display: grid;
  grid-template-columns: 48px auto auto 1fr;
  gap: 8px;
  align-items: baseline;
  padding: 7px 8px;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.chat-msg time {
  color: rgba(255, 231, 184, .48);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.chat-msg b {
  color: #9ca3af;
  font-weight: 700;
}
.chat-msg .chat-text {
  color: #d6d3d1;
  overflow-wrap: anywhere;
}
.chat-msg .chat-source strong {
  color: #f59e0b;
  font-weight: 900;
}
.chat-msg:not(.from-web) .chat-source { display:none; }
.chat-msg:not(.from-web) { grid-template-columns: 48px auto 1fr; }
.chat-msg.from-web {
  background: rgba(245, 158, 11, .055);
}