@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--rgb-angle:0deg}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--brand-fade-end:70%}}}@layer theme{:root,:host{--font-mono:var(--font-geist-mono);--spacing:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.z-5500{z-index:5500}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--nav-h:76px;--background:#07111f;--foreground:#eef2ff;--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--bg:#07111f;--bg-elevated:#0b1728;--surface:#0e1828d1;--surface-solid:#0f1b2d;--surface-solid-2:#132238;--surface-muted:#0c1627;--surface-strong:#18283f;--border:#94a3b829;--border-strong:#94a3b842;--border-accent:#2dd4bf6b;--text:#eef2ff;--muted:#94a3b8;--muted-2:#64748b;--primary:#2dd4bf;--primary-2:#99f6e4;--primary-soft:#2dd4bf1f;--success:#22c55e;--danger:#f97316;--info:#60a5fa;--cpu:#2dd4bf;--cpu-soft:#2dd4bf1f;--motherboard:#60a5fa;--motherboard-soft:#60a5fa1f;--gpu:#a78bfa;--gpu-soft:#a78bfa1f;--ram:#f59e0b;--ram-soft:#f59e0b1f;--shadow:0 18px 50px #0206176b;--shadow-soft:0 8px 24px #0206173d;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{background-color:var(--bg);background-image:radial-gradient(circle at top left, #2dd4bf14, transparent 24%), radial-gradient(circle at top right, #60a5fa0f, transparent 18%), linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 100%);color:var(--text);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%;background-attachment:fixed;margin:0}button,input,select{font:inherit}button{cursor:pointer}@keyframes btn-press{0%{transform:scale(1)}40%{transform:scale(.91)}to{transform:scale(1)}}button:not(:disabled):active{animation:.18s cubic-bezier(.36,.07,.19,.97) both btn-press}.builder-page{min-height:100vh;padding-top:var(--nav-h);color:var(--text)}.builder-shell{width:min(1440px,100% - 24px);margin:0 auto;padding:18px 0 36px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.builder-hero{padding-top:12px;padding-bottom:12px;display:block}.builder-hero__intro{padding:0}.builder-hero__intro h1{letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#eef2ff 30%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text;margin:2px 0 0;font-size:clamp(1.4rem,1vw + .9rem,2rem);line-height:1.05}.budget-card{background:linear-gradient(135deg, #2dd4bf12 0%, var(--surface-solid) 60%);border:1px solid #2dd4bf47;border-radius:16px;padding:14px 16px;box-shadow:0 0 0 1px #2dd4bf0f,0 16px 40px #00000052,0 0 24px #2dd4bf0f}.budget-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.budget-card__value{letter-spacing:-.04em;color:var(--primary);margin-top:6px;font-size:clamp(1.35rem,.8vw + 1rem,1.9rem);font-weight:800;line-height:1}.budget-card__sub{color:var(--muted);margin-top:5px;font-size:12px}.compat-box{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-solid-2), var(--surface-solid));box-shadow:var(--shadow-soft);border-radius:14px;transition:border-color .2s;position:relative}.compat-box--error{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.compat-box--error{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}}.compat-box--warning{border-color:#f59e0b}@supports (color:color-mix(in lab, red, red)){.compat-box--warning{border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}}.compat-box--ok{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.compat-box--ok{border-color:color-mix(in srgb, var(--success) 32%, var(--border))}}.compat-box--pending{border-color:var(--border)}.compat-box__header{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.compat-box__status{align-items:center;gap:7px;min-width:0;display:flex}.compat-box__status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;line-height:1;display:flex}.compat-box__status-icon--ok{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.compat-box__status-icon--ok{background:color-mix(in srgb, var(--success) 20%, transparent)}}.compat-box__status-icon--ok{color:var(--success)}.compat-box__status-icon--error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.compat-box__status-icon--error{background:color-mix(in srgb, var(--danger) 20%, transparent)}}.compat-box__status-icon--error{color:var(--danger)}.compat-box__status-icon--warning{color:#f59e0b;background:#f59e0b2e}.compat-box__status-icon--pending{color:var(--muted);background:#ffffff0f;font-size:16px}.compat-box__status-label{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.compat-box--error .compat-box__status-label{color:var(--danger)}.compat-box--warning .compat-box__status-label{color:#f59e0b}.compat-box--ok .compat-box__status-label{color:var(--success)}.compat-box--pending .compat-box__status-label{color:var(--muted)}.compat-box__toggle{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:flex}.compat-box__toggle:hover{color:var(--fg);background:#ffffff12}.compat-box__chevron{transition:transform .2s}.compat-box__chevron--open{transform:rotate(180deg)}.compat-box__tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:5px;padding:8px 10px 10px;display:flex}.compat-tag{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.compat-tag__icon{font-size:10px;font-weight:800;line-height:1}.compat-tag--error{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.compat-tag--error .compat-tag__icon{color:#ef4444}.compat-tag--warning{color:#fcd34d;background:#f59e0b21;border:1px solid #f59e0b52}.compat-tag--warning .compat-tag__icon{color:#f59e0b}.compat-tag--ok{color:#86efac;background:#22c55e1f;border:1px solid #22c55e47}.compat-tag--ok .compat-tag__icon{color:#22c55e}.compat-box__details{z-index:60;background:var(--surface-solid-2,#111827);border:1px solid var(--border-strong,#ffffff1f);border-radius:12px;min-width:100%;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 40px #0009,0 2px 8px #0000004d}.compat-row{align-items:flex-start;gap:8px;padding:7px 12px;transition:background .12s;display:flex}.compat-row:hover{background:#ffffff08}.compat-row__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:9px;font-weight:800;line-height:1;display:flex}.compat-row__icon--ok{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.compat-row__icon--ok{background:color-mix(in srgb, var(--success) 16%, transparent)}}.compat-row__icon--ok{color:var(--success)}.compat-row__icon--error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.compat-row__icon--error{background:color-mix(in srgb, var(--danger) 16%, transparent)}}.compat-row__icon--error{color:var(--danger)}.compat-row__icon--warning{color:#f59e0b;background:#f59e0b24}.compat-row__icon--pending{color:var(--muted);background:#ffffff0d;font-size:14px}.compat-row__body{min-width:0}.compat-row__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700}.compat-row__message{color:var(--fg);font-size:12px;line-height:1.4}.compat-row--error .compat-row__message{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.compat-row--error .compat-row__message{color:color-mix(in srgb, var(--danger) 80%, var(--fg))}}.compat-row--warning .compat-row__message{color:#f59e0b}@supports (color:color-mix(in lab, red, red)){.compat-row--warning .compat-row__message{color:color-mix(in srgb, #f59e0b 80%, var(--fg))}}.compat-row--pending .compat-row__message{color:var(--muted)}.top-actions{align-items:center;gap:12px;margin-top:0;padding:10px 0;display:flex}.top-actions__left{flex-shrink:0;align-items:center;gap:8px;display:flex}.top-actions__search{flex:1;min-width:0}.top-actions__search .part-autocomplete{width:100%}.top-actions__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.builder-meta{border-bottom:1px solid var(--border);align-items:stretch;gap:12px;padding:10px 0 14px;display:flex}.builder-meta .budget-card{border-radius:12px;flex-shrink:0;padding:14px 20px 16px;display:block}.builder-meta .budget-card__label{font-size:11px}.builder-meta .budget-card__value{margin-top:6px;font-size:1.55rem}.builder-meta .compat-box{flex:1;min-width:0}.budget-card__value--watts{align-items:baseline;gap:2px;display:flex}.budget-card__unit{opacity:.6;font-size:.9rem;font-weight:600}.meta-scores{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.meta-score-ring{flex-direction:column;align-items:center;gap:4px;display:flex}.meta-score-ring__label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:600}.summary-bars-container{top:var(--nav-h);z-index:25;position:sticky}.summary-bar-wrap{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);border-top:1px solid var(--border);background:#07111fd1;margin-top:0;padding:10px 0 12px}.compare-summary-bar-wrap{background:linear-gradient(to bottom, var(--bg) 78%, transparent);padding:8px 0 10px}.compare-summary-bar{grid-template-columns:1fr auto;align-items:center}.summary-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.compare-summary-bar{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-solid-2), var(--surface-solid));box-shadow:var(--shadow-soft);color:var(--text);border-radius:12px}.compare-summary-bar button{color:inherit}.summary-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-solid-2), var(--surface-solid));text-align:left;box-shadow:var(--shadow-soft);border-radius:12px;padding:10px;transition:border-color .2s,box-shadow .2s;position:relative}.summary-card--active{border-color:var(--border-accent);box-shadow:0 0 0 1px #2dd4bf0f, var(--shadow-soft)}.summary-card--done:before{content:"";border-radius:12px 12px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.summary-card--done.summary-card--cpu:before{background:var(--cpu)}.summary-card--done.summary-card--motherboard:before{background:var(--motherboard)}.summary-card--done.summary-card--gpu:before{background:var(--gpu)}.summary-card--done.summary-card--ram:before{background:var(--ram)}.summary-card--done.summary-card--ssd:before{background:#22c55e}.summary-card--done.summary-card--psu:before{background:#f97316}.summary-card--done.summary-card--case:before{background:#94a3b8}.summary-card--done.summary-card--cooler:before{background:#63caff}.summary-card__top{justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.summary-card__label,.summary-card__state{font-size:10px}.summary-card__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.summary-card__state{color:var(--primary-2)}.summary-card__name{min-height:28px;font-size:12px;font-weight:600;line-height:1.25}.summary-card__price{color:var(--muted);margin-top:5px;font-size:11px}.summary-bar__share-button{background:linear-gradient(180deg, var(--brand), #14b8a6);color:#05221f;cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:12px;grid-column:span 2;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.summary-bar__share-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf4d}.summary-bar__share-icon{font-size:16px}.part-autocomplete,.global-search{position:relative}.global-search__input{border:1px solid var(--info);width:100%;min-height:42px}@supports (color:color-mix(in lab, red, red)){.global-search__input{border:1px solid color-mix(in srgb, var(--info) 28%, var(--border))}}.global-search__input{background:var(--surface-solid)}@supports (color:color-mix(in lab, red, red)){.global-search__input{background:color-mix(in srgb, var(--surface-solid) 84%, var(--info) 16%)}}.global-search__input{color:var(--text);border-radius:12px;outline:none;padding:0 12px;font-size:13px;box-shadow:0 6px 18px #2563eb0f}.global-search__input::placeholder{color:var(--muted)}.global-search__input:focus{border-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.global-search__input:focus{border-color:color-mix(in srgb, var(--info) 52%, white 6%)}}.global-search__input:focus{box-shadow:0 0 0 3px #60a5fa1f}.global-search__dropdown{z-index:40;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 2px 8px #00000040}.global-search__option{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.global-search__option:last-child{border-bottom:none}.global-search__option--active{background:var(--surface-muted)}.global-search__option-info{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:2px 4px;transition:background .12s}.global-search__option-info:hover{background:#ffffff0a}.global-search__option-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.search-action-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex}.search-action-btn:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff14}.search-action-btn--active,.search-action-btn--add:hover{color:var(--primary);background:#2dd4bf1a;border-color:#2dd4bf4d}.global-search__option-top{justify-content:space-between;align-items:start;gap:10px;display:flex}.global-search__name{font-size:14px;font-weight:600;line-height:1.3}.global-search__meta{color:var(--muted);align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.brand-avatar{object-fit:contain;border:1px solid var(--border);background:#ffffff0f;border-radius:8px;flex-shrink:0;width:34px;height:34px;padding:3px;overflow:hidden}.brand-avatar--fallback{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:800;line-height:1;display:flex}.global-search__price{color:var(--success);flex-shrink:0;font-size:12px;font-weight:700}.global-search__price--na{color:var(--muted);font-style:italic;font-weight:400}.search-type-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.search-type-badge--cpu{background:var(--cpu-soft);color:var(--cpu)}.search-type-badge--motherboard{background:var(--motherboard-soft);color:var(--motherboard)}.search-type-badge--gpu{background:var(--gpu-soft);color:var(--gpu)}.search-type-badge--ram{background:var(--ram-soft);color:var(--ram)}.global-search__panel{z-index:50;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:16px;animation:.12s panel-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 2px 8px #00000040}.gs-panel__filters{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:12px 12px 10px;display:flex}.gs-panel__filter-section{flex-direction:column;gap:6px;display:flex}.gs-panel__filter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-size:10px;font-weight:700}.gs-panel__chips{flex-wrap:wrap;gap:5px;display:flex}.gs-panel__chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500;transition:color .12s,border-color .12s,background .12s}.gs-panel__chip:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0a}.gs-panel__chip--active{color:var(--primary);background:#2dd4bf26;border-color:#2dd4bf73;font-weight:600}.gs-panel__results-header{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);justify-content:space-between;align-items:center;padding:8px 12px 4px;font-size:10px;font-weight:700;display:flex}.gs-panel__clear-btn{text-transform:none;letter-spacing:0;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:500;transition:color .12s}.gs-panel__clear-btn:hover{color:var(--text)}.gs-panel__empty{text-align:center;color:var(--muted);padding:16px 12px;font-size:13px}.steps-wrap{gap:8px;margin-top:4px;display:grid}.steps-wrap--tabs{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.category-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;background:var(--surface-muted);flex-shrink:0;align-items:stretch;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:80px;margin-bottom:-1px;padding:16px 20px 14px;transition:color .15s,border-color .15s,background .15s;display:flex;position:relative}.category-tab:hover{color:var(--text);background:#ffffff09}.category-tab--active{background:#ffffff06}.category-tab__icon{justify-content:center;align-items:center;display:flex;position:relative}.category-tab__dot{border:1.5px solid var(--surface-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-5px}.category-tab__label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;line-height:1}.category-tab__part{flex-direction:column;align-items:center;gap:2px;max-width:100%;display:flex;overflow:hidden}.category-tab__part-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.category-tab__part-price{color:var(--text-muted);font-size:10px;font-weight:700;line-height:1.2;transition:color .16s}.category-tab__empty{color:var(--text-subtle,#ffffff40);font-size:10px;font-style:italic;line-height:1}.step-panel{flex:1;min-height:0}.view-more-wrap{justify-content:center;padding:12px 0 4px;display:flex}.view-more-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:12px;font-weight:500;transition:border-color .16s,color .16s,background .16s}.view-more-btn:hover{border-color:var(--accent);color:var(--accent);background:#2dd4bf0f}.step-accordion{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-solid-2), var(--surface-solid));box-shadow:var(--shadow-soft);border-radius:16px;transition:opacity .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.step-accordion__panel{opacity:0;border-top:1px solid #ffffff0d;max-height:0;padding:0 14px 0 16px;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1),padding-bottom .42s cubic-bezier(.4,0,.2,1);overflow:hidden}.step-accordion--open .step-accordion__panel{opacity:1;max-height:2000px;padding-bottom:14px}.step-accordion--dimmed{opacity:.68;filter:saturate(.85)}.step-accordion--open{opacity:1;filter:none;border-color:var(--border-strong)}.step-accordion--open.step-accordion--cpu{background:linear-gradient(160deg, #2dd4bf0e 0%, var(--surface-solid) 40%);border-color:#2dd4bf4d}.step-accordion--open.step-accordion--motherboard{background:linear-gradient(160deg, #60a5fa0e 0%, var(--surface-solid) 40%);border-color:#60a5fa4d}.step-accordion--open.step-accordion--gpu{background:linear-gradient(160deg, #a78bfa0e 0%, var(--surface-solid) 40%);border-color:#a78bfa4d}.step-accordion--open.step-accordion--ram{background:linear-gradient(160deg, #f59e0b0e 0%, var(--surface-solid) 40%);border-color:#f59e0b4d}.step-accordion--open.step-accordion--ssd{background:linear-gradient(160deg, #22c55e0b 0%, var(--surface-solid) 40%);border-color:#22c55e40}.step-accordion--open.step-accordion--psu{background:linear-gradient(160deg, #f973160b 0%, var(--surface-solid) 40%);border-color:#f9731640}.step-accordion--open.step-accordion--case{background:linear-gradient(160deg, #94a3b80a 0%, var(--surface-solid) 40%);border-color:#94a3b847}.step-accordion--open.step-accordion--cooler{background:linear-gradient(160deg, #63caff0b 0%, var(--surface-solid) 40%);border-color:#63caff40}.step-accordion__rail{display:none}.step-accordion--cpu .step-accordion__rail{background:var(--cpu)}.step-accordion--motherboard .step-accordion__rail{background:var(--motherboard)}.step-accordion--gpu .step-accordion__rail{background:var(--gpu)}.step-accordion--ram .step-accordion__rail{background:var(--ram)}.step-accordion--ssd .step-accordion__rail{background:#22c55e}.step-accordion--psu .step-accordion__rail{background:#f97316}.step-accordion--case .step-accordion__rail{background:#94a3b8}.step-accordion--cooler .step-accordion__rail{background:#63caff}.step-accordion--ssd .step-accordion__icon{color:#22c55e;background:#22c55e1f}.step-accordion--psu .step-accordion__icon{color:#f97316;background:#f973161f}.step-accordion--case .step-accordion__icon{color:#94a3b8;background:#94a3b81a}.step-accordion--cooler .step-accordion__icon{color:#63caff;background:#63caff1a}.step-accordion__heading{margin:0}.step-accordion__trigger{text-align:left;justify-content:space-between;align-items:stretch;gap:0;width:100%;min-height:72px;padding:0 14px 0 0;display:flex}.step-accordion__icon{flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:60px;margin-right:14px;display:flex}.step-accordion__trigger-main{flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:12px 0;display:flex}.step-accordion__badge-row{align-items:center;gap:8px;display:flex}.step-accordion--cpu .step-accordion__icon{background:var(--cpu-soft);color:var(--cpu)}.step-accordion--motherboard .step-accordion__icon{background:var(--motherboard-soft);color:var(--motherboard)}.step-accordion--gpu .step-accordion__icon{background:var(--gpu-soft);color:var(--gpu)}.step-accordion--ram .step-accordion__icon{background:var(--ram-soft);color:var(--ram)}.step-accordion__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.step-accordion__title{font-size:.95rem;font-weight:700;line-height:1.15}.step-accordion__trigger-side{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.step-accordion__selected{text-align:right;max-width:240px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.step-accordion__chevron{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:600;display:inline-flex}.step-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px 0;display:flex}.toolbar-clear{margin-left:auto}.filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0;padding:8px 16px 10px;display:flex}.fchip{border:1px solid var(--border);background:var(--surface-solid-2);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.fchip:hover{color:var(--fg);background:#ffffff14;border-color:#ffffff26}.fchip--on{color:var(--fg);background:#2dd4bf1f;border-color:#2dd4bf59}.fchip--compat .fchip__dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s}.fchip--compat.fchip--on .fchip__dot{background:var(--success)}.fchip--compat.fchip--on{color:var(--success);background:#2dd4bf1f;border-color:#2dd4bf59}.fchip--has-prices .fchip__dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s}.fchip--has-prices.fchip--on .fchip__dot{background:var(--success)}.fchip--has-prices.fchip--on{color:var(--success);background:#2dd4bf1f;border-color:#2dd4bf59}.fchip__badge{color:var(--success);background:#2dd4bf33;border-radius:999px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:700}.fchip__label{text-overflow:ellipsis;max-width:120px;overflow:hidden}.fchip__x{opacity:.7;cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.fchip__x:hover{opacity:1}.fchip__caret{opacity:.6;flex-shrink:0}.fchip--view-all{border-color:var(--border-strong);color:var(--muted);gap:4px;margin-left:auto}.fchip--view-all:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.fchip--clear{color:var(--muted);background:0 0;border-color:#0000;font-size:11px}.fchip--clear:hover{color:var(--danger);background:#ef444414;border-color:#ef444433}.fchip--clear-sel{color:#fca5a5;background:#ef444414;border-color:#ef444440;font-size:11px}.fchip--clear-sel:hover{color:#ef4444;background:#ef444429;border-color:#ef444473}.fchip-wrap{position:relative}.fdrop{z-index:200;background:var(--surface-solid-2);border:1px solid var(--border);border-radius:12px;min-width:200px;max-width:260px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 32px #00000073}.fdrop--compact{min-width:160px;max-width:200px}.fdrop__search-wrap{border-bottom:1px solid var(--border);padding:8px 10px 6px}.fdrop__search{border:1px solid var(--border);width:100%;color:var(--fg);background:#ffffff0d;border-radius:7px;outline:none;padding:5px 9px;font-size:12px}.fdrop__search:focus{border-color:#2dd4bf66}.fdrop__list{max-height:220px;padding:4px 0;overflow-y:auto}.fdrop__opt{width:100%;color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;transition:background .1s;display:flex}.fdrop__opt:hover{background:#ffffff0d}.fdrop__opt--on{background:#2dd4bf14}.fdrop__opt--on .fdrop__opt-val{color:var(--success);font-weight:600}.fdrop__opt-val{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fdrop__opt-ct{color:var(--muted);flex-shrink:0;font-size:11px}.fdrop__empty{color:var(--muted);text-align:center;padding:10px 12px;font-size:12px}.btn-add-extra{color:#63b3ed;cursor:pointer;white-space:nowrap;background:#63b3ed14;border:1px solid #63b3ed66;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.btn-add-extra:hover{background:#63b3ed29;border-color:#63b3edb3}.btn-add-extra--active{background:#63b3ed38;border-color:#63b3ed}.step-accordion__adding-extra-notice{color:#63b3ed;background:#63b3ed14;border:1px solid #63b3ed40;border-radius:6px;margin-bottom:8px;padding:7px 12px;font-size:12px}.step-accordion__extras-bar{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0 4px;font-size:12px;display:flex}.extras-bar__label{color:var(--muted);flex-shrink:0;font-weight:500}.extras-bar__chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:5px;max-width:260px;padding:3px 8px 3px 10px;display:inline-flex}.extras-bar__chip-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.extras-bar__chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1;transition:color .1s}.extras-bar__chip-remove:hover{color:#fc8181}.step-accordion__extra-badge{color:#63b3ed;vertical-align:middle;background:#63b3ed2e;border-radius:10px;justify-content:center;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.product-grid{gap:10px;display:grid}.product-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{background:linear-gradient(180deg, var(--surface-solid-2), var(--surface-solid));min-height:220px;box-shadow:var(--shadow-soft);border:1px solid #94a3b824;border-radius:12px;flex-direction:column;justify-content:space-between;padding:10px;transition:background-color .4s,color .4s;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:rgba(var(--glow-color,20,30,48), .55);filter:blur(22px);pointer-events:none;z-index:0;border-radius:20px;width:130px;height:110px;animation:4s ease-in-out infinite brand-pulse;position:absolute;bottom:-30px;right:-30px}.product-card:after{content:"";background:rgb(var(--logo-bg,20,30,48));pointer-events:none;z-index:1;border-radius:18px;width:130px;height:110px;position:absolute;bottom:-38px;right:-38px}.product-card:hover{background:linear-gradient(160deg, #ffffff0d 0%, var(--surface-solid) 100%);border-color:var(--border-strong)}.product-card--selected{background:linear-gradient(160deg, #2dd4bf17 0%, #2dd4bf08 50%, var(--surface-solid) 100%);box-shadow:0 0 0 1px #2dd4bf14, var(--shadow-soft);border-color:#2dd4bf73}.product-card__top{gap:6px;display:grid}.product-card__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.product-card__brand-logo{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);z-index:2;opacity:1;pointer-events:none;justify-content:center;align-items:center;width:120px;height:50px;padding:0;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:10px;right:-16px}.product-card__brand-logo img{object-fit:contain;max-width:100%;max-height:100%}.product-card__title{font-size:9px;font-weight:700;line-height:1.25;transition:color .4s}.product-card__specs{grid-template-columns:repeat(2,1fr);gap:4px 8px;margin-top:4px;display:grid}.product-card__specs li{color:var(--muted);font-size:10px;line-height:1.2}.product-card__spec{color:var(--muted);font-size:11px;line-height:1.25}.product-card__bottom{justify-content:space-between;align-items:end;gap:8px;margin-top:10px;display:flex}.product-card__price{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.product-card__price-source{color:var(--primary);background:var(--primary-soft);letter-spacing:.02em;white-space:nowrap;border:1px solid #2dd4bf40;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600}.product-card__price-source--community{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b59}.product-card__price-toggle{color:var(--muted);background:var(--surface-solid-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:600;transition:all .2s}.product-card__price-toggle:hover{color:var(--text);border-color:var(--brand)}.product-card__price-submit-btn{color:var(--muted);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s}.product-card__price-submit-btn:hover{color:var(--brand);border-color:var(--brand)}.product-card__retailer-prices{background:var(--surface-solid-2);border:1px solid var(--border);border-radius:8px;margin-top:8px;padding:8px}.product-card__retailer-price{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:10px;display:flex}.product-card__retailer-price:last-child{border-bottom:none}.product-card__retailer-name{color:var(--muted);font-weight:500}.product-card__retailer-value{color:var(--text);font-weight:700}.product-card__retailer-link{color:var(--brand);background:#2dd4bf1a;border-radius:4px;padding:2px 6px;font-size:9px;text-decoration:none;transition:all .2s}.product-card__retailer-link:hover{background:#2dd4bf33}.price-popup__backdrop{z-index:9998;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.price-popup{background:var(--card-bg,#141b2e);border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0009}.price-popup__header{border-bottom:1px solid #ffffff12;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.price-popup__title{color:var(--text,#e2e8f0);flex:1;font-size:12px;font-weight:600;line-height:1.4}.price-popup__close{color:var(--muted,#94a3b8);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1;transition:color .15s}.price-popup__close:hover{color:var(--text,#e2e8f0)}.price-popup__list{max-height:340px;padding:8px 0;overflow-y:auto}.price-popup__row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.price-popup__row:last-child{border-bottom:none}.price-popup__retailer{color:var(--muted,#94a3b8);white-space:nowrap;font-size:12px;font-weight:500}.price-popup__price{color:var(--text,#e2e8f0);white-space:nowrap;font-size:13px;font-weight:700}.price-popup__price--oos{color:var(--muted,#94a3b8);font-size:11px;font-weight:500}.price-popup__check-btn{color:var(--brand,#2dd4bf);white-space:nowrap;background:#2dd4bf1a;border:1px solid #2dd4bf4d;border-radius:6px;align-items:center;padding:5px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.price-popup__check-btn:hover{border-color:var(--brand,#2dd4bf);background:#2dd4bf33}.share-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-overlay--entering{animation:.25s both overlayFadeIn}.share-card{color:#fff;scrollbar-width:none;background:#0b0b18;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:460px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #818cf81a,0 32px 80px #000000b3,0 8px 32px #818cf814}.share-card::-webkit-scrollbar{display:none}.share-card--entering{animation:.42s cubic-bezier(.34,1.56,.64,1) both cardPop}.share-card__header{text-align:center;background:radial-gradient(at 10% 60%,#8b5cf659 0%,#0000 55%),radial-gradient(at 90% 20%,#2dd4bf40 0%,#0000 50%),radial-gradient(at 55% 110%,#6366f133 0%,#0000 45%),#0d0b1e;border-radius:20px 20px 0 0;padding:36px 28px 28px}.share-card__header-meta{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.share-card__brand{letter-spacing:.15em;text-transform:uppercase;color:#2dd4bf;font-size:10px;font-weight:700}.share-card__dot{opacity:.4;margin:0 6px}.share-card__date{letter-spacing:.1em;color:#ffffff59;text-transform:uppercase;font-size:10px}.share-card__headline{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#fff9);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:800}.share-card__sub{color:#ffffff80;margin:0;font-size:13px}.share-card__close{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.share-card__close:hover{color:#fff;background:#ffffff1f}.share-card__scores{background:#ffffff06;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:0;padding:24px 28px;display:flex}.share-card__ring{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.share-card__ring-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.share-card__scores-sep{background:#ffffff12;width:1px;height:80px}.share-card__parts{margin:0;padding:8px 0;list-style:none}.share-card__part{grid-template-columns:22px 92px 1fr auto;align-items:center;gap:8px;padding:7px 20px;font-size:12px;transition:background .1s;display:grid}.share-card__part:nth-child(2n){background:#ffffff06}.share-card__part-icon{text-align:center;font-size:13px}.share-card__part-cat{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.share-card__part-name{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.share-card__part-price{color:#a78bfa;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.share-card__total{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:4px;padding:14px 20px;display:flex}.share-card__total-label{text-transform:uppercase;letter-spacing:.1em;color:#fff6;font-size:11px;font-weight:600}.share-card__total-value{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f0abfc,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.share-card__link{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;margin:16px 20px;padding:10px 10px 10px 14px;display:flex}.share-card__link-url{color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.share-card__copy{color:#042f2e;cursor:pointer;white-space:nowrap;background:#2dd4bf;border:none;border-radius:7px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.share-card__copy:hover{background:#5eead4}.share-card__copy--done{background:#34d399}.share-card__actions{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 20px 12px;display:flex}.share-card__action-btn{color:#ffffffa6;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:600;transition:background .14s,color .14s,border-color .14s}.share-card__action-btn:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#ffffff40}.share-card__action-btn--done{color:#34d399;background:#34d3992e;border-color:#34d39966}.share-card__action-btn--loading{opacity:.6;cursor:default}.share-card__disclaimer{text-align:center;color:#fff3;margin:0;padding:0 20px 20px;font-size:10px;font-style:italic}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardPop{0%{opacity:0;transform:scale(.88)translateY(28px)}55%{opacity:1;transform:scale(1.025)translateY(-5px)}75%{transform:scale(.985)translateY(2px)}to{transform:scale(1)translateY(0)}}@property --brand-fade-end{syntax:"<percentage>";inherits:false;initial-value:70%}@keyframes brand-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@property --rgb-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes rgb-spin{to{--rgb-angle:360deg}}.btn-oneclick{z-index:0;cursor:pointer;letter-spacing:.02em;white-space:nowrap;color:#fff;--rgb-angle:0deg;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:700;line-height:1;animation:3s linear infinite rgb-spin;display:inline-flex;position:relative}@keyframes rgb-spin-fast{to{--rgb-angle:360deg}}.btn-oneclick{transition:transform .18s}.btn-oneclick:hover{animation:1.2s linear infinite rgb-spin-fast;transform:translateY(-2px)scale(1.04)}.btn-oneclick:hover:before{opacity:1;filter:blur(9px)}.btn-oneclick:active{transform:translateY(0)scale(1)}.btn-oneclick:before{content:"";background:conic-gradient(from var(--rgb-angle), #ff3c5f, #ff8c00, #ffe600, #00e676, #00b0ff, #d500f9, #ff3c5f);filter:blur(7px);opacity:.85;z-index:-1;border-radius:12px;position:absolute;inset:-4px}.btn-oneclick:after{content:"";z-index:-1;background:#0b0f1e;border-radius:6.5px;position:absolute;inset:1.5px}.ocb-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ocb-overlay--entering{animation:.25s both overlayFadeIn}.ocb-card{color:#fff;background:#0d0d1a;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 24px 60px #0009}.ocb-card--entering{animation:.42s cubic-bezier(.34,1.56,.64,1) both cardPop}.ocb-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.ocb-header__left{flex-direction:column;gap:10px;display:flex}.ocb-header__title{letter-spacing:.02em;color:#ffffffe6;font-size:14px;font-weight:700}.ocb-steps{align-items:center;gap:4px;display:flex}.ocb-step{color:#ffffff4d;cursor:default;white-space:nowrap;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.ocb-step__num{background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.ocb-step--active .ocb-step__num{color:#2dd4bf;background:#2dd4bf33}.ocb-step--done .ocb-step__num{background:#ffffff1a}.ocb-step--active{color:#2dd4bf;background:#2dd4bf0d;border-color:#2dd4bf4d}.ocb-step--done{color:#fff9;cursor:pointer}.ocb-step__label{display:none}.ocb-step--active .ocb-step__label{display:inline}.ocb-close{color:#fff6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .15s;display:flex}.ocb-close:hover{color:#fff;background:#ffffff1a}.ocb-body{flex-direction:column;gap:16px;padding:24px 20px 20px;display:flex}.ocb-question{color:#ffffffd9;margin:0;font-size:15px;font-weight:600}.ocb-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ocb-choice{cursor:pointer;text-align:left;color:inherit;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:all .15s;display:flex}.ocb-choice:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-1px)}.ocb-choice--selected{background:#2dd4bf14;border-color:#2dd4bf}.ocb-choice__icon{font-size:28px;line-height:1}.ocb-choice__label{color:#fff;font-size:14px;font-weight:700}.ocb-choice__desc{color:#fff6;font-size:11px;line-height:1.4}.ocb-presets{flex-wrap:wrap;gap:8px;display:flex}.ocb-preset{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.ocb-preset:hover{color:#fff;border-color:#ffffff40}.ocb-preset--active{color:#2dd4bf;background:#2dd4bf1f;border-color:#2dd4bf}.ocb-budget-input-wrap{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.ocb-budget-prefix{color:#fff6;font-size:18px;font-weight:700}.ocb-budget-input{color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:20px;font-weight:700}.ocb-budget-input::-webkit-inner-spin-button{-webkit-appearance:none}.ocb-budget-input::-webkit-outer-spin-button{-webkit-appearance:none}.ocb-slider{accent-color:#2dd4bf;cursor:pointer;width:100%}.ocb-slider-labels{color:#ffffff4d;justify-content:space-between;margin-top:-8px;font-size:10px;display:flex}.ocb-summary-pills{flex-wrap:wrap;gap:8px;display:flex}.ocb-pill{color:#a5b4fc;background:#818cf81a;border:1px solid #818cf840;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.ocb-error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:8px;margin:0;padding:8px 12px;font-size:12px}.ocb-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2dd4bf,#818cf8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.ocb-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #2dd4bf40}.ocb-generate-btn:disabled{opacity:.6;cursor:not-allowed}.ocb-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.price-submission-modal{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:16px;width:90%;max-width:400px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0006}.price-submission-modal__close{background:var(--surface-solid-2);width:32px;height:32px;color:var(--muted);cursor:pointer;border:none;border-radius:8px;font-size:20px;transition:all .2s;position:absolute;top:16px;right:16px}.price-submission-modal__close:hover{color:var(--text);background:var(--surface-solid-3)}.price-submission-modal__header{margin-bottom:20px}.price-submission-modal__header h2{margin-bottom:4px;font-size:18px;font-weight:700}.price-submission-modal__product-name{color:var(--muted);font-size:11px}.price-submission-modal__form{flex-direction:column;gap:16px;display:flex}.price-submission-modal__form .form-group{flex-direction:column;gap:6px;display:flex}.price-submission-modal__form label{color:var(--muted);font-size:11px;font-weight:600}.price-submission-modal__form input,.price-submission-modal__form select,.price-submission-modal__form textarea{background:var(--surface-solid-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:13px;transition:border-color .2s}.price-submission-modal__form input:focus,.price-submission-modal__form select:focus,.price-submission-modal__form textarea:focus{border-color:var(--brand);outline:none}.price-submission-modal__form textarea{resize:vertical;min-height:60px}.price-submission-modal__message{border-radius:8px;padding:10px 12px;font-size:12px;font-weight:500}.price-submission-modal__message--success{color:var(--brand);border:1px solid var(--brand);background:#2dd4bf1a}.price-submission-modal__message--error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444}.price-submission-modal__actions{justify-content:flex-end;gap:12px;display:flex}.price-submission-modal__info{background:var(--surface-solid-2);border-radius:8px;margin-top:16px;padding:12px}.price-submission-modal__info p{color:var(--muted);font-size:10px;line-height:1.5}.shared-build-page{background:var(--bg);min-height:100vh;padding:100px 40px 60px}.sbd-container{flex-direction:column;gap:28px;max-width:1160px;margin:0 auto;display:flex}.sbd-header{text-align:center}.sbd-header__title{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:800}.sbd-header__sub{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.sbd-header__dot{color:var(--border-strong)}.sbd-scores{background:var(--surface-solid);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;gap:24px;padding:20px 32px;display:flex}.sbd-scores__sep{background:var(--border);width:1px;height:64px}.sbd-ring{flex-direction:column;align-items:center;gap:6px;display:flex}.sbd-ring__label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.sbd-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sbd-col{flex-direction:column;gap:8px;display:flex}.sbd-part{background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:11px 14px;transition:border-color .14s;display:flex}.sbd-part:hover{border-color:var(--border-strong)}.sbd-part:hover .sbd-part__view{opacity:1}.sbd-part--empty{opacity:.38}.sbd-part__cat-wrap{flex-shrink:0;align-items:center;gap:6px;width:118px;display:flex}.sbd-part__icon{color:var(--muted);flex-shrink:0;align-items:center;display:flex}.sbd-part__cat{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:700}.sbd-part__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.35;overflow:hidden}.sbd-part__price{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.sbd-part__view{color:var(--primary);white-space:nowrap;opacity:0;background:#2dd4bf0f;border:1px solid #2dd4bf4d;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:opacity .14s,color .14s}.sbd-part__view:hover{color:#fff;background:#2dd4bf2e}.sbd-part__none{color:var(--muted-2);flex:1;font-size:13px}.sbd-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:4px;display:flex}@media (max-width:860px){.sbd-cols{grid-template-columns:1fr}.shared-build-page{padding:90px 20px 50px}}@media (max-width:600px){.sbd-scores{gap:16px;padding:16px 20px}.sbd-part__view{opacity:1}.sbd-part__cat-wrap{width:90px}}.shared-build-container{max-width:800px;margin:0 auto}.shared-build-loading,.shared-build-error{text-align:center;padding:60px 20px}.shared-build-loading__spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.shared-build-error h1{margin-bottom:8px;font-size:24px}.shared-build-error p{color:var(--muted);margin-bottom:20px}.shared-build-header{text-align:center;margin-bottom:32px}.shared-build-header h1{margin:8px 0;font-size:28px;font-weight:700}.shared-build-header p{color:var(--muted);font-size:14px}.shared-build-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.shared-build-stat{background:var(--surface-solid-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.shared-build-stat__icon{font-size:24px}.shared-build-stat__label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.shared-build-stat__value{font-size:18px;font-weight:700}.shared-build-components h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:14px;font-weight:600}.shared-build-list{flex-direction:column;gap:12px;display:flex}.shared-build-item{background:var(--surface-solid-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.shared-build-item__category{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-width:100px;font-size:11px;font-weight:600}.shared-build-item__info{flex:1}.shared-build-item__brand{color:var(--brand);margin-bottom:2px;font-size:10px;font-weight:600}.shared-build-item__name{font-size:14px;font-weight:600}.shared-build-item__price{color:var(--brand);font-size:16px;font-weight:700}.shared-build-item__empty{color:var(--muted);flex:1;font-size:13px;font-style:italic}.shared-build-ad{justify-content:center;margin-top:40px;display:flex;overflow:hidden}.ad-drawer{z-index:200;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.ad-drawer__toggle{background:var(--surface-solid);border:1px solid var(--border-strong);cursor:pointer;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:600;transition:color .15s,background .15s;display:flex}.ad-drawer__toggle:hover{color:var(--text);background:var(--surface)}.ad-drawer__chevron{flex-shrink:0;transition:transform .25s}.ad-drawer--collapsed .ad-drawer__chevron{transform:rotate(180deg)}.ad-drawer__body{opacity:1;background:var(--surface-solid);border-top:1px solid var(--border);max-height:200px;transition:max-height .3s,opacity .3s;overflow:hidden}.ad-drawer--collapsed .ad-drawer__body{opacity:0;max-height:0}.ad-drawer__slot{justify-content:center;padding:8px 0;display:flex}.ad-drawer__toggle-label{line-height:1}.shared-build-actions{text-align:center;margin-top:32px}@media (max-width:640px){.shared-build-stats{grid-template-columns:1fr}.shared-build-item{flex-wrap:wrap}.shared-build-item__category{width:100%;margin-bottom:8px}}.button{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.button--primary{color:#05221f;background:linear-gradient(#2dd4bf,#14b8a6);border-color:#0000;transition:transform .18s,box-shadow .18s,opacity .18s}.button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2dd4bf73,0 2px 8px #2dd4bf40}.button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2dd4bf4d}.button--primary:disabled{opacity:.38;cursor:not-allowed}.btn-compare{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-compare:hover{color:var(--text);background:#ffffff0d}.btn-compare--active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-compare--active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}}.btn-compare--active{color:var(--accent);background:#2dd4bf14;box-shadow:0 0 0 1px #2dd4bf1f}.btn-compare--active:hover{background:#2dd4bf24}@keyframes compare-pop{0%{transform:scale(1)}25%{transform:scale(1.15)}55%{transform:scale(.93)}80%{transform:scale(1.05)}to{transform:scale(1)}}.btn-compare--anim{animation:.45s cubic-bezier(.36,.07,.19,.97) both compare-pop}.btn-share{align-items:center;gap:5px;display:inline-flex}.btn-share--loading{opacity:.8;cursor:wait}@keyframes rocketLaunch{0%{transform:translateY(0)rotate(-40deg)}50%{transform:translateY(-4px)rotate(-40deg)}to{transform:translateY(0)rotate(-40deg)}}.btn-share__rocket{transform-origin:50%;font-style:normal;line-height:1;animation:.7s ease-in-out infinite rocketLaunch;display:inline-block}.button--ghost{color:var(--muted);border-color:var(--border);background:0 0}.button--small{border-radius:10px;width:auto;padding:8px 10px;font-size:12px}.button--comparing{color:var(--primary);background:#2dd4bf1a;border-color:#2dd4bf4d}.drawer__title-wrap h2{margin:4px 0 0;font-size:1.1rem;line-height:1.2}.drawer__close{min-width:38px;min-height:38px}.drawer__body{flex-direction:column;padding:0;display:flex;overflow:auto}.drawer__grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid;overflow-y:auto}.view-all-button{margin-left:0}.empty-state{border:1px dashed var(--border-strong);text-align:center;background:var(--surface-solid);border-radius:16px;padding:28px 18px}.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0}@media (max-width:980px){.top-actions{flex-wrap:wrap}.top-actions__search{flex-basis:100%;order:3}.builder-meta{flex-wrap:wrap}.summary-bar,.product-grid--compact,.drawer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.builder-shell{width:min(100% - 16px,100%);padding:14px 0 28px}.summary-bar{grid-template-columns:1fr 1fr}.step-accordion__trigger{flex-direction:column;align-items:flex-start;min-height:auto;padding:12px}.step-accordion__trigger-side{justify-content:space-between;width:100%;margin-left:0}.step-accordion__selected{text-align:left;max-width:100%}.step-accordion__panel{padding:0 12px 12px}.product-grid--compact{grid-template-columns:1fr 1fr}.toolbar-clear{margin-left:0}.drawer{width:100vw}.drawer__grid{grid-template-columns:1fr}}.product-grid--compact{grid-template-columns:repeat(4,1fr);gap:12px}.product-grid--compact .product-card{border-radius:18px;gap:10px;min-height:0;padding:14px}.product-grid--compact .product-card__title{font-size:.98rem;line-height:1.3}.product-grid--compact .product-card__price{font-size:.95rem}.product-grid--compact .product-card__specs{grid-template-columns:repeat(2,1fr);gap:4px 8px}.product-grid--compact .product-card__specs li{padding-top:0;font-size:10px;line-height:1.15}.product-card__footer{gap:6px;margin-top:auto;padding-top:10px;display:flex}.card-action-btn{border:1px solid var(--border);height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:8px;align-items:center;gap:0;padding:0 9px;font-size:11px;font-weight:600;transition:background .18s,color .18s,border-color .18s,gap .22s,padding-right .22s;display:inline-flex;overflow:hidden}.card-action-btn__label{opacity:0;max-width:0;transition:max-width .22s,opacity .14s,margin-left .22s;display:inline-block;overflow:hidden}.card-action-btn--add:hover{color:#22c55e;background:#22c55e1f;border-color:#22c55e59;gap:5px;padding-right:11px}.card-action-btn--add:hover .card-action-btn__label{opacity:1;max-width:40px}.card-action-btn--selected{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.card-action-btn--selected:hover{background:#22c55e2e}.card-action-btn--specs:hover{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa59;gap:5px;padding-right:11px}.card-action-btn--specs:hover .card-action-btn__label{opacity:1;max-width:40px}.card-action-btn--compare:hover{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa59;gap:5px;padding-right:11px}.card-action-btn--compare:hover .card-action-btn__label{opacity:1;max-width:60px}.card-action-btn--comparing{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa4d}.card-action-btn--comparing:hover{background:#a78bfa2e}.card-action-btn--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.card-action-btn--amazon{color:#f59e0b;border-color:#f59e0b4d;text-decoration:none}.card-action-btn--amazon:hover{color:#f90;background:#ff99001f;border-color:#ff990080;gap:5px;padding-right:11px}.card-action-btn--amazon:hover .card-action-btn__label{opacity:1;max-width:56px}.drawer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:70;opacity:0;pointer-events:none;background:#02061794;transition:opacity .32s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.drawer-backdrop--visible{opacity:1;pointer-events:auto}.drawer{top:var(--nav-h);width:min(760px,100vw);height:calc(100svh - var(--nav-h));z-index:80;background:linear-gradient(180deg, var(--surface-solid-2), var(--surface-solid));border-left:1px solid var(--border-strong);flex-direction:column;transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:0;transform:translate(100%);box-shadow:-24px 0 60px #02061773}.drawer--open{transform:translate(0)}.drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 16px;display:flex}.drawer__title-wrap h2{letter-spacing:-.03em;margin:6px 0;font-size:1.4rem}.drawer__title-wrap p{color:var(--muted);margin:0;font-size:14px}.drawer__body{flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.drawer__body>.filter-bar{flex-shrink:0;padding:10px 22px}.drawer__grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:16px 22px 22px;display:grid}.drawer__close{flex-shrink:0}.drawer__footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.compare-modal__body{padding:0;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;color:var(--text);font-size:13px}.compare-table__th{text-align:left;background:var(--surface-solid-2);border-bottom:2px solid var(--border-strong);z-index:2;vertical-align:top;padding:16px 20px;position:sticky;top:0}.compare-table__th--product{border-left:1px solid var(--border);min-width:180px}.compare-table__product-name{margin-bottom:3px;font-size:14px;font-weight:700;line-height:1.3}.compare-table__product-brand{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px}.compare-table__product-price{color:var(--primary);margin-bottom:10px;font-weight:700}.compare-table__scores{flex-wrap:wrap;gap:6px;display:flex}.compare-score{letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.compare-score--perf{color:#a5b4fc;background:#818cf826;border:1px solid #818cf840}.compare-score--value{color:#6ee7b7;background:#34d3991f;border:1px solid #34d39938}.compare-score__icon{font-size:11px;line-height:1}.compare-score__num:after{content:"/100";opacity:.6;margin-left:1px;font-size:10px;font-weight:400}.compare-table__row{border-bottom:1px solid var(--border)}.compare-table__row:nth-child(2n){background:#ffffff06}.compare-table__spec-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;vertical-align:middle;min-width:160px;padding:9px 20px;font-size:11px;font-weight:600}.compare-table__spec-value{border-left:1px solid var(--border);vertical-align:middle;padding:9px 20px}.compare-table__no-value{color:var(--muted-2)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/800px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.product-grid--compact .product-card--loading{cursor:default;pointer-events:none;flex-direction:column;gap:0;min-height:220px;padding:14px;display:flex}.product-card--loading:before,.product-card--loading:after{display:none}.product-card__loading-skeleton{flex-direction:column;gap:10px;height:100%;display:flex}.product-card__loading-line--brand{border-radius:6px;width:56px;height:20px}.product-card__loading-line--title{border-radius:6px;width:90%;height:32px}.product-card__loading-line--price{border-radius:6px;width:55%;height:20px;margin-top:auto}.product-card__loading-line--spec{border-radius:4px;width:80%;height:13px}.product-card__loading-line--spec:nth-child(5){width:65%}.product-card__loading-line--spec:nth-child(6){width:72%}.filter-bar-skeleton{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 16px 10px;display:flex;overflow:hidden}.filter-bar-skeleton__chip{border-radius:999px;flex-shrink:0;height:26px}.filter-bar-skeleton__chip:first-child{width:100px}.filter-bar-skeleton__chip:nth-child(2){width:80px}.filter-bar-skeleton__chip:nth-child(3){width:90px}.filter-bar-skeleton__chip:nth-child(4){width:70px}.filter-bar-skeleton__chip:nth-child(5){width:85px}.filter-bar-skeleton__chip:nth-child(6){width:60px;margin-left:auto}.builder-mode-toggle{background:var(--surface-solid);border:1px solid var(--border);border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.mode-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:500;line-height:1.4;transition:background .15s,color .15s,box-shadow .15s}.mode-btn--active{background:var(--surface-solid-2);color:var(--text);box-shadow:0 1px 4px #00000059}.mode-btn:hover:not(.mode-btn--active){color:var(--text);background:#ffffff0d}.interactive-builder{border-top:1px solid var(--border);grid-template-columns:490px 1fr;align-items:start;display:grid}.ibuilder__diagram{top:var(--nav-h);border-right:1px solid var(--border);background:#07111f99;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;display:flex;position:sticky}.diagram-expand-btn{border:1px solid var(--border);width:26px;height:26px;color:var(--muted);cursor:pointer;z-index:2;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:10px;right:12px}.diagram-expand-btn:hover{color:var(--text);background:#ffffff1a;border-color:#ffffff2e}.diagram-modal{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;animation:.18s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.diagram-modal__box{border:1px solid var(--border);background:#07111ff5;border-radius:16px;justify-content:center;align-items:center;width:min(98vw,1200px);height:98vh;padding:40px 32px 32px;animation:.18s modal-slide-in;display:flex;position:relative;box-shadow:0 32px 80px #0009}.diagram-modal__box .case-diagram-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diagram-modal__box .case-diagram{width:auto;max-width:none;height:calc(98vh - 80px);max-height:calc(98vh - 80px)}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.diagram-modal__close{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;z-index:2;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.diagram-modal__close:hover{color:var(--text);background:#ffffff1a}.case-diagram{border-radius:10px;width:100%;max-width:460px;height:auto;display:block;overflow:visible}.izone:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff6}@keyframes zone-pulse{0%,to{opacity:1}50%{opacity:.78}}@keyframes fan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fan-spin{transform-box:fill-box;transform-origin:50%;animation:3s linear infinite fan-spin}.ibuilder__hint{color:var(--muted-2);text-align:center;letter-spacing:.01em;margin:0;font-size:10.5px}.ibuilder__idle{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:480px;padding:40px 32px;display:flex}.ibuilder__idle-title{color:var(--text-muted,var(--muted));margin:0;font-size:15px;font-weight:600}.ibuilder__idle-sub{color:var(--muted-2);max-width:260px;margin:0;font-size:12px;line-height:1.5}.ibuilder__panel{background:var(--bg);flex-direction:column;min-height:600px;display:flex}.ibuilder__panel-header{background:var(--surface-solid);border-bottom:2px solid;flex-shrink:0;align-items:center;gap:8px;padding:13px 18px;display:flex}.ibuilder__panel-icon{flex-shrink:0;align-items:center;display:flex}.ibuilder__panel-title{letter-spacing:-.01em;font-size:14px;font-weight:700}.ibuilder__panel-selected{align-items:center;gap:7px;min-width:0;margin-left:auto;display:flex}.ibuilder__panel-selected-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;overflow:hidden}.ibuilder__panel-clear{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef44444d;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:10.5px;line-height:1.4;transition:background .15s,border-color .15s,color .15s}.ibuilder__panel-clear:hover{color:#ef4444;background:#ef444429;border-color:#ef444480}.ibuilder__panel-content{flex:1}.ibuilder__panel-content .product-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 14px 20px}.ibuilder__panel-content .product-grid--compact .product-card{min-height:200px}.ibuilder__panel-content .filter-bar{padding:8px 14px 10px}.ibuilder__panel-content .view-more-wrap{padding:0 14px 14px}.izone{transition:filter .12s,opacity .2s}.case-diagram--has-active .izone:not(.izone--active):not(.izone--hovered){opacity:.45}.izone--hovered{opacity:1;filter:brightness(1.3)drop-shadow(0 0 5px #ffffff12)}.izone--active:not(.izone--hovered)>rect,.izone--active:not(.izone--hovered)>circle{animation:2.4s ease-in-out infinite zone-pulse}.case-diagram-wrap{width:100%;position:relative}.zone-tooltip{background:var(--surface-solid-2);border:1px solid var(--border-strong);pointer-events:none;z-index:50;border-radius:10px;min-width:155px;max-width:220px;padding:9px 13px;animation:.12s tooltip-pop;position:absolute;box-shadow:0 8px 32px #0000008c}@keyframes tooltip-pop{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.zone-tooltip__header{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;margin-bottom:5px;font-size:9.5px;font-weight:700;display:flex}.zone-tooltip__icon{flex-shrink:0;align-items:center;display:flex}.zone-tooltip__name{color:var(--text);margin-bottom:4px;font-size:11.5px;line-height:1.35}.zone-tooltip__price{color:var(--primary);letter-spacing:-.01em;font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.zone-tooltip__empty{color:var(--muted-2);font-size:11px;font-style:italic}@media (max-width:1100px){.interactive-builder{grid-template-columns:1fr}.ibuilder__diagram{border-right:none;border-bottom:1px solid var(--border);padding:16px;position:static}.case-diagram{max-width:380px}.ibuilder__panel-content .product-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-nav__auth{flex-shrink:0;align-items:center;gap:10px;display:flex}.home-nav__guest{font-size:11px;font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.home-nav__login-btn{padding:7px 16px;font-size:13px}.nav-user{align-items:center;display:flex;position:relative}.nav-avatar{background:var(--primary-soft);border:1.5px solid var(--border-accent);width:36px;height:36px;color:var(--primary);font-size:13px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.nav-avatar:hover{border-color:var(--primary);background:#2dd4bf33}.nav-dropdown{background:var(--surface-solid-2);border:1px solid var(--border-strong);z-index:200;border-radius:10px;min-width:180px;padding:6px;animation:.12s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0006}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown__name{color:var(--muted);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;padding:8px 10px 6px;font-size:12px;overflow:hidden}.nav-dropdown__item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:9px 10px;font-size:14px;text-decoration:none;transition:background .12s;display:block}.nav-dropdown__item:hover{background:var(--primary-soft);color:var(--primary)}.nav-dropdown__item--danger{color:#f87171}.nav-dropdown__item--danger:hover{color:#fca5a5;background:#f871711a}.auth-overlay{-webkit-backdrop-filter:blur(6px);z-index:300;background:#07111fd1;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-card{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:16px;width:100%;max-width:420px;padding:28px 28px 24px;animation:.18s cardIn;box-shadow:0 24px 64px #00000080}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.auth-title{color:var(--text);margin:0;font-size:20px;font-weight:700}.auth-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;line-height:1;transition:color .12s,background .12s}.auth-close:hover{color:var(--text);background:var(--surface-strong)}.auth-tabs{background:var(--surface-strong);border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.auth-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.auth-tab--active{background:var(--surface-solid-2);color:var(--text)}.auth-google-btn{background:var(--surface-strong);border:1px solid var(--border-strong);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.auth-google-btn:hover:not(:disabled){background:var(--surface-solid-2);border-color:var(--primary)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-divider{color:var(--muted-2);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.auth-input{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s}.auth-input:focus{border-color:var(--border-accent)}.auth-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px 16px;font-size:14px;font-weight:600;transition:opacity .12s,background .12s}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn--primary{background:var(--primary);color:#07111f}.auth-btn--primary:hover:not(:disabled){background:var(--primary-2)}.auth-btn--ghost{background:var(--surface-strong);color:var(--text);border:1px solid var(--border-strong)}.auth-error{color:#f87171;margin:0;font-size:13px}.auth-switch{text-align:center;color:var(--muted);margin-top:8px;font-size:13px}.auth-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.auth-confirmation{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:16px 0 4px;display:flex}.auth-confirmation__icon{font-size:40px}.auth-confirmation__text{color:var(--muted);max-width:280px;margin:0;font-size:14px;line-height:1.6}.save-overlay{-webkit-backdrop-filter:blur(6px);z-index:300;background:#07111fd1;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.save-card{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:16px;width:100%;max-width:440px;padding:28px;animation:.18s cardIn;box-shadow:0 24px 64px #00000080}.save-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.save-title{color:var(--text);margin:0;font-size:20px;font-weight:700}.save-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;line-height:1;transition:color .12s,background .12s}.save-close:hover{color:var(--text);background:var(--surface-strong)}.save-summary{color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;font-size:13px;display:flex}.save-summary__price{color:var(--primary);font-weight:600}.save-form{flex-direction:column;gap:16px;display:flex}.save-label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.save-input{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s}.save-input:focus{border-color:var(--border-accent)}.save-visibility{flex-direction:column;gap:8px;display:flex}.save-visibility__toggle{align-items:center;gap:10px;display:flex}.save-visibility__label{color:var(--text);font-size:14px;font-weight:500}.save-toggle{background:var(--surface-strong);border:1px solid var(--border-strong);cursor:pointer;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .2s,border-color .2s;position:relative}.save-toggle--on{background:var(--primary);border-color:var(--primary)}.save-toggle__knob{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.save-toggle--on .save-toggle__knob{background:#07111f;transform:translate(18px)}.save-visibility__hint{color:var(--muted-2);margin:0;font-size:12px;line-height:1.6}.save-error{color:#f87171;margin:0;font-size:13px}.save-actions{gap:10px;margin-top:4px;display:flex}.save-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px 16px;font-size:14px;font-weight:600;transition:opacity .12s,background .12s}.save-btn:disabled{opacity:.45;cursor:not-allowed}.save-btn--primary{background:var(--primary);color:#07111f}.save-btn--primary:hover:not(:disabled){background:var(--primary-2)}.save-btn--ghost{background:var(--surface-strong);color:var(--text);border:1px solid var(--border-strong)}.btn-save{background:var(--surface-strong);border:1px solid var(--border-accent);color:var(--primary)}.btn-save:hover:not(:disabled){background:var(--primary-soft)}.btn-save:disabled{opacity:.4;cursor:not-allowed}.saved-toast{background:var(--surface-solid-2);border:1px solid var(--border-accent);color:var(--primary);z-index:400;white-space:nowrap;border-radius:24px;padding:10px 20px;font-size:14px;font-weight:500;animation:.2s toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.profile-page{background:var(--bg);min-height:100vh;color:var(--text)}.profile-nav{height:var(--nav-h);border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(12px);background:#07111fe0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.profile-nav__back{color:var(--muted);font-size:14px;text-decoration:none;transition:color .12s}.profile-nav__back:hover{color:var(--primary)}.profile-main{flex-direction:column;gap:40px;max-width:720px;margin:0 auto;padding:40px 24px 80px;display:flex}.profile-section{flex-direction:column;gap:20px;display:flex}.profile-section--header{flex-direction:row;align-items:center;gap:24px}.profile-avatar-large{background:var(--primary-soft);border:2px solid var(--border-accent);width:72px;height:72px;color:var(--primary);font-size:24px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-header-info{flex-direction:column;gap:4px;display:flex}.profile-username{color:var(--text);margin:0;font-size:24px;font-weight:700}.profile-handle{color:var(--muted);font-size:14px;font-family:var(--font-mono);margin:0}.profile-joined{color:var(--muted-2);margin:0;font-size:13px}.profile-section-title{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin:0;padding-bottom:12px;font-size:18px;font-weight:600;display:flex}.profile-section-count{background:var(--surface-strong);color:var(--muted);border-radius:12px;padding:2px 10px;font-size:13px;font-weight:500}.profile-builds-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.profile-builds-empty{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.profile-build-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;transition:border-color .12s;display:flex}.profile-build-card:hover{border-color:var(--border-strong)}.profile-build-card__main{align-items:center;gap:10px;display:flex}.profile-build-card__name{color:var(--text);font-size:15px;font-weight:600}.profile-build-card__badge{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.profile-build-card__badge--public{color:var(--primary);background:#2dd4bf1f;border:1px solid #2dd4bf4d}.profile-build-card__badge--private{background:var(--surface-strong);color:var(--muted);border:1px solid var(--border)}.profile-build-card__meta{color:var(--muted-2);align-items:center;gap:16px;font-size:12px;display:flex}.profile-build-card__actions{gap:8px;margin-top:4px;display:flex}.profile-build-card__btn{background:var(--surface-strong);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:7px;padding:6px 14px;font-size:12px;transition:background .12s,color .12s,border-color .12s}.profile-build-card__btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--border-accent)}.profile-build-card__btn:disabled{opacity:.45;cursor:not-allowed}.profile-build-card__btn--danger:hover:not(:disabled){color:#f87171;background:#f871711a;border-color:#f871714d}.change-password-form{flex-direction:column;gap:14px;max-width:400px;display:flex}.profile-label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.profile-input{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s}.profile-input:focus{border-color:var(--border-accent)}.profile-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .12s,background .12s;display:inline-block}.profile-btn:disabled{opacity:.45;cursor:not-allowed}.profile-btn--primary{background:var(--primary);color:#07111f}.profile-btn--primary:hover:not(:disabled){background:var(--primary-2)}.profile-msg{margin:0;font-size:13px}.profile-msg--ok{color:var(--primary)}.profile-msg--err{color:#f87171}.profile-managed{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@media (max-width:500px){.auth-card,.save-card{padding:22px 18px 20px}.profile-section--header{flex-direction:column;align-items:flex-start;gap:14px}}.setup-hint{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.profile-section-hint{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.6}.change-display-name-form{flex-direction:column;gap:14px;max-width:400px;display:flex}.profile-field-label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.profile-field-input{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s}.profile-field-input:focus{border-color:var(--border-accent)}.profile-field-error{color:#f87171;margin:0;font-size:13px}.profile-field-success{color:var(--primary);margin:0;font-size:13px}.profile-field-btn{cursor:pointer;background:var(--primary);color:#07111f;border:none;border-radius:10px;align-self:flex-start;padding:9px 22px;font-size:14px;font-weight:600;transition:opacity .12s,background .12s}.profile-field-btn:hover:not(:disabled){background:var(--primary-2)}.profile-field-btn:disabled{opacity:.45;cursor:not-allowed}.build-cards-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.build-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;gap:20px;padding:20px;transition:border-color .18s,box-shadow .18s;display:flex}.build-card:hover{border-color:var(--border-accent);box-shadow:0 4px 24px #0000004d}.build-card__cover{border:1px solid var(--border);cursor:pointer;background:#0a1a2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;padding:0;transition:border-color .18s;display:flex;position:relative;overflow:hidden}.build-card__cover:hover{border-color:var(--primary)}.build-card__cover-img{object-fit:cover;width:100%;height:100%;display:block}.build-card__placeholder-svg{width:100%;height:100%}.build-card__cover-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07111fb8;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.build-card__cover:hover .build-card__cover-overlay{opacity:1}.build-card__cover-hint{color:var(--primary);letter-spacing:.03em;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.build-card__cover-uploading{color:var(--muted);font-size:11px;font-weight:600}.build-card__file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;inset:0}.build-card__body{flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-width:0;display:flex}.build-card__top{flex-direction:column;gap:6px;display:flex}.build-card__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.build-card__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:320px;margin:0;font-size:17px;font-weight:700;line-height:1.2;overflow:hidden}.build-card__badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.build-card__badge--public{color:var(--primary);background:#2dd4bf1a;border-color:#2dd4bf59}.build-card__meta{color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.build-card__meta-dot{background:var(--muted-2);border-radius:50%;flex-shrink:0;width:3px;height:3px}.build-card__price{color:var(--primary);font-weight:600}.build-card__parts-preview{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.build-card__part-chip{color:var(--muted);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px}.build-card__part-label{color:var(--primary);letter-spacing:.05em;margin-right:5px;font-size:10px;font-weight:700}.build-card__upload-error{color:#f87171;margin:4px 0 0;font-size:12px}.build-card__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.build-card__action{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background .14s,color .14s,border-color .14s;display:inline-block}.build-card__action:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:#ffffff14}.build-card__action:disabled{opacity:.45;cursor:not-allowed}.build-card__action--primary{color:var(--primary);background:#2dd4bf1f;border-color:#2dd4bf59}.build-card__action--primary:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:#2dd4bf33}.build-card__action--danger:hover:not(:disabled){color:#f87171;background:#f871711a;border-color:#f8717159}@media (max-width:560px){.build-card{flex-direction:column;gap:14px}.build-card__cover{border-radius:8px;width:100%;height:140px}.build-card__name{max-width:100%}}.auth-pw-rules{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:5px;margin:2px 0 0;padding:10px 12px;list-style:none;display:flex}.auth-pw-rule{color:var(--muted);align-items:center;gap:7px;font-size:12px;transition:color .15s;display:flex}.auth-pw-rule--ok{color:var(--primary)}.auth-pw-rule__icon{text-align:center;flex-shrink:0;width:14px;font-size:11px}.auth-pw-strength{margin-top:4px}.auth-pw-strength__bar{gap:4px;height:4px;display:flex}.auth-pw-strength__seg{background:var(--border);border-radius:2px;flex:1;transition:background .2s}.auth-pw-strength__seg--filled{background:var(--primary)}.auth-forgot-link{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-end;margin-top:-6px;padding:0;font-size:12px;text-decoration:underline;transition:color .14s}.auth-forgot-link:hover{color:var(--text)}.auth-forgot-hint{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.reset-pw-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.reset-pw-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:36px 32px 32px;display:flex}.reset-pw__logo-link{justify-content:center;display:flex}.reset-pw__logo{object-fit:contain;width:auto;height:52px}.reset-pw__title{color:var(--text);text-align:center;margin:0;font-size:20px;font-weight:700}.reset-pw__hint{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.reset-pw__hint--error{color:#f87171}.reset-pw__state{flex-direction:column;align-items:center;gap:12px;display:flex}.reset-pw__icon{font-size:32px}.reset-pw__form{flex-direction:column;gap:14px;display:flex}.reset-pw__label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.reset-pw__input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s}.reset-pw__input:focus{border-color:var(--border-accent)}.reset-pw__error{color:#f87171;margin:0;font-size:13px}.reset-pw__btn{cursor:pointer;background:var(--primary);color:#07111f;border:none;border-radius:10px;padding:11px;font-size:14px;font-weight:700;transition:opacity .12s,background .12s}.reset-pw__btn:disabled{opacity:.45;cursor:not-allowed}.reset-pw__btn:hover:not(:disabled){background:var(--primary-2)}.reset-pw__back{color:var(--muted);text-underline-offset:3px;font-size:13px;text-decoration:underline;transition:color .14s}.reset-pw__back:hover{color:var(--text)}.reset-pw__back--primary{background:var(--primary);color:#07111f;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .14s}.reset-pw__back--primary:hover{background:var(--primary-2);color:#07111f}.inner-page{min-height:100vh;color:var(--text);flex-direction:column;display:flex}.about-container,.explore-container,.parts-container,.compare-container,.part-container,.article-container{width:min(1200px,100% - 48px);margin:0 auto}.about-main{padding-top:calc(var(--nav-h) + 40px);flex:1;padding-bottom:80px}.about-hero{padding:60px 0 80px}.about-split{grid-template-columns:1fr 360px;align-items:center;gap:64px;display:grid}.about-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 12px;font-size:11px;font-weight:700}.about-title{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#eef2ff 30%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 28px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.08}.about-body{color:var(--muted);margin:0 0 16px;font-size:16px;line-height:1.75}.about-ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.about-cta{border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .14s,transform .14s}.about-cta--primary{color:#05221f;background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.about-cta--primary:hover{opacity:.88;transform:translateY(-1px)}.about-cta--ghost{border:1px solid var(--border-strong);color:var(--muted);background:#ffffff0a}.about-cta--ghost:hover{color:var(--text);background:#ffffff14}.about-split__visual{justify-content:center;align-items:center;display:flex}.about-pc-art{width:280px;height:340px;position:relative}.about-pc-art__case{background:linear-gradient(135deg,#0d1f37 0%,#091629 100%);border:1px solid #2dd4bf40;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #2dd4bf1f,0 24px 64px #00000080}.about-pc-art__stripe{opacity:.6;height:2px;position:absolute;left:0;right:0}.about-pc-art__stripe--1{background:linear-gradient(90deg,#0000,#2dd4bf,#0000);top:30%}.about-pc-art__stripe--2{background:linear-gradient(90deg,#0000,#60a5fa,#0000);top:65%}.about-pc-art__glow{pointer-events:none;background:radial-gradient(at 50% 100%,#a78bfa33 0%,#0000 70%);height:60%;position:absolute;bottom:0;left:0;right:0}.about-pc-art__label{letter-spacing:.1em;color:#a78bfa;text-transform:uppercase;z-index:1;font-size:11px;font-weight:700}.about-pc-art__fan{z-index:1;background:#2dd4bf0f;border:1px solid #2dd4bf33;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.about-pc-art__fan-ring{border:2px solid #2dd4bf66;border-radius:50%;width:50px;height:50px;animation:6s linear infinite spin}.about-stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.about-stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.about-stat__num{color:var(--primary);letter-spacing:-.03em;font-size:2rem;font-weight:800}.about-stat__label{color:var(--muted);font-size:13px}.about-features-section{padding:80px 0}.about-section-title{letter-spacing:-.02em;color:var(--text);margin:0 0 40px;font-size:1.6rem;font-weight:700}.about-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.about-feature-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;flex-direction:column;gap:10px;padding:24px;transition:border-color .16s;display:flex}.about-feature-card:hover{border-color:var(--border-accent)}.about-feature-card__icon{font-size:24px}.about-feature-card__title{color:var(--text);margin:0;font-size:15px;font-weight:700}.about-feature-card__body{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.about-cta-section{padding:60px 0 0}.about-cta-box{background:linear-gradient(135deg, #2dd4bf1a 0%, var(--surface-solid) 100%);border:1px solid var(--border-accent);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:52px 40px;display:flex}.about-cta-box__title{letter-spacing:-.03em;margin:0;font-size:1.8rem;font-weight:800}.about-cta-box__body{color:var(--muted);max-width:480px;margin:0;font-size:15px}.explore-main{padding-top:calc(var(--nav-h) + 40px);flex:1;padding-bottom:80px}.explore-header{padding:48px 0 32px}.explore-title{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#eef2ff 30%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.explore-subtitle{color:var(--muted);max-width:560px;margin:0;font-size:16px}.explore-section{margin-bottom:64px}.explore-section__title{color:var(--text);margin:0 0 6px;font-size:1.3rem;font-weight:700}.explore-section__hint{color:var(--muted);margin:0 0 24px;font-size:13px}.featured-carousel{margin:0 -8px;padding:0 8px;position:relative}.featured-carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding-bottom:6px;display:flex;overflow-x:auto}.featured-carousel__track::-webkit-scrollbar{display:none}.featured-carousel__arrow{z-index:10;border:1px solid var(--border-strong);background:var(--surface-solid);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:background .15s,border-color .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000059}.featured-carousel__arrow:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.featured-carousel__arrow--left{left:-10px}.featured-carousel__arrow--right{right:-10px}.featured-carousel__arrow--hidden{opacity:0;pointer-events:none}.featured-card{border:1px solid var(--border);background:var(--surface-solid);scroll-snap-align:start;border-radius:18px;flex-direction:column;flex:0 0 calc(25% - 15px);gap:16px;min-width:270px;padding:24px;transition:border-color .18s,transform .18s;display:flex}.featured-card:hover{transform:translateY(-2px)}.featured-card--teal{border-color:#2dd4bf59}.featured-card--orange{border-color:#f9731659}.featured-card--blue{border-color:#60a5fa59}.featured-card--purple{border-color:#a78bfa59}.featured-card__header{flex-direction:column;gap:6px;display:flex}.featured-card__badge{letter-spacing:.12em;text-transform:uppercase;border-radius:6px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700}.featured-card__badge--teal{color:#2dd4bf;background:#2dd4bf26}.featured-card__badge--orange{color:#fb923c;background:#f9731626}.featured-card__badge--blue{color:#60a5fa;background:#60a5fa26}.featured-card__badge--purple{color:#a78bfa;background:#a78bfa26}.featured-card__name{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.1rem;font-weight:800}.featured-card__tagline{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.featured-card__chips{flex-direction:column;gap:6px;display:flex}.featured-card__chip{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:100%;padding:4px 10px;font-size:11px;font-weight:500;overflow:hidden}.featured-card__chip--cpu{background:var(--cpu-soft);color:var(--cpu)}.featured-card__chip--gpu{background:var(--gpu-soft);color:var(--gpu)}.featured-card__scores{flex-direction:column;gap:8px;display:flex}.featured-card__score{align-items:center;gap:8px;display:flex}.featured-card__score-label{color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;width:76px;font-size:10px}.featured-card__score-bar-wrap{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.featured-card__score-bar{background:linear-gradient(90deg,#2dd4bf,#14b8a6);border-radius:2px;height:100%}.featured-card__score-bar--value{background:linear-gradient(90deg,#fb923c,#f97316)}.featured-card__score-num{color:var(--text);text-align:right;width:24px;font-size:12px;font-weight:700}.featured-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.featured-card__price{color:var(--text);font-size:14px;font-weight:700}.featured-card__cta{cursor:pointer;color:var(--primary);background:#2dd4bf26;border:none;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:700;transition:background .14s}.featured-card__cta:hover{background:#2dd4bf40}.featured-card__parts{flex-direction:column;gap:5px;display:flex}.featured-card__parts-row{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.featured-card__parts-row--cpu{background:var(--cpu-soft)}.featured-card__parts-row--gpu{background:var(--gpu-soft)}.featured-card__parts-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);flex-shrink:0;width:46px;font-size:10px;font-weight:700}.featured-card__parts-row--cpu .featured-card__parts-cat{color:var(--cpu)}.featured-card__parts-row--gpu .featured-card__parts-cat{color:var(--gpu)}.featured-card__parts-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.featured-card__parts-row--cpu .featured-card__parts-name,.featured-card__parts-row--gpu .featured-card__parts-name{color:var(--text);font-weight:500}.community-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.community-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;transition:border-color .16s,transform .16s;overflow:hidden}.community-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.community-card__cover{aspect-ratio:16/9;background:var(--surface-strong);width:100%;position:relative;overflow:hidden}.community-card__cover-img{object-fit:cover;width:100%;height:100%}.community-card__cover-placeholder{width:100%;height:100%;color:var(--muted-2);background:linear-gradient(135deg, var(--surface-solid), var(--surface-strong));justify-content:center;align-items:center;font-size:32px;display:flex}.community-card__parts-badge{color:var(--muted);background:#07111fcc;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.community-card__body{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.community-card__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.community-card__date{color:var(--muted-2);margin:0;font-size:11px}.community-card__footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.community-card__likes{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.community-card__view{color:var(--primary);font-size:12px;font-weight:600;text-decoration:none}.explore-empty{text-align:center;border:1px dashed var(--border);border-radius:16px;padding:60px 20px}.explore-empty__text{color:var(--muted);margin:0 0 16px}.explore-empty__cta{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none}.parts-main{padding-top:calc(var(--nav-h) + 40px);flex:1;padding-bottom:80px}.parts-header{padding:48px 0 32px}.parts-title{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#eef2ff 30%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.parts-subtitle{color:var(--muted);max-width:560px;margin:0;font-size:16px}.parts-cat-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.parts-cat-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .14s}.parts-cat-tab:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0a}.parts-cat-tab--active{color:var(--primary);background:#2dd4bf26;border-color:#2dd4bf66}.parts-search-wrap{margin-bottom:28px;position:relative}.parts-search-row{align-items:center;gap:12px;display:flex}.parts-search-input-wrap{flex:1;max-width:480px;position:relative}.parts-search-icon{width:16px;height:16px;color:var(--muted-2);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.parts-search{border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);border-radius:12px;outline:none;padding:10px 16px 10px 36px;font-size:14px;transition:border-color .14s}.parts-search:focus,.parts-search--focused{border-color:var(--border-accent)}.parts-search::placeholder{color:var(--muted-2)}.parts-clear-filters{color:var(--muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;transition:color .14s,border-color .14s}.parts-clear-filters:hover{color:var(--text);border-color:var(--border-strong)}.parts-active-filters{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.parts-active-tag{color:var(--primary);background:#2dd4bf1a;border:1px solid #2dd4bf4d;border-radius:20px;align-items:center;gap:5px;padding:4px 6px 4px 10px;font-size:12px;display:inline-flex}.parts-active-tag__key{opacity:.75;margin-right:1px;font-weight:700}.parts-active-tag__key:after{content:":"}.parts-active-tag__remove{cursor:pointer;width:16px;height:16px;color:var(--primary);background:#2dd4bf2e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;transition:background .12s;display:flex}.parts-active-tag__remove:hover{background:#2dd4bf59}.parts-filter-panel{background:var(--surface-solid);border:1px solid var(--border);z-index:50;border-radius:16px;flex-direction:column;gap:14px;width:540px;max-width:calc(100vw - 32px);padding:16px;animation:.12s panel-in;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px #0006}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.parts-filter-panel__divider{background:var(--border);height:1px;margin:0 -4px}.parts-filter-panel__section{flex-direction:column;gap:8px;display:flex}.parts-filter-panel__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin:0;font-size:10px;font-weight:700}.parts-filter-panel__chips{flex-wrap:wrap;gap:6px;display:flex}.parts-filter-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:color .12s,border-color .12s,background .12s}.parts-filter-chip:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0a}.parts-filter-chip--active{color:var(--primary);background:#2dd4bf26;border-color:#2dd4bf73;font-weight:600}.parts-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.parts-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.parts-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.parts-card__top-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.parts-card__cat-chip{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:6px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700}.parts-card__body{flex-direction:column;flex:1;gap:4px;display:flex}.parts-card__brand{color:var(--muted-2);margin:0;font-size:11px}.parts-card__name{color:var(--text);margin:0;font-size:14px;font-weight:700;line-height:1.4}.parts-card__footer{justify-content:space-between;align-items:center;display:flex}.parts-card__price{color:var(--text);font-size:15px;font-weight:800}.parts-card__arrow{color:var(--primary);font-size:11px;font-weight:600}.parts-loading{color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:60px 0;display:flex}.parts-loading__spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.parts-empty{text-align:center;color:var(--muted);padding:60px 0}.parts-load-more-wrap{justify-content:center;display:flex}.parts-load-more{border:1px solid var(--border-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;padding:10px 32px;font-size:14px;font-weight:600;transition:all .14s}.parts-load-more:hover{color:var(--text);border-color:var(--border-accent);background:#ffffff0a}.part-main{padding-top:calc(var(--nav-h) + 32px);flex:1;padding-bottom:80px}.part-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:28px;font-size:13px;display:flex}.part-breadcrumb__link{color:var(--muted);text-decoration:none;transition:color .14s}.part-breadcrumb__link:hover{color:var(--text)}.part-breadcrumb__sep{color:var(--muted-2)}.part-breadcrumb__current{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.part-header{margin-bottom:40px}.part-header__meta{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.part-header__cat,.part-header__brand{letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.part-header__cat{background:var(--primary-soft);color:var(--primary)}.part-header__brand{color:var(--muted);background:#ffffff0f}.part-header__name{letter-spacing:-.03em;color:var(--text);margin:0 0 8px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.15}.part-header__price{color:var(--primary);margin:0 0 20px;font-size:1.1rem;font-weight:700}.part-header__actions{flex-wrap:wrap;gap:12px;display:flex}.part-header__buy-btn{cursor:pointer;border-radius:12px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .14s,transform .14s}.part-header__buy-btn--amazon{color:#05221f;background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.part-header__buy-btn--amazon:hover{opacity:.85;transform:translateY(-1px)}.part-header__buy-btn--ghost{border:1px solid var(--border-strong);color:var(--muted);background:0 0}.part-header__buy-btn--ghost:hover{color:var(--text);background:#ffffff0f}.part-content-grid{grid-template-columns:1fr 360px;align-items:start;gap:40px;display:grid}.part-section{margin-bottom:36px}.part-section__title{color:var(--text);border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:10px;font-size:1rem;font-weight:700}.part-desc{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.part-spec-table{border-collapse:collapse;width:100%}.part-spec-row:nth-child(2n) td{background:#ffffff05}.part-spec-key,.part-spec-value{border-bottom:1px solid var(--border);padding:9px 12px;font-size:13px}.part-spec-key{color:var(--muted);width:40%;font-weight:500}.part-spec-value{color:var(--text)}.part-retailer-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:border-color .14s;display:flex}.part-retailer-card:hover{border-color:var(--border-accent)}.part-retailer-card--amazon{border-color:#2dd4bf59}.part-retailer-card--oos{opacity:.6}.part-retailer-card__info{flex-direction:column;gap:2px;display:flex}.part-retailer-card__name{color:var(--text);font-size:13px;font-weight:600}.part-retailer-card__price{color:var(--primary);font-size:14px;font-weight:700}.part-retailer-card__price--na{color:var(--muted)}.part-retailer-card__oos-tag{color:var(--danger);font-size:10px;font-weight:600}.part-retailer-card__cta{color:var(--primary);background:#2dd4bf1f;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700}.part-no-prices{color:var(--muted);margin:0 0 12px;font-size:13px}.part-price-note{color:var(--muted-2);margin:12px 0 0;font-size:11px}.part-cta-strip{background:var(--surface-solid);border:1px solid var(--border-accent);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:28px 32px;display:flex}.part-cta-strip__text{color:var(--text);margin:0;font-size:15px;font-weight:600}.part-cta-strip__btn{color:#05221f;background:linear-gradient(135deg,#2dd4bf,#14b8a6);border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .14s}.part-cta-strip__btn:hover{opacity:.85}.compare-main{padding-top:calc(var(--nav-h) + 40px);flex:1;padding-bottom:80px}.compare-header{padding:48px 0 32px}.compare-title{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#eef2ff 30%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.compare-subtitle{color:var(--muted);max-width:560px;margin:0;font-size:16px}.compare-tabs{background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;gap:4px;width:fit-content;margin-bottom:32px;padding:5px;display:flex}.compare-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600;transition:all .16s}.compare-tab--active{color:var(--primary);background:#2dd4bf26}.compare-cats{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.compare-cat-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .14s}.compare-cat-btn:hover{color:var(--text);border-color:var(--border-strong)}.compare-cat-btn--active{color:var(--primary);background:#2dd4bf26;border-color:#2dd4bf66}.compare-search-wrap{max-width:480px;margin-bottom:24px;position:relative}.compare-search{border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);border-radius:12px;outline:none;padding:10px 16px;font-size:14px;transition:border-color .14s}.compare-search:focus{border-color:var(--border-accent)}.compare-search::placeholder{color:var(--muted-2)}.compare-search-dropdown{background:var(--surface-strong);border:1px solid var(--border-strong);z-index:40;box-shadow:var(--shadow);border-radius:12px;max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.compare-search-hint{color:var(--muted);padding:8px 12px;font-size:13px}.compare-search-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.compare-search-item:hover{background:#ffffff0f}.compare-search-item__name{color:var(--text);flex:1;font-size:13px}.compare-search-item__price{color:var(--muted);white-space:nowrap;font-size:12px}.compare-full-hint{color:var(--muted);margin-bottom:16px;font-size:13px}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:480px}.compare-table thead th{background:var(--surface-solid);border-bottom:1px solid var(--border);text-align:left;padding:12px 16px;font-size:13px;font-weight:700}.compare-table__label-col{width:160px}.compare-table__prod-col{min-width:200px}.compare-table__prod-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.compare-table__prod-name{color:var(--text);font-size:12px;line-height:1.4}.compare-table__remove{color:var(--muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:11px;transition:background .12s}.compare-table__remove:hover{color:#fb923c;background:#f9731633}.compare-table__row td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 16px;font-size:13px}.compare-table__row:hover td{background:#ffffff05}.compare-table__key{color:var(--muted);font-weight:500}.compare-table__val{color:var(--text)}.compare-table__row--score td{padding:8px 16px}.compare-score-cell{align-items:center;gap:8px;display:flex}.compare-score-num{width:28px;font-size:13px;font-weight:700}.compare-score-bar-track{background:#ffffff14;border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.compare-score-bar{background:linear-gradient(90deg,#2dd4bf,#14b8a6);border-radius:3px;height:100%}.compare-score-bar--orange{background:linear-gradient(90deg,#fb923c,#f97316)}.compare-empty{text-align:center;border:1px dashed var(--border);border-radius:16px;margin:24px 0;padding:60px 0}.compare-empty p{color:var(--muted);margin:0 0 16px}.compare-empty__cta{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.compare-builds{flex-direction:column;gap:32px;display:flex}.compare-builds-row{grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;display:grid}.compare-builds-vs{color:var(--muted-2);text-align:center;padding-top:40px;font-size:1.2rem;font-weight:800}.build-slot{border:1px solid var(--border);border-radius:16px;min-height:200px;padding:24px}.build-slot--empty{text-align:center;background:var(--surface-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.build-slot--filled{background:var(--surface-solid);flex-direction:column;gap:12px;display:flex}.build-slot__label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin:0;font-size:12px;font-weight:700}.build-slot__hint{color:var(--muted);margin:0;font-size:13px}.build-slot__load-btn{border:1px solid var(--border-accent);background:var(--primary-soft);color:var(--primary);cursor:pointer;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .14s}.build-slot__load-btn:hover{background:#2dd4bf33}.build-slot__head{justify-content:space-between;align-items:center;display:flex}.build-slot__clear{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:12px;transition:color .12s}.build-slot__clear:hover{color:#f87171;border-color:#f8717166}.build-slot__summary{color:var(--muted);margin:0;font-size:13px}.build-slot__parts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.build-slot__part{gap:8px;font-size:12px;display:flex}.build-slot__part-cat{color:var(--muted-2);flex-shrink:0;width:90px}.build-slot__part-name{color:var(--text)}.compare-builds-table-wrap{overflow-x:auto}.compare-builds-table{border-collapse:collapse;width:100%;min-width:480px}.compare-builds-table thead th{background:var(--surface-solid);border-bottom:1px solid var(--border);text-align:left;padding:12px 16px;font-size:13px;font-weight:700}.cbt-label{width:140px}.cbt-col{min-width:200px}.cbt-row td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 16px;font-size:13px}.cbt-row:hover td{background:#ffffff05}.cbt-label{color:var(--muted);font-weight:500}.cbt-cell{color:var(--text)}.cbt-row--score td{padding:8px 16px}.cbt-part-name{color:var(--text)}.cbt-part-empty{color:var(--muted-2);font-style:italic}.compare-popular{border-top:1px solid var(--border);margin-top:56px;padding-top:40px}.compare-popular__title{color:var(--text);margin:0 0 20px;font-size:1.1rem;font-weight:700}.compare-popular-list{flex-direction:column;gap:8px;display:flex}.compare-popular-item{border:1px solid var(--border);background:var(--surface-solid);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;transition:border-color .14s;display:flex}.compare-popular-item:hover{border-color:var(--border-accent)}.compare-popular-item__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.compare-popular-item__label{color:var(--text);flex:1;font-size:14px;font-weight:600}.compare-popular-item__arrow{color:var(--muted-2);font-size:14px}.compare-articles{border-top:1px solid var(--border);margin-top:56px;padding-top:40px}.compare-articles__title{color:var(--text);margin:0 0 24px;font-size:1.1rem;font-weight:700}.compare-articles-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.compare-article-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.compare-article-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.compare-article-card__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:6px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700}.compare-article-card__title{color:var(--text);margin:0;font-size:14px;font-weight:700;line-height:1.4}.compare-article-card__excerpt{color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.55}.compare-article-card__read{color:var(--primary);margin-top:4px;font-size:12px;font-weight:600}.guides-main{min-height:calc(100vh - 64px);padding:48px 24px 80px}.guides-container{max-width:1080px;margin:0 auto}.guides-header{margin-bottom:40px}.guides-title{color:var(--text);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800}.guides-subtitle{color:var(--muted);max-width:560px;margin:0;font-size:.95rem;line-height:1.6}.article-main{padding-top:calc(var(--nav-h) + 32px);flex:1;padding-bottom:80px}.article-container{width:calc(100% - 48px);max-width:760px;margin:0 auto}.article-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding:32px 0 40px}.article-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.article-title{letter-spacing:-.03em;color:var(--text);margin:0 0 18px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.18}.article-intro{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.article-body{flex-direction:column;gap:32px;display:flex}.article-section__heading{color:var(--text);margin:0 0 12px;font-size:1.1rem;font-weight:700}.article-section__body{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.article-meta{color:var(--muted);margin:0 0 16px;font-size:12px}.article-part-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.article-part-link{color:var(--primary);background:var(--primary);align-items:center;font-size:12px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.article-part-link{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.article-part-link{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.article-part-link{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.article-part-link{border-radius:6px;padding:5px 10px;text-decoration:none;transition:background .15s,border-color .15s}.article-part-link:after{content:" →"}.article-part-link:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.article-part-link:hover{background:color-mix(in srgb, var(--primary) 18%, transparent)}}.article-part-link:hover{border-color:var(--primary)}.article-inline-link{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.article-inline-link{-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent)}}.article-inline-link{text-underline-offset:3px;font-weight:500;transition:color .15s,text-decoration-color .15s}.article-inline-link:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.article-inline-link:hover{color:color-mix(in srgb, var(--primary) 80%, white)}}.article-inline-link:hover{-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.article-mid-cta{background:var(--surface);border:1px solid var(--border-accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:32px 0;padding:20px 24px;display:flex}.article-mid-cta__text{color:var(--text);flex:1;margin:0;font-size:14px;font-weight:600}.article-mid-cta__btns{flex-shrink:0;gap:8px;display:flex}.article-verdict{background:var(--surface-solid);border:1px solid var(--border-accent);border-radius:16px;padding:24px 28px}.article-verdict__heading{color:var(--primary);margin:0 0 10px;font-size:1rem;font-weight:700}.article-verdict__body{color:var(--text);margin:0;font-size:15px;line-height:1.7}.article-cta-strip{background:var(--surface-solid);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:28px;display:flex}.article-cta-strip__text{color:var(--text);margin:0;font-size:15px;font-weight:600}.article-cta-strip__btns{gap:10px;display:flex}.article-cta-btn{border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .14s}.article-cta-btn--primary{color:#05221f;background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.article-cta-btn--primary:hover{opacity:.85}.article-cta-btn--ghost{border:1px solid var(--border-strong);color:var(--muted);background:0 0}.article-cta-btn--ghost:hover{color:var(--text)}.article-more{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.article-more__title{color:var(--text);margin:0 0 16px;font-size:1rem;font-weight:700}.article-more-list{flex-direction:column;gap:8px;display:flex}.article-more-item{border:1px solid var(--border);background:var(--surface-solid);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:border-color .14s;display:flex}.article-more-item:hover{border-color:var(--border-accent)}.article-more-item__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;width:110px;font-size:10px;font-weight:700}.article-more-item__title{color:var(--text);font-size:13px;line-height:1.4}.simple-page-main{flex:1;padding:80px 0 100px}.simple-page-container{width:min(620px,100% - 48px);margin:0 auto}.simple-page-container--wide{width:min(780px,100% - 48px)}.simple-page-title{color:var(--text);letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(28px,5vw,42px);font-weight:800}.simple-page-meta{color:var(--muted-2);margin-top:-20px;margin-bottom:36px;font-size:13px}.simple-page-heading{color:var(--text);margin-top:40px;margin-bottom:12px;font-size:18px;font-weight:700}.simple-page-body{color:var(--text-2);margin-bottom:16px;font-size:15px;line-height:1.75}.simple-page-link{color:var(--primary);text-underline-offset:2px;font-weight:500;text-decoration:underline;transition:opacity .15s}.simple-page-link:hover{opacity:.8}.privacy-toc{background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:8px;padding:20px 24px;display:flex}.privacy-toc a{color:var(--primary);font-size:13px;text-decoration:none;transition:opacity .15s}.privacy-toc a:hover{opacity:.75}.privacy-subheading{color:var(--text);margin-top:24px;margin-bottom:10px;font-size:15px;font-weight:700}.privacy-list{flex-direction:column;gap:8px;margin:0 0 16px;padding-left:24px;display:flex}.privacy-list li{color:var(--text-2);font-size:15px;line-height:1.7}.privacy-address{color:var(--text-2);background:var(--surface-solid);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:16px 20px;font-size:14px;font-style:normal;line-height:1.9;display:inline-block}.privacy-generator-note{color:var(--muted-2);border-top:1px solid var(--border);margin-top:48px;padding-top:24px;font-size:13px}@media (max-width:1100px){.community-grid,.about-features-grid{grid-template-columns:repeat(2,1fr)}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.compare-articles-grid{grid-template-columns:repeat(2,1fr)}.parts-grid{grid-template-columns:repeat(3,1fr)}.featured-card{flex:0 0 calc(50% - 10px)}}@media (max-width:900px){.about-split{grid-template-columns:1fr}.about-split__visual{display:none}.part-content-grid,.compare-builds-row{grid-template-columns:1fr}.compare-builds-vs{display:none}}@media (max-width:700px){.community-grid,.parts-grid,.about-features-grid,.compare-articles-grid{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2,1fr)}.featured-card{flex:0 0 calc(100% - 16px);min-width:240px}.featured-carousel__arrow{width:30px;height:30px;font-size:18px}.featured-carousel__arrow--left{left:-6px}.featured-carousel__arrow--right{right:-6px}}.build-slot--empty{min-height:unset;padding:20px}.build-picker{flex-direction:column;gap:0;width:100%;display:flex}.build-picker__section{flex-direction:column;gap:8px;padding:16px 0 14px;display:flex}.build-picker__section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin:0;font-size:11px;font-weight:700}.build-picker__divider{background:var(--border);height:1px}.build-picker__builder-btn{border:1px solid var(--border-accent);background:var(--primary-soft);width:100%;color:var(--primary);text-align:left;cursor:pointer;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .14s}.build-picker__builder-btn:hover:not(:disabled){background:#2dd4bf33}.build-picker__builder-btn:disabled{opacity:.5;cursor:not-allowed}.bs-dropdown{width:100%;position:relative}.bs-dropdown__trigger{border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;transition:border-color .14s;display:flex}.bs-dropdown__trigger:hover:not(:disabled){border-color:var(--border-strong)}.bs-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.bs-dropdown__chevron{color:var(--muted-2);font-size:10px}.bs-dropdown__menu{background:var(--surface-strong);border:1px solid var(--border-strong);z-index:50;box-shadow:var(--shadow);border-radius:12px;max-height:220px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.bs-dropdown__hint{color:var(--muted);margin:0;padding:10px 12px;font-size:13px}.bs-dropdown__hint--err{color:#f87171}.bs-dropdown__item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.bs-dropdown__item:hover{background:#ffffff0f}.bs-dropdown__item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.bs-dropdown__item-meta{color:var(--muted-2);font-size:11px}.cb-search{width:100%;position:relative}.cb-search__input{border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:border-color .14s}.cb-search__input:focus{border-color:var(--border-accent)}.cb-search__input::placeholder{color:var(--muted-2)}.cb-search__input:disabled{opacity:.5;cursor:not-allowed}.cb-search__dropdown{background:var(--surface-strong);border:1px solid var(--border-strong);z-index:50;box-shadow:var(--shadow);border-radius:12px;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.cb-search__hint{color:var(--muted);padding:10px 12px;font-size:13px}.cb-search__item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.cb-search__item:hover{background:#ffffff0f}.cb-search__item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cb-search__item-meta{color:var(--muted-2);font-size:11px}.build-slot__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.compare-builds-hint{text-align:center;padding:32px 0 0}.compare-builds-hint p{color:var(--muted);margin:0;font-size:14px}.paste-build-btns{flex-wrap:wrap;gap:6px;display:flex}.paste-build-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.paste-build-btn:hover:not(:disabled){border-color:var(--text);color:var(--text)}.paste-build-btn--active{border-color:var(--accent);color:var(--accent);background:#818cf81a}.paste-build-btn:disabled{opacity:.45;cursor:not-allowed}.paste-build-input-wrap{flex-direction:column;gap:8px;margin-top:10px;display:flex}.paste-build-input,.paste-build-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#ffffff0a;border-radius:8px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px;transition:border-color .15s}.paste-build-input:focus,.paste-build-textarea:focus{border-color:var(--accent);outline:none}.paste-build-input::placeholder,.paste-build-textarea::placeholder{color:var(--muted-2)}.paste-build-error{color:#f87171;margin:0;font-size:12px}.paste-build-load-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:6px 16px;font-size:12px;font-weight:600;transition:opacity .15s}.paste-build-load-btn:hover:not(:disabled){opacity:.82}.paste-build-load-btn:disabled{opacity:.45;cursor:not-allowed}.psu-tier-badge{letter-spacing:0;color:#000;background:var(--tier-color,#94a3b8);width:22px;height:22px;box-shadow:0 0 8px var(--tier-color,#94a3b8);border-radius:6px;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:11px;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.psu-tier-badge{box-shadow:0 0 8px color-mix(in srgb, var(--tier-color,#94a3b8) 50%, transparent)}}.psu-tier-badge{cursor:default;flex-shrink:0;line-height:1}.psu-tier-badge--lg{color:#000;border-radius:8px;width:auto;height:auto;padding:3px 10px;font-size:12px;font-weight:800}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}