.gear-page{--gear-surface:#ffffff;--gear-surface-soft:#f7f9fc;--gear-surface-strong:#ffffff;--gear-border:rgba(15, 23, 42, 0.13);--gear-shadow:0 18px 46px rgba(15, 23, 42, 0.14);--gear-tree-grid:rgba(71, 85, 105, 0.16);--gear-tree-glow:rgba(37, 99, 235, 0.22);max-width:1180px;margin:0 auto;padding:1.5rem 1rem 3rem}.gear-header{text-align:center;margin-bottom:2rem}.gear-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.gear-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;max-width:760px;margin:0 auto}.gear-groups{display:flex;flex-direction:column;gap:2rem}.gear-group{padding:1.5rem 0;border-top:1px solid var(--border-light)}.group-header{margin-bottom:1.2rem}.group-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 .4rem}.group-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.gear-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.gear-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,.12);border-color:var(--accent-primary)}.gear-card-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.gear-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#eef2f7}.gear-image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gear-card:hover .gear-image{transform:scale(1.05)}.gear-price-tag{position:absolute;top:.75rem;right:.75rem;background:rgba(17,24,39,.82);color:#fff;padding:.35rem .65rem;border-radius:999px;font-size:.82rem;font-weight:700;backdrop-filter:blur(8px)}.gear-info{padding:1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.gear-category,.gear-detail-kicker,.gear-modal-category{margin:0;color:var(--accent-primary);font-size:.78rem;font-weight:700}.gear-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.gear-description-text{font-size:.86rem;color:var(--text-secondary);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.gear-detail-entry{width:fit-content;color:var(--accent-primary);font-size:.86rem;font-weight:700;margin-top:.2rem}.gear-detail-view[hidden],.gear-detail[hidden],.gear-modal[hidden],.gear-list-view[hidden]{display:none}.gear-detail{background:var(--gear-surface);border:1px solid var(--gear-border);border-radius:10px;padding:1.25rem;box-shadow:var(--gear-shadow)}.gear-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.gear-back-btn{display:inline-flex;align-items:center;color:var(--accent-primary);font-weight:700;text-decoration:none}.gear-detail-group{color:var(--text-secondary);font-size:.86rem}.gear-detail-hero{display:grid;grid-template-columns:minmax(260px,.9fr)minmax(0,1.1fr);gap:1.5rem;align-items:stretch;background:var(--gear-surface-strong);border:1px solid var(--gear-border);border-radius:8px;padding:1rem}.gear-detail-cover{min-height:280px;border-radius:6px;overflow:hidden;background:#eef2f7}.gear-detail-cover img{width:100%;height:100%;object-fit:cover;display:block}.gear-detail-heading{display:flex;flex-direction:column;justify-content:center;gap:.85rem;padding:.5rem}.gear-detail-heading h2{color:var(--text-primary);font-size:1.85rem;line-height:1.25;margin:0}.gear-detail-heading p{color:var(--text-secondary);line-height:1.7;margin:0}.gear-meta-row,.gear-links{display:flex;flex-wrap:wrap;gap:.6rem}.gear-meta-row span{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .7rem;color:var(--text-primary);background:var(--gear-surface-soft);border:1px solid var(--gear-border);border-radius:999px;font-size:.85rem;font-weight:700}.gear-link-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;background:var(--accent-primary);color:#fff;text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:700;transition:transform .2s ease,filter .2s ease}.gear-link-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.gear-detail-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:1rem}.gear-spec-item{padding:.85rem;background:var(--gear-surface-strong);border:1px solid var(--gear-border);border-radius:8px}.gear-spec-item span{display:block;color:var(--text-secondary);font-size:.8rem;margin-bottom:.3rem}.gear-spec-item strong{color:var(--text-primary);font-size:.95rem}.gear-tree-section,.gear-long-description{margin-top:1.25rem;background:var(--gear-surface-strong);border:1px solid var(--gear-border);border-radius:8px;padding:1.25rem}.gear-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}.gear-section-heading h3,.gear-long-description h3{color:var(--text-primary);font-size:1.15rem;margin:0}.gear-section-heading p{color:var(--text-secondary);font-size:.86rem;margin:0}.gear-tree{position:relative;min-height:560px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 50%,var(--gear-tree-glow),transparent 30%),linear-gradient(var(--gear-tree-grid) 1px,transparent 1px),linear-gradient(90deg,var(--gear-tree-grid) 1px,transparent 1px),var(--gear-surface-soft);background-size:auto,28px 28px,28px 28px,auto;border:1px solid var(--gear-border)}.gear-tree-center,.gear-tree-node{position:absolute;border:0;font:inherit;cursor:pointer}.gear-tree-center{left:50%;top:50%;transform:translate(-50%,-50%);width:190px;min-height:86px;padding:1rem;border-radius:8px;background:var(--accent-primary);color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(15,23,42,.22);z-index:3;transform-origin:center}.gear-tree-node{left:var(--node-left,50%);top:var(--node-top,50%);transform:translate(-50%,-50%);width:170px;min-height:72px;padding:0;background:0 0;color:var(--text-primary);z-index:2;transform-origin:center}.gear-tree-line{position:absolute;left:50%;top:50%;width:var(--line-width,220px);height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--border-light));transform-origin:left center;transform:translateX(var(--line-offset,-110px))rotate(var(--line-angle,0deg));z-index:-1}.gear-tree-dot{display:block;width:.65rem;height:.65rem;border-radius:999px;background:var(--accent-primary);margin:0 auto .45rem}.gear-tree-label{display:flex;flex-direction:column;gap:.2rem;min-height:58px;justify-content:center;padding:.65rem;background:var(--gear-surface);border:1px solid var(--gear-border);border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,8%)}.gear-tree-label strong{font-size:.88rem;line-height:1.25}.gear-tree-label small{color:var(--text-secondary);font-size:.76rem}.gear-detail.is-assembling .gear-tree-center{animation:gearCoreDeploy .72s cubic-bezier(.2,.85,.2,1.12)both}.gear-detail.is-assembling .gear-tree-node{animation:gearPartAssemble .78s cubic-bezier(.2,.85,.2,1.08)both;animation-delay:var(--node-delay,.18s)}.gear-detail.is-assembling .gear-tree-line{animation:gearLineIgnite .56s ease-out both;animation-delay:calc(var(--node-delay,.18s) + .18s)}.gear-detail.is-assembling .gear-tree-dot{animation:gearDotPulse .7s ease-out both;animation-delay:calc(var(--node-delay,.18s) + .2s)}@keyframes gearCoreDeploy{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(-2deg);filter:blur(3px)}62%{opacity:1;transform:translate(-50%,-50%)scale(1.08);filter:blur(0)}100%{opacity:1;transform:translate(-50%,-50%)scale(1);filter:blur(0)}}@keyframes gearPartAssemble{0%{opacity:0;transform:translate(-50%,-50%)translate(var(--assemble-x,120px),var(--assemble-y,80px))scale(.7);filter:blur(4px)}72%{opacity:1;transform:translate(-50%,-50%)translate(0,0)scale(1.06);filter:blur(0)}100%{opacity:1;transform:translate(-50%,-50%)translate(0,0)scale(1);filter:blur(0)}}@keyframes gearLineIgnite{0%{opacity:0;transform:translateX(var(--line-offset,-110px))rotate(var(--line-angle,0deg))scaleX(0)}100%{opacity:1;transform:translateX(var(--line-offset,-110px))rotate(var(--line-angle,0deg))scaleX(1)}}@keyframes gearDotPulse{0%{opacity:0;transform:scale(.35);box-shadow:0 0 0 0 var(--gear-tree-glow)}70%{opacity:1;transform:scale(1.25);box-shadow:0 0 0 12px transparent}100%{opacity:1;transform:scale(1);box-shadow:none}}.gear-tree-center:focus-visible,.gear-tree-node:focus-visible,.gear-modal-close:focus-visible,.gear-back-btn:focus-visible,.gear-card-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.gear-long-description{color:var(--text-secondary);line-height:1.8}.gear-long-description p{margin:.7rem 0 0}.gear-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:1rem}.gear-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}.gear-modal-panel{position:relative;width:min(520px,100%);max-height:min(720px,90vh);overflow:auto;background:var(--gear-surface-strong);color:var(--text-primary);border:1px solid var(--gear-border);border-radius:8px;padding:1.25rem;box-shadow:0 24px 70px rgba(15,23,42,.3)}.gear-modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:1px solid var(--gear-border);border-radius:999px;background:var(--gear-surface);color:var(--text-primary);cursor:pointer;font-size:1.2rem;line-height:1}.gear-modal-panel h3{margin:.5rem 2rem .7rem 0;font-size:1.3rem;line-height:1.3}.gear-modal-description{color:var(--text-secondary);line-height:1.7;margin:0}.gear-modal-specs{display:grid;gap:.55rem;margin-top:1rem}.gear-modal-spec{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid var(--gear-border)}.gear-modal-spec span{color:var(--text-secondary)}.gear-modal-spec strong{text-align:right}.no-gear-message{text-align:center;padding:3rem 2rem;color:var(--text-secondary);font-size:1.1rem;background:var(--bg-card);border-radius:8px;border:2px dashed var(--border-light)}.no-gear-message p{margin:0;line-height:1.6}@media(max-width:768px){.gear-page{padding:1rem .75rem 2rem}.gear-title{font-size:1.75rem}.gear-detail-hero{grid-template-columns:1fr}.gear-detail-cover{min-height:220px}.gear-detail-heading h2{font-size:1.45rem}.gear-section-heading,.gear-detail-topbar{align-items:flex-start;flex-direction:column}.gear-tree{display:grid;grid-template-columns:1fr;gap:.8rem;min-height:auto;padding:.8rem}.gear-tree-center,.gear-tree-node{position:static;transform:none;width:auto;animation:none!important}.gear-tree-line,.gear-tree-dot{display:none}}@media(prefers-reduced-motion:reduce){.gear-detail.is-assembling .gear-tree-center,.gear-detail.is-assembling .gear-tree-node,.gear-detail.is-assembling .gear-tree-line,.gear-detail.is-assembling .gear-tree-dot{animation:none!important}}[data-theme=dark] .gear-page{--gear-surface:#111827;--gear-surface-soft:#0f172a;--gear-surface-strong:#162033;--gear-border:rgba(226, 232, 240, 0.15);--gear-shadow:0 18px 50px rgba(0, 0, 0, 0.36);--gear-tree-grid:rgba(148, 163, 184, 0.16);--gear-tree-glow:rgba(96, 165, 250, 0.18)}[data-theme=dark] .gear-card,[data-theme=dark] .gear-detail-hero,[data-theme=dark] .gear-spec-item,[data-theme=dark] .gear-tree-section,[data-theme=dark] .gear-long-description,[data-theme=dark] .gear-detail,[data-theme=dark] .gear-modal-panel,[data-theme=dark] .no-gear-message{background:var(--gear-surface-strong);border-color:var(--gear-border)}[data-theme=dark] .gear-tree-label,[data-theme=dark] .gear-meta-row span,[data-theme=dark] .gear-modal-close{background:var(--gear-surface);border-color:var(--gear-border)}