:root{--n-ink:#17130f;--n-gold:#c58b29;--n-paper:#f7f0e5;--n-card:#fffaf2;--n-line:#dfd2bf;--n-muted:#6f655a}
.notify-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:clamp(118px,12vw,150px) 0 84px}.notify-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.notify-hero h1{margin:8px 0 16px;font:500 clamp(48px,7vw,92px)/.86 Georgia,serif;letter-spacing:-.055em;color:var(--n-ink)}.notify-hero h1 em{color:var(--n-gold);font-weight:500}.notify-hero p{max-width:690px;margin:0;color:var(--n-muted);font-size:16px;line-height:1.55}.notify-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.notify-card{background:rgba(255,250,242,.96);border:1px solid var(--n-line);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(77,54,23,.08)}.notify-toolbar{padding:18px 20px;border-bottom:1px solid var(--n-line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f3e8d8}.notify-filters{display:flex;gap:8px;flex-wrap:wrap}.notify-filters button{appearance:none;border:1px solid #d6c6b1;background:#fffaf2;color:#2a241e;border-radius:999px;padding:10px 13px;font:800 10px/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.notify-filters button.is-active{background:var(--n-ink);color:#f5ca72;border-color:var(--n-ink)}.notify-filters span{opacity:.68}.notify-unread{display:flex;align-items:center;gap:8px;color:#594f45;font:800 10px/1 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}.notify-summary{display:flex;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid #eadfce;color:#62594f}.notify-summary strong{color:#211c17}.notify-list{min-height:220px}.notify-row{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:20px 22px;border-bottom:1px solid #eee3d3;text-decoration:none;color:inherit;transition:background .16s ease}.notify-row:last-child{border-bottom:0}.notify-row:hover{background:#fbf4e8}.notify-row.is-unread{background:#fff6e6}.notify-row.is-unread:hover{background:#f9edd8}.notify-dot{width:9px;height:9px;border-radius:50%;border:1px solid #b9aa95;background:transparent}.notify-row.is-unread .notify-dot{border-color:var(--n-gold);background:var(--n-gold);box-shadow:0 0 0 4px rgba(197,139,41,.10)}.notify-main{min-width:0}.notify-type{display:flex;align-items:center;gap:8px;margin-bottom:6px}.notify-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eee2cf;color:#6a5740;font:900 8px/1 Arial,sans-serif;letter-spacing:.12em}.notify-main strong{display:block;font-size:15px;line-height:1.35;color:#1c1713}.notify-main small{display:block;margin-top:7px;color:#7e7469}.notify-open{font:900 9px/1 Arial,sans-serif;letter-spacing:.11em;color:#9b671c}.notify-empty{padding:48px 22px;text-align:center;color:#786e63}.notify-empty strong{display:block;color:#27211b;margin-bottom:7px}.notify-empty a{color:#9c691d;font-weight:800}
@media(max-width:760px){.notify-wrap{width:min(100% - 24px,1120px);padding-top:100px}.notify-hero{display:block}.notify-hero h1{font-size:clamp(48px,15vw,72px)}.notify-hero-actions{justify-content:flex-start;margin-top:20px}.notify-toolbar{align-items:flex-start;flex-direction:column}.notify-filters{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notify-filters button{text-align:center}.notify-row{grid-template-columns:12px 1fr;padding:18px 16px}.notify-open{display:none}.notify-summary{padding:15px 16px;font-size:13px}}