:root{--bg:#fbfbf8;--ink:#0c0c0d;--blue:#1c1ccb;--muted:#6d6d68;--line:#e4e3dd;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}section{position:relative;padding:clamp(34px,5vw,64px) 28px clamp(40px,6vw,72px);max-width:1500px;margin:0 auto}.lbl{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:10px;flex-wrap:wrap}.lbl h2{font-size:clamp(26px,4vw,44px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.lbl .n{color:var(--muted)}.tag{font-family:var(--mono);font-size:12px;line-height:1.7;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.rollerbody{display:flex;align-items:flex-start;gap:clamp(16px,3vw,44px)}.dialwrap{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start}.dial{position:relative;aspect-ratio:1;touch-action:pan-y}.whycol{flex:1 1 auto;min-width:0}.rollerbody{gap:clamp(60px,6vw,120px);align-items:center}.dial{width:min(68vw,820px)}.dialwrap{margin-top:66px}.whycol{max-width:390px;margin-top:66px}.whycol .scap{margin:0 0 16px;gap:6px 14px}.whycol .scap .cn{order:1;font-family:var(--sans);font-size:19px;font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--blue)}.whycol .scap .cs{order:2}.whycol .scap:before{content:"";order:3;flex:0 0 100%;height:0}.whycol .scap a{order:4;flex:0 0 auto}.whycol .scap:after{content:"";order:5;flex:0 0 100%;height:0}.whycol .scap .spinbtn{display:none}@media(max-width:900px){.rollerbody{flex-direction:column;align-items:stretch}.dial{width:min(98vw,700px);margin:0 auto}.whycol{margin-top:20px;max-width:none;border-left:0;padding-left:0}}.dial>svg{position:absolute;inset:0;width:100%;height:100%;color:var(--line)}.dial>svg *{fill:none;stroke:currentColor}.rotor{position:absolute;inset:0;transform:rotate(var(--rot,0deg));transition:transform 1.1s cubic-bezier(.22,.8,.24,1)}.rotor.drag{transition:none}.dcar{position:absolute;left:50%;top:50%;width:6.8%;aspect-ratio:4/3;background:none;border:0;cursor:pointer;padding:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(min(98vw,960px)*-.365)) rotate(calc(0deg - var(--a) - var(--rot,0deg)));transition:transform .65s cubic-bezier(.25,.7,.25,1)}.rotor.drag .dcar{transition:none}@media(pointer:coarse){.dcar{touch-action:none}.dcar:after{content:"";position:absolute;inset:-26px}}.dcar img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:grayscale(.35);mix-blend-mode:multiply;transition:filter .3s}.dcar.sel img{filter:none}.dcar:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--line);transition:.3s}.dcar.sel:after{background:var(--blue)}.stage{position:relative;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:pan-y}.stage img{mix-blend-mode:multiply;filter:brightness(1.09) contrast(1.02);user-select:none;-webkit-user-drag:none;transition:opacity .45s ease}.dial .stage{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;cursor:default}.dial .stage img{pointer-events:auto;cursor:zoom-in;max-width:53%;max-height:38%;transition:opacity .45s ease,max-width .5s cubic-bezier(.2,.8,.25,1),max-height .5s cubic-bezier(.2,.8,.25,1)}.dial.zoomed .stage{z-index:30}.dial.zoomed .stage img{max-width:88%;max-height:66%;cursor:pointer;filter:drop-shadow(0 8px 14px rgba(12,12,13,.13))}.xhair{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}.stage:hover .xhair{opacity:1}.xhair .hx,.xhair .hy{position:absolute;background:var(--blue);opacity:.45}.xhair .hx{left:0;right:0;height:1px}.xhair .hy{top:0;bottom:0;width:1px}.xhair .xy{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--blue);transform:translate(10px,10px);white-space:nowrap}.scap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;justify-content:flex-start;margin-top:12px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.scap .cn{font-weight:700;color:var(--ink)}.scap .cs{color:var(--muted)}.scap a{color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:2px}.spinbtn{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:none;border:1px solid var(--line);padding:6px 12px;cursor:pointer;transition:.2s}.spinbtn:hover{border-color:var(--blue)}.whybuy{margin:0;text-align:left;font-size:16.5px;line-height:1.7;color:var(--ink);letter-spacing:.01em}.whybuy b{color:var(--blue);font-weight:800;font-size:19px;letter-spacing:-.01em}.whybuy .blue{color:var(--blue)}#catalog{border-top:1px solid var(--line);scroll-margin-top:76px}.cathead{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:6px}#yearbox{margin-left:auto;display:flex;align-items:center;gap:10px}#yearbox label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#yearbox input{width:92px;padding:8px 10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:var(--mono);font-size:14px}#yearbox input:focus{outline:none;border-color:var(--blue)}.catmain{display:grid;grid-template-columns:320px 1fr;gap:0 34px;margin-top:22px;align-items:start}@media(max-width:860px){.catmain{grid-template-columns:1fr}}.catnav{border-right:1px solid var(--line);padding-right:24px}@media(max-width:860px){.catnav{border-right:0;padding-right:0}}.grp{margin-bottom:16px}.grp h3{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{position:relative;border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 10px;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.04em;transition:.14s}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip.sel{background:var(--blue);border-color:var(--blue);color:#fff}.chip.hit{outline:2px solid var(--blue);outline-offset:1px}.chip:after{content:attr(data-years);position:absolute;left:0;bottom:calc(100% + 5px);background:var(--ink);color:var(--bg);padding:3px 8px;font-size:11px;font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.chip:hover:after{opacity:1}#detail .code{font-size:26px;font-family:var(--mono);font-weight:700}#detail .name{color:var(--muted);margin-bottom:2px;font-size:13px}#detail .yrs{font-family:var(--mono);font-size:15px;color:var(--blue);margin:4px 0 10px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mxwrap{overflow-x:auto;margin:6px 0 18px}.mx{width:100%;border-collapse:collapse;font-size:12.5px}.mx th,.mx td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.mx thead th{background:#f7f7f4;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:help}.mx thead th b{display:block;color:var(--blue);font-size:11px}.mx thead th span{display:block;color:var(--ink)}.mx thead th i{display:block;font-style:normal;color:var(--muted);font-size:9px;margin-top:2px}.mx td.vn{font-weight:700;max-width:230px}.mx td b{display:block;font-family:var(--mono);font-size:11px;font-weight:700}.mx td span{display:block;color:var(--muted);font-family:var(--mono);font-size:10px;margin-top:2px}.mx td.no{color:var(--line);text-align:center}.mx td.sp{color:var(--muted);font-family:var(--mono);font-size:10.5px}.mx td[title]:not([title=""]):hover{background:#f2f3ff}.mxnotes{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 14px}.mxnotes p{margin:0 0 4px}.vcard{position:fixed;z-index:90;max-width:560px;background:#fff;border:1px solid var(--blue);box-shadow:0 16px 40px #0c0c0d2e;padding:12px 14px;pointer-events:none}.vcard.pin{pointer-events:auto;border-width:2px}.vcard .vx{position:absolute;top:6px;right:8px;font-size:11px;background:none;border:0;color:var(--muted);cursor:pointer}.vcard .vx:hover{color:var(--blue)}.vspec{font-size:11px;color:var(--blue);letter-spacing:.05em;margin:4px 0 6px}.vsub{font-size:10px;color:var(--muted);font-style:italic;margin-bottom:4px}.vact{display:flex;gap:16px;align-items:center;margin-top:10px;border-top:1px solid var(--line);padding-top:9px;font-size:11px}.vact a{color:var(--blue);border-bottom:1px solid var(--blue)}.vact .rlbtn{font:inherit;color:var(--blue);background:none;border:0;border-bottom:1px solid var(--blue);cursor:pointer;padding:0}.gtrack{position:relative;display:block;height:100%}.gbar{cursor:pointer;border:0;font:inherit;color:#fff;transition:filter .25s ease,transform .25s ease;text-align:left;overflow:hidden;transform-origin:center}.gbar:hover{filter:brightness(1.1);transform:scale(1.035);z-index:5}.gbar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 7px}.clickhint{font-size:9.5px;letter-spacing:.12em;color:var(--blue);margin:2px 0 10px}#spGen{border:1px solid var(--blue);background:#f2f3ff;padding:11px 13px;margin:12px 0 4px}#spGen .vpwhat b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--blue);text-transform:uppercase;margin-bottom:6px}#spGen p{font-size:12px;line-height:1.55;margin:4px 0 0}.vwhat2{font-size:11px;color:var(--muted);line-height:1.55;margin-top:8px;max-width:60ch}.vwhat2 b{color:var(--ink);font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.gbar.sp2{background:repeating-linear-gradient(45deg,var(--blue),var(--blue) 6px,#5a5ad6 6px,#5a5ad6 12px)}.vcard .mx.sm{font-size:11.5px;margin:0}.vcard .mx.sm th,.vcard .mx.sm td{padding:6px 8px}.vpnotes{font-size:10.5px;color:var(--muted);line-height:1.55;margin-top:8px;max-width:60ch}.vpnotes p{margin:0 0 4px}.vpwhat b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--blue);text-transform:uppercase;margin-bottom:6px}.vpwhat p{font-size:12px;line-height:1.55;max-width:58ch;margin:0}.tlrow[data-vp] .rl{cursor:help;border-bottom:1px dotted var(--line)}.factbox{border:1px solid var(--line);background:#fafaf7;padding:10px 14px;margin:12px 0 4px;max-width:86ch}.factbox ul{margin:0;padding:0;list-style:none}.factbox li{font-size:12px;line-height:1.6;color:var(--ink);padding:4px 0 4px 16px;position:relative}.factbox li:before{content:"·";position:absolute;left:2px;color:var(--blue);font-weight:700}.factbox li+li{border-top:1px dashed var(--line)}.ctag2{border:1px solid var(--line);padding:2px 8px;font-size:11.5px;color:var(--muted)}.ctag2.b{border-color:var(--blue);color:var(--blue)}.note{color:var(--muted);font-size:12.5px;max-width:640px;margin-bottom:16px;line-height:1.55}.tl{margin-bottom:6px}.tlrow{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:10px;margin-bottom:5px}.tlrow .rl{font-family:var(--mono);font-size:12px;text-align:right;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.track{position:relative;display:block;height:20px;background:#fff;border:1px solid var(--line);cursor:pointer;transition:border-color .15s}.track:hover{border-color:var(--blue)}.gtrack,.gtrack:hover{border-color:var(--line);cursor:default}.bar{position:absolute;top:0;bottom:0;background:var(--blue)}.bar.p2{background:#8f8fe8}.bar span{position:absolute;left:4px;top:2px;font-size:10.5px;color:#fff;font-family:var(--mono);white-space:nowrap}.axis{display:grid;grid-template-columns:190px 1fr;gap:10px;margin:2px 0 14px}.axis .ticks{position:relative;height:14px;font-family:var(--mono);font-size:10px;color:var(--muted)}.axis .ticks i{position:absolute;font-style:normal;transform:translate(-50%)}h3.sec{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.conf{color:var(--blue);font-size:11px;border:1px solid var(--blue);padding:0 4px;margin-left:6px}.vnote{color:var(--muted);font-size:11.5px}#yearResult{margin-bottom:16px;padding:10px 12px;border:1px solid var(--blue);background:#eaeaff;font-size:13px;display:none}#yearResult b{font-family:var(--mono)}#yearResult .dbl{color:var(--blue);font-weight:600}.hint{color:var(--muted);font-size:12.5px;margin-top:8px;max-width:560px;line-height:1.55}.rlbtn{background:none;border:0;padding:0;font:inherit;color:var(--blue);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.rlbtn:hover{text-decoration-style:solid}#detail .code .rlbtn{font-size:inherit;font-family:inherit;font-weight:inherit}#detail .genpic{float:right;width:240px;max-width:38%;height:auto;margin:-4px 0 8px 20px;cursor:zoom-in}#artbox{position:fixed;inset:0;background:#fbfbf8f7;z-index:80;display:flex;flex-direction:column;padding:18px 22px;box-sizing:border-box}#artbox[hidden]{display:none}#artbox .abh{display:flex;align-items:baseline;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#artbox .abh b{color:var(--ink);font-size:16px;letter-spacing:0}#artbox .abx{margin-left:auto;font:inherit;border:1.5px solid var(--ink);background:none;padding:6px 12px;cursor:pointer}#artbox .abg{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;min-height:0;margin-top:12px}#artbox figure{margin:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;padding:6px;cursor:zoom-out}#artbox img{max-width:100%;max-height:calc(100% - 18px);object-fit:contain}#artbox figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:4px}@media(max-width:700px){#artbox .abg{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}#detail .factbox{clear:both}.dlist{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border:1px solid var(--blue);padding:5px 10px;margin-left:14px;vertical-align:middle}.dlist:hover{background:var(--blue);color:#fff}#specpop{position:fixed;inset:0;z-index:500}#specpop[hidden]{display:none!important}.sp-back{position:absolute;inset:0;background:#0c0c0d59}.sp-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,720px);max-height:86vh;overflow:auto;background:var(--bg);border:2px solid var(--ink);padding:26px 28px;box-shadow:0 24px 80px #0c0c0d4d}.sp-x{position:absolute;top:10px;right:12px;background:none;border:0;font-size:16px;cursor:pointer;color:var(--muted)}.sp-x:hover{color:var(--blue)}.sp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.sp-name{font-size:26px;font-weight:800;letter-spacing:-.01em}.sp-years{color:var(--blue);font-size:13px;margin-top:3px}.sp-jump{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--blue);border:1px solid var(--blue);padding:9px 14px;white-space:nowrap}.sp-jump:hover{background:var(--ink);border-color:var(--ink)}.sp-spec{width:100%;border-collapse:collapse;margin:4px 0 16px;font-size:13px}.sp-spec td{border:1px solid var(--line);padding:7px 10px}.sp-spec td:first-child{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:34%}.sp-spec td:last-child{color:var(--ink);font-weight:600}.sp-sec{margin:0 0 13px}.sp-sec h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}.sp-sec p{font-size:13.5px;line-height:1.6;color:var(--ink)}.sp-src{color:var(--muted);font-size:9.5px;margin-top:10px}footer{border-top:1px solid var(--line);padding:30px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}