*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f6f6;color:#222}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.view{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:20px;margin:14px auto;max-width:720px;box-shadow:0 2px 10px #00000008}.auth-card{width:min(420px,100%)}h1,h2{margin-top:0}label{display:block;font-weight:600;margin:14px 0}input,textarea{width:100%;margin-top:6px;border:1px solid #ccc;border-radius:9px;padding:11px;background:#fff}textarea{resize:vertical}.primary,.secondary{border:0;border-radius:9px;padding:11px 16px}.primary{background:#222;color:#fff}.secondary{background:#eee;color:#222}.link-button{border:0;background:none;padding:6px;color:#555}.tabs{display:flex;gap:4px;margin:16px 0}.tab{border:0;background:#eee;padding:10px 16px;border-radius:8px}.tab.active{background:#222;color:#fff}.message{min-height:20px;color:#b42318}.muted{color:#666}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-bottom:1px solid #ddd}.nav{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #ddd}.nav-item{border:0;background:#fff;padding:12px 4px;color:#555}.nav-item.active{color:#111;font-weight:700;border-bottom:2px solid #111}.page{padding:6px 12px 30px;max-width:800px;margin:auto}.score-card{display:flex;align-items:center;justify-content:space-around;text-align:center}.score{display:flex;flex-direction:column;gap:4px}.score strong{font-size:42px}.score-divider{font-size:24px}.row{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.pill{padding:5px 9px;background:#eee;border-radius:99px;font-size:12px}.challenge-item,.pending-item,.history-item{padding:13px 0;border-bottom:1px solid #eee}.challenge-item:last-child,.pending-item:last-child,.history-item:last-child{border-bottom:0}.challenge-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.empty{padding:18px 0;color:#777}.danger{color:#b42318}.success{color:#067647}.dialog-card{border:0;border-radius:14px;padding:22px;width:min(440px,calc(100% - 30px))}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}dialog::backdrop{background:#0006}@media(max-width:420px){.nav-item{font-size:12px}.score strong{font-size:34px}}

#notif-count{font-size:11px;font-weight:700}.nav-item{white-space:nowrap}
#notification-list small{display:block;margin-top:5px}