*{box-sizing:border-box}body{margin:0;background:#101319;color:#eeedf1;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1080px;margin:auto;padding:30px 34px}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #3b404a;background:#252b35;color:#f5f3fa;border-radius:9px;padding:10px 17px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #c5b3f3;outline-offset:3px}header,.brand,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:#efebfa;text-decoration:none;font-weight:650;font-size:21px;justify-content:flex-start}.brand:first-letter{color:#b3a0df}.pill{font-size:10px;letter-spacing:2px;border:1px solid #48434f;border-radius:30px;padding:5px 12px;color:#c5b4e6}.hero{display:flex;align-items:center;justify-content:space-between;padding:55px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:#c7b58a;font-weight:700}h1{font-size:clamp(29px,4vw,43px);line-height:1.2;letter-spacing:-1.3px;margin:16px 0;font-weight:550}h2{font-size:22px;letter-spacing:-.4px;margin:0 0 4px;font-weight:550}.muted,small{color:#9ca3b2}.muted{margin-top:6px}.orb{width:170px;height:170px;flex-shrink:0;border-radius:50%;margin-right:30px;display:grid;place-items:center;font:90px Georgia;color:#dfceff;background:radial-gradient(circle at 35% 28%,#9c8ac7aa,#58487088 32%,#242531 67%);box-shadow:inset -9px -13px 35px #07090d,inset 2px 2px 2px #b7a9d255,0 15px 65px #9270c11f;border:1px solid #8c7b9d55}#notice{font-size:13px;color:#c8b8e9;min-height:25px;margin:0 0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats article{border:1px solid #303540;background:#191e27;border-radius:12px;padding:19px 22px}.stats span,.stats small{display:block;font-size:12px}.stats strong{display:block;font-size:34px;font-weight:550;margin:4px 0}.stats span{color:#c9c8cf}nav{display:flex;gap:24px;border-bottom:1px solid #303540;margin-top:30px;overflow:auto}.tab{border:0;background:none;border-radius:0;padding:16px 0;color:#999eab;white-space:nowrap}.tab.active{color:#d9c8fd;border-bottom:2px solid #bd9dea}.panel{padding-top:28px}.section-head .muted{font-size:13px;margin-bottom:0}.primary{background:#cfb4f5;border-color:#cfb4f5;color:#21182f;font-weight:650}.search-label{margin-top:24px;font-size:12px;color:#9ca3b2}input:not([type=checkbox]),textarea{width:100%;background:#191e27;border:1px solid #363d49;border-radius:8px;color:#f4f0fa;padding:12px;resize:vertical;margin-top:7px}#search{max-width:100%}label{display:block;margin-bottom:18px}label small{display:block;font-size:12px;margin-top:6px}.prediction{border-bottom:1px solid #2c323d;padding:20px 0;display:flex;gap:18px;align-items:flex-start}.prediction .number{color:#b9a2de;font-size:12px;min-width:32px;padding-top:5px}.prediction p{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.prediction .body{flex:1}.prediction small{font-size:11px;color:#a5b9a1}.prediction.inactive{opacity:.55}.prediction.inactive small{color:#cdb893}.prediction button{padding:6px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.switch{display:flex;align-items:center;gap:10px;margin:18px 0}input[type=checkbox]{accent-color:#cfb4f5;width:18px;height:18px}footer{display:flex;justify-content:space-between;color:#737b8b;font-size:11px;padding:36px 0 10px;gap:10px}.chat{display:flex;gap:14px;max-width:650px;margin:30px auto;padding:26px;background:#191e27;border:1px solid #343641;border-radius:15px}.avatar{font-size:24px;background:#504163;color:#e2c5fc;border-radius:50%;min-width:42px;height:42px;text-align:center}.chat b{color:#d9bcf2}.chat p{white-space:pre-wrap;overflow-wrap:anywhere}.chat button{color:#dcc8f7;width:100%}dialog{max-width:600px;width:calc(100% - 30px);background:#191e27;color:#eeedf1;border:1px solid #51465f;border-radius:16px;padding:26px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}#editor-error{color:#f1a6a6}body [hidden]{display:none!important}@media(max-width:620px){main{padding:20px 18px}.hero{padding:30px 0 20px}.orb{width:85px;height:85px;font-size:45px;margin:0 0 0 8px}.hero .muted br{display:none}.hero .muted{font-size:12px}.pill{display:none}.brand{font-size:18px}h1{font-size:28px}.stats{gap:8px}.stats article{padding:12px 10px}.stats strong{font-size:27px}.stats small,.stats span{font-size:10px}nav{gap:18px}.tab{font-size:12px}.section-head{align-items:flex-start}.section-head .primary{font-size:12px;padding:9px;white-space:nowrap}h2{font-size:20px}.form-grid{grid-template-columns:1fr;gap:0}.prediction{gap:9px;font-size:14px}.prediction .number{min-width:23px}.prediction button{font-size:11px;padding:5px}footer{font-size:10px}.chat{padding:16px;gap:10px}}

/* Compact Mini App typography, self-hosted Manrope with Cyrillic. */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/manrope-400.ttf') format('truetype');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/manrope-600.ttf') format('truetype');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/manrope-700.ttf') format('truetype');
}
body {
  font-family: Manrope, 'Segoe UI', sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
main { padding-top: 22px; }
header { min-height: 30px; }
.brand { font-size: 19px; font-weight: 700; gap: 10px; letter-spacing: -.35px; }
.hero { gap: 18px; padding: 22px 0 16px; }
.hero > div:first-child { min-width: 0; }
.eyebrow { font-size: 9px; letter-spacing: 1.8px; margin: 0 0 7px; font-weight: 600; }
h1 { font-size: 32px; line-height: 1.2; letter-spacing: -.9px; font-weight: 600; margin: 0 0 8px; }
h2 { font-weight: 600; letter-spacing: -.5px; }
.hero .muted { font-size: 13px; line-height: 1.5; max-width: 410px; margin: 0; }
.orb { width: 90px; height: 90px; font-size: 48px; margin-right: 8px; }
#notice { font-size: 12px; line-height: 1.45; min-height: 18px; margin-bottom: 16px; }
.stats strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.stats span { font-weight: 600; }
nav { margin-top: 18px; }
.tab { min-height: 44px; font-weight: 600; padding: 12px 0; }
.panel { padding-top: 22px; }
input:not([type=checkbox]), textarea { font-size: 16px; line-height: 1.5; }
.prediction p { line-height: 1.65; }
@media (max-width: 620px) {
  main { padding: 14px 16px 20px; }
  .brand { font-size: 17px; }
  .hero { padding: 16px 0 12px; gap: 12px; }
  .eyebrow { font-size: 8px; letter-spacing: 1.4px; margin-bottom: 6px; }
  h1 { font-size: 25px; letter-spacing: -.65px; margin-bottom: 6px; }
  .hero .muted { font-size: 12px; max-width: 300px; }
  .orb { width: 56px; height: 56px; margin: 0; font-size: 30px; }
  #notice { font-size: 11px; margin-bottom: 12px; }
  .stats article { padding: 11px 10px; }
  .stats strong { font-size: 25px; margin: 3px 0; }
  .stats span, .stats small { font-size: 10px; line-height: 1.45; }
  nav { margin-top: 12px; gap: 18px; }
  .tab { font-size: 12px; padding: 11px 0; }
  .panel { padding-top: 18px; }
  h2 { font-size: 19px; }
  .section-head .muted { font-size: 12px; }
  .search-label { margin-top: 16px; }
}
@media (max-width: 360px) {
  .orb { width: 44px; height: 44px; font-size: 25px; }
  h1 { font-size: 23px; }
  nav { gap: 14px; }
  .tab { font-size: 11px; }
}