@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#09090b;--surface:#18181b;--surface-hover:#1f1f23;--border:#27272a;--border-hover:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#10b981;--accent-dim:#10b9811f;--link:#3b82f6;--link-hover:#60a5fa;--amber:#f59e0b;--amber-dim:#f59e0b1f;--red:#ef4444;--red-dim:#ef444414;--radius:8px;--radius-sm:6px;--font-mono:"JetBrains Mono", monospace;--font-body:"IBM Plex Sans", system-ui, sans-serif;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.topbar-right{align-items:center;gap:1rem;display:flex}.summary{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.01em;font-size:.75rem}.summary-sep{opacity:.4;margin:0 .5rem}.locale-switch{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:.25rem .55rem;font-size:.7rem;font-weight:600;line-height:1}.locale-switch:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface)}.locale-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main{max-width:1100px;margin:0 auto;padding:1.5rem}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-pill{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:500}.filter-pill:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface)}.filter-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-pill[data-active=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.site-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=700px){.site-grid{grid-template-columns:1fr}}.site-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), background var(--transition);flex-direction:column;gap:0;padding:1rem 1.25rem;display:flex}.site-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.site-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-card[data-expanded=true]{border-color:var(--border-hover)}.card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.card-info{flex:1;min-width:0}.card-title-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.card-title{font-family:var(--font-mono);color:var(--link);transition:color var(--transition);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;text-decoration:none;overflow:hidden}.card-title:hover{color:var(--link-hover)}.card-title:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:2px}.badge-protected{text-transform:uppercase;letter-spacing:.04em;background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b33;border-radius:9999px;flex-shrink:0;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.6rem;font-weight:600;display:inline-flex}.card-path{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.card-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.2rem;display:flex}.card-pages-count{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.card-age{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:.65rem}.card-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition);flex-shrink:0;margin-top:.15rem}.card-chevron[data-open=true]{transform:rotate(90deg)}.page-list{opacity:0;max-height:0;margin-top:0;transition:max-height .25s,opacity .2s,margin .2s;overflow:hidden}.page-list[data-open=true]{opacity:1;max-height:1000px;margin-top:.75rem;overflow-y:auto}.page-list-inner{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding-top:.75rem;display:flex}.page-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition), color var(--transition);align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.8rem;text-decoration:none;display:flex}.page-link:hover{color:var(--text);background:#ffffff0a}.page-link:focus-visible{outline:2px solid var(--link);outline-offset:1px}.page-link-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.page-link-title{font-family:var(--font-body);font-weight:500}.page-link-slug{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:.65rem}.empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);grid-column:1/-1;padding:4rem 2rem;font-size:.9rem}.error{text-align:center;color:var(--red);background:var(--red-dim);border-radius:var(--radius);font-size:.85rem;font-family:var(--font-mono);border:1px solid #ef444433;padding:2rem}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=700px){.skeleton-grid{grid-template-columns:1fr}}.skeleton-pills{gap:.5rem;margin-bottom:1.5rem;display:flex}.skeleton-pill{background:var(--surface);border:1px solid var(--border);border-radius:9999px;width:72px;height:30px}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:76px;position:relative;overflow:hidden}.skeleton-pill,.skeleton-card{position:relative;overflow:hidden}.skeleton-pill:after,.skeleton-card:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-pill:after,.skeleton-card:after{animation:none}.site-card,.filter-pill,.card-title,.card-chevron,.page-list,.page-link,.locale-switch,.fab,.fab svg,.fab-modal,.detail-action-btn{transition:none}}.wordmark{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700;text-decoration:none}.wordmark:hover{color:var(--accent)}.api-key-bar{align-items:center;display:flex}.api-key-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.api-key-toggle:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface)}.api-key-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.api-key-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.api-key-form{align-items:center;gap:.35rem;display:flex}.api-key-input{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;width:140px;padding:.3rem .5rem;font-size:.7rem}.api-key-input:focus{border-color:var(--accent)}.api-key-save{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:all var(--transition);padding:.3rem .6rem;font-size:.65rem;font-weight:600}.api-key-save:hover{background:var(--accent);color:var(--bg)}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.detail-title{font-family:var(--font-mono);color:var(--text);font-size:1.25rem;font-weight:700}.detail-actions{gap:.5rem;display:flex}.detail-action-btn{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:.4rem .8rem;font-size:.7rem;font-weight:600}.detail-action-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-hover)}.detail-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-action-btn--danger{color:var(--red);border-color:#ef44444d}.detail-action-btn--danger:hover{background:var(--red-dim);border-color:var(--red);color:var(--red)}.detail-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;display:grid}@media (width<=500px){.detail-grid{grid-template-columns:1fr}}.detail-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.detail-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.6rem;font-weight:600;display:block}.detail-value{font-family:var(--font-mono);color:var(--text);word-break:break-all;font-size:.8rem}.detail-value[data-status=active]{color:var(--accent)}.detail-value[data-status=archived]{color:var(--amber)}.detail-section{margin-bottom:2rem}.detail-section-title{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.detail-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:1.5rem;font-size:.8rem}.detail-list{flex-direction:column;gap:.25rem;display:flex}.detail-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.detail-list-item:hover{border-color:var(--border-hover)}.detail-list-link{min-width:0;color:var(--text);flex:1;align-items:center;gap:.75rem;text-decoration:none;display:flex}.detail-list-title{font-family:var(--font-body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;overflow:hidden}.detail-list-slug{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.65rem}.detail-list-delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-list-delete svg{width:14px;height:14px}.detail-list-delete:hover{background:var(--red-dim);color:var(--red)}.detail-list-delete:focus-visible{outline:2px solid var(--red);outline-offset:2px}.fab{background:var(--accent);width:56px;height:56px;color:var(--bg);cursor:pointer;z-index:50;transition:box-shadow var(--transition), transform var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 10px #0000004d}.fab svg{width:24px;height:24px;transition:transform var(--transition)}.fab:hover{box-shadow:0 8px 15px #0006}.fab:focus-visible{outline:2px solid var(--text);outline-offset:3px}.fab[data-open=true] svg{transform:rotate(45deg)}.fab-backdrop{z-index:40;background:#00000080;position:fixed;inset:0}.fab-modal{z-index:51;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;padding:.5rem 0;animation:.15s fab-slide-up;position:fixed;bottom:92px;right:24px;box-shadow:0 8px 24px #0006}@keyframes fab-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fab-modal{animation:none}}.fab-modal-item{width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;transition:background var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.fab-modal-item svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.fab-modal-item:hover{background:var(--surface-hover)}.fab-modal-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fab-modal-item--danger,.fab-modal-item--danger svg{color:var(--red)}.fab-modal-item--danger:hover{background:var(--red-dim)}.fab-modal-sep{background:var(--border);height:1px;margin:.25rem 0}.parchment-public-fab{cursor:pointer;z-index:50;background:#18181b;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 8px #0000004d}.parchment-public-fab:hover{box-shadow:0 6px 12px #0006}.parchment-public-fab svg{color:#fafafa;width:20px;height:20px}