:root{color-scheme:dark;--bg:#101612;--panel:#18221a;--line:#334238;--text:#e4ece5;--muted:#a0afa3;--accent:#c3e87e;--amber:#eab66f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 "Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}.skip{position:absolute;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:10px;z-index:4}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto}header{padding:24px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:700}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:1px;color:var(--muted)}.logo{font-size:26px;color:#162015;background:var(--accent);padding:2px 12px;border-radius:7px}nav{display:flex;gap:25px}nav a{font-size:12px;text-decoration:none;color:var(--muted)}nav a:hover{color:var(--accent)}main{padding:0 38px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;padding:60px 0 45px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}h1{font-size:clamp(39px,4.4vw,60px);line-height:1.25;letter-spacing:-1.5px;margin:18px 0 20px}h1 span{color:var(--accent)}.hero-copy>p{max-width:470px;color:var(--muted);font-size:14px}.hero-links{display:flex;align-items:center;gap:20px;margin-top:26px}.hero-links a{border:1px solid #c3e87660;background:#c3e87e12;padding:10px 18px;color:var(--accent);border-radius:4px;text-decoration:none;font-size:12px}.hero-links span{font-size:10px;color:var(--muted)}.drive-art{position:relative;border:1px solid #59695a;border-radius:14px;background:linear-gradient(140deg,#334139,#1a251f);height:280px;width:330px;justify-self:end;transform:rotate(-5deg);overflow:hidden;box-shadow:12px 18px 0 #0a100b}.platter{position:absolute;width:224px;height:224px;border-radius:50%;top:14px;left:26px;background:conic-gradient(from 20deg,#677b6a,#ced7cb,#435348,#b1c1ad,#44594b,#d0dccd,#677b6a);border:5px solid #26372c;box-shadow:0 0 0 1px #78917a}.ring{position:absolute;inset:22px;border:1px solid #5d7464;border-radius:50%;box-shadow:0 0 0 15px #ceddcc13,0 0 0 35px #1a322514}.spindle{position:absolute;width:45px;height:45px;background:#15251b;border:11px solid #728a76;left:85px;top:85px;border-radius:50%;box-shadow:0 0 0 3px #c3d0c0}.arm{position:absolute;width:132px;height:20px;background:linear-gradient(#d5d7c8,#7a8d7c);right:12px;bottom:87px;transform:rotate(-48deg);border-radius:5px;box-shadow:1px 4px 0 #09170f}.drive-label{position:absolute;bottom:13px;left:22px;color:#bac9b7;font-size:8px;line-height:1.7;letter-spacing:2px}.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:#8e9e8e;box-shadow:inset 0 0 0 2px #415446}.s1{top:9px;left:10px}.s2{top:9px;right:10px}.s3{bottom:9px;left:10px}.s4{bottom:9px;right:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0 45px}.stats>div{padding:21px 0;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats>div:not(:first-child){padding-left:26px}.stats strong{display:block;font-size:27px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent)}.stats span{font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}h2{font-size:25px;line-height:1.4;margin:5px 0 0;font-weight:600}.muted{color:var(--muted);font-size:12px}.search-label{display:block;color:var(--muted);font-size:11px}.search-label input{display:block;width:100%;margin-top:6px;padding:14px 16px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);font-size:15px}.filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:15px 0}.filter-row label{display:block;color:var(--muted);font-size:10px;flex:1;min-width:130px}.filter-row select{display:block;width:100%;margin-top:5px}select{background:var(--panel);color:var(--text);padding:9px;border:1px solid var(--line);border-radius:4px;font-size:12px}button{border:1px solid var(--line);background:#26382a;color:var(--accent);font-size:11px;padding:6px 10px;border-radius:4px}.secondary{background:none;color:var(--muted);padding:10px 12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}.notice{border-left:2px solid var(--amber);padding:10px 13px;background:#eab66f08;font-size:11px;color:#c4c4ad;margin:20px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#1d2a20;color:var(--muted);font-size:10px;font-weight:500;padding:12px 14px}td{padding:14px;border-top:1px solid var(--line);font-size:12px}td strong{display:block;font-size:13px;font-weight:600}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.capacity{color:var(--accent);font-size:17px}.actions{display:flex;gap:7px}.selected{background:#c3e87e;color:#172111}.details td{white-space:normal;background:#131e16;padding:16px}.specs{white-space:normal;max-width:800px}.specs th,.specs td{border:1px solid var(--line);font-size:11px;padding:7px 12px}.specs th{width:33%;background:none}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0 40px;color:var(--muted);font-size:11px}#compare-section{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:6px;margin-bottom:50px}.selection{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip{background:#c3e87e12;border:1px solid #c3e87e55;padding:7px 11px;color:var(--accent);font-size:11px;border-radius:4px}.compare-table{white-space:normal;min-width:630px;table-layout:fixed}.compare-table th,.compare-table td{border:1px solid var(--line);font-size:11px;vertical-align:top;padding:12px}.compare-table th:first-child{width:150px}.empty{padding:28px;text-align:center;color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding:35px 0 45px}.about p{font-size:12px;color:var(--muted)}.about a{color:var(--accent)}.source-note{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:5px}.source-note h3{font-size:16px;font-weight:500;margin-top:0}footer{border-top:1px solid var(--line);padding:24px 38px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}#error{padding:18px;background:#5b2b2833;color:#f3bca7;margin-bottom:15px;font-size:12px}[hidden]{display:none!important}@media(max-width:850px){.hero{gap:30px}.drive-art{width:270px;height:250px}.platter{width:205px;height:205px;left:15px}.spindle{left:77px;top:77px}.stats strong{font-size:23px}nav{gap:12px}}@media(max-width:620px){header{padding:20px;flex-wrap:wrap}.brand{font-size:17px}nav{width:100%;justify-content:space-between}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0 25px}.drive-art{display:none}h1{font-size:41px}.hero-links{gap:15px}.hero-links span{font-size:9px}.stats{grid-template-columns:1fr 1fr;margin-bottom:30px}.stats>div{padding:14px!important;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(n+3){border-bottom:0}.stats strong{font-size:23px}.section-head{align-items:start;flex-direction:column;gap:10px}h2{font-size:22px}.filter-row{gap:10px}.filter-row label{min-width:43%}#compare-section{padding:18px 14px}.about{grid-template-columns:1fr;gap:20px}.source-note{padding:18px}footer{padding:22px 20px;flex-direction:column;gap:8px}.hero-links a{white-space:nowrap}}