:root{color-scheme:dark;--bg:#050a18;--card:#0c1730;--line:#20355b;--ice:#66ddff;--blue:#176cff;--text:#f5fbff;--muted:#9bb0cb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#112a52 0,var(--bg) 48%);color:var(--text);min-height:100vh}.shell{width:min(100% - 28px,520px);margin:auto;padding:24px 0 40px}.card{background:linear-gradient(145deg,rgba(20,42,79,.94),rgba(8,18,39,.96));border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 60px #0005}.hero{display:flex;align-items:center;gap:18px}.logo{width:92px;height:92px;object-fit:cover;border-radius:24px}.eyebrow,.label{display:block;color:var(--ice);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{font-size:25px;line-height:1.05;margin:7px 0}h2{font-size:19px;margin:5px 0 12px}.status-card{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.status-card strong{display:block;margin-top:6px}.status-dot{width:13px;height:13px;border-radius:50%;background:#48e6a0;box-shadow:0 0 18px #48e6a0}.actions{display:grid;gap:10px;margin:14px 0}button{border:0;border-radius:15px;padding:16px;font:inherit;font-weight:750;cursor:pointer}.primary{color:white;background:linear-gradient(135deg,var(--blue),#04a9e8)}.secondary{color:var(--text);background:#132546;border:1px solid #2c4d7f}.hidden{display:none!important}.download-link{color:var(--ice);display:block;word-break:break-all;margin-top:8px}.stats-card{margin-top:14px}.stats-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.period-tabs{display:flex;padding:3px;border-radius:11px;background:#08162c;border:1px solid var(--line)}.period{color:var(--muted);background:transparent;border-radius:8px;padding:7px 8px;font-size:11px;white-space:nowrap}.period.active{color:#fff;background:#176cff}.traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.traffic-grid>div{padding:12px;border-radius:14px;background:#0a1932;border:1px solid #19365c}.traffic-grid span{display:block;color:var(--muted);font-size:11px}.traffic-grid strong{display:block;margin-top:5px;font-size:17px}.traffic-total{grid-column:1/-1}.traffic-total strong{color:var(--ice)}.activity-rating{margin-top:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#0b2345,#102e56);border:1px solid #29527f}.rating-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.rating-snow{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0c4f7d;color:#a9efff;font-size:20px}.rating-top small{display:block;color:var(--muted);font-size:10px}.rating-top strong{display:block;margin-top:3px;font-size:14px}.rating-top>b{font-size:23px;color:var(--ice)}.rating-top>b small{display:inline;font-size:10px;margin-left:2px}.rating-track{height:6px;overflow:hidden;border-radius:8px;background:#07162b;margin-top:12px}.rating-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#176cff,#66ddff);transition:width .35s}.rating-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;color:#a9bdd5;font-size:10px}.rating-meta span:last-child{color:var(--ice)}.traffic-chart{height:112px;display:flex;align-items:flex-end;gap:3px;margin-top:17px;padding-top:5px;border-bottom:1px solid #29466c}.chart-column{height:100%;flex:1;min-width:2px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.chart-column span{width:100%;min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--ice),var(--blue));opacity:.9}.chart-column small{position:absolute;top:100%;font-size:8px;color:#7189a8;white-space:nowrap;margin-top:4px}.stats-footer{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-top:22px}.stats-footer span{display:flex;align-items:center;gap:6px}.stats-footer i{width:7px;height:7px;border-radius:50%;background:#63738b}.stats-footer i.online{background:#48e6a0;box-shadow:0 0 9px #48e6a0}.stats-error{color:#ff9eae;font-size:12px;margin:12px 0 0}.guide{margin-top:14px}.quick-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:15px}.quick-steps li{display:flex;align-items:flex-start;gap:12px}.quick-steps li>span{flex:0 0 30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:850;background:linear-gradient(135deg,var(--blue),#04a9e8)}.quick-steps strong,.quick-steps small{display:block}.quick-steps small{color:var(--muted);font-size:13px;line-height:1.4;margin-top:3px}.guide-note{color:var(--ice);font-size:13px;line-height:1.45;margin:18px 0 0;padding:12px 14px;border-radius:13px;background:#0a3151;border:1px solid #1e6687}.platforms{margin-top:25px}.section-heading{padding:0 5px 7px}.platform{padding:0;margin-top:10px;overflow:hidden;box-shadow:0 12px 35px #0004}.platform summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;padding:16px 18px}.platform summary::-webkit-details-marker{display:none}.platform summary strong,.platform summary small{display:block}.platform summary small{color:var(--muted);font-size:12px;margin-top:3px}.platform-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--ice);font-weight:850;background:#102b50;border:1px solid #294c77}.chevron{color:var(--muted);font-size:20px;transition:transform .2s}.platform[open] .chevron{transform:rotate(180deg)}.platform-body{border-top:1px solid var(--line);padding:16px 18px 19px;background:#07152d}.platform-body ol{margin:16px 0 0;padding-left:22px;color:var(--muted);font-size:14px;line-height:1.5}.platform-body li+li{margin-top:8px}.platform-body b{color:var(--text)}.store-link{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:13px;background:#12345d;color:var(--ice);font-size:14px;font-weight:750;text-decoration:none}.platform code{display:inline-block;max-width:100%;word-break:break-word;color:#b9efff;background:#061020;border:1px solid #1c385d;border-radius:6px;padding:1px 5px}.help-box{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.5}.help-box strong{color:var(--text)}.help-box p{margin:6px 0 0}.admin-body{background:#071020}.admin-shell{height:100vh;display:grid;grid-template-columns:340px 1fr}.admin-shell aside{border-right:1px solid var(--line);background:#09152b;overflow:auto}.admin-shell aside header,.chat>header{padding:22px;border-bottom:1px solid var(--line)}.conversation-list{padding:10px}.conversation{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;color:var(--text);background:transparent;padding:13px;margin-bottom:4px}.conversation span{color:var(--muted);font-size:13px}.conversation b{position:absolute;right:12px;top:18px;background:var(--blue);border-radius:20px;padding:3px 8px}.conversation.active,.conversation:hover{background:#14284a}.chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.messages{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:10px}.message{max-width:70%;padding:12px 15px;border-radius:18px;background:#182b4b}.message.out{align-self:flex-end;background:#0758c9}.message.note{align-self:center;background:#473d1e}.message p{margin:0;white-space:pre-wrap}.message time{display:block;color:#a9bad0;font-size:10px;margin-top:6px}.reply{padding:15px;border-top:1px solid var(--line);display:flex;gap:10px}.reply textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:14px;background:#0b1930;color:white;padding:13px;font:inherit}.empty{color:var(--muted);padding:16px}@media(max-width:720px){.admin-shell{grid-template-columns:1fr}.admin-shell aside{display:none}.message{max-width:90%}}@media(max-width:380px){.shell{width:min(100% - 20px,520px)}.hero{padding:16px}.logo{width:76px;height:76px}.hero h1{font-size:22px}.platform summary{padding:14px}.platform-body{padding:15px}.stats-header{display:block}.period-tabs{margin-top:12px;width:max-content}}

/* Light polar theme for the client Mini App. The admin interface stays dark. */
body:not(.admin-body){
  color-scheme:light;
  --bg:#eaf8ff;
  --card:#f9fdff;
  --line:#b9deee;
  --ice:#087fa8;
  --blue:#168eea;
  --text:#102f43;
  --muted:#66879a;
  background:
    radial-gradient(circle at 14% 5%,rgba(255,255,255,.98) 0 8%,transparent 29%),
    radial-gradient(circle at 90% 20%,rgba(115,213,244,.34),transparent 31%),
    linear-gradient(145deg,#f8fdff 0,#dff4fc 42%,#c5eaf8 100%);
  background-attachment:fixed;
}
body:not(.admin-body)::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background:linear-gradient(118deg,transparent 0 17%,rgba(255,255,255,.7) 17.2% 17.6%,transparent 17.8% 66%,rgba(255,255,255,.55) 66.2% 66.5%,transparent 66.8%),linear-gradient(28deg,transparent 0 43%,rgba(61,165,207,.16) 43.2% 43.5%,transparent 43.8%)}
body:not(.admin-body) .shell{position:relative;z-index:1}
body:not(.admin-body) .card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(232,247,253,.82));border-color:rgba(139,201,225,.7);box-shadow:0 18px 45px rgba(36,117,151,.14),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(16px)}
body:not(.admin-body) .hero{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(211,241,251,.86))}
body:not(.admin-body) .logo{border:2px solid rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(25,120,166,.18)}
body:not(.admin-body) .secondary{color:var(--text);background:rgba(232,247,253,.9);border-color:#9dcee2}
body:not(.admin-body) .period-tabs{background:#dff2fa;border-color:#acd6e7}
body:not(.admin-body) .period{color:#557a90}
body:not(.admin-body) .period.active{color:#fff;background:linear-gradient(135deg,#168eea,#15b9de)}
body:not(.admin-body) .traffic-grid>div{background:rgba(232,247,253,.78);border-color:#b5ddeb}
body:not(.admin-body) .activity-rating{background:linear-gradient(135deg,rgba(214,242,252,.95),rgba(241,251,255,.9));border-color:#99d2e7}
body:not(.admin-body) .rating-snow{background:#c9edf9;color:#087fa8}
body:not(.admin-body) .rating-track{background:#c3e4f1}
body:not(.admin-body) .rating-meta{color:#5c8094}
body:not(.admin-body) .traffic-chart{border-color:#9bcde1}
body:not(.admin-body) .chart-column small{color:#63869a}
body:not(.admin-body) .guide-note{color:#096f95;background:rgba(203,237,249,.75);border-color:#9bcfe3}
body:not(.admin-body) .platform-icon{color:#087fa8;background:#d8f1fa;border-color:#a8d7e9}
body:not(.admin-body) .platform-body{background:rgba(235,248,253,.82);border-color:#b7dce9}
body:not(.admin-body) .store-link{color:#075f86;background:#cfeefa}
body:not(.admin-body) .platform code{color:#075f86;background:#eefaff;border-color:#b2dbe9}

.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#17396c,#071020 60%)}
.login-card{width:min(100%,390px);padding:34px;text-align:center;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#11264a,#08152c);box-shadow:0 30px 80px #0008}
.login-card img{width:94px;height:94px;object-fit:cover;border-radius:24px;margin-bottom:18px}
.login-card .eyebrow{margin-bottom:8px}.login-card h1{margin:0 0 10px}.login-card p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 22px}
.admin-logout{margin-top:12px;padding:8px 12px;color:#a9bad0;background:#132546;border:1px solid #2c4d7f;font-size:12px}