:root{--black:#000;--white:#fff;--red:#f03;--red-deep:#c7002a;--gray-50:#f4f4f4;--gray-100:#e5e5e5;--gray-300:#b0b0b0;--gray-700:#2b2b2b;--grid-line:rgba(0,0,0,.05);--shadow-hard:8px 8px 0 var(--black);--shadow-hard-lg:12px 12px 0 var(--black);--shadow-red:8px 8px 0 var(--red);--border:3px solid var(--black);--border-thick:4px solid var(--black);--font-display:"Archivo Black","Space Grotesk",sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--white);color:var(--black);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:var(--white)}a{color:inherit}.grid-overlay{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;z-index:0}.topbar{position:relative;z-index:5;justify-content:space-between;padding:14px 24px;border-bottom:var(--border-thick);background:var(--white)}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px}.logo-square{background:var(--black);color:var(--white);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:4px 4px 0 var(--red)}.brand-name,.logo-square{font-family:var(--font-display)}.brand-name{font-size:18px;line-height:1;letter-spacing:-.01em}.brand-version{font-size:10px;color:var(--gray-700);letter-spacing:.05em;margin-top:4px}.brand-version,.topbar-meta{font-family:var(--font-mono)}.topbar-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dot-blink{width:10px;height:10px;background:var(--red);animation:blink 1.2s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.15}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:56px 24px 80px}.container,.hero{position:relative}.hero{margin-bottom:64px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hero-tag,.section-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.18em;background:var(--black);color:var(--white);padding:4px 10px}.section-title{font-family:var(--font-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.hero-tag{display:inline-block}.hero-title{font-family:var(--font-display);font-size:clamp(48px,9vw,112px);line-height:.92;letter-spacing:-.03em;margin:18px 0 28px;text-transform:uppercase}.hero-title-red{color:var(--red);position:relative;display:inline-block}.hero-title-red:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;height:.12em;background:var(--black)}.hero-desc{font-size:18px;max-width:700px;line-height:1.55}.hero-desc code{font-family:var(--font-mono);background:var(--black);color:var(--red);padding:2px 8px;font-weight:700;font-size:.95em}.hero-desc strong{background:var(--red);color:var(--white);padding:0 8px;font-weight:700}.hero-desc em{font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.url-input{margin-bottom:64px;padding-bottom:16px}.input-group{display:flex;background:var(--white);border:var(--border-thick);box-shadow:var(--shadow-hard);transition:box-shadow .15s,transform .15s}.input-group:focus-within{box-shadow:var(--shadow-hard-lg);transform:translate(-2px,-2px)}.input-group input{flex:1 1;background:transparent;border:0;outline:0;color:var(--black);font-family:var(--font-mono);font-size:18px;font-weight:700;padding:22px 20px;min-width:0}.input-group input::placeholder{color:var(--gray-300)}.btn-load{background:var(--red);color:var(--white);border:0;border-left:var(--border-thick);padding:0 32px;font-family:var(--font-display);font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.btn-load:hover{background:var(--black)}.btn-load:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:3px solid hsla(0,0%,100%,.3);border-top:3px solid var(--white);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.status-line{margin-top:32px;padding:14px 18px;font-family:var(--font-mono);font-size:13px;font-weight:700;background:var(--black);color:var(--white);border-left:6px solid var(--red);letter-spacing:.02em;word-break:break-word;position:relative;z-index:2}.status-line.error{background:var(--red);color:var(--white);border-left-color:var(--black)}.results{margin-bottom:56px}.results-card{border:var(--border-thick);background:var(--white);box-shadow:var(--shadow-hard)}.results-meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--border-thick)}.stat{padding:22px 24px;border-right:var(--border-thick);background:var(--white)}.stat:last-child{border-right:0}.stat:nth-child(2){background:var(--gray-50)}.stat-value{font-family:var(--font-display);font-size:38px;line-height:1}.stat-value.stat-mono{font-size:16px;word-break:break-all;line-height:1.2}.stat-label,.stat-value.stat-mono{font-family:var(--font-mono);font-weight:700}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-700);margin-top:8px}.tree-controls{display:flex;border-bottom:var(--border-thick)}.filter,.tree-controls{background:var(--white)}.filter{flex:1 1;border:0;border-right:var(--border-thick);padding:14px 18px;font-family:var(--font-mono);font-size:14px;font-weight:700;outline:0;min-width:0}.filter::placeholder{color:var(--gray-300)}.filter:focus{background:var(--gray-50)}.btn-toolbar{background:var(--white);border:0;border-right:var(--border-thick);padding:14px 18px;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.btn-toolbar:hover{background:var(--black);color:var(--white)}.btn-toolbar:last-child{border-right:0}.btn-toolbar:disabled{opacity:.4;cursor:not-allowed}.btn-toolbar-cta{background:var(--red);color:var(--white)}.btn-toolbar-cta:hover{background:var(--black)}.tab-bar{display:flex;align-items:stretch;border-bottom:var(--border-thick);background:var(--gray-50);overflow-x:auto}.tab-bar::-webkit-scrollbar{height:6px}.tab-bar::-webkit-scrollbar-thumb{background:var(--black)}.tab{background:var(--white);border:0;border-right:3px solid var(--black);padding:12px 18px;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:background .1s,color .1s;position:relative}.tab:hover{background:var(--gray-50)}.tab.active{background:var(--black);color:var(--white)}.tab.active:after{content:"";position:absolute;inset:auto 0 -4px 0;height:4px;background:var(--red)}.tab-count{background:var(--white);border:2px solid var(--black);color:var(--black);padding:1px 7px;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.02em}.tab.active .tab-count{background:var(--red);border-color:var(--red);color:var(--white)}.tab-meta{flex:1 1;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--gray-700);text-transform:uppercase;white-space:nowrap;border-left:3px solid var(--black)}.tab-meta strong{background:var(--black);color:var(--white);padding:2px 7px;margin:0 4px;font-weight:700}.tree{padding:12px;max-height:600px;overflow:auto;font-family:var(--font-mono);font-size:13px;background:var(--white)}.tree::-webkit-scrollbar{width:14px;height:14px}.tree::-webkit-scrollbar-track{background:var(--gray-50)}.tree::-webkit-scrollbar-thumb{background:var(--black);border:3px solid var(--gray-50)}.tree::-webkit-scrollbar-thumb:hover{background:var(--red)}.tree-children{padding-left:22px;border-left:2px solid var(--black);margin-left:9px}.tree-row{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:400;border:2px solid transparent}.tree-row:hover{background:var(--black);color:var(--white)}.tree-row:hover .tree-icon{color:var(--red)}.tree-row:hover .tree-count{background:var(--red);color:var(--white);border-color:var(--red)}.tree-row:hover .tree-link{opacity:1;color:var(--red)}.tree-toggle{width:14px;display:inline-flex;justify-content:center;cursor:pointer;font-weight:700;font-size:10px;flex-shrink:0;transition:transform .15s}.tree-toggle.empty{visibility:hidden}.tree-row.collapsed .tree-toggle{transform:rotate(-90deg)}.tree-icon{width:18px;text-align:center;font-weight:700;flex-shrink:0}.tree-icon.folder{color:var(--red)}.tree-icon.page{color:var(--black)}.tree-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.tree-link{font-size:10px;font-weight:700;color:var(--gray-700);text-decoration:none;margin-left:8px;letter-spacing:.1em;opacity:0;transition:opacity .15s}.tree-count{background:var(--white);border:2px solid var(--black);padding:0 8px;font-family:var(--font-mono);font-weight:700;font-size:11px;flex-shrink:0}.download-panel{position:fixed;top:0;right:0;width:min(460px,92vw);height:100vh;background:var(--white);border-left:6px solid var(--black);z-index:100;display:flex;flex-direction:column;transform:translateX(100%);box-shadow:-10px 0 0 var(--red),-16px 0 0 var(--black)}.panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90;opacity:0}.panel-header{padding:22px 24px;border-bottom:var(--border-thick);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--black);color:var(--white)}.panel-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--red);margin-bottom:6px}.panel-title{font-family:var(--font-display);font-size:26px;line-height:.95;letter-spacing:-.01em}.panel-close{background:var(--red);border:0;color:var(--white);width:38px;height:38px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s,color .1s}.panel-close:hover{background:var(--white);color:var(--black)}.panel-body{flex:1 1;padding:22px;display:flex;flex-direction:column;gap:18px;overflow:auto;min-height:0}.progress-block{border:var(--border-thick);padding:16px;background:var(--gray-50)}.progress-bar{position:relative;height:36px;background:var(--white);border:3px solid var(--black);overflow:hidden;margin-bottom:10px}.progress-fill{position:absolute;inset:0 auto 0 0;width:0;background-color:var(--red);background-image:repeating-linear-gradient(-45deg,var(--red) 0,var(--red) 10px,var(--red-deep) 10px,var(--red-deep) 20px);background-size:28.28px 28.28px;animation:stripes-move .8s linear infinite;transition:width .3s}@keyframes stripes-move{to{background-position:28.28px 0}}.progress-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;letter-spacing:.05em;color:var(--white);mix-blend-mode:difference}.progress-text{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.log-section{flex:1 1;display:flex;flex-direction:column;border:var(--border-thick);background:var(--black);min-height:200px}.log-header{color:var(--red);padding:8px 14px;font-weight:700;letter-spacing:.12em;border-bottom:2px solid var(--red)}.log-box,.log-header{background:var(--black);font-family:var(--font-mono);font-size:11px}.log-box{flex:1 1;padding:12px 14px;color:#0f6;white-space:pre-wrap;word-break:break-all;overflow:auto;min-height:0;margin:0;line-height:1.5}.download-ready{border:var(--border-thick);padding:16px;background:var(--red);color:var(--white);position:relative;box-shadow:4px 4px 0 var(--black)}.ready-banner{font-family:var(--font-display);font-size:20px;letter-spacing:.04em;text-transform:uppercase}.ready-meta{font-family:var(--font-mono);font-size:11px;margin:6px 0 14px;letter-spacing:.05em;font-weight:700}.btn-ready{display:block;background:var(--white);color:var(--black);border:3px solid var(--black);padding:16px;font-family:var(--font-display);font-size:15px;letter-spacing:.08em;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .1s,box-shadow .1s,background .1s,color .1s}.btn-ready:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--black);background:var(--black);color:var(--white)}.btn-ready:active{transform:translate(0);box-shadow:none}.how-it-works{border:var(--border-thick);padding:32px;background:var(--black);color:var(--white);margin-top:64px;box-shadow:var(--shadow-red)}.how-header .section-tag{background:var(--red);color:var(--white)}.how-header .section-title{color:var(--white)}.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:0;gap:0;border:2px solid var(--white);margin-top:16px}.steps li{counter-increment:step;padding:22px 22px 26px;border-right:2px solid var(--white);font-size:14px;position:relative}.steps li:last-child{border-right:0}.steps li:before{content:counter(step,decimal-leading-zero);font-size:36px;color:var(--red);margin-bottom:12px;line-height:1}.steps li:before,.steps strong{display:block;font-family:var(--font-display)}.steps strong{font-size:13px;margin-bottom:6px;letter-spacing:.04em}.steps strong,footer{text-transform:uppercase}footer{border-top:var(--border-thick);padding:20px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:24px;gap:24px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--white);position:relative;z-index:1}.footer-credit{text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.footer-credit strong{background:var(--black);color:var(--white);padding:3px 8px;font-weight:700}.footer-x{color:var(--red);font-family:var(--font-display);font-size:14px;line-height:1}.footer-love{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:var(--white);padding:3px 10px;margin-left:4px}.heart{color:var(--white);font-size:13px;line-height:1;display:inline-block;animation:heartbeat 1.4s ease-in-out infinite;transform-origin:center}@keyframes heartbeat{0%,70%,to{transform:scale(1)}35%{transform:scale(1.25)}}@media (max-width:720px){.hero-title{font-size:52px}.hero-desc{font-size:16px}.results-meta{grid-template-columns:1fr}.stat{border-right:0;border-bottom:var(--border-thick)}.stat:last-child{border-bottom:0}.tree-controls{flex-wrap:wrap}.filter{flex:1 1 100%;border-right:0;border-bottom:var(--border-thick)}.btn-toolbar{flex:1 1;padding:12px 8px;font-size:11px}.input-group{flex-direction:column}.btn-load{border-left:0;border-top:var(--border-thick);padding:18px 24px}.steps{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:2px solid var(--white)}.steps li:last-child{border-bottom:0}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.container{padding:32px 16px 64px}footer{grid-template-columns:1fr;text-align:center;gap:14px}.footer-credit{justify-content:center}.tab-meta{display:none}.tab{padding:10px 12px;font-size:11px;gap:8px}}