.ntf-page{--nt-amber:#f59e0b;--nt-ink:#f4f4f5;--nt-muted:#f4f4f5ad;--nt-line:#ffffff14;--nt-panel:#ffffff08;max-width:820px;color:var(--nt-ink);margin:0 auto;padding:.75rem 1.1rem 3.5rem;font-family:DM Sans,system-ui,sans-serif}.ntf-head{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.1rem;display:flex}.ntf-head h1{letter-spacing:-.03em;margin:0 auto 0 0;font-family:Syne,sans-serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800}.ntf-head h1 span{color:var(--nt-amber)}.ntf-btn{border:1px solid var(--nt-line);min-height:44px;color:var(--nt-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.ntf-btn:hover{border-color:#f59e0b73}.ntf-btn-primary{background:var(--nt-amber);color:#0c0c0f;border-color:#0000}.ntf-btn:disabled{opacity:.45;cursor:not-allowed}.ntf-cats{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.ntf-cat{border:1px solid var(--nt-line);min-height:40px;color:var(--nt-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .85rem;font-size:.84rem;font-weight:600}.ntf-cat.is-active{color:var(--nt-amber);background:#f59e0b14;border-color:#f59e0b80}.ntf-cat em{opacity:.85;margin-left:.35rem;font-size:.75rem;font-style:normal}.ntf-list{gap:.55rem;display:grid}.ntf-card{border:1px solid var(--nt-line);background:var(--nt-panel);text-align:left;color:inherit;font:inherit;cursor:pointer;border-radius:16px;grid-template-columns:1fr auto;gap:.55rem .75rem;width:100%;padding:.95rem 1rem;transition:border-color .15s,transform .15s;display:grid}.ntf-card:hover{border-color:#f59e0b66;transform:translateY(-1px)}.ntf-card.is-unread{box-shadow:inset 3px 0 0 var(--nt-amber);border-color:#f59e0b59}.ntf-card-main{gap:.3rem;min-width:0;display:grid}.ntf-card-meta{color:var(--nt-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.ntf-pill{min-height:22px;color:var(--nt-amber);background:#f59e0b24;border-radius:999px;align-items:center;padding:0 .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.ntf-pill.social{color:#38bdf8;background:#38bdf824}.ntf-pill.buddy{color:#f472b6;background:#f472b624}.ntf-pill.project{color:#34d399;background:#34d39924}.ntf-pill.system{color:#a1a1aa;background:#a1a1aa29}.ntf-card h2{margin:0;font-size:1rem;font-weight:650;line-height:1.3}.ntf-card p{color:var(--nt-muted);margin:0;font-size:.88rem;line-height:1.45}.ntf-card-actions{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.ntf-card-actions .ntf-btn{min-height:40px;padding:.35rem .7rem;font-size:.78rem}.ntf-empty,.ntf-error,.ntf-hint{color:var(--nt-muted);font-size:.92rem}.ntf-error{color:#f87171}.ntf-settings{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.ntf-setting>div{min-width:0}.ntf-setting>div:last-child{flex-shrink:0}.ntf-setting.ntf-setting-stack{grid-template-columns:minmax(0,1fr);display:grid}.ntf-setting .ntf-btn{white-space:nowrap}.ntf-setting{border:1px solid var(--nt-line);background:var(--nt-panel);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:72px;padding:1rem 1.05rem;display:flex}.ntf-setting h3{margin:0 0 .25rem;font-size:.98rem;font-weight:650}.ntf-setting p{color:var(--nt-muted);max-width:28rem;margin:0;font-size:.84rem;line-height:1.4}.ntf-switch{flex-shrink:0;width:48px;height:28px;margin-top:.15rem;position:relative}.ntf-switch input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ntf-switch input:focus-visible+span{outline:2px solid var(--nt-amber);outline-offset:3px}.ntf-switch input:disabled+span{opacity:.5}.ntf-switch span{cursor:pointer;background:#ffffff1f;border-radius:999px;transition:background .15s;position:absolute;inset:0}.ntf-switch span:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.ntf-switch input:checked+span{background:var(--nt-amber)}.ntf-switch input:checked+span:after{transform:translate(20px)}.nav-notify-wrap{align-items:center;display:inline-flex;position:relative}.nav-notify-bell{justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-notify-bell .nav-notify-badge{color:#0c0c0f;text-align:center;pointer-events:none;background:#f59e0b;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:2px;right:2px}.nav-notify-panel{--nt-amber:#f59e0b;--nt-ink:#f4f4f5;--nt-muted:#f4f4f5ad;--nt-line:#ffffff1a;z-index:1300;border:1px solid var(--nt-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(22.5rem,100vw - 1.5rem);max-height:min(28rem,100dvh - 6.5rem);color:var(--nt-ink);background:#0d0d11;border-radius:16px;flex-direction:column;font-family:DM Sans,system-ui,sans-serif;animation:.16s ease-out nav-notify-in;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 48px #00000073}@keyframes nav-notify-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-notify-panel-head,.nav-notify-panel-foot{border-bottom:1px solid var(--nt-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .9rem;display:flex}.nav-notify-panel-foot{border-bottom:0;border-top:1px solid var(--nt-line)}.nav-notify-panel-head strong{letter-spacing:-.02em;font-size:.95rem;font-weight:750}.nav-notify-text-btn{appearance:none;color:var(--nt-muted);font:inherit;cursor:pointer;background:0 0;border:0;min-height:36px;padding:0 .35rem;font-size:.8rem;font-weight:600;text-decoration:none}.nav-notify-text-btn:hover:not(:disabled){color:var(--nt-amber)}.nav-notify-text-btn:disabled{opacity:.4;cursor:not-allowed}.nav-notify-view-all{background:var(--nt-amber);color:#0c0c0f;border-radius:999px;align-items:center;min-height:40px;padding:0 .85rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-notify-view-all:hover{filter:brightness(1.05)}.nav-notify-panel-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.nav-notify-list{margin:0;padding:.25rem 0;list-style:none}.nav-notify-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0d;gap:.2rem;min-height:44px;padding:.75rem .9rem;display:grid}.nav-notify-item:last-child{border-bottom:0}.nav-notify-item:hover{background:#f59e0b14}.nav-notify-item.is-unread{box-shadow:inset 3px 0 0 var(--nt-amber);background:#f59e0b0d}.nav-notify-count{color:var(--nt-amber);font-weight:700}.nav-notify-todos{border-bottom:1px solid var(--nt-line)}.nav-notify-item.is-todo .nav-notify-item-cta{color:var(--nt-amber);margin-top:.2rem;font-size:.78rem;font-weight:700}.nav-notify-todo-steps{align-items:center;gap:.4rem;margin-left:auto;display:inline-flex}.nav-notify-todo-steps>span{opacity:.55;align-items:center;gap:.2rem;display:inline-flex}.nav-notify-todo-steps>span.is-done{opacity:1;color:#34d399}.nav-notify-todo-steps>span.is-pending{opacity:1;color:var(--nt-amber)}.nav-notify-item-meta{color:var(--nt-muted);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.72rem;display:flex}.nav-notify-item-title{font-size:.9rem;font-weight:650;line-height:1.3}.nav-notify-item-body{color:var(--nt-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.nav-notify-empty,.nav-notify-error{color:var(--nt-muted);text-align:center;margin:0;padding:1.25rem .9rem;font-size:.88rem}.nav-notify-error{color:#f87171}html.light .nav-notify-panel,html[data-theme=light] .nav-notify-panel{--nt-ink:#18181b;--nt-muted:#18181b9e;--nt-line:#18181b1a;background:#fefefe;box-shadow:0 18px 40px #0f172a24}@media (max-width:900px){.nav-notify-panel{top:calc(var(--nav-height,72px) + 8px);width:auto;max-height:min(68dvh,calc(100dvh - 9rem - env(safe-area-inset-bottom,0px)));border-radius:18px;position:fixed;bottom:auto;left:.75rem;right:.75rem}}.ntf-setting-stack{align-items:start}.ntf-quiet-fields{justify-self:end;gap:.55rem;width:min(100%,280px);display:grid}.ntf-quiet-fields label{color:var(--nt-muted);gap:.25rem;font-size:.78rem;display:grid}.ntf-quiet-fields input{box-sizing:border-box;border:1px solid var(--nt-line);width:100%;min-width:0;min-height:44px;color:var(--nt-ink);font:inherit;background:#00000040;border-radius:12px;padding:.45rem .65rem}@media (max-width:640px){.ntf-quiet-fields{justify-self:stretch;width:100%}}