main:has(.tool-page){padding-block:var(--space-3)}.tool-page{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.tool-page__header{margin-bottom:var(--space-8);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-6)}.tool-page__header h1{font-size:var(--text-3xl);color:var(--color-primary-dark);margin-bottom:var(--space-3)}.tool-page__lead{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal)}.tool-page__explainer{background:var(--color-surface-alt);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-8)}.tool-page__explainer-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6);cursor:pointer;list-style:none;font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);user-select:none}.tool-page__explainer-summary::-webkit-details-marker{display:none}.tool-page__explainer-summary:after{content:"+";font-size:var(--text-xl);font-weight:var(--font-weight-normal);color:var(--color-accent-dark);flex-shrink:0;transition:transform var(--transition-fast)}.tool-page__explainer[open] .tool-page__explainer-summary:after{transform:rotate(45deg)}.tool-page__explainer-summary:hover{color:var(--color-primary)}.tool-page__explainer-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.tool-page__explainer-body{padding:0 var(--space-6) var(--space-5);border-top:1px solid var(--color-border)}.tool-page__explainer-body p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-loose);margin-top:var(--space-3);margin-bottom:0}.tools-hub{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16)}.tools-hub__header{margin-bottom:var(--space-8);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-6)}.tools-hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.tool-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:inherit;transition:box-shadow var(--transition-normal),transform var(--transition-normal);box-shadow:var(--shadow-sm)}.tool-card:hover,.tool-card:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit;text-decoration:none}.tool-card__icon{font-size:2rem;margin-bottom:var(--space-4);line-height:1}.tool-card__title{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--space-2)}.tool-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1}.gear-compare{font-family:var(--font-ui)}.gear-compare__noscript{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.gc-panels{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.gc-panel{flex:1 1 260px;min-width:0;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);border-top-width:3px;padding:var(--space-4) var(--space-5) var(--space-5);box-shadow:var(--shadow-sm)}.gc-panel__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.gc-panel__badge{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-sm);font-family:var(--font-mono);flex-shrink:0}.gc-panel__title{font-weight:var(--font-weight-bold);font-size:var(--text-sm)}.gc-field{margin-bottom:var(--space-3)}.gc-field__label{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.gc-field__input,.gc-field__select{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-mono);box-sizing:border-box;transition:border-color var(--transition-fast)}.gc-field__input:focus,.gc-field__select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.gc-field__select{cursor:pointer}.gc-stats{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.gc-stat{flex:1 1 100px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}.gc-stat__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.gc-stat__values{display:flex;gap:var(--space-3);align-items:center}.gc-stat__val{display:flex;align-items:center;gap:var(--space-1)}.gc-stat__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.gc-stat__num{font-weight:var(--font-weight-bold);font-size:var(--text-base);font-family:var(--font-mono)}.gc-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-1)}.gc-tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.gc-tab:hover{color:var(--color-primary)}.gc-tab[aria-selected=true]{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-bold)}.gc-legend{display:flex;gap:var(--space-5);padding:var(--space-3) 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.gc-legend__item{display:flex;align-items:center;gap:var(--space-2)}.gc-legend__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.gc-view{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);box-shadow:var(--shadow-sm);min-height:200px}.gc-scale{position:relative;height:440px;user-select:none}.gc-scale__grid-line{position:absolute;left:0;right:0;display:flex;align-items:center;gap:0}.gc-scale__tick{font-size:var(--text-xs);color:var(--color-border);width:36px;text-align:right;font-family:var(--font-mono);flex-shrink:0}.gc-scale__rule{flex:1;height:1px;background:var(--color-border);margin-left:var(--space-2);margin-right:var(--space-2);opacity:.5}.gc-scale__axis{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--color-border);transform:translate(-50%);opacity:.4}.gc-scale__gear{position:absolute;display:flex;align-items:center;gap:var(--space-1)}.gc-scale__gear--a{right:52%;width:48%;flex-direction:row;justify-content:flex-end}.gc-scale__gear--b{left:52%;width:48%;flex-direction:row-reverse;justify-content:flex-end}.gc-scale__gear-label{font-size:var(--text-xs);font-family:var(--font-mono);white-space:nowrap;width:52px}.gc-scale__gear--a .gc-scale__gear-label{text-align:right}.gc-scale__gear--b .gc-scale__gear-label{text-align:left}.gc-scale__gear-dev{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.gc-scale__gear-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.gc-bars{display:flex;flex-direction:column;gap:var(--space-1)}.gc-bar-row{display:flex;align-items:center;gap:var(--space-2)}.gc-bar-row__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.gc-bar-row__label{width:52px;font-size:var(--text-xs);font-family:var(--font-mono);flex-shrink:0}.gc-bar-row__track{flex:1;background:var(--color-surface-alt);border-radius:var(--radius-sm);height:16px;overflow:hidden}.gc-bar-row__fill{height:100%;border-radius:var(--radius-sm);transition:width .4s ease}.gc-bar-row__dev{width:46px;text-align:right;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0}.gc-equiv__header{display:grid;grid-template-columns:1fr 60px 1fr 50px;gap:0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.gc-equiv__header-cell{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.gc-equiv__header-cell:not(:first-child){text-align:right}.gc-equiv__row{display:grid;grid-template-columns:1fr 60px 1fr 50px;gap:0 var(--space-3);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-surface-alt)}.gc-equiv__cell{font-size:var(--text-sm);font-family:var(--font-mono);display:flex;align-items:center}.gc-equiv__cell:not(:first-child){justify-content:flex-end}.gc-equiv__note{padding:var(--space-3) var(--space-3) 0;font-size:var(--text-xs);color:var(--color-text-muted)}.gc-equiv__empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.gc-speed__rpm{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.gc-speed__rpm-label{font-size:var(--text-sm);color:var(--color-text-muted)}.gc-speed__rpm-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.gc-speed__rpm-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.gc-speed__rpm-btn[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.gc-speed__rpm-unit{font-size:var(--text-xs);color:var(--color-text-muted)}.gc-speed__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.gc-speed__col-header{font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.gc-speed__row{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--color-surface-alt)}.gc-speed__gear{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.gc-speed__kmh{font-size:var(--text-sm);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--color-text)}.gc-speed__empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);grid-column:1 / -1}.gc-footnote{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;line-height:var(--leading-normal)}@media(max-width:640px){.gc-panels{flex-direction:column}.gc-stats{flex-wrap:wrap}.gc-stat{flex:1 1 140px}.gc-tabs{overflow-x:auto;scrollbar-width:none}.gc-tabs::-webkit-scrollbar{display:none}.gc-scale{height:380px}.gc-scale__gear--a,.gc-scale__gear--b{width:47%}.gc-speed__grid{grid-template-columns:1fr}.tool-page{padding:var(--space-5) var(--space-3) var(--space-10)}}