:root{color:#f5f5f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0a09;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -10%,#fbbf242e,#0000 34rem),radial-gradient(circle at 94% 2%,#f43f5e1f,#0000 28rem),radial-gradient(circle at 50% 110%,#78716c29,#0000 30rem),linear-gradient(#12100f 0%,#090807 52%,#0c0a09 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.app-shell{color:#f5f5f4;min-height:100vh;padding:14px clamp(12px,1.4vw,28px) 44px}.hero-panel{background:radial-gradient(circle at 18% 10%,#fbbf2433,#0000 24rem),radial-gradient(circle at 82% 0,#f43f5e21,#0000 22rem),linear-gradient(145deg,#1c1917db,#0c0a09f0);border:1px solid #ffffff14;border-radius:30px;width:min(1760px,100%);min-height:min(82vh,860px);margin:0 auto 22px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000005c}.hero-panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 28% 72%,#fbbf2414);border-radius:29px;position:absolute;inset:1px;-webkit-mask:linear-gradient(#000,#0000 70%);mask:linear-gradient(#000,#0000 70%)}.topbar,.archive-section-tabs,.hero-grid,.stats-row,.workspace-grid{width:min(1640px,100% - 56px);margin-inline:auto}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex;position:relative}.brand-mark,.eyebrow,.detail-grid span{align-items:center;gap:8px;display:inline-flex}.brand-mark{color:#fffaf0;letter-spacing:-.035em;font-weight:850}.brand-mark svg{color:#fbbf24}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.topbar-link{color:#e7dfd1;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;padding:9px 14px;font-size:.88rem;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,color .16s;box-shadow:inset 0 1px #ffffff0d}.topbar-link:hover{background:#f59e0b1a;border-color:#f59e0b5c;transform:translateY(-1px)}.archive-section-tabs{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0a095c;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:relative}.archive-section-tabs button{color:#d6d3d1;background:0 0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.84rem;font-weight:760;transition:background .16s,color .16s,transform .16s;display:inline-flex}.archive-section-tabs button:hover,.archive-section-tabs button.active{color:#fff7ed;background:#f59e0b24;transform:translateY(-1px)}button{cursor:pointer;font:inherit;border:0}button:disabled{cursor:wait;opacity:.72}.url-row button{color:#1c1407;background:linear-gradient(135deg,#facc15,#fb923c 54%,#f97316);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:850;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 18px 38px #f973163d,inset 0 1px #ffffff57}.url-row button:hover{filter:brightness(1.04);transform:translateY(-1px)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(22px,4vw,58px);padding:clamp(28px,5vh,58px) 0 clamp(32px,6vh,72px);display:grid;position:relative}.hero-copy h1{color:#fff;letter-spacing:-.082em;text-wrap:balance;max-width:1180px;margin:16px 0 18px;font-size:clamp(3.4rem,6.2vw,7.8rem);line-height:.88}.eyebrow{color:#fcd34d;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:850}.lede{color:#d6d3d1;max-width:980px;font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.65}.hero-pills{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-pills span{color:#e7e5e4;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;font-size:.84rem;box-shadow:inset 0 1px #ffffff0f}.search-card,.stat-card,.archive-list,.preview-panel{-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:#1c19179e;border:1px solid #ffffff17;border-radius:28px;box-shadow:0 24px 70px #00000040,inset 0 1px #ffffff0b}.search-card{background:radial-gradient(circle at 70% 20%,#f59e0b1f,#0000 48%),#fafaf914;max-width:none;margin:34px 0 0;padding:clamp(16px,2vw,24px)}.search-card label,.controls-row label{color:#f1eadf;font-weight:750}.url-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px;display:grid}input,select{box-sizing:border-box;color:#fffaf0;background:#0c0a099e;border:1px solid #ffffff1c;border-radius:18px;outline:none;width:100%;padding:14px 15px;box-shadow:inset 0 1px #ffffff0a}input:focus,select:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b29}.controls-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.controls-row label{gap:6px;font-size:.85rem;display:grid}.message{color:#fde68a;margin-top:12px}.preview-panel h2,.archive-list h2{color:#fff;letter-spacing:-.04em;margin:10px 0 8px}.stats-row{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px auto;display:grid}.account-panel{background:#1c1917b8;border:1px solid #ffffff1a;border-radius:24px;width:min(1120px,100% - 40px);margin:24px auto;padding:22px}.archive-replay-page{background:#1c1917db;border:1px solid #ffffff1a;border-radius:28px;width:min(1380px,100% - 32px);margin:24px auto;overflow:hidden;box-shadow:0 24px 70px #00000057}.replay-toolbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.replay-toolbar h2{color:#fff;margin:6px 0}.replay-toolbar span,.empty-replay{color:#d8d0c2}.archive-replay-page iframe{background:#fff;border:0;width:100%;height:min(78vh,900px);display:block}.empty-replay{padding:38px}.primary-view-button{color:#17120a!important;background:linear-gradient(135deg,#f59e0b,#f97316)!important}.auth-card{gap:12px;max-width:460px;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{background:radial-gradient(circle at 0 0,#f59e0b24,#0000 34%),linear-gradient(145deg,#1f1d1afa,#0c0a09fa);border:1px solid #ffffff1f;border-radius:28px;width:min(520px,100%);padding:24px;position:relative;box-shadow:0 34px 90px #00000075}.modal-close{color:#f7f3ea;background:#ffffff14;border-radius:999px;width:34px;height:34px;position:absolute;top:14px;right:14px}.auth-card p,.auth-card small{color:#d8d0c2}.auth-card p,.auth-card button{align-items:center;gap:8px;display:inline-flex}.auth-card>button,.auth-tabs button{color:#17120a;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;padding:10px 14px;font-weight:800}.auth-tabs{gap:8px;display:flex}.auth-tabs button{color:#d8d0c2;background:#ffffff14}.auth-tabs button.active{color:#17120a;background:#f59e0b}.admin-table{gap:8px;display:grid}.admin-row{color:#f1eadf;background:#0c0a096b;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.stat-card{color:#d6d3d1;padding:18px}.stat-card svg{color:#f59e0b}.stat-card strong{color:#fff;letter-spacing:-.055em;margin-top:10px;font-size:2.25rem;display:block}.workspace-grid{grid-template-columns:minmax(380px,.72fr) minmax(0,1.28fr);gap:16px;padding-bottom:40px;display:grid}.collection-view{grid-template-columns:240px minmax(0,1fr);gap:18px;width:min(1640px,100% - 56px);min-height:620px;max-height:78vh;margin:18px auto 40px;display:grid}.section-placeholder{grid-template-columns:240px minmax(0,1fr);min-height:620px}.collection-sidebar,.collection-main{-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:#1c19179e;border:1px solid #ffffff17;border-radius:26px;box-shadow:0 24px 70px #00000040,inset 0 1px #ffffff0b}.collection-sidebar{align-self:start;max-height:78vh;padding:18px;overflow:auto}.collection-sidebar h3{color:#fff;letter-spacing:-.05em;margin:0 0 18px;font-size:1.5rem}.filter-group{border-top:1px solid #ffffff14;gap:9px;padding:14px 0;display:grid}.filter-group strong{color:#f5f5f4}.filter-group span{color:#d6d3d1;justify-content:space-between;gap:10px;font-size:.9rem;display:flex}.filter-group em,.collection-tools em,.file-meta em{color:#fbbf24;font-style:normal}.collection-main{min-height:0;padding:22px;overflow:hidden}.collection-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.collection-header h2{color:#fff;letter-spacing:-.065em;margin:8px 0;font-size:clamp(1.8rem,4vw,3rem)}.collection-header p,.collection-tools{color:#a8a29e}.collection-search{background:#0c0a0970;border:1px solid #ffffff1c;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:20px 0 10px;padding:6px 14px;display:grid}.collection-search input{box-shadow:none;background:0 0;border:0}.collection-search input:focus{box-shadow:none}.collection-tools{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.file-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;max-height:520px;padding-right:4px;display:grid;overflow:auto}.file-card{background:linear-gradient(#f5f5f40f,#0000 36%),#0c0a0970;border:1px solid #ffffff1a;border-radius:18px;gap:9px;min-height:288px;padding:12px;display:grid;box-shadow:0 14px 30px #0003}.file-thumb{color:#fbbf24;background:linear-gradient(145deg,#0000008a,#292524c7);border-radius:14px;place-items:center;min-height:126px;display:grid}.file-card strong{color:#fff;line-height:1.1}.file-card span,.file-card small{color:#d6d3d1}.file-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-meta{justify-content:space-between;gap:8px;margin-top:auto;display:flex}.file-card a{color:#fbbf24;font-weight:800;text-decoration:none}.file-actions{gap:8px;display:grid}.file-actions a{color:#fef3c7;background:#fb923c1a;border:1px solid #fbbf2438;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;display:inline-flex}.file-actions a:first-child{color:#1c1917;background:linear-gradient(135deg,#facc15,#fb923c);border-color:#0000}.file-unavailable{color:#a8a29e;margin:0;font-size:.82rem;line-height:1.45}.archive-list,.preview-panel{padding:22px}.section-heading p,.description{color:#a8a29e}.snapshot-row{text-align:left;color:#f1eadf;background:#0c0a0957;border:1px solid #ffffff0f;border-radius:20px;width:100%;margin-top:10px;transition:background .16s,border-color .16s,transform .16s;overflow:hidden}.snapshot-row.active,.snapshot-row:hover{background:#f59e0b1a;border-color:#fbbf243d;transform:translateY(-1px)}.snapshot-select{text-align:left;width:100%;color:inherit;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.snapshot-row small{color:#a8a29e;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.snapshot-row em,.resource-row em{color:#fbbf24;font-style:normal}.ghost-button,.delete-button{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:8px 12px;display:inline-flex}.delete-button{color:#fecaca;background:#ef44441a;border-color:#f871712e;margin:0 12px 12px}.empty-note{color:#a8a29e;margin-top:16px}.status-dot{background:#64748b;border-radius:50%;width:12px;height:12px}.status-dot.complete,.badge.complete{background:#14b8a6}.status-dot.crawling,.badge.crawling{background:#f59e0b}.status-dot.failed,.badge.failed{background:#ef4444}.preview-header{justify-content:space-between;gap:16px;display:flex}.badge{color:#fff;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-self:start;padding:6px 10px;font-size:.72rem;font-weight:900}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;display:grid}.detail-grid span{color:#f1eadf;background:#0c0a0957;border:1px solid #ffffff0f;border-radius:18px;padding:13px}.viewer-actions{flex-wrap:wrap;gap:10px;margin:-4px 0 22px;display:flex}.viewer-actions a,.viewer-actions button,.captured-page a{color:#fbbf24}.viewer-actions a,.viewer-actions button{background:#f59e0b1a;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.replay-box{background:#0c0a097a;border:1px solid #ffffff1a;border-radius:20px;margin:18px 0;overflow:hidden}.replay-heading{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:12px;padding:14px;display:flex}.replay-heading h3{color:#fff;margin:0}.replay-heading span,.replay-box p{color:#d8d0c2}.replay-box p{padding:14px}.replay-box iframe{background:#fff;border:0;width:100%;height:460px}.captured-pages{border-top:1px solid #ffffff1a;padding-top:18px}.captured-pages h3{color:#fff;margin:0 0 12px}.captured-page{background:#0c0a096b;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:12px;padding:14px}.captured-page-header{justify-content:space-between;gap:12px;display:flex}.captured-page-header strong,.captured-page-header a{display:block}.captured-page p,.captured-page summary,.captured-page li{color:#d8d0c2}.page-mini-stats{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.page-mini-stats span,.status-code{color:#f1eadf;background:#1c1917db;border-radius:999px;padding:5px 9px;font-size:.78rem}.status-code.ok{color:#86efac}.status-code.bad{color:#fecaca}.resource-box{border-top:1px solid #ffffff1a;margin-top:18px;padding-top:18px}.resource-box h3{color:#fff;margin:0 0 12px}.resource-row{border-bottom:1px solid #ffffff14;grid-template-columns:72px 1fr 42px;align-items:center;gap:10px;padding:10px 0;display:grid}.resource-row span{color:#fde68a}code{text-overflow:ellipsis;white-space:nowrap;color:#d8d0c2;overflow:hidden}.admin-shell{color:#f7f3ea;background:radial-gradient(circle at 14% 0,#f59e0b38,#0000 30%),radial-gradient(circle at 90% 10%,#f9731629,#0000 34%),linear-gradient(135deg,#0c0a09,#1c1917 48%,#09090b);min-height:100vh;padding:22px}.admin-topbar,.admin-hero,.admin-card,.admin-locked{width:min(1280px,100%);margin-inline:auto}.admin-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1917b8;border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:14px 16px;display:flex}.admin-hero{background:linear-gradient(135deg,#292524db,#0c0a09db),#1c1917bd;border:1px solid #ffffff1a;border-radius:30px;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;padding:26px;display:flex;box-shadow:0 24px 70px #00000047}.admin-hero h1{color:#fff;letter-spacing:-.07em;margin:6px 0 8px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}.admin-hero p{color:#d8d0c2;max-width:720px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1280px,100%);margin:0 auto 16px;display:grid}.admin-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;width:min(1280px,100%);margin:0 auto 16px;display:grid}.admin-card{background:#1c1917c2;border:1px solid #ffffff1a;border-radius:26px;padding:18px;box-shadow:0 18px 55px #00000038}.admin-card-wide{margin-bottom:36px}.admin-card-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.admin-card h2{color:#fff;letter-spacing:-.045em;margin:4px 0 0}.admin-row-head{color:#fef3c7;background:#fb923c1f}.admin-archive-row{grid-template-columns:minmax(220px,1fr) 100px 70px 170px 160px}.admin-archive-row strong,.admin-archive-row small{display:block}.admin-actions{justify-content:end;gap:8px;display:flex}.admin-actions .ghost-button,.admin-actions .delete-button{padding:8px 10px}.admin-file-types{gap:10px;display:grid}.admin-file-types span{color:#f7f3ea;background:#0c0a0961;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;gap:12px;padding:12px;display:flex}.admin-file-types em,.admin-muted{color:#fbbf24;font-style:normal;font-weight:800}.admin-locked{text-align:center;background:#1c1917c2;border:1px solid #ffffff1a;border-radius:30px;place-items:center;min-height:420px;padding:30px;display:grid}.admin-locked svg{color:#f59e0b}.admin-locked h2{color:#fff;margin:12px 0 0}.admin-locked p{color:#d8d0c2}.admin-locked button{color:#17120a;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;padding:12px 20px;font-weight:900}@media (width<=1180px){.hero-panel{min-height:auto}}@media (width<=860px){.hero-grid,.workspace-grid,.collection-view,.stats-row,.admin-metrics,.admin-grid,.controls-row{grid-template-columns:1fr}.topbar,.admin-topbar,.admin-hero,.url-row,.preview-header{flex-direction:column;align-items:stretch}.url-row{grid-template-columns:1fr}.archive-section-tabs{grid-template-columns:repeat(2,1fr)}.admin-archive-row{grid-template-columns:1fr}}