:root{--md-bg:var(--bg-deep);--md-panel:var(--bg-panel);--md-panel2:var(--bg-panel-alt);--md-text:var(--text-main);--md-muted:var(--text-muted);--md-accent:var(--accent-color);--md-accent2:var(--green);--md-line:var(--line)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(154,120,255,.16),transparent 34%),var(--md-bg);color:var(--md-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.md-shell{max-width:1180px;margin:auto;padding:24px 20px 50px}.md-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0 24px}.md-brand{font-weight:900;color:#fff;text-decoration:none;letter-spacing:.04em}.md-brand span{color:var(--md-accent)}.md-header nav{display:flex;gap:18px;flex-wrap:wrap}.md-header nav a{color:var(--md-muted);text-decoration:none}.md-header nav a:hover{color:#fff}.md-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:34px;border:1px solid var(--md-line);border-radius:24px;background:linear-gradient(135deg,rgba(154,120,255,.18),rgba(89,224,187,.06))}.md-eyebrow{color:var(--md-accent2);font-size:.78rem;font-weight:800;letter-spacing:.14em}.md-hero h1{margin:.15rem 0 .55rem;font-size:clamp(2rem,5vw,3.5rem)}.md-sub{margin:0;max-width:720px;color:var(--md-muted);line-height:1.65}.md-actions{display:flex;gap:10px;flex-wrap:wrap}.md-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--md-line);background:var(--md-panel2);color:#fff;text-decoration:none;border-radius:12px;padding:11px 15px;font-weight:750;cursor:pointer}.md-btn:hover{filter:brightness(1.12)}.md-primary{background:var(--md-accent);border-color:transparent}.md-small{padding:8px 11px;font-size:.88rem;margin-top:12px}.md-status{margin:14px 0;padding:14px 16px;border:1px solid var(--md-line);border-radius:12px;background:var(--md-panel);color:#cbd4e9;font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.18);animation:md-status-in .28s ease}
.md-status.md-status-ok{border-color:var(--md-accent2);background:rgba(89,224,187,.14);box-shadow:0 4px 18px rgba(89,224,187,.22)}
@keyframes md-status-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.md-streak{transition:box-shadow .3s ease,border-color .3s ease}
.md-streak.md-flash{border-color:var(--md-accent2);box-shadow:0 0 0 3px rgba(89,224,187,.28),0 4px 20px rgba(89,224,187,.25)}.md-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.md-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.md-card{background:linear-gradient(180deg,var(--md-panel),rgba(18,22,36,.72));border:1px solid var(--md-line);border-radius:18px;padding:20px;min-width:0}.md-card-head,.md-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.md-card-head{color:#dbe2f8}.md-card-head a{color:var(--md-accent2);text-decoration:none;font-size:.9rem}.md-card h2{margin:15px 0 8px}.md-card p{color:var(--md-muted);line-height:1.55}.md-big{font-size:2.5rem;font-weight:900;margin-top:22px}.md-progress{height:9px;background:#22283a;border-radius:999px;overflow:hidden;margin:15px 0 8px}.md-progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--md-accent),var(--md-accent2));border-radius:999px;transition:width .35s ease}.md-list,.md-friends{display:grid;gap:10px}.md-item,.md-friend{border:1px solid var(--md-line);background:rgba(255,255,255,.025);border-radius:12px;padding:12px}.md-item strong,.md-friend strong{display:block;margin-bottom:4px}.md-item small,.md-friend small{color:var(--md-muted)}.md-friend{display:flex;align-items:center;justify-content:space-between;gap:12px}.md-pill{padding:5px 9px;border-radius:999px;background:rgba(89,224,187,.12);color:var(--md-accent2);font-size:.78rem;font-weight:800}.md-muted{color:var(--md-muted);margin:0}.md-footer{margin-top:24px;color:#7f88a0;text-align:center;font-size:.85rem}@media(max-width:900px){.md-grid{grid-template-columns:repeat(2,1fr)}.md-columns{grid-template-columns:1fr}.md-hero{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.md-shell{padding-inline:14px}.md-grid{grid-template-columns:1fr}.md-hero{padding:22px}.md-header{align-items:flex-start;flex-direction:column}.md-header nav{gap:12px;font-size:.92rem}}