.nafnav-recent-views-toggle{position:relative;display:flex;width:38px;height:38px;margin:2px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;font-size:17px;line-height:1;cursor:pointer;transition:color .16s cubic-bezier(.33,1,.68,1),background-color .16s cubic-bezier(.33,1,.68,1)}.nafnav-recent-views-toggle:hover{color:var(--naf-text-primary);background:var(--naf-surface-2)}.nafnav-recent-views-toggle:focus-visible{outline:2px solid var(--naf-focus-outline);outline-offset:2px}.nafnav-recent-views-toggle .iconfont{font-size:17px}.nafnav-recent-views-badge{position:absolute;top:1px;inset-inline-end:0;display:grid;min-width:16px;height:16px;padding:0 4px;place-items:center;border:2px solid var(--main-bg-color);border-radius:var(--naf-radius-pill);color:var(--naf-clay-ink);background:var(--naf-clay);font-size:var(--naf-text-10);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.nafnav-recent-views-badge[hidden]{display:none}.nafnav-recent-views-panel{position:fixed;top:0;left:0;z-index:200;display:flex;width:340px;max-width:calc(100vw - 24px);max-height:min(64vh,460px);flex-direction:column;overflow:hidden;border:1px solid var(--naf-border);border-radius:var(--naf-radius-lg);background:var(--naf-surface-1);box-shadow:var(--naf-shadow-lg)}.nafnav-recent-views-panel[hidden]{display:none}.nafnav-recent-views-caret{position:absolute;top:-5px;left:0;width:10px;height:10px;border-top:1px solid var(--naf-border);border-left:1px solid var(--naf-border);background:var(--naf-surface-1);content:"";transform:rotate(45deg)}.nafnav-recent-views-head{display:flex;align-items:center;justify-content:space-between;gap:var(--naf-space-3);padding:var(--naf-space-4) var(--naf-space-4) var(--naf-space-3);border-bottom:1px solid var(--naf-border)}.nafnav-recent-views-title{margin:0;color:var(--naf-text-primary);font-size:var(--naf-text-15);font-weight:700;letter-spacing:-.01em}.nafnav-recent-views-count{padding:2px 8px;border-radius:var(--naf-radius-pill);color:var(--naf-text-muted);background:var(--naf-surface-2);font-size:var(--naf-text-11);font-weight:600;font-variant-numeric:tabular-nums}.nafnav-recent-views-list{margin:0;padding:var(--naf-space-2);overflow-y:auto;list-style:none;overscroll-behavior:contain}.nafnav-recent-views-item+.nafnav-recent-views-item{border-top:1px solid var(--naf-border)}.nafnav-recent-views-link{display:flex;min-height:48px;align-items:center;gap:var(--naf-space-3);padding:var(--naf-space-2) var(--naf-space-3);border-radius:var(--naf-radius-sm);color:var(--naf-text-primary);text-decoration:none;transition:background-color .16s ease}.nafnav-recent-views-link:hover{background:var(--naf-surface-2)}.nafnav-recent-views-link:focus-visible{outline:2px solid var(--naf-focus-outline);outline-offset:-2px}.nafnav-recent-views-icon{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--naf-border);border-radius:var(--naf-radius-sm);background:var(--naf-surface-2);object-fit:cover}.nafnav-recent-views-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.nafnav-recent-views-name{overflow:hidden;color:var(--naf-text-primary);font-size:var(--naf-text-14);font-weight:500;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.nafnav-recent-views-meta{display:flex;align-items:baseline;gap:var(--naf-space-2);color:var(--naf-text-muted);font-size:var(--naf-text-12);line-height:1.4}.nafnav-recent-views-host{overflow:hidden;max-width:160px;text-overflow:ellipsis;white-space:nowrap}.nafnav-recent-views-time{flex:0 0 auto;font-variant-numeric:tabular-nums}.nafnav-recent-views-go{display:flex;width:20px;height:20px;flex:0 0 20px;align-items:center;justify-content:center;color:var(--naf-text-subtle);opacity:0;transform:translate(-4px);transition:opacity .16s ease,transform .16s ease,color .16s ease}.nafnav-recent-views-go svg{width:14px;height:14px;fill:currentColor}.nafnav-recent-views-link:hover .nafnav-recent-views-go,.nafnav-recent-views-link:focus-visible .nafnav-recent-views-go{color:var(--naf-accent-text);opacity:1;transform:translate(0)}@media (hover: none){.nafnav-recent-views-go{opacity:.45;transform:none}}.nafnav-recent-views-empty{padding:var(--naf-space-8) var(--naf-space-4);text-align:center}.nafnav-recent-views-empty-mark{display:grid;width:48px;height:48px;margin:0 auto var(--naf-space-3);place-items:center;border-radius:50%;color:var(--naf-text-subtle);background:var(--naf-surface-2)}.nafnav-recent-views-empty-mark svg{width:22px;height:22px;fill:currentColor}.nafnav-recent-views-empty-title{margin:0;color:var(--naf-text-secondary);font-size:var(--naf-text-14);font-weight:600}.nafnav-recent-views-empty-hint{margin:var(--naf-space-1) 0 0;color:var(--naf-text-muted);font-size:var(--naf-text-12);line-height:1.7}.nafnav-recent-views-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--naf-space-3);padding:var(--naf-space-2) var(--naf-space-3);border-top:1px solid var(--naf-border);background:var(--naf-surface-sunken)}.nafnav-recent-views-clear{display:inline-flex;min-height:44px;align-items:center;gap:var(--naf-space-1);padding:0 var(--naf-space-2);border:0;border-radius:var(--naf-radius-sm);color:var(--naf-text-muted);background:transparent;font-size:var(--naf-text-12);font-weight:500;cursor:pointer;transition:color .16s ease,background-color .16s ease}.nafnav-recent-views-clear:hover:not(:disabled){color:var(--naf-clay-text);background:var(--naf-clay-soft)}.nafnav-recent-views-clear:focus-visible{outline:2px solid var(--naf-focus-outline);outline-offset:-2px}.nafnav-recent-views-clear:disabled{color:var(--naf-text-subtle);cursor:not-allowed;opacity:.45}.nafnav-recent-views-clear svg{width:13px;height:13px;fill:currentColor}.nafnav-recent-views-status{color:var(--naf-text-muted);font-size:var(--naf-text-12);font-variant-numeric:tabular-nums}.nafnav-recent-views-status[hidden]{display:none}@media (max-width: 767px){.nafnav-recent-views-toggle{width:34px;height:34px;font-size:16px}.nafnav-recent-views-toggle .iconfont{font-size:16px}}