.notif-bell{width:44px;height:44px;color:var(--color-bone);cursor:pointer;flex:none;place-items:center;display:inline-grid;position:relative}.notif-bell__plate{background:linear-gradient(180deg, var(--color-char-2), var(--color-ink-2));border:1px solid var(--color-line-2);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);width:40px;height:36px;transition:color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.notif-bell:hover .notif-bell__plate,.notif-bell[aria-expanded=true] .notif-bell__plate{color:var(--color-crimson)}.notif-bell:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.notif-bell__icon{width:20px;height:20px}.notif-badge{min-width:22px;height:20px;padding:0 var(--sp-1);background:var(--color-crimson-btn);color:var(--color-on-crimson);font:400 var(--fs-t4) / 1 var(--font-display);letter-spacing:.04em;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);box-shadow:0 0 0 2px var(--color-ink);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;right:-4px}@media (prefers-reduced-motion:no-preference){html:not(.lite) .notif-badge[data-pop=true]{animation:notif-pop var(--dur-base) var(--ease-pop)}}@keyframes notif-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:none}}.notif-panel .ui-modal__body{padding:0}.notif-panel__bar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-5);border-bottom:1px solid var(--color-line);display:flex}.notif-panel__state{padding:var(--sp-5)}.notif-panel .ui-modal__foot{justify-content:space-between}@media (min-width:640px){.ui-modal.notif-panel{--modal-from:translateY(calc(-1 * var(--sp-2)));inset:auto;top:calc(env(safe-area-inset-top) + 66px + var(--sp-2));right:max(var(--gutter), calc((100vw - var(--w-app)) / 2 + var(--gutter)));width:min(28rem, calc(100vw - 2 * var(--gutter)));margin:0;position:fixed}.ui-modal.notif-panel .ui-modal__panel{max-height:min(40rem, calc(100dvh - 66px - var(--sp-6)))}.ui-modal.notif-panel::backdrop{background:color-mix(in srgb, var(--color-ink) 45%, transparent)}}.notif-list{flex-direction:column;display:flex}.notif-list>li+li{border-top:1px solid var(--color-line)}.notif-item{align-items:start;gap:var(--sp-3);min-height:44px;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-4);color:var(--color-bone-dim);transition:background-color var(--dur-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.notif-item:hover{background:color-mix(in srgb, var(--color-char-2) 70%, transparent)}.notif-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.notif-item[data-unread=true]{background:color-mix(in srgb, var(--color-crimson-btn) 7%, transparent);box-shadow:inset 3px 0 0 var(--color-crimson)}.notif-item[data-unread=true] .notif-item__text{color:var(--color-bone);font-weight:600}.notif-item__body{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.notif-item__text{color:var(--color-bone-dim);overflow-wrap:anywhere}.notif-item__detail{color:var(--color-bone-dim)}.notif-item__meta{align-items:center;gap:var(--sp-1) var(--sp-3);color:var(--color-muted);flex-wrap:wrap;display:flex}.notif-item__side{align-items:center;gap:var(--sp-2);flex-direction:column;padding-top:2px;display:flex}.notif-item__dot{background:var(--color-crimson);width:8px;height:8px;transform:rotate(45deg)}.notif-amount{color:var(--color-bone);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.notif-amount__icon{width:.95em;height:.95em}.notif-copy{align-items:center;gap:var(--sp-1);padding:0 var(--sp-1);border:1px solid var(--color-line-2);font-family:var(--font-mono);white-space:nowrap;display:inline-flex}.notif-copy__rarity{font-weight:700}html[data-site-theme=light] .notif-copy__rarity{filter:brightness(.45)}.notif-copy__holo,.notif-copy__print{color:var(--color-bone-dim)}.notif-thumb{flex:none;display:block}.notif-thumb__blank{aspect-ratio:5/7;border:1px solid var(--color-line-2);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--color-bone) 14%, transparent) 1px, transparent 1.5px) 0 0 / 5px 5px, linear-gradient(180deg, var(--color-char-2), var(--color-ink-2));display:block}.notif-seal{background:var(--color-crimson-btn);width:20px;height:20px;color:var(--color-on-crimson);font:400 var(--fs-t4) / 1 var(--font-brush);border-radius:3px;place-items:center;display:grid;transform:rotate(-6deg)}.notif-page__tools{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.notif-day{gap:var(--sp-2);flex-direction:column;display:flex}.notif-day__title{align-items:center;gap:var(--sp-3);color:var(--color-bone-dim);display:flex}.notif-day__title:after{content:"";background:var(--color-line);flex:1;height:1px}.notif-day .notif-list{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-ink-2) 80%, transparent)}