.sn-entry{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none;color:var(--fg);border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer}.sn-entry svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sn-entry.has-unread:after{content:'';position:absolute;right:7px;top:6px;width:6px;height:6px;background:var(--accent);border-radius:50%}.sn-panel{position:fixed;z-index:2000;right:20px;top:76px;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;padding:18px;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 48px #0007;font:14px/1.5 var(--reading-font,Arial,sans-serif)}.sn-panel[hidden]{display:none}.sn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sn-head h2{margin:0;font-size:24px}.sn-close{color:var(--muted);border:0;background:none;font:24px/1 sans-serif;cursor:pointer;min-width:36px;min-height:36px}.sn-events{display:grid;gap:6px}.sn-event{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 10px;border-radius:5px;color:var(--fg);text-decoration:none;background:var(--soft)}.sn-event.is-read{opacity:.7}.sn-event small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sn-event-mark{font-size:22px;color:var(--accent)}.sn-empty{padding:16px 0;color:var(--muted)}.sn-settings{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.sn-settings h3{font:600 17px var(--reading-font,Arial,sans-serif);margin:0 0 10px}.sn-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px}.sn-setting input{width:19px;height:19px;accent-color:var(--accent);flex:none}.sn-action{width:100%;padding:11px 14px;min-height:44px;background:var(--accent);color:var(--bg);border:0;border-radius:4px;font:600 13px var(--reading-font,Arial,sans-serif);cursor:pointer}.sn-action:disabled{opacity:.6;cursor:default}.sn-note{font-size:12px;color:var(--muted);margin:8px 0}.sn-feedback{font-size:12px;min-height:18px;color:var(--accent)}.sn-page-card{margin:16px 0;border:1px solid var(--border);padding:18px;border-radius:6px;background:var(--panel)}.sn-page-card .sn-action{width:auto}.sn-page-card h2{font-size:24px;margin:0 0 8px}.sn-page-card p{margin:0 0 12px;color:var(--muted)}.sn-entry:focus-visible,.sn-panel a:focus-visible,.sn-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:650px){.sn-panel{top:65px;right:12px}.sn-entry{width:34px;height:34px}}