@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}:root{--ethereal-blue:#5e7ce2;--moonlit-grey:#9ca8c4;--deep-charcoal:#16171d;--future-dust:#1e2130;--mocha-mousse:#a47764;--mocha-light:#c4a494;--neon-accent:#ff6b35;--chrome-purple:#a855f7;--cyber-teal:#2dd4bf;--glass-bg:rgba(30,33,48,.6);--glass-border:rgba(156,168,196,.15);--glass-highlight:hsla(0,0%,100%,.05);--text-primary:#f0f2f8;--text-secondary:#9ca8c4;--text-muted:#636b83;--radius:16px;--radius-sm:10px;--shadow-glow:0 0 40px rgba(94,124,226,.15);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body,html{max-width:100vw;overflow-x:hidden;min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;margin:0;padding:0;color:var(--text-primary);background:var(--deep-charcoal);background-image:radial-gradient(ellipse at 20% 0,rgba(94,124,226,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.06) 0,transparent 50%);line-height:1.6}a{color:var(--ethereal-blue);text-decoration:none;transition:var(--transition)}a:hover{color:var(--cyber-teal)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}header{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}header .container{justify-content:space-between}header .container,header h1{display:flex;align-items:center}header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--ethereal-blue) 0,var(--chrome-purple) 50%,var(--cyber-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;gap:.75rem}header h1:before{content:"";width:12px;height:12px;background:radial-gradient(circle,var(--cyber-teal) 0,var(--ethereal-blue) 100%);border-radius:50%;animation:breathe 3s ease-in-out infinite;box-shadow:0 0 20px var(--cyber-teal)}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}header nav{display:flex;gap:2rem}header nav a{color:var(--text-secondary);font-weight:500;padding:.5rem 0;position:relative;letter-spacing:.02em}header nav a:hover{color:var(--text-primary)}header nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--ethereal-blue),var(--chrome-purple));transition:var(--transition);transform:translateX(-50%);border-radius:2px}header nav a:hover:after{width:100%}main{padding:3rem 0;min-height:calc(100vh - 200px)}.hero{text-align:center;padding:4rem 0 5rem}.hero h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.hero h2 span{background:linear-gradient(135deg,var(--ethereal-blue) 0,var(--chrome-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{max-width:600px;margin:0 auto 2rem}.hero p,.hero-description{color:var(--text-secondary);font-size:1.125rem}.hero-description{max-width:650px;margin:0 auto 2.5rem;line-height:1.7}.form{width:100%;max-width:700px;margin:0 auto}.form-control{display:flex;gap:.75rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.5rem;border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow-glow),inset 0 1px 0 var(--glass-highlight);transition:var(--transition)}.form-control:focus-within{border-color:rgba(94,124,226,.4);box-shadow:0 0 60px rgba(94,124,226,.2),inset 0 1px 0 var(--glass-highlight)}.form-control input[type=url]{flex:1 1;background:hsla(0,0%,100%,.03);border:1px solid transparent;border-radius:var(--radius-sm);padding:1rem 1.5rem;font-size:1rem;color:var(--text-primary);outline:none;transition:var(--transition)}.form-control input[type=url]::placeholder{color:var(--text-muted)}.form-control input[type=url]:focus{background:hsla(0,0%,100%,.05)}.form-control .components-button,.form-control>button{background:linear-gradient(135deg,var(--ethereal-blue) 0,var(--chrome-purple) 100%);color:#fff;border:none;border-radius:var(--radius-sm);padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;position:relative;overflow:hidden}.form-control .components-button:before,.form-control>button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.form-control .components-button:hover:before,.form-control>button:hover:before{left:100%}.form-control .components-button:hover,.form-control>button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(94,124,226,.4)}.form-control .components-button:active,.form-control>button:active{transform:translateY(0)}.form .components-base-control{flex:1 1 100%;margin:0}.critical-css-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.critical-css-result{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:var(--transition)}.critical-css-result:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ethereal-blue),var(--chrome-purple),var(--cyber-teal));opacity:0;transition:var(--transition)}.critical-css-result:hover{border-color:rgba(94,124,226,.3);transform:translateY(-4px)}.critical-css-result:hover:before{opacity:1}.critical-css-result.critical-css-critical:before{background:linear-gradient(90deg,var(--mocha-mousse),var(--mocha-light),var(--neon-accent))}.critical-css-result h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.result-header{margin-bottom:.5rem}.result-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.result-description strong{color:var(--cyber-teal);font-weight:600;margin-left:.5rem}.result-description strong:first-of-type{margin-left:0;display:block;margin-top:.5rem}.critical-css-result textarea{width:100%;min-height:220px;background:rgba(0,0,0,.2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:1rem;font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.8125rem;color:var(--text-primary);resize:vertical;outline:none;transition:var(--transition);line-height:1.7}.critical-css-result textarea:focus{border-color:var(--ethereal-blue);box-shadow:0 0 0 3px rgba(94,124,226,.1)}.critical-css-result-action{background:transparent;color:var(--ethereal-blue);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.critical-css-result-action:hover:not(:disabled){background:var(--ethereal-blue);border-color:var(--ethereal-blue);color:#fff;box-shadow:0 4px 20px rgba(94,124,226,.3)}.critical-css-result-action:disabled{opacity:.4;cursor:not-allowed}.result-code-container{background:rgba(0,0,0,.3);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border)}.result-code-header{justify-content:space-between;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.result-code-header,.result-filename{display:flex;align-items:center;gap:.5rem}.result-filename{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;color:var(--text-secondary)}.result-filename:before{content:"";width:8px;height:8px;background:var(--cyber-teal);border-radius:50%}.result-size-badge{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.size-reduction{color:var(--cyber-teal);font-weight:600}.result-code-container textarea{border:none;border-radius:0;background:transparent}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.critical-css-result-action.secondary{background:transparent;border-color:var(--glass-border);color:var(--text-secondary)}.critical-css-result-action.secondary:hover:not(:disabled){background:hsla(0,0%,100%,.05);border-color:var(--text-secondary);color:var(--text-primary)}.critical-css-result-action svg{flex-shrink:0}.loader-container{flex-direction:column;padding:4rem 2rem;gap:1.5rem}.loader-container,.loader-orb{display:flex;align-items:center;justify-content:center}.loader-orb{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--ethereal-blue),var(--chrome-purple),var(--cyber-teal));animation:orb-pulse 2s ease-in-out infinite;box-shadow:0 0 40px rgba(94,124,226,.4),0 0 80px rgba(45,212,191,.2)}.loader-orb-inner{width:60%;height:60%;border-radius:50%;background:var(--deep-charcoal);animation:orb-inner-pulse 2s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px rgba(94,124,226,.4),0 0 80px rgba(45,212,191,.2)}50%{transform:scale(1.1);box-shadow:0 0 60px rgba(94,124,226,.6),0 0 120px rgba(45,212,191,.3)}}@keyframes orb-inner-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(.9);opacity:1}}.loader-text{color:var(--text-secondary);font-size:1rem;font-weight:500;animation:text-fade 2s ease-in-out infinite}@keyframes text-fade{0%,to{opacity:.6}50%{opacity:1}}.critical-css-results{animation:fadeSlideIn .5s ease-out forwards}.critical-css-results:nth-of-type(2){animation-delay:.15s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-view{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--glass-border);padding:1.5rem;margin:3rem 0}.file-view h3{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.file-view h3:before{content:"";width:8px;height:8px;background:var(--cyber-teal);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}footer{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:2rem 0;margin-top:5rem}footer .container{text-align:center}footer p{color:var(--text-muted);font-size:.875rem}@keyframes thinking{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.loading{animation:thinking 1.5s ease-in-out infinite}@media (max-width:768px){.hero h2{font-size:1.75rem}.form-control{flex-direction:column}.form-control>button{width:100%}header .container{flex-direction:column;gap:1rem}header nav{gap:1.25rem}.critical-css-results{grid-template-columns:1fr}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#d0d0d0;--glass-border:hsla(0,0%,100%,.3)}}