:root{--orange-10:#fff3eb;--orange-20:#ffebdc;--orange-30:#ffd9be;--orange-40:#fea362;--orange-50:#ff7f32;--orange-60:#f55f00;--orange-70:#e35600;--blue-10:#e4f2ff;--blue-20:#c8e5ff;--blue-30:#76c0ff;--blue-40:#0089ff;--blue-50:#005baa;--blue-60:#0e4174;--blue-70:#012749;--white:#fff;--black:#000;--gray-10:#eaecef;--gray-20:#dde1e6;--gray-30:#c1c7cd;--gray-40:#99a0aa;--gray-50:#757d86;--gray-60:#4c5158;--gray-70:#121619;--red-10:#fff1f1;--red-20:#ffd7d9;--red-30:#ffb3b8;--red-40:#ff8389;--red-50:#fa4d56;--red-60:#da1e28;--red-70:#a2191f;--yellow-10:#fff8e1;--yellow-20:#ffecb3;--yellow-30:#ffe082;--yellow-40:#ffda2c;--yellow-50:#f5b800;--yellow-60:#bd8800;--yellow-70:#7f5b00;--green-10:#e8f5ec;--green-20:#c3e8cd;--green-30:#8fd4a2;--green-40:#4fb870;--green-50:#249f58;--green-60:#167c3f;--green-70:#0e6027;--cyan-10:#e0f7f7;--cyan-20:#b5ebeb;--cyan-30:#78d9d9;--cyan-40:#2ebaba;--cyan-50:#0e9494;--cyan-60:#0a7373;--cyan-70:#085353;--purple-10:#efeaff;--purple-20:#d8cdff;--purple-30:#b5a4ff;--purple-40:#9279ff;--purple-50:#6b4ee6;--purple-60:#5640c2;--purple-70:#4b3b9d;--fg-1:var(--gray-70);--fg-2:var(--gray-60);--fg-3:var(--gray-50);--fg-disabled:var(--gray-40);--fg-on-brand:var(--white);--fg-brand:var(--orange-50);--fg-brand-secondary:var(--blue-60);--fg-link:var(--blue-40);--fg-danger:var(--red-60);--fg-success:var(--green-50);--fg-warning:var(--yellow-60);--bg-app:var(--white);--bg-surface:var(--white);--bg-surface-2:#f5f7fa;--bg-surface-3:var(--gray-10);--bg-disabled:var(--gray-20);--bg-brand:var(--orange-50);--bg-brand-hover:var(--orange-40);--bg-brand-pressed:var(--orange-70);--bg-brand-soft:var(--orange-10);--bg-secondary:var(--blue-60);--bg-secondary-soft:var(--blue-10);--bg-danger:var(--red-60);--bg-danger-soft:var(--red-10);--bg-success:var(--green-50);--bg-success-soft:var(--green-10);--bg-warning-soft:var(--yellow-10);--bg-overlay:rgba(0,0,0,.48);--bg-scrim:rgba(8,7,23,.6);--border-1:var(--gray-20);--border-2:var(--gray-30);--border-strong-ds:var(--gray-60);--border-brand:var(--orange-50);--border-focus:var(--orange-70);--border-danger:var(--red-60);--radius-4:4px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-32:32px;--radius-pill:1000px;--shadow-8:0px 4px 8px rgba(0,0,0,.1);--shadow-16:0px 8px 16px rgba(0,0,0,.1);--shadow-24:0px 16px 24px rgba(0,0,0,.1);--shadow-cover:0px 16px 48px rgba(0,0,0,.12);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;--space-11:64px;--space-12:80px;--space-13:100px;--font-heading:var(--font-inter,"Inter"),system-ui,sans-serif;--font-display:var(--font-jakarta,"Plus Jakarta Sans"),"SVN-Gilroy",system-ui,sans-serif;--font-body:var(--font-roboto,"Roboto"),system-ui,sans-serif;--font-mono-stack:var(--font-mono-jbm,"JetBrains Mono"),ui-monospace,"SF Mono",Menlo,Consolas,monospace;--bg:var(--white);--surface:var(--white);--surface-2:var(--bg-surface-2);--surface-hover:#eef1f5;--border:var(--border-1);--border-strong:var(--border-2);--text:var(--fg-1);--text-2:var(--fg-2);--muted:var(--fg-3);--muted-2:var(--fg-disabled);--accent:var(--orange-50);--accent-hover:var(--orange-40);--accent-soft:var(--orange-10);--accent-soft-strong:var(--orange-20);--on-accent:var(--white);--success:var(--green-50);--success-soft:var(--green-10);--warning:var(--yellow-60);--warning-soft:var(--yellow-10);--danger:var(--red-60);--danger-soft:var(--red-10);--info:var(--blue-40);--info-soft:var(--blue-10);--shadow-xs:0 1px 0 rgba(0,0,0,.04);--shadow-sm:0 1px 2px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.03);--shadow-md:var(--shadow-8);--shadow-lg:var(--shadow-16);--shadow-pop:var(--shadow-24);--radius-sm:var(--radius-4);--radius:var(--radius-8);--radius-lg:var(--radius-12);--radius-xl:var(--radius-16);--font-ui:var(--font-body);--font-mono:var(--font-mono-stack);--duration:150ms;--ease:cubic-bezier(0.2,0,0,1)}[data-theme=dark]{--bg:#0b0f12;--surface:#15191d;--surface-2:#1b1f23;--surface-hover:#22272d;--border:#2a3138;--border-strong:#3a434c;--text:#f2f4f7;--text-2:#d0d5dc;--muted:#99a0aa;--muted-2:#757d86;--accent:var(--orange-50);--accent-hover:var(--orange-40);--accent-soft:rgba(255,127,50,.12);--accent-soft-strong:rgba(255,127,50,.22);--success-soft:rgba(36,159,88,.14);--warning-soft:rgba(245,184,0,.14);--danger-soft:rgba(218,30,40,.14);--info-soft:rgba(0,137,255,.14);--shadow-xs:0 1px 0 rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-8:0 4px 8px rgba(0,0,0,.45);--shadow-16:0 8px 16px rgba(0,0,0,.5);--shadow-24:0 16px 24px rgba(0,0,0,.55);--shadow-md:var(--shadow-8);--shadow-lg:var(--shadow-16);--shadow-pop:var(--shadow-24)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::-moz-selection{background:var(--accent-soft-strong);color:var(--text)}::selection{background:var(--accent-soft-strong);color:var(--text)}.ds-h1{font-size:60px;line-height:68px}.ds-h1,.ds-h2{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--fg-1)}.ds-h2{font-size:48px;line-height:56px}.ds-h3{font-family:var(--font-heading);font-weight:700;font-size:40px;line-height:48px;letter-spacing:-.01em;color:var(--fg-1)}.ds-h4{font-family:var(--font-heading)}.ds-h4,.ds-title-1{font-weight:700;font-size:32px;line-height:40px;color:var(--fg-1)}.ds-title-1{font-family:var(--font-display)}.ds-title-2{font-size:24px;line-height:32px}.ds-title-2,.ds-title-3{font-family:var(--font-display);font-weight:700;color:var(--fg-1)}.ds-title-3{font-size:20px;line-height:28px}.ds-title-4{font-size:18px}.ds-title-4,.ds-title-5{font-family:var(--font-display);font-weight:700;line-height:24px;color:var(--fg-1)}.ds-title-5{font-size:16px}.ds-title-6{font-size:14px;line-height:20px}.ds-title-6,.ds-title-7{font-family:var(--font-display);font-weight:700;color:var(--fg-1)}.ds-title-7{font-size:12px;line-height:16px}.ds-subtitle-1{font-size:18px}.ds-subtitle-1,.ds-subtitle-2{font-family:var(--font-display);font-weight:600;line-height:24px;color:var(--fg-1)}.ds-subtitle-2{font-size:16px}.ds-subtitle-3{font-size:14px;line-height:20px}.ds-subtitle-3,.ds-subtitle-4{font-family:var(--font-display);font-weight:600;color:var(--fg-1)}.ds-subtitle-4{font-size:12px;line-height:16px}.ds-body-1{font-size:18px;line-height:26px}.ds-body-1,.ds-body-2{font-family:var(--font-body);font-weight:500;color:var(--fg-1)}.ds-body-2{font-size:16px;line-height:22px}.ds-body-3{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:20px;color:var(--fg-1)}.ds-body-4{font-size:12px;line-height:16px}.ds-body-4,.ds-body-5{font-family:var(--font-body);font-weight:500;color:var(--fg-2)}.ds-body-5{font-size:10px;line-height:14px}.ds-caption{font-family:var(--font-body);font-weight:400;font-size:12px;line-height:16px;color:var(--fg-2)}.ds-overline{font-family:var(--font-display);font-weight:600;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.ds-mono{font-family:var(--font-mono);font-size:14px;line-height:20px;color:var(--fg-1)}.t-display{font-size:28px;letter-spacing:-.02em}.t-display,.t-page-title{font-family:var(--font-display);line-height:1.2;font-weight:700}.t-page-title{font-size:24px;letter-spacing:-.018em}.t-h1{font-size:22px;line-height:1.3;letter-spacing:-.015em}.t-h1,.t-h2{font-family:var(--font-display);font-weight:700}.t-h2{font-size:18px;line-height:1.4;letter-spacing:-.01em}.t-h3{font-family:var(--font-display);font-size:15px;line-height:1.45;font-weight:600;letter-spacing:-.005em}.t-body{font-size:14px}.t-body,.t-small{font-family:var(--font-body);line-height:1.5}.t-small{font-size:13px}.t-xs{font-family:var(--font-body);font-size:12px;line-height:1.45}.t-mono{font-family:var(--font-mono);font-size:13px;letter-spacing:-.01em}.t-muted{color:var(--muted)}.t-strong{font-weight:600}.t-tabular{font-variant-numeric:tabular-nums}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:56px;padding:0 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border);gap:8px}.wordmark{display:inline-flex;align-items:baseline;font-weight:700;letter-spacing:-.02em;font-size:16px;line-height:1}.wordmark-aha{color:var(--accent)}.wordmark-pages{color:var(--text)}.topbar-brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.01em;font-size:14px}.topbar-brand-mark{width:22px;height:22px;border-radius:6px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.topbar-divider{width:1px;height:18px;background:var(--border);transform:skewX(-15deg);margin:0 2px}.topbar-ws{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.topbar-ws-chev{color:var(--muted-2)}.topbar-spacer{flex:1}.topbar-nav{display:flex;align-items:center;gap:2px}.topbar-nav-item{padding:6px 10px;border-radius:var(--radius-sm);color:var(--muted);font-size:13px;transition:background var(--duration) var(--ease)}.topbar-nav-item:hover{color:var(--text);background:var(--surface-hover)}.topbar-nav-item.active{color:var(--text)}.tabs{border-bottom:1px solid var(--border);padding:0 24px;gap:4px}.tab,.tabs{display:flex;align-items:center}.tab{position:relative;padding:12px 10px;font-size:13px;color:var(--muted);border:none;background:none;gap:6px}.tab:hover{color:var(--text-2)}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:1.5px;background:var(--text);border-radius:1px}.tab-count{font-size:11px;background:var(--surface-2);color:var(--muted);padding:1px 6px;font-variant-numeric:tabular-nums}.btn,.tab-count{border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:500;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease);white-space:nowrap}.btn:hover{background:var(--surface-hover)}.btn:active{background:var(--surface-2)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:var(--text-2);border-color:var(--text-2)}.btn-primary:active{background:var(--text)}.btn-accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-hover)}.btn-danger-ghost{background:transparent;border-color:transparent;color:var(--danger)}.btn-danger-ghost:hover{background:var(--danger-soft)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-lg{height:40px;padding:0 18px;font-size:14px}.btn-icon{width:32px;padding:0}.btn-icon.btn-sm{width:28px}.input,.select,.textarea{display:block;width:100%;height:34px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input::-moz-placeholder{color:var(--muted-2)}.input::placeholder{color:var(--muted-2)}.input:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--text-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-2) 14%,transparent)}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:64px}.field-label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px}.field-hint{font-size:12px;color:var(--muted);margin-top:6px}.field-row{display:flex;flex-direction:column;gap:0}.input-group{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input-group:focus-within{border-color:var(--text-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-2) 14%,transparent)}.input-group .input{border:none;border-radius:0;flex:1;background:transparent}.input-group .input:focus{box-shadow:none}.input-group-prefix,.input-group-suffix{display:flex;align-items:center;padding:0 10px;background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.input-group-prefix{border-right:1px solid var(--border)}.input-group-suffix{border-left:1px solid var(--border)}.input-group .btn{border-radius:0;border:none;border-left:1px solid var(--border);height:auto;align-self:stretch;padding:0 12px;background:var(--surface-2);color:var(--text-2)}.input-group .btn:hover{background:var(--surface-hover);color:var(--text)}.input-group .btn:first-child{border-left:none;border-right:1px solid var(--border)}.input-group .btn-accent{background:var(--accent);color:var(--on-accent);border-left-color:var(--accent)}.input-group .btn-accent:hover{background:var(--accent-hover);color:var(--on-accent)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.badge-public .badge-dot{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 18%,transparent)}.badge-internal .badge-dot{background:var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 18%,transparent)}.badge-restricted .badge-dot{background:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 18%,transparent)}.badge-private .badge-dot{background:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb,var(--muted) 18%,transparent)}.badge-archived{color:var(--muted)}.badge-archived .badge-dot{background:var(--muted-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.card-pad{padding:16px 20px}.card-pad-lg{padding:24px}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 12px;background:var(--surface);white-space:nowrap}.tbl tbody td,.tbl thead th{border-bottom:1px solid var(--border)}.tbl tbody td{padding:12px;vertical-align:middle;font-size:13px}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr{cursor:pointer;transition:background-color var(--duration) var(--ease)}.tbl tbody tr:hover{background:var(--surface-hover)}.tbl-num{text-align:right;font-variant-numeric:tabular-nums}.site-row-title{display:flex;align-items:center;gap:12px}.site-row-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;color:var(--muted);flex-shrink:0}.site-row-title-text{display:flex;flex-direction:column;min-width:0}.site-row-title-name{font-weight:500;color:var(--text)}.site-row-title-name,.site-row-title-slug{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.site-row-title-slug{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}}.site-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);cursor:pointer;display:flex;flex-direction:column;position:relative}.site-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.site-card-thumb{aspect-ratio:16/10;background:var(--surface-2);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.site-card-thumb-art{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted-2)}.site-card-thumb-locked{color:var(--muted);background:var(--surface-2)}.site-card-menu-btn{background:var(--surface);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .15s var(--ease)}.site-card:hover .site-card-menu-btn{opacity:1}.site-card-archived-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 60%,transparent);pointer-events:none}.site-card-risk-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:var(--danger,#dc2626);box-shadow:0 1px 4px rgba(0,0,0,.25);z-index:2}.site-card-body{padding:14px 16px 8px;display:flex;flex-direction:column;gap:4px;flex:1;min-height:0}.site-card-title{font-weight:600;font-size:14.5px;color:var(--text);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-desc{font-size:13px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.site-card-meta{padding:10px 14px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.site-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.site-card-meta-row-bot,.slug-chip{color:var(--muted)}.slug-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:22px;padding:0 4px 0 8px;min-width:0;max-width:60%;position:relative}.slug-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.slug-chip-copy{width:18px;height:18px;display:grid;place-items:center;border:none;background:transparent;color:var(--muted);border-radius:3px;margin-left:2px;opacity:0;transition:opacity .12s var(--ease)}.site-card:hover .slug-chip-copy{opacity:1}.slug-chip-copy:hover{background:var(--surface-hover);color:var(--text)}.site-card-like{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.site-card-like.liked,.site-card-like:hover{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.site-card-like.bump{animation:heartBump .28s var(--ease)}.site-card-like:disabled{opacity:.6;cursor:wait}.site-card-open{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.site-card-open:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.site-card-open-floating{position:absolute;top:8px;right:8px;width:34px;height:34px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(160%) blur(8px);-webkit-backdrop-filter:saturate(160%) blur(8px);color:var(--text-2);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(-2px);transition:opacity .15s var(--ease),transform .15s var(--ease),background var(--duration) var(--ease)}.site-card:hover .site-card-open-floating{opacity:1;transform:translateY(0)}.site-card-open-floating:hover{background:var(--surface);color:var(--accent);border-color:var(--accent-soft-strong)}@keyframes heartBump{0%{transform:scale(1)}35%{transform:scale(1.18)}60%{transform:scale(.94)}to{transform:scale(1)}}.spark{display:block;width:100%;height:100%;overflow:visible}.spark-path{fill:none;stroke:var(--text-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.spark-fill{fill:var(--surface-2)}.stat{display:flex;flex-direction:column;gap:8px;padding:16px 18px}.stat-label{font-size:12px;color:var(--muted);letter-spacing:-.005em;display:flex;align-items:center;gap:6px}.stat-value{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}.stat-delta{font-size:12px;display:inline-flex;align-items:center;gap:3px;color:var(--success)}.stat-delta.neg{color:var(--danger)}.stat-delta.flat{color:var(--muted)}.admin-mini-row{align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background var(--duration) var(--ease)}.admin-mini-row:last-child{border-bottom:none}.admin-mini-row:hover{background:var(--surface-2)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);padding:64px 24px;text-align:center;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease);cursor:pointer}.dropzone-tall{min-height:240px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.dropzone.dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.dropzone-error{border-color:var(--danger);background:var(--danger-soft)}.dropzone-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--surface-2);display:grid;place-items:center;margin:0 auto 8px;color:var(--muted)}.dropzone.dragging .dropzone-icon{background:var(--surface);color:var(--accent)}.upload-stages{display:flex;flex-direction:column;gap:8px}.upload-stage{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.upload-stage.active,.upload-stage.done{color:var(--text)}.upload-stage.active .upload-stage-label{font-weight:500}.upload-stage-bullet{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;flex-shrink:0;color:var(--surface);transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.upload-stage.done .upload-stage-bullet{background:var(--success);border-color:var(--success);color:#fff}.upload-stage.active .upload-stage-bullet{border-color:var(--text)}.upload-stage-spinner{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border);border-top-color:var(--text);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.upload-stage-ai .upload-stage-bullet,.upload-stage-ai.active .upload-stage-label{color:var(--accent,#6d28d9)}.upload-stage-ai.active .upload-stage-bullet{border-color:var(--accent,#6d28d9);animation:ai-pulse 1.4s ease-in-out infinite}.upload-stage-ai.done .upload-stage-bullet{background:var(--accent,#6d28d9);border-color:var(--accent,#6d28d9);color:#fff}.upload-stage-badge{margin-left:8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:999px;color:var(--accent,#6d28d9);background:color-mix(in srgb,var(--accent,#6d28d9) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent,#6d28d9) 32%,transparent);vertical-align:middle}@keyframes ai-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#6d28d9) 45%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#6d28d9) 0,transparent)}}.ai-review-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.ai-review-note.active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft,color-mix(in srgb,var(--accent) 8%,transparent))}.ai-review-note-icon{flex-shrink:0;margin-top:1px;color:var(--accent)}.ai-review-note-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.ai-review-note-body{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.ai-review-note-hint{margin-top:6px;font-size:11px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.upload-preview{width:320px;height:200px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.upload-preview-bar{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;background:var(--surface-2);border-bottom:1px solid var(--border);flex-shrink:0}.upload-preview-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.upload-preview-url{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted-2)}.upload-preview-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.upload-preview-title{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview-line{height:4px;background:var(--border-strong);border-radius:2px;opacity:.7}.upload-preview-cta{display:inline-block;height:16px;width:60px;background:var(--accent);border-radius:3px}.upload-preview-card,.upload-preview-cta-ghost{background:var(--surface-2);border:1px solid var(--border)}.upload-preview-card{flex:1;height:26px;border-radius:4px}.files-included summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.files-included summary::-webkit-details-marker{display:none}.files-included-chev{transition:transform .15s var(--ease)}.files-included[open] .files-included-chev{transform:rotate(90deg)}.link-suggest{border:none;background:transparent;color:var(--text);cursor:pointer;padding:1px 6px;border-radius:3px;background:var(--surface-2);font:inherit}.link-suggest:hover{background:var(--surface-hover)}.success-art{position:relative;width:88px;height:88px;margin:8px auto 16px;display:grid;place-items:center}.success-circle{width:72px;height:72px;border-radius:50%;background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);display:grid;place-items:center;animation:successPop .32s var(--ease) both}@keyframes successPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.risk-circle{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);display:grid;place-items:center;animation:successPop .32s var(--ease) both}.sec-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:14px 16px}.sec-panel-risk{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.sec-panel-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.sec-panel-risk .sec-panel-head{color:var(--danger)}.sec-panel-title{font-size:14px;font-weight:600;color:var(--text)}.sec-panel-sub{margin-top:3px;font-size:12px;line-height:1.5;color:var(--muted)}.sec-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sec-finding{display:flex;gap:10px;align-items:flex-start;padding-top:8px;border-top:1px solid var(--border)}.sec-finding-sev{flex-shrink:0;width:64px;font-size:10px;font-weight:700;letter-spacing:.03em;padding-top:1px}.sec-finding-body{min-width:0;flex:1}.sec-finding-msg{font-size:12.5px;line-height:1.45;color:var(--text)}.sec-finding-file{color:var(--muted);font-family:var(--font-mono,monospace);font-size:11px}.sec-finding-excerpt{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px;white-space:pre-wrap;word-break:break-all;max-height:64px;overflow:hidden}.sparkle{position:absolute;width:4px;height:4px;border-radius:1px;opacity:0;animation:sparkle 1.1s var(--ease) both}.sparkle,.sparkle-1{background:var(--accent)}.sparkle-1{top:6px;left:12px;animation-delay:.2s}.sparkle-2{top:0;right:14px;animation-delay:.28s;background:var(--success)}.sparkle-3{bottom:18px;left:0;animation-delay:.36s;background:var(--info)}.sparkle-4{bottom:4px;right:8px;animation-delay:.32s;background:var(--accent)}.sparkle-5{top:38px;left:-4px;animation-delay:.44s;background:var(--warning)}.sparkle-6{top:36px;right:-2px;animation-delay:.4s;background:var(--success)}@keyframes sparkle{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1;transform:translate(var(--sx,10px),var(--sy,-10px)) scale(1)}to{opacity:0;transform:translate(var(--sx,14px),var(--sy,-16px)) scale(.4)}}.sparkle-1{--sx:-10px;--sy:-10px}.sparkle-2{--sx:10px;--sy:-12px}.sparkle-3{--sx:-12px;--sy:8px}.sparkle-4{--sx:12px;--sy:10px}.sparkle-5{--sx:-16px;--sy:0}.sparkle-6{--sx:16px;--sy:0}.success-url-box{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 10px 10px 16px;width:100%;max-width:460px;box-shadow:var(--shadow-xs)}.success-url-text{flex:1;text-align:left;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.scrim{padding:0}.modal,.modal-lg{max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:0;border:none}.modal-body,.modal-ft,.modal-hd{padding:16px}.upload-preview{width:100%}.dropzone-tall{min-height:200px}}.vis-options{display:flex;flex-direction:column;gap:8px}.vis-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.vis-option:hover{background:var(--surface-hover)}.vis-option.checked{border-color:var(--text);background:var(--surface);box-shadow:0 0 0 1px var(--text)}.vis-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);margin-top:2px;flex-shrink:0;position:relative;transition:border-color var(--duration) var(--ease)}.vis-option.checked .vis-radio{border-color:var(--text)}.vis-option.checked .vis-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--text)}.vis-option-body{flex:1;min-width:0}.vis-option-title{font-weight:500;font-size:13.5px;display:flex;align-items:center;gap:8px;margin-bottom:2px}.vis-option-desc{font-size:12.5px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 6px 0 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-2)}.chip-x{width:16px;height:16px;display:grid;place-items:center;color:var(--muted);border-radius:3px;cursor:pointer;border:none;background:transparent}.chip-x:hover{color:var(--text);background:var(--surface-hover)}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100;display:grid;place-items:center;padding:32px;animation:fade .15s ease-out}[data-theme=dark] .scrim{background:rgba(0,0,0,.6)}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);max-width:560px;width:100%;max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;animation:pop .18s var(--ease);border:1px solid var(--border)}.modal-lg{max-width:720px}.modal-hd{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-body{padding:22px;overflow-y:auto}.modal-ft{padding:14px 22px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);background:var(--surface)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-area{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:200;flex-direction:column-reverse;pointer-events:none}.toast,.toast-area{display:flex;gap:8px}.toast{background:var(--text);color:var(--bg);padding:10px 14px;border-radius:var(--radius);font-size:13px;box-shadow:var(--shadow-lg);align-items:center;pointer-events:auto;animation:slideUp .2s var(--ease);max-width:420px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.url-pill{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12.5px;height:28px;padding:0 4px 0 10px;gap:6px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}.url-pill-prefix{color:var(--muted)}.url-pill-slug{color:var(--text)}.url-pill-btn{width:22px;height:22px;display:grid;place-items:center;border:none;background:transparent;color:var(--muted);border-radius:4px}.url-pill-btn:hover{background:var(--surface-hover);color:var(--text)}.search{display:flex;align-items:center;gap:8px;height:32px;width:220px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);padding:0 8px 0 10px;color:var(--muted);font-size:13px;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.search-center{width:440px;max-width:100%}.search:focus-within{border-color:var(--text-2);background:var(--surface)}.search input{border:none;background:transparent;font:inherit;flex:1;color:var(--text);outline:none;min-width:0}.search input::-moz-placeholder{color:var(--muted-2)}.search input::placeholder{color:var(--muted-2)}.kbd{font-family:var(--font-mono);font-size:11px;padding:0 4px;border:solid var(--border);border-width:1px 1px 2px;border-radius:4px;color:var(--muted);background:var(--surface);line-height:16px}.empty{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-art{width:88px;height:88px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted-2);margin-bottom:4px;position:relative;box-shadow:var(--shadow-sm)}.empty-art:after,.empty-art:before{content:"";position:absolute;width:64px;height:80px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);z-index:-1}.empty-art:before{transform:rotate(-6deg) translate(-8px,4px)}.empty-art:after{transform:rotate(8deg) translate(8px,4px)}.empty-title{font-size:15px;font-weight:600}.empty-desc{color:var(--muted);font-size:13px;max-width:320px}.avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--text);display:grid;place-items:center;font-size:10.5px;font-weight:600;border:1px solid var(--border);flex-shrink:0;text-transform:uppercase}.avatar-md{width:32px;height:32px;font-size:12px}.avatar-lg{width:40px;height:40px;font-size:14px}.menu{position:absolute;z-index:60;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:4px;font-size:13px}.menu-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.menu-item:hover{background:var(--surface-hover)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.menu-divider{height:1px;background:var(--border);margin:4px 0}.visitor-root{min-height:100vh;background:var(--bg);position:relative}.visitor-badge{position:fixed;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;height:30px;padding:0 4px 0 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-lg);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);z-index:80;transition:opacity .28s var(--ease),transform .28s var(--ease);font-size:11.5px;color:var(--text-2)}.visitor-badge-out{opacity:0;transform:translateY(6px);pointer-events:none}.visitor-badge-mark{display:inline-flex}.wordmark-sm{font-size:11px;line-height:1}.visitor-badge-text{letter-spacing:-.005em}.visitor-badge-x{width:20px;height:20px;border:none;background:transparent;border-radius:999px;display:grid;place-items:center;color:var(--muted);margin-left:2px;cursor:pointer}.visitor-badge-x:hover{background:var(--surface-hover);color:var(--text)}.visitor-back{position:fixed;top:16px;left:16px;display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-radius:999px;font-size:12px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);z-index:80}.visitor-back:hover{background:var(--surface);color:var(--text)}.gate-root{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.gate-topbar{position:static;background:transparent;border-bottom:none;backdrop-filter:none}.gate-center{flex:1;display:grid;place-items:center;padding:24px}.gate-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:32px;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center}.gate-logo{margin-bottom:24px;opacity:.85}.gate-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;border:1px solid var(--border)}.gate-icon-lock{background:var(--surface-2);color:var(--muted)}.gate-icon-denied{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}.gate-icon-empty{background:var(--surface-2);color:var(--muted-2)}.gate-heading{margin:0 0 8px;letter-spacing:-.018em}.gate-subtitle{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:24px;max-width:340px}.gate-site-card{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:20px;text-align:left}.gate-cta{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);gap:10px}.gate-cta:hover{background:var(--surface-hover)}.gate-helper{margin-top:16px;font-size:12px;color:var(--muted)}.gate-footer{padding:24px;text-align:center}.spinner{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border);border-top-color:var(--text);animation:spin .7s linear infinite}.tree-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--border);font-size:13px}.tree-row:last-child{border-bottom:none}.tree-row:hover{background:var(--surface-hover)}.tree-row-name{font-family:var(--font-mono);font-size:12.5px;color:var(--text);flex:1}.tree-row-name.dir{color:var(--text-2)}.tree-row-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.tree-row-indent{padding-left:22px}.tree-row-indent-2{padding-left:36px}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:2px;gap:1px}.seg,.seg-item{display:inline-flex}.seg-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:4px 10px;border-radius:5px;font-size:12.5px;color:var(--muted);align-items:center;gap:5px;transition:background var(--duration) var(--ease)}.seg-item.active,.seg-item:hover{color:var(--text)}.seg-item.active{background:var(--surface);box-shadow:var(--shadow-xs)}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);font-size:13px}.banner-warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.banner-info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.banner-success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.banner-danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.act-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:13px}.act-dot{width:8px;height:8px;border-radius:50%;background:var(--muted-2);margin-top:6px;flex-shrink:0}.page{width:100%;max-width:1180px;margin:0 auto;padding:24px 24px 80px}.page-wide{max-width:1400px}.row{display:flex;align-items:center;gap:8px}.row-between{justify-content:space-between}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.link{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;text-decoration-thickness:1px}.link:hover{text-decoration-color:var(--text)}.link-quiet{color:var(--muted);text-decoration:none}.link-quiet:hover{color:var(--text)}.progress{width:100%;height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--text);transition:width .2s var(--ease)}.progress-accent .progress-fill{background:var(--accent)}.progress.indeterminate{position:relative}.progress.indeterminate .progress-fill{background:var(--accent)}.progress.indeterminate:after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,#fff),transparent);animation:progress-sweep 1.2s ease-in-out infinite}@keyframes progress-sweep{0%{transform:translateX(-120%)}to{transform:translateX(330%)}}svg{display:block}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.breadcrumb-link{background:none;border:none;padding:0;cursor:pointer;color:var(--muted);font:inherit}.breadcrumb-link:hover{color:var(--text)}.breadcrumb-sep{color:var(--muted-2)}.breadcrumb-current{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}.site-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:flex-start}@media (max-width:960px){.site-detail-grid{grid-template-columns:1fr}}.preview-frame{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.preview-frame-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.preview-frame-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.preview-frame-url{font-size:12px;color:var(--muted);margin:0 auto;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-frame-body{height:60vh;min-height:480px;background:var(--bg);overflow:hidden;position:relative}.fake-site{height:100%;padding:32px 36px;background:var(--surface);display:flex;flex-direction:column;gap:18px;overflow:hidden}.fake-site-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fake-accent,var(--accent));font-weight:600;margin-bottom:6px}.fake-site-title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.18;color:var(--text);margin-bottom:8px}.fake-site-desc{font-size:14px;color:var(--text-2);line-height:1.5;max-width:52ch}.fake-site-cta{display:inline-flex;align-items:center;height:28px;padding:0 12px;background:var(--fake-accent,var(--accent));color:#fff;border-radius:6px;font-size:12px;font-weight:500}.fake-site-cta-ghost{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.fake-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fake-site-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.fake-site-kpi{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.fake-site-kpi-meta{font-size:11px;color:var(--muted);margin-top:2px}.fake-site-line{height:4px;background:var(--border-strong);border-radius:2px;width:100%;opacity:.5}.fake-site-line.short{width:78%}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.settings-card-danger{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.settings-card-hd{padding:16px 18px 14px;border-bottom:1px solid var(--border)}.settings-card-body{padding:16px 18px}.url-display{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 8px 8px 14px}.url-display-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text)}.qr-disclosure{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.qr-disclosure summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--text-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qr-disclosure summary::-webkit-details-marker{display:none}.qr-chev{transition:transform .15s var(--ease);color:var(--muted)}.qr-disclosure[open] .qr-chev{transform:rotate(90deg)}.qr-body{display:flex;gap:16px;align-items:flex-start;padding:12px 0 0}.qr-grid{display:grid;grid-template-columns:repeat(21,1fr);gap:1px;width:120px;height:120px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:6px;flex-shrink:0}.qr-cell{aspect-ratio:1/1}.link-row{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-top:1px solid var(--border);padding:10px 0 4px;cursor:pointer;color:var(--text-2);font:inherit;text-align:left}.link-row:hover{color:var(--text)}.visibility-current{display:flex;align-items:center;gap:12px;padding:4px 0;flex-wrap:wrap}.visibility-current-state{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.viewers-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden}.viewers-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.viewers-row:last-child{border-bottom:none}.analytics-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.analytics-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.analytics-tile-label{font-size:11px;color:var(--muted);letter-spacing:.02em;margin-bottom:4px}.analytics-tile-value{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:4px}.analytics-chart,.analytics-referrers{margin-top:4px;padding-top:14px;border-top:1px solid var(--border)}.metadata-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--border);margin-top:4px}.metadata-stat{padding:12px 14px 12px 0;border-bottom:1px solid var(--border)}.metadata-stat:nth-child(odd){padding-right:14px;border-right:1px solid var(--border)}.metadata-stat:nth-child(2n){padding-left:14px}.metadata-stat:nth-last-child(-n+2){border-bottom:none}.metadata-stat-label{font-size:11px;color:var(--muted);letter-spacing:.02em}.metadata-stat-value{font-size:13px;font-weight:500;color:var(--text);margin-top:2px}.settings-save-bar{position:sticky;bottom:0;margin:8px -18px -16px;padding:12px 18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.hosted-doc{max-width:720px;margin:0 auto;padding:56px 32px;font-family:var(--font-ui);color:var(--text)}.hosted-doc h1{font-size:32px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.hosted-doc p{color:var(--text-2)}.hosted-doc .meta{color:var(--muted);font-size:12px;margin-bottom:32px}.hosted-doc .pill{display:inline-block;font-family:var(--font-mono);padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-right:6px;margin-bottom:6px}.count-badge,.hosted-doc .pill{font-size:12px;background:var(--surface-2)}.count-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:22px;padding:0 7px;color:var(--muted);border:1px solid var(--border);border-radius:999px;font-weight:500;font-variant-numeric:tabular-nums}.sort-select{width:auto;height:32px;background:var(--surface);font-size:13px}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:500;cursor:pointer;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.filter-chip:hover{background:var(--surface-hover)}.filter-chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.filter-chip.active .filter-chip-count{background:color-mix(in srgb,var(--bg) 22%,transparent);color:var(--bg);border-color:transparent}.filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:0 5px;height:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.filter-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.filter-chip-dot.dot-public{background:var(--success)}.filter-chip-dot.dot-internal{background:var(--info)}.filter-chip-dot.dot-restricted{background:var(--warning)}.filter-chip-dot.dot-private{background:var(--muted)}.filter-chip-dot.dot-archived{background:var(--muted-2)}.search-inline{width:220px;height:30px}.empty-viewport{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-art-pages{width:96px;height:96px;position:relative;display:grid;place-items:center;margin-bottom:16px;background:transparent;border:none;box-shadow:none}.empty-art-pages:after,.empty-art-pages:before{content:"";position:absolute;width:64px;height:80px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs)}.empty-art-pages:before{transform:rotate(-8deg) translate(-10px,6px);z-index:0}.empty-art-pages:after{transform:rotate(8deg) translate(10px,6px);z-index:1}.empty-art-pages>svg{position:relative;width:64px;height:80px;padding:26px 20px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-2);z-index:2;box-shadow:var(--shadow-sm)}.empty-title-lg{font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--text)}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:flex-start}@media (max-width:880px){.dashboard-layout{grid-template-columns:1fr}}.folder-sidebar{position:sticky;top:72px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden;align-self:flex-start}.folder-sidebar-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.folder-sidebar-body{max-height:70vh;overflow-y:auto;padding:4px 0}.folder-row{display:flex;align-items:center;gap:2px;padding-right:4px;min-height:30px;transition:background .12s ease}.folder-row:hover{background:var(--surface-hover)}.folder-row.active,.folder-row.drag-over{background:var(--accent-soft)}.folder-row.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.folder-row-caret{width:18px;height:24px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.folder-row-caret,.folder-row-main{background:transparent;border:none;cursor:pointer}.folder-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:13px;color:var(--text);text-align:left}.folder-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row-count{font-size:11px;color:var(--muted);padding:1px 6px;border-radius:999px;background:var(--surface-2)}.folder-row.active .folder-row-count{background:var(--surface)}.folder-row-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.folder-row:hover .folder-row-actions{display:inline-flex}.folder-row-actions button{display:grid;place-items:center;width:22px;height:22px;border:none;background:transparent;border-radius:4px;color:var(--muted);cursor:pointer}.folder-row-actions button:hover{background:var(--surface-2);color:var(--text)}.site-card-folder-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted);padding:2px 6px;margin-top:4px;background:var(--surface-2);border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}