.DateGroup-module__-ns6hG__group{flex-direction:column;gap:12px;display:flex}.DateGroup-module__-ns6hG__group+.DateGroup-module__-ns6hG__group{margin-top:28px}.DateGroup-module__-ns6hG__label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 4px;font-size:12px;font-weight:700}.DateGroup-module__-ns6hG__body{flex-direction:column;gap:12px;display:flex}
.NotificationCard-module__Hdu1SG__notif{background:var(--bg-base);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:16px 20px;transition:background .1s,border-color .1s;display:flex;position:relative}.NotificationCard-module__Hdu1SG__notif:hover{border-color:var(--brand-200)}[data-theme=dark] .NotificationCard-module__Hdu1SG__notif:hover{border-color:#7c5cff73}.NotificationCard-module__Hdu1SG__unread{background:var(--brand-50);border-color:var(--brand-100);padding-left:28px}[data-theme=dark] .NotificationCard-module__Hdu1SG__unread{background:#7c5cff1a;border-color:#7c5cff52}[data-theme=dark] .NotificationCard-module__Hdu1SG__unread:hover{background:#7c5cff24;border-color:#7c5cff8c}.NotificationCard-module__Hdu1SG__unread:before{content:"";background:var(--brand-500);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.NotificationCard-module__Hdu1SG__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.NotificationCard-module__Hdu1SG__icon[data-kind=follow],.NotificationCard-module__Hdu1SG__icon[data-kind=leaderboard]{background:var(--brand-100);color:var(--brand-700)}.NotificationCard-module__Hdu1SG__icon[data-kind=test-approval]{background:var(--emerald-100);color:var(--emerald-700)}.NotificationCard-module__Hdu1SG__icon[data-kind=streak]{background:var(--amber-100);color:var(--amber-600)}.NotificationCard-module__Hdu1SG__icon[data-kind=message]{background:var(--sky-100);color:var(--sky-600)}.NotificationCard-module__Hdu1SG__icon[data-kind=badge],.NotificationCard-module__Hdu1SG__icon[data-kind=favorite]{background:var(--pink-100);color:var(--pink-500)}.NotificationCard-module__Hdu1SG__icon[data-kind=alert]{background:var(--rose-100);color:var(--rose-500)}.NotificationCard-module__Hdu1SG__icon[data-kind=system]{background:var(--bg-muted);color:var(--text-2)}:is([data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=follow],[data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=leaderboard]){color:#b5a5ff;background:#7c5cff2e}[data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=test-approval]{color:#86efac;background:#16a34a2e}[data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=streak]{color:var(--amber-400);background:#f59e0b2e}[data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=message]{color:#7dd3fc;background:#0ea5e92e}:is([data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=badge],[data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=favorite]){color:#f9a8d4;background:#ec48992e}[data-theme=dark] .NotificationCard-module__Hdu1SG__icon[data-kind=alert]{color:#fca5a5;background:#ef44442e}.NotificationCard-module__Hdu1SG__body{flex:1;min-width:0}.NotificationCard-module__Hdu1SG__title{color:var(--text-1);font-size:14px;font-weight:600;line-height:1.4}.NotificationCard-module__Hdu1SG__desc{color:var(--text-2);margin-top:2px;font-size:13px;line-height:1.5}.NotificationCard-module__Hdu1SG__time{color:var(--text-3);margin-top:6px;font-size:11px}.NotificationCard-module__Hdu1SG__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}
.push-btn{cursor:pointer;outline-offset:4px;-webkit-tap-highlight-color:#0000;color:inherit;background:0 0;border:none;outline-color:#ff1493;padding:0;font-family:inherit;text-decoration:none;transition:filter .25s;display:inline-block;position:relative}.push-btn-shadow{filter:blur(2px);will-change:transform;background:#9ca5c4;border-radius:8px;width:100%;height:100%;transition:transform .6s cubic-bezier(.3,.7,.4,1);position:absolute;top:0;left:0;transform:translateY(2px)}[data-theme=dark] .push-btn-shadow{background:#1d1745}.push-btn--success .push-btn-front{background:#2bab5a}.push-btn--success .push-btn-edge{background:linear-gradient(90deg,#216339 0%,#2b824b 8%,#216339 92%,#194d2c 100%)}[data-theme=dark] .push-btn--success .push-btn-shadow{background:#12361f}.push-btn--danger .push-btn-front{background:#d84646}.push-btn--danger .push-btn-edge{background:linear-gradient(90deg,#862727 0%,#a63030 8%,#862727 92%,#6b1f1f 100%)}[data-theme=dark] .push-btn--danger .push-btn-shadow{background:#3f1212}.push-btn--neutral .push-btn-front{background:#6a7181}.push-btn--neutral .push-btn-edge{background:linear-gradient(90deg,#3f4550 0%,#515867 8%,#3f4550 92%,#31363f 100%)}[data-theme=dark] .push-btn--neutral .push-btn-shadow{background:#191d24}.push-btn--block{width:100%;display:block}.push-btn--block .push-btn-front{display:flex}.push-btn-edge{background:linear-gradient(90deg,#473d8a 0%,#594cae 8%,#473d8a 92%,#352d67 100%);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.push-btn-front{color:#fff;text-transform:uppercase;letter-spacing:1.1px;white-space:nowrap;background:#6a5bcd;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:600;transition:transform .6s cubic-bezier(.3,.7,.4,1);display:inline-flex;position:relative;transform:translateY(-4px)}.push-btn-front>svg{flex-shrink:0}.push-btn:hover{filter:brightness(110%)}.push-btn:hover .push-btn-front{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(-6px)}.push-btn:active .push-btn-front{transition:transform 34ms;transform:translateY(-2px)}.push-btn:hover .push-btn-shadow{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(4px)}.push-btn:active .push-btn-shadow{transition:transform 34ms;transform:translateY(1px)}.push-btn:focus:not(:focus-visible){outline:none}
.JoinByIdModal-module__4SNgRa__backdrop{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0f111b8c;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out JoinByIdModal-module__4SNgRa__fade-in;display:flex;position:fixed;inset:0}.JoinByIdModal-module__4SNgRa__modal{background:var(--bg-base);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg,0 24px 48px #00000040);border-radius:18px;padding:28px;animation:.22s cubic-bezier(.2,.9,.3,1.2) JoinByIdModal-module__4SNgRa__pop-in}.JoinByIdModal-module__4SNgRa__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.JoinByIdModal-module__4SNgRa__title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.JoinByIdModal-module__4SNgRa__subtitle{color:var(--text-3);margin:6px 0 0;font-size:13px;line-height:1.5}.JoinByIdModal-module__4SNgRa__closeBtn{cursor:pointer;width:32px;height:32px;color:var(--text-3);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.JoinByIdModal-module__4SNgRa__closeBtn:hover{background:var(--bg-muted);color:var(--text-1)}.JoinByIdModal-module__4SNgRa__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.JoinByIdModal-module__4SNgRa__input{border:2px solid var(--border);background:var(--bg-subtle);width:100%;height:48px;color:var(--text-1);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;outline:none;padding:0 16px;font-size:16px;font-weight:600;transition:border-color .15s}.JoinByIdModal-module__4SNgRa__input:focus{border-color:var(--brand-500);background:var(--bg-base)}.JoinByIdModal-module__4SNgRa__input::placeholder{color:var(--text-3);letter-spacing:.04em;font-weight:500}.JoinByIdModal-module__4SNgRa__hint{color:var(--text-3);margin-top:10px;font-size:12px;line-height:1.5}.JoinByIdModal-module__4SNgRa__actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@keyframes JoinByIdModal-module__4SNgRa__fade-in{0%{opacity:0}to{opacity:1}}@keyframes JoinByIdModal-module__4SNgRa__pop-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}