:root{--ink:#070712;--deep:#151029;--wine:#21091a;--hot:#ff2e93;--lime:#c6ff00;--cyan:#00f5ff;--lav:#9b5cff;--soft:#ede7ff;--muted:#b7bbc7}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:white;background:linear-gradient(180deg,var(--ink),var(--deep),var(--wine));min-height:100vh}.app{max-width:480px;margin:0 auto;padding:24px 18px 80px}.hero h1{margin:0;color:var(--lime);font-size:38px;font-family:ui-monospace,monospace}.hero p{margin:4px 0 16px;color:var(--hot);font-weight:800}.card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;margin:14px 0;box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.today{background:linear-gradient(135deg,var(--hot),var(--lav),var(--cyan));border:0}.emoji{font-size:58px}.title{font-weight:950;font-size:20px}.sub{color:var(--muted);font-size:13px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--lime);color:var(--ink);font-weight:950;border-radius:999px;padding:7px 12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{text-align:center;background:rgba(255,255,255,.12);border-radius:24px;padding:14px}.stat b{display:block;color:var(--lime);font-size:24px}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.14);padding:12px 0}.row:last-child{border:0}svg{width:100%;height:180px;overflow:visible}.axis{stroke:rgba(255,255,255,.25);stroke-width:1}.line{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.dot{fill:var(--hot);stroke:white;stroke-width:2}@media(min-width:900px){.app{max-width:1180px;padding:34px;display:grid;grid-template-columns:360px 1fr;gap:18px}.hero{grid-column:1/-1}.maincol .card:first-child{margin-top:0}}