:root{--bg:#07050b;--panel:#100e16f0;--panel-soft:#ffffff0b;--panel-hover:#fff1;--line:#ffffff1b;--text:#f7f1ff;--muted:#f7f1ffad;--soft:#f7f1ff7a;--accent:#d84bf5;--accent-2:#34e982;--bad:#ff5c7a;--warn:#f2c96b;--radius:26px;--shadow:0 28px 86px #0000006b;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:linear-gradient(#d84bf517,#0000 34%),#07050b;min-width:320px;margin:0;overflow-x:hidden}button{font:inherit}.fatalScreen,.activityShell{place-items:center;width:100%;min-height:100svh;padding:clamp(16px,4vw,42px);display:grid}.fatalScreen{color:#fff;background:#07050b}.activityCard{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff0e, #ffffff05), var(--panel);width:min(860px,100%);box-shadow:var(--shadow);padding:clamp(22px,4vw,38px)}.topLine{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.topPill,.versionBadge{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.7rem;font-weight:950}.topPill{color:#f7f1ffc7;background:#d84bf51c;border:1px solid #d84bf538}.versionBadge{color:#f7f1ffad;border:1px solid var(--line);background:#ffffff0a}.brandHeader{align-items:center;gap:16px;display:flex}.localtifyLogo{background:linear-gradient(135deg, #ffffff47, transparent), var(--accent-2);border:1px solid #34e98252;border-radius:20px;flex:none;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 16px 34px #34e98229,inset 0 1px #ffffff5c}.localtifyLogo span{color:#05120a;letter-spacing:-.12em;text-transform:lowercase;font-size:1.12rem;font-weight:1000;line-height:1}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:950}h1{color:var(--text);letter-spacing:-.085em;margin:0;font-size:clamp(2.55rem,7vw,5.55rem);line-height:.88}.userLine{color:#f7f1ff8c;margin-top:10px;font-size:.86rem;font-weight:800;display:inline-flex}.lead{max-width:62ch;color:var(--muted);margin:22px 0 0;font-size:clamp(.98rem,2.1vw,1.18rem);font-weight:680;line-height:1.55}.statusBox{border:1px solid var(--line);background:var(--panel-soft);border-radius:18px;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:12px;margin-top:22px;padding:14px 15px;display:grid}.statusDot{background:var(--soft);border-radius:999px;width:10px;height:10px}.statusBox strong{color:var(--text);letter-spacing:-.02em;font-size:.94rem;font-weight:950;display:block}.statusBox span{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:.86rem;font-weight:700;line-height:1.35;display:block}.statusBox[data-tone=good]{background:#34e98214;border-color:#34e98242}.statusBox[data-tone=good] .statusDot{background:var(--accent-2);box-shadow:0 0 16px #34e98273}.statusBox[data-tone=warn]{background:#f2c96b13;border-color:#f2c96b47}.statusBox[data-tone=warn] .statusDot{background:var(--warn)}.statusBox[data-tone=bad]{background:#ff5c7a13;border-color:#ff5c7a4d}.statusBox[data-tone=bad] .statusDot{background:var(--bad)}.presencePanel{border:1px solid var(--line);background:var(--panel-soft);border-radius:22px;align-items:center;gap:14px;margin-top:16px;padding:14px;display:flex}.presenceArt{color:#07130b;background:linear-gradient(135deg, #ffffff47, transparent), var(--accent-2);letter-spacing:-.12em;border-radius:20px;flex:none;place-items:center;width:78px;height:78px;font-size:1.2rem;font-weight:1000;display:grid}.presenceCopy span{color:#f7f1ffad;letter-spacing:.13em;text-transform:uppercase;background:#ffffff0e;border-radius:999px;width:fit-content;margin-bottom:7px;padding:4px 7px;font-size:.62rem;font-weight:950;display:inline-flex}.presenceCopy strong{color:var(--text);letter-spacing:-.04em;font-size:1.15rem;display:block}.presenceCopy small{color:var(--muted);margin-top:3px;font-size:.9rem;font-weight:760;display:block}.metricGrid,.infoGrid{gap:10px;display:grid}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.metricGrid div,.infoGrid article{border:1px solid var(--line);background:var(--panel-soft);border-radius:18px}.metricGrid div{padding:13px}.metricGrid span,.infoGrid article span{color:var(--soft);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:950;display:block}.metricGrid strong{color:var(--text);letter-spacing:-.025em;font-size:.95rem;font-weight:950}.infoGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.infoGrid article{padding:16px}.infoGrid article strong{color:var(--text);letter-spacing:-.025em;font-size:1rem;display:block}.infoGrid article p{color:var(--muted);margin:7px 0 0;font-size:.88rem;font-weight:650;line-height:1.45}.buttonRow{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.primaryButton,.downloadButton,.ghostButton,.utilityButton{cursor:pointer;letter-spacing:-.02em;border:0;border-radius:15px;min-height:46px;padding:0 18px;font-weight:950;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s,border-color .18s,box-shadow .18s}.primaryButton{color:#09020d;background:linear-gradient(135deg, #fb74ff, var(--accent));box-shadow:0 14px 30px #d84bf533}.downloadButton{color:#06110a;background:linear-gradient(135deg, #7dffb1, var(--accent-2));box-shadow:0 14px 30px #34e98229}.ghostButton,.utilityButton{color:var(--text);border:1px solid var(--line);background:#ffffff0b}.primaryButton:hover,.downloadButton:hover,.ghostButton:hover,.utilityButton:hover{transform:translateY(-1px)}.primaryButton:focus-visible,.downloadButton:focus-visible,.ghostButton:focus-visible,.utilityButton:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.utilityRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.utilityButton{min-height:34px;color:var(--soft);background:0 0;border-radius:999px;padding:0 12px;font-size:.78rem}.utilityButton:hover{color:var(--text);background:#ffffff0a}@media (width<=720px){.activityShell{padding:14px}.activityCard{border-radius:22px}.brandHeader,.presencePanel{align-items:flex-start}.metricGrid,.infoGrid{grid-template-columns:1fr}.buttonRow{display:grid}.primaryButton,.downloadButton,.ghostButton{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}