:root{--bg:#080b0b;--box:#111716;--panel:#111615;--panel2:#171d1b;--lime:#baf536;--lime-dark:#8cbd1d;--grey:#8c9b92;--line:#28322c;--text:#f0f4f0;--muted:#a1aca5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;line-height:1.5;background:radial-gradient(ellipse 60% 24% at 92% 3%,#24402340,transparent 80%),#080b0b;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.wrap{max-width:1250px;margin:auto;padding-left:35px;padding-right:35px} .lime{color:var(--lime)}.ambient-grid{position:absolute;inset:0 0 auto;height:1050px;pointer-events:none;opacity:.35;background-image:linear-gradient(#4d633a12 1px,transparent 1px),linear-gradient(90deg,#4d633a12 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 95%);mask-image:linear-gradient(to bottom,#000,transparent 95%)}.scan-beam{position:absolute;width:100%;height:3px;top:0;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:.76;box-shadow:0 0 40px #baf53b70}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;height:95px;border-bottom:1px solid #253126;background:#0a0e0c9c}.logo{display:flex;gap:13px;align-items:center;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:49px;height:49px;background:var(--lime);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);color:#0c0e09;font-size:21px;font-weight:1000;letter-spacing:-3px}.logo-mark span{font-size:13px;letter-spacing:-2px}.logo-copy{display:grid;gap:0}.logo-copy b{font-size:19px;font-weight:1000;letter-spacing:-.75px}.logo-copy small{font-size:9px;color:#a3afa6;letter-spacing:2.8px;font-weight:800}.header-links{display:flex;gap:33px;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#9ba8a0}.header-links a:hover,.admin-link:hover{color:var(--lime)}.admin-link{display:flex;align-items:center;gap:10px;border:1px solid #475b3c;border-radius:5px;padding:12px 15px;font-weight:900;font-size:10px;letter-spacing:1.1px}.lock-ico{font-size:15px;color:var(--lime)}
.hero{position:relative;display:grid;grid-template-columns:52% 48%;align-items:center;padding-top:68px;padding-bottom:80px;min-height:535px}.hero-left{position:relative;z-index:1}.status-pill{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.9px;font-weight:900;color:var(--lime);border:1px solid #344c27;background:#1b30251c;padding:9px 12px;border-radius:3px}.online-dot{height:8px;width:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px #baf536}.pill-sep{color:#617058}.supertitle{margin-top:35px;color:#9ca99f;font-size:11px;font-weight:900;letter-spacing:3.4px}.hero h1{margin:14px 0 22px;font-size:clamp(48px,5vw,76px);line-height:1.01;letter-spacing:-3.5px;font-weight:1000}.gradient-text{background:linear-gradient(90deg,#d2ff6a,#7cbd26);-webkit-background-clip:text;background-clip:text;color:transparent}.stroke-text{-webkit-text-stroke:1.3px #b6c2b7;color:transparent}.hero-desc{max-width:560px;font-size:14px;line-height:1.9;color:var(--muted)}.hero-desc strong{color:#e4ece3;font-weight:700}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:29px;flex-wrap:wrap}.primary-button{display:inline-flex;justify-content:space-between;gap:22px;align-items:center;min-width:236px;background:var(--lime);color:#0c1209;font-size:11px;font-weight:1000;letter-spacing:1px;padding:15px 18px;clip-path:polygon(0 0,96% 0,100% 24%,100% 100%,4% 100%,0 76%)}.primary-button:hover,.generate-button:hover{filter:brightness(1.14)}.quiet-button{font-weight:850;font-size:10px;letter-spacing:.9px;color:#d1ddd0;padding:12px 5px}.quiet-button span{color:var(--lime)}.hero-stats{margin-top:40px;display:flex;gap:36px}.hero-stats>div{display:grid;gap:2px;position:relative}.hero-stats>div+div{padding-left:34px;border-left:1px solid #30402e}.hero-stats b{color:#fff;font-size:24px;letter-spacing:-1px;line-height:1}.hero-stats span{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#8b988f;margin-top:8px}
.hero-visual{position:relative;min-height:445px;display:grid;place-items:center;isolation:isolate}.visual-outline{position:absolute;inset:30px 3px 17px 3px;border:1px solid #2e412b;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,10% 100%,0 90%);background:linear-gradient(130deg,#17312225,#0000 50%);box-shadow:inset 0 0 65px #84e5310d}.visual-outline:before,.visual-outline:after{content:'+';position:absolute;color:var(--lime);font-size:25px;font-weight:200}.visual-outline:before{left:12px;top:0}.visual-outline:after{right:14px;bottom:0}.visual-ring{position:absolute;border-radius:50%;border:1px solid #7ac62a44;box-shadow:0 0 50px #7ef0380d,inset 0 0 50px #7ef0380a}.visual-ring--1{width:345px;height:345px;border:1px dashed #80b9327c;animation:spin 55s linear infinite}.visual-ring--2{width:284px;height:284px;border:2px solid #568e2a55;outline:10px solid #8fc52108}.visual-ring--3{width:223px;height:223px;border:1px solid #d6ff737d;box-shadow:0 0 45px #abfa2c29,inset 0 0 70px #b8f53613}.visual-ring--3:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;right:0;top:44px;background:var(--lime);box-shadow:0 0 20px #baf536}.visual-target{display:flex;align-items:center;flex-direction:column;z-index:2;color:#dbff8f}.target-top,.target-bottom{font-size:9px;letter-spacing:2.4px;color:#96a98d;font-weight:900}.target-core{line-height:1.2;font-size:118px;font-weight:100;text-shadow:0 0 40px #8ce9194d}.target-bottom b{color:var(--lime)}.coordinate{position:absolute;font:10px/1.75 ui-monospace,monospace;color:#93a795;letter-spacing:1px}.coord-tl{top:52px;left:20px}.coord-br{bottom:42px;right:22px;text-align:right}.floating-chip{display:flex;align-items:center;gap:10px;position:absolute;z-index:2;padding:10px 13px;border:1px solid #477236;background:#142017e8;box-shadow:0 15px 30px #0007}.chip-top{top:75px;right:0}.chip-bottom{bottom:86px;left:0}.chip-circle{display:grid;place-items:center;background:#baf53621;color:var(--lime);font-size:24px;height:37px;width:37px}.floating-chip span:nth-child(2){display:grid;gap:1px}.floating-chip small{color:#87998a;font-size:8px;letter-spacing:1.3px}.floating-chip b{font-size:10px;letter-spacing:1px}.runner{border-top:1px solid #34402e;border-bottom:1px solid #34402e;background:#141b13;overflow:hidden}.runner-track{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 35px;white-space:nowrap;gap:24px;color:#a4b497;font-size:10px;letter-spacing:1.4px;font-weight:900}.runner i{font-size:17px;color:var(--lime);font-style:normal}
.generator,.compare-section,.how-section{padding-top:72px;padding-bottom:70px;scroll-margin-top:18px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-id{color:var(--lime);font-size:10px;letter-spacing:2px;font-weight:900}.section-intro h2{margin:9px 0 8px;font-size:clamp(26px,3.2vw,40px);line-height:1.1;letter-spacing:-1.45px;font-weight:1000}.section-intro p{max-width:730px;font-size:13px;color:#98a69c;margin:0;line-height:1.8}.section-counter{font:13px ui-monospace,monospace;color:#62776a}.engine-grid{display:grid;grid-template-columns:minmax(300px,43%) minmax(0,1fr);gap:18px;align-items:stretch}.panel{background:linear-gradient(150deg,#152019 0%,#111714 55%,#111613 100%);border:1px solid #2d3b30;border-radius:8px;min-width:0;overflow:hidden}.control-panel{padding:25px 25px 20px}.output-panel{padding:25px;position:relative}.panel:before{content:'';display:block;height:2px;background:linear-gradient(90deg,var(--lime),transparent 85%);margin:-25px -25px 24px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #334137;margin-bottom:20px}.panel-header small{font-size:9px;color:#9dad99;font-weight:850;letter-spacing:1.8px}.panel-header h3{display:flex;align-items:center;gap:9px;margin:2px 0 0;font-size:16px;letter-spacing:.2px}.small-badge{color:var(--lime);font-size:25px;font-weight:500}.panel-led{font-size:9px;white-space:nowrap;color:var(--lime);letter-spacing:1.3px}.chip-outline{border:1px solid #4f613b;color:var(--lime);padding:5px 8px;font-size:9px;letter-spacing:1.5px;font-weight:900;white-space:nowrap}.input-label{display:flex;gap:9px;align-items:center;margin:17px 0 9px;color:#dce6db;font-size:10px;font-weight:950;letter-spacing:1.2px}.input-label>span{color:var(--lime);font:10px ui-monospace,monospace}.input-shell{position:relative}.input-shell select,.model-search input{appearance:none;width:100%;border:1px solid #3a4a3b;background:#0b110d;color:#e7f2e4;padding:13px 37px 13px 14px;border-radius:4px;font-size:13px;min-height:48px;outline:none}.input-shell select:focus,.model-search input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #baf53617}.input-shell select:disabled{color:#99a29a}.input-arrow{position:absolute;right:16px;top:8px;color:var(--lime);font-size:26px;pointer-events:none}.model-search{position:relative;margin-bottom:8px}.model-search>span{position:absolute;left:13px;top:7px;color:var(--lime);font-size:25px}.model-search input{padding-left:41px}.field-hint{color:#819083;font-size:10px;display:block;margin:7px 0 17px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{cursor:pointer;display:block}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{border:1px solid #3d4c3b;border-radius:4px;min-height:46px;display:flex;justify-content:center;align-items:center;gap:6px;background:#0d130f;color:#a2b09d;font-size:18px;transition:.15s ease}.choice span b{font-size:11px;font-weight:1000;letter-spacing:.7px}.choice input:checked+span{background:#bbf5351b;border-color:var(--lime);color:var(--lime);box-shadow:inset 0 0 12px #bcf53510}.choice input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}.speed-row .choice span{min-height:37px}.dpi-switch{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:24px;padding:15px 0;border-top:1px solid #354035;border-bottom:1px solid #354035;cursor:pointer}.dpi-switch>span:first-child{display:grid;gap:3px}.dpi-switch strong{font-size:10px;letter-spacing:1px}.dpi-switch small{font-size:10px;color:#879585}.dpi-switch input{position:absolute;opacity:0}.switch-visual{width:44px;height:23px;border-radius:30px;background:#354239;border:1px solid #52634b;position:relative;flex-shrink:0}.switch-visual:after{content:'';position:absolute;height:15px;width:15px;border-radius:50%;background:#bfc9bf;top:3px;left:4px;transition:transform .15s}.dpi-switch input:checked+.switch-visual{background:#435c20;border-color:var(--lime)}.dpi-switch input:checked+.switch-visual:after{background:var(--lime);transform:translateX(20px)}.dpi-switch input:focus-visible+.switch-visual{outline:2px solid var(--lime);outline-offset:3px}.generate-button{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--lime);color:#172010;border:0;border-radius:5px;padding:15px 18px;font-weight:1000;letter-spacing:.8px;font-size:12px;width:100%;margin-top:22px;min-height:52px}.generate-button>span{font-size:22px;line-height:1}.panel-footer{margin-top:20px;font-size:9px;color:#8b9a8e;letter-spacing:.8px;text-align:center}
.empty-state{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-target{width:165px;height:165px;border:1px dashed #7bba3b8a;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:23px;background:radial-gradient(circle,#295e284d,transparent 70%)}.empty-target:before,.empty-target:after{content:'';position:absolute;border-radius:50%;border:1px solid #4c6c39}.empty-target:before{inset:22px}.empty-target:after{inset:43px}.empty-target span{font-size:76px;color:var(--lime);font-weight:300}.empty-state h3{font-size:19px;letter-spacing:.3px;margin:0 0 10px}.empty-state p{font-size:13px;max-width:370px;color:#8c9c90;line-height:1.9}.empty-state p b{color:#dce4d8}.empty-code{margin-top:35px;font:10px ui-monospace,monospace;letter-spacing:2px;color:#82aa66}.result-device{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:4px 0 17px}.result-device small,.fire-card small{font-size:9px;color:#93a28d;letter-spacing:1.5px;font-weight:800}.result-device h4{font-size:20px;letter-spacing:-.6px;margin:6px 0 4px;overflow-wrap:anywhere}.result-device p{margin:0;color:#9aaa9b;font-size:11px}.profile-type{font-size:9px;border:1px solid #597339;color:var(--lime);background:#23351e;padding:7px 10px;white-space:nowrap;font-weight:800;letter-spacing:.5px}.bars-container{display:grid;gap:11px;padding-top:13px;border-top:1px solid #324035}.sensi-row{display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:14px}.sensi-left{min-width:0}.sensi-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.sensi-meta strong{font-size:11px;color:#c4d1c1;letter-spacing:.8px}.sensi-meta small{font-size:9px;color:#788c7a}.track{height:7px;border-radius:10px;background:#29382d;overflow:hidden}.track>span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#597b24,var(--lime));box-shadow:0 0 12px #baf53550}.sensi-number{text-align:right;font-size:24px;font-weight:1000;letter-spacing:-1px;color:#ddff96}.fire-card{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:#21311d87;border:1px solid #435e30;margin-top:21px;border-radius:4px}.fire-card>div{display:grid;gap:5px}.fire-card b{font-size:13px}.fire-card>strong{font-size:29px;color:var(--lime)}.dpi-guide{margin-top:14px;border:1px solid #556b3e;padding:12px 13px;background:#1f311b}.dpi-guide b{font-size:11px;color:var(--lime)}.dpi-guide p{font-size:11px;color:#b0c2ad;margin:5px 0 0;line-height:1.7}.output-actions{display:grid;grid-template-columns:1fr auto;gap:11px;margin-top:17px}.output-actions button{min-height:42px;border-radius:4px;border:1px solid #60794b;background:transparent;color:#dcecd4;font-size:10px;letter-spacing:.6px;font-weight:900;padding:12px}.copy-btn{background:var(--lime)!important;color:#15200b!important;border-color:var(--lime)!important}.output-actions button:hover{filter:brightness(1.13)}.disclaimer{font-size:10px;color:#819082;line-height:1.7;margin:13px 0 0}.popular-row{display:flex;gap:21px;align-items:center;border-bottom:1px solid #2f402f;padding:22px 0}.popular-row>span{flex:0 0 auto;font-size:10px;color:#8ca28c;font-weight:900;letter-spacing:1.4px}.popular-list{display:flex;gap:7px;flex-wrap:wrap}.popular-list button{background:#101812;border:1px solid #354a35;color:#d3e0ce;font-size:9px;padding:8px 11px;border-radius:3px;letter-spacing:.6px;font-weight:900}.popular-list button:hover{border-color:var(--lime);color:var(--lime)}
.compare-section{padding-top:30px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compare-empty{padding:25px;border:1px dashed #456044;color:#a8b9a4;font-size:13px;grid-column:1/-1;border-radius:4px;background:#111c15}.compare-card{border:1px solid #334a32;background:#131d15;padding:20px;border-radius:5px}.compare-card.active{border-color:var(--lime);background:#1a2c19}.compare-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.compare-top h3{margin:0;font-size:15px}.compare-top span{font-size:9px;color:var(--lime);font-weight:800;letter-spacing:1px}.compare-mini{display:grid;grid-template-columns:1fr 1fr;gap:11px 15px}.compare-mini>div{border-top:1px solid #365038;padding-top:8px;display:grid;gap:2px}.compare-mini small{font-size:9px;color:#98a997}.compare-mini strong{font-size:20px;color:#edf5e9}.compare-card button{width:100%;border:1px solid #779c44;background:transparent;color:var(--lime);font-weight:900;font-size:10px;margin-top:17px;padding:10px;letter-spacing:1px;border-radius:3px}.compare-card button:hover{background:#baf53420}
.how-section{padding-top:20px;padding-bottom:93px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.how-grid article{background:linear-gradient(130deg,#192619,#101812);border:1px solid #2e422f;padding:22px}.how-grid article>span{color:var(--lime);font:16px ui-monospace,monospace}.how-grid h3{font-size:15px;letter-spacing:.4px;margin:20px 0 10px}.how-grid p{font-size:12px;color:#98a999;line-height:1.8;margin:0}.site-footer{border-top:1px solid #334533;background:#111912}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:28px;padding-bottom:28px}.footer-logo{font-size:20px;font-weight:1000;letter-spacing:-.8px;white-space:nowrap}.footer-logo>span{color:var(--lime)}.footer-logo small{display:block;font-size:9px;color:#849783;letter-spacing:1.5px}.footer-inner p{max-width:540px;color:#8da08c;font-size:10px;line-height:1.7}.footer-inner>a{font-size:10px;color:var(--lime);font-weight:850;white-space:nowrap}.toast{position:fixed;left:50%;bottom:27px;z-index:99;transform:translate(-50%,25px);background:#d0ff6a;color:#111a0b;border:1px solid #9ec829;box-shadow:0 6px 34px #000b;font-size:12px;font-weight:900;border-radius:5px;padding:12px 18px;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;max-width:min(90vw,570px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1030px){.wrap{padding-left:25px;padding-right:25px}.header-links{gap:17px}.hero{grid-template-columns:53% 47%}.hero h1{font-size:clamp(44px,5.8vw,64px)}.floating-chip{display:none}.visual-ring--1{width:286px;height:286px}.visual-ring--2{width:230px;height:230px}.visual-ring--3{width:185px;height:185px}.target-core{font-size:90px}.hero-visual{min-height:380px}.visual-outline{inset:18px 0}.panel-led{display:none}.panel-header h3{font-size:14px}}
@media(max-width:740px){.wrap{padding-left:18px;padding-right:18px}.site-header{height:73px}.logo-mark{width:42px;height:42px}.logo-copy b{font-size:16px}.logo-copy small{font-size:7px;letter-spacing:2px}.header-links{display:none}.admin-link{padding:9px 10px;font-size:9px}.hero{padding-top:49px;padding-bottom:55px;min-height:0;display:block}.hero h1{font-size:clamp(43px,10vw,73px);letter-spacing:-2px}.hero-desc{font-size:13px;line-height:1.8}.hero-visual{display:none}.hero-stats{gap:17px;margin-top:31px}.hero-stats>div+div{padding-left:15px}.hero-stats b{font-size:21px}.runner-track{overflow:auto;justify-content:flex-start;padding:12px 20px;gap:15px}.runner-track::-webkit-scrollbar{display:none}.generator,.compare-section,.how-section{padding-top:56px;padding-bottom:45px}.section-intro h2{font-size:30px}.section-counter{display:none}.engine-grid{grid-template-columns:1fr;gap:16px}.control-panel,.output-panel{padding:21px 19px}.panel:before{margin:-21px -19px 20px}.empty-state{min-height:340px}.popular-row{align-items:flex-start;flex-direction:column;gap:11px}.compare-grid,.how-grid{grid-template-columns:1fr}.compare-empty{grid-column:1}.how-section{padding-top:12px}.footer-inner{flex-wrap:wrap;gap:10px}.footer-inner p{order:3;flex-basis:100%}.footer-inner>a{margin-left:auto}}
@media(max-width:420px){.logo-copy small{display:none}.admin-link{font-size:0;gap:0;padding:8px 10px}.lock-ico{font-size:20px}.hero h1{font-size:42px}.hero-stats{gap:12px}.hero-stats>div+div{padding-left:12px}.section-intro h2{font-size:26px}.panel-header h3{font-size:13px}.result-device h4{font-size:17px}.profile-type{font-size:8px;white-space:normal;text-align:center}.choice span{gap:3px}.choice span b{font-size:10px}.output-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-ring--1{animation:none}}
