.nb-btn{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--nori);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.nb-btn:hover{border-color:var(--salmon)}.nb-badge{box-sizing:border-box;background:var(--ember);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--paper);border-radius:999px;padding:0 5px;font-size:.68rem;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.nb-layer{z-index:60;position:fixed;inset:0}.nb-scrim{background:#101a2073;position:absolute;inset:0}.nb-panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:min(420px,100% - 16px);max-height:calc(100dvh - 88px);display:flex;position:absolute;top:64px;right:max(12px,50vw - 600px);overflow:hidden;box-shadow:0 12px 40px #1f1a3d47}@media (max-width:640px){.nb-panel{width:auto;top:60px;left:8px;right:8px}}@media (prefers-reduced-motion:no-preference){.nb-panel{animation:.18s ease-out nb-in}}@keyframes nb-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nb-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 8px 16px;display:flex}.nb-head h2{align-items:center;gap:8px;font-size:1.15rem;display:flex}.nb-new{font-family:var(--f-body);background:var(--fat);color:var(--salmon-deep);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.nb-head-r{align-items:center;gap:2px;display:flex}.nb-link{min-height:36px;font:inherit;color:var(--nori-soft);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:.85rem}.nb-link:hover{color:var(--nori)}.nb-x{width:36px;height:36px;color:var(--nori-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.4rem;line-height:1}.nb-tabs{background:var(--rice);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 12px 8px;padding:4px;display:grid}.nb-tabs button{min-height:36px;color:var(--nori-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.88rem;font-weight:500}.nb-tabs button[aria-selected=true]{background:var(--salmon);color:var(--on-salmon);font-weight:600}.nb-list{overscroll-behavior:contain;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.nb-item{border:0;border-top:1px solid var(--line);background:var(--paper);width:100%;color:var(--nori);font:inherit;text-align:left;cursor:pointer;gap:12px;padding:12px 16px;display:flex}.nb-item.unread{background:color-mix(in srgb, var(--fat) 45%, var(--paper))}.nb-item:hover{background:var(--rice)}.nb-ic{border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.nb-ic.tone-gold{color:#f5c542;background:#1f1a3d}.nb-ic.tone-violet{background:var(--violet-bg);color:var(--violet)}.nb-ic.tone-grey{background:var(--grey-bg);color:var(--nori-soft)}.nb-ic.tone-blue{background:var(--blue-bg);color:var(--blue)}.nb-cover{background:var(--grey-bg);border-radius:8px;flex:none;width:46px;height:62px;overflow:hidden}.nb-cover img{object-fit:cover;width:100%;height:100%;display:block}.nb-txt{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nb-kind{font-size:.75rem;font-weight:600}.nb-kind.tone-gold{color:var(--salmon-deep)}.nb-kind.tone-green{color:var(--wasabi)}.nb-kind.tone-violet{color:var(--violet)}.nb-kind.tone-grey{color:var(--nori-soft)}.nb-kind.tone-blue{color:var(--blue)}.nb-title{overflow-wrap:anywhere;font-size:.95rem;font-weight:600;line-height:1.4}.nb-body{color:var(--nori-soft);font-size:.84rem;line-height:1.45}.nb-time{color:var(--nori-soft);font-size:.75rem}.nb-dot{background:var(--ember);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.nb-empty{text-align:center;color:var(--nori-soft);border-top:1px solid var(--line);padding:28px 20px;font-size:.9rem}.nb-foot{border-top:1px solid var(--line);display:flex}.nb-foot button{min-height:48px;font:inherit;color:var(--nori);cursor:pointer;background:0 0;border:0;flex:1;font-size:.88rem;font-weight:500}.nb-foot button+button{border-left:1px solid var(--line);color:var(--nori-soft)}.pm-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.pm-btn:focus-visible{outline:2px solid var(--salmon);outline-offset:2px}.pm-panel{width:min(360px,100% - 16px)}.pm-head{align-items:center;gap:14px;padding:22px 10px 16px 18px;display:flex}.pm-id{flex:1;gap:4px;min-width:0;display:grid}.pm-id b{font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:500;overflow:hidden}.pm-lv{color:var(--nori-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.pm-sub{color:var(--nori-soft);font-size:.85rem}.pm-bar{background:var(--line);border-radius:3px;height:6px;display:block;overflow:hidden}.pm-bar>span{background:var(--salmon);border-radius:3px;height:100%;display:block}.pm-rank{color:#f5c542;background:#1f1a3d;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600}.pm-list{border-top:1px solid var(--line);display:grid}.pm-list a{min-height:48px;color:var(--nori);justify-content:space-between;align-items:center;gap:8px;padding:0 18px;font-size:.95rem;text-decoration:none;display:flex}.pm-list a+a{border-top:1px solid var(--line)}.pm-list a:hover{background:var(--rice)}.pm-panel .nb-foot button{color:var(--adult)}