:root{--n-copper:#c9784a;--n-copper-hi:#efa06d;--n-bronze:#9b5d3c;--n-ink:#071016;--n-panel:rgba(10,20,27,.78);--n-line:rgba(239,160,109,.18);--n-muted:#93a2ab;--n-text:#f7f2ec}.notifications-page{min-height:100dvh;background:radial-gradient(circle at 18% -4%,rgba(201,120,74,.18),transparent 34rem),linear-gradient(180deg,#071016 0%,#08131a 46%,#050b10 100%);color:var(--n-text)}.notifications-page .shell{max-width:1040px;padding-bottom:calc(118px + env(safe-area-inset-bottom))}.notifications-page .top{position:sticky;top:0;z-index:8;margin-inline:-10px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px;background:linear-gradient(180deg,rgba(7,16,22,.96),rgba(7,16,22,.72) 72%,transparent);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.notifications-page .brand .mark{box-shadow:0 0 0 1px rgba(239,160,109,.3),0 8px 28px rgba(201,120,74,.2)}.notifications-hero{padding-top:26px}.notifications-hero h1{max-width:720px;font-size:clamp(2.5rem,8vw,5.5rem);line-height:.94;letter-spacing:-.055em}.notifications-hero p{max-width:680px;font-size:clamp(1rem,2.2vw,1.18rem);color:#b8c3ca}.notifications-page .card{border:1px solid var(--n-line);background:linear-gradient(180deg,rgba(16,29,37,.88),rgba(8,18,24,.82));box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(20px)}.notifications-page .kicker{color:var(--n-copper-hi);letter-spacing:.16em}.notification-settings,.notification-status,.notification-feed{position:relative;overflow:hidden}.notification-settings:before,.notification-status:before,.notification-feed:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,160,109,.52),transparent);pointer-events:none}.notification-settings{gap:10px}.notification-choice{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 14px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.025);font-weight:680;letter-spacing:-.012em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.notification-choice:active{transform:scale(.985)}.notification-choice:has(input:checked){border-color:rgba(239,160,109,.28);background:linear-gradient(90deg,rgba(201,120,74,.11),rgba(255,255,255,.022))}.notification-choice input{appearance:none;-webkit-appearance:none;position:relative;width:46px;height:28px;margin:0 0 0 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#15232c;box-shadow:inset 0 1px 4px rgba(0,0,0,.35);order:2;flex:none;transition:background .2s ease,border-color .2s ease}.notification-choice input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f5f7f8;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.notification-choice input:checked{background:linear-gradient(135deg,var(--n-bronze),var(--n-copper-hi));border-color:rgba(239,160,109,.7)}.notification-choice input:checked:after{transform:translateX(18px)}.notification-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.notification-schedule label{display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(3,10,14,.26);color:#b9c3c9;font-size:.82rem;font-weight:700}.notification-schedule label:last-child{grid-column:1/-1}.notification-schedule .input,.notification-schedule .select{min-height:46px;border-color:rgba(239,160,109,.16);background:rgba(7,16,22,.82);color:var(--n-text)}.notification-status{display:flex;flex-direction:column;align-items:flex-start}.notification-status h2{margin:12px 0 6px;font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.045em}.notification-status>p{margin-top:0;max-width:34ch;color:#aebbc2}.notification-status .quick-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:22px}.notifications-page .btn{min-height:50px;border-radius:15px;font-weight:780;letter-spacing:-.012em;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.notifications-page .btn:active{transform:translateY(1px) scale(.985)}.notifications-page .btn:not(.secondary){background:linear-gradient(135deg,#b86c42,var(--n-copper-hi));color:#170c07;border:1px solid rgba(255,221,198,.22);box-shadow:0 12px 30px rgba(201,120,74,.2),inset 0 1px 0 rgba(255,255,255,.22)}.notifications-page .btn.secondary{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);color:#eef2f4}.notification-save{margin-top:8px;width:100%}.notification-status .status{width:100%;margin-top:14px;padding:13px 14px;border-radius:14px;border:1px solid rgba(239,160,109,.13);background:rgba(201,120,74,.07);color:#c4ced4}