:root{--bg-main: #11141a;--bg-panel: #181d26;--bg-soft: #202631;--bg-strong: #131821;--text-main: #eef2f7;--text-muted: #a4aebb;--text-soft: #7f8998;--line: #2e3643;--line-soft: #252d39;--accent: #d8e7ff;--accent-strong: #6fa7ff;--accent-text: #0f1722;--danger: #ff7d7d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-theme=light]{--bg-main: #f8fafc;--bg-panel: #f0f4f9;--bg-soft: #e8eef7;--bg-strong: #ffffff;--text-main: #1a202c;--text-muted: #4a5568;--text-soft: #718096;--line: #cbd5e0;--line-soft: #e2e8f0;--accent: #2d3748;--accent-strong: #4299e1;--accent-text: #f7fafc;--danger: #fc8181}*{box-sizing:border-box}@media (hover: none) and (pointer: coarse){button:focus,input:focus,select:focus,a:focus{outline:2px solid var(--accent-strong);outline-offset:2px}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,#151922,#0f131a);color:var(--text-main);transition:background .3s ease,color .3s ease}[data-theme=light] body{background:linear-gradient(180deg,#f5f7fa,#ebeef4)}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(272px,296px) 1fr}.sidebar{background:linear-gradient(180deg,#0f1319,#0d1015);border-right:1px solid #1b212b;padding:18px 14px 20px;display:flex;flex-direction:column;gap:14px;min-width:0;transition:background .3s ease,border-color .3s ease}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fafb);border-right:1px solid #e2e8f0}.sidebar-panel{border:1px solid #223247;border-radius:22px;padding:18px;background:linear-gradient(180deg,#17263af5,#101c2af5);box-shadow:inset 0 1px #ffffff08;min-width:0;transition:border-color .3s ease,background .3s ease}[data-theme=light] .sidebar-panel{border:1px solid #cbd5e0;background:linear-gradient(180deg,#f8fafcfa,#f0f4f9fa);box-shadow:inset 0 1px #00000005}.sidebar-title{font-size:1.65rem;line-height:1.05;letter-spacing:-.04em;font-weight:750;margin-bottom:16px}[data-theme=light] .sidebar-title,[data-theme=light] .projects-total,[data-theme=light] .build-item span,[data-theme=light] .running-total-top .total,[data-theme=light] .library-card h3,[data-theme=light] .mobile-build-summary strong,[data-theme=light] .mobile-topbar-title,[data-theme=light] .mobile-menu-button,[data-theme=light] .picker-modal-header h3,[data-theme=light] .picker-model,[data-theme=light] .mobile-drawer-header strong{color:#1a202c}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.theme-toggle{background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:1.2rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;color:var(--text-main);min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-soft);border-color:var(--accent-strong)}.theme-toggle:active{transform:scale(.95)}.sidebar-block{display:grid;gap:8px}.sidebar-block.muted{margin-top:auto;color:var(--text-soft);font-size:.92rem}.nav-item{background:transparent;border:1px solid var(--line-soft);color:var(--text-main);border-radius:14px;padding:12px 14px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.nav-item.active,.nav-item:hover{background:#1b2028;border-color:#344151;transform:translateY(-1px)}[data-theme=light] .nav-item.active,[data-theme=light] .nav-item:hover{background:#edf2f7;border-color:#cbd5e0}.sidebar-nav{display:grid;gap:8px}.sidebar-legal{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-soft);font-size:.78rem}.legal-link{background:transparent;border:0;padding:0;min-height:0;color:inherit;font:inherit;cursor:pointer;opacity:.72}.legal-link:hover,.legal-link.active{opacity:1;color:var(--text-muted);text-decoration:underline;transform:none}.signed-in-box p{margin:0;color:var(--text-soft);font-size:.88rem}.signed-in-box strong{display:block;font-size:.8rem;font-weight:600;line-height:1.35;margin-top:6px;overflow-wrap:anywhere;word-break:break-word}.sidebar-cta{width:100%;margin-top:12px;padding:12px 16px}.divider{height:1px;background:#6e92bf24;margin:16px 0}.projects-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.projects-title-row{display:flex;align-items:baseline;gap:8px}.projects-label{margin:0;color:var(--text-soft);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.projects-total{font-size:.96rem;color:var(--text-main)}.projects-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.save-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;min-width:0}.save-actions{display:flex;gap:8px;flex-wrap:wrap}.build-status{margin:-2px 0 0;font-size:.72rem;letter-spacing:.02em}.build-status.saved{color:var(--text-soft)}.build-status.unsaved{color:#f0c57d}[data-theme=light] .build-status.unsaved{color:#b7791f}.save-row input,.auth-block input{width:100%;border-radius:12px;border:1px solid #334051;background:#111721;color:var(--text-main);padding:11px 12px}[data-theme=light] .save-row input,[data-theme=light] .auth-block input{border-color:#cbd5e0;background:#fff;color:var(--text-main)}.build-list{margin-top:12px;display:grid;gap:10px;max-height:260px;overflow:auto;min-width:0}.build-item{display:flex;align-items:center;justify-content:space-between;border-radius:14px;background:#111822e6;border:1px solid #2c3d52;min-width:0;transition:border-color .16s ease,transform .16s ease,background .16s ease;color:var(--text-main)}.build-item.active{border-color:#5f87b6;background:#16202efa}.build-item:hover{border-color:#4e79a9;background:#141d2afa;transform:translateY(-1px)}[data-theme=light] .build-item{background:#fffffff5;border-color:#d7dee8}[data-theme=light] .build-item.active{border-color:#90cdf4;background:#ebf8ff}[data-theme=light] .build-item:hover{border-color:#90cdf4;background:#f8fbff}.build-load{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;color:inherit;border-radius:14px;padding:12px 14px;text-align:left}.build-item span{color:var(--text-main);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-item small{color:var(--text-soft);margin-left:10px;white-space:nowrap}[data-theme=light] .build-item small,[data-theme=light] .library-card-brand,[data-theme=light] .library-card-category,[data-theme=light] .library-card-variant,[data-theme=light] .mobile-build-summary span,[data-theme=light] .mobile-drawer-header p{color:#4a5568}.build-delete{margin-right:8px;padding:8px 12px;background:transparent;border:1px solid #3c4658;color:var(--text-soft)}.build-delete:hover:not(:disabled){border-color:#d17070;color:#ffd0d0}[data-theme=light] .build-delete{border-color:#d7dee8;color:#718096}[data-theme=light] .build-delete:hover:not(:disabled){border-color:#f56565;color:#c53030}.auth-block{display:grid;gap:8px}.auth-toggle{display:inline-flex;gap:6px;background:#171c24;border:1px solid #324053;border-radius:999px;padding:4px}[data-theme=light] .auth-toggle{background:#edf2f7;border-color:#cbd5e0}.auth-toggle button{background:transparent;color:var(--text-muted);border:0;padding:6px 10px}.auth-toggle button.active{background:var(--accent);color:var(--accent-text)}.main-panel{padding:32px clamp(18px,3vw,42px);animation:fade-up .42s ease;background:linear-gradient(180deg,#10151dd6,#0c1016e6)}[data-theme=light] .main-panel{background:linear-gradient(180deg,#ffffffe6,#f5f7faf0)}.mobile-topbar{display:none}.mobile-topbar-title{display:flex;align-items:center;gap:8px}.mobile-menu-button,.mobile-drawer-backdrop{display:none}.mobile-drawer{width:min(420px,100%)}.mobile-drawer-header p{margin:6px 0 0;color:var(--text-soft);font-size:.88rem}[data-theme=light] .mobile-drawer,[data-theme=light] .mobile-account-panel{color:#1a202c}.hero{margin-bottom:22px}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero h1{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em;font-weight:720}.hero p{margin:12px 0 0;color:var(--text-muted);font-size:1.02rem;max-width:720px}.action-bar{display:flex;align-items:center;gap:12px;margin-bottom:22px;background:#1a2029d6;border:1px solid #2f3947;border-radius:999px;width:fit-content;padding:6px;box-shadow:inset 0 1px #ffffff05}[data-theme=light] .action-bar{background:#ffffffe0;border-color:#d7dee8;box-shadow:inset 0 1px #fffc}.selected-pill{color:var(--text-soft);padding:0 14px;font-size:.9rem}.unit-toggle{display:inline-flex;align-items:center;gap:6px;background:#141920;border:1px solid #303949;border-radius:999px;padding:4px}[data-theme=light] .unit-toggle{background:#edf2f7;border-color:#d7dee8}.unit-toggle button{background:transparent;color:var(--text-muted);border:0;padding:7px 12px}.unit-toggle button.active{background:var(--accent);color:var(--accent-text)}button{border:none;border-radius:999px;background:var(--accent);color:var(--accent-text);padding:10px 16px;cursor:pointer;font-weight:600;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}.ghost{background:#151a22;color:#d8e1ee;border:1px solid #313b4a}[data-theme=light] .ghost{background:#fff;color:#2d3748;border-color:#cbd5e0}button:disabled{opacity:.6;cursor:not-allowed}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.slot-card{background:linear-gradient(180deg,#1e242eeb,#171c25fa);border-radius:18px;border:1px solid #2f3946;padding:12px;animation:fade-up .48s ease;min-height:138px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffff05}[data-theme=light] .slot-card{background:linear-gradient(180deg,#fffffffa,#f4f7fbfa);border-color:#d7dee8;box-shadow:inset 0 1px #ffffffe6}.slot-card.is-selected{background:linear-gradient(180deg,#182f3df5,#132632fa);border-color:#4b6e8a;box-shadow:inset 0 1px #ffffff08,0 0 0 1px #6292bf1f}[data-theme=light] .slot-card.is-selected{background:linear-gradient(180deg,#ebf8fffa,#e0f2fefa);border-color:#90cdf4;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #4299e11f}.slot-card-head{margin-bottom:6px}.slot-card h2{margin:0;font-size:1.02rem;line-height:1.2;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:8px;position:relative}.slot-info{position:relative;display:inline-flex;align-items:center}.slot-info-button{width:20px;height:20px;min-height:20px;padding:0;border-radius:999px;border:1px solid #5f87b6;background:transparent;color:#9bb5d5;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.slot-info-tooltip{position:absolute;left:0;top:calc(100% + 8px);width:190px;padding:8px 10px;border-radius:10px;background:#0f1722;border:1px solid #344151;color:#eef2f7;font-size:.78rem;line-height:1.4;box-shadow:0 12px 28px #00000047;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;z-index:10}.slot-info:hover .slot-info-tooltip,.slot-info:focus-within .slot-info-tooltip{opacity:1;transform:translateY(0)}[data-theme=light] .slot-info-button{border-color:#1a202c;color:#1a202c}[data-theme=light] .slot-info-tooltip{background:#fff;border-color:#cbd5e0;color:#1a202c;box-shadow:0 12px 24px #0f172a1f}.picker-trigger{width:100%;border-radius:14px;border:1px solid #384355;background:#151a21;color:var(--text-main);padding:8px 12px;outline:none;font-size:.9rem;text-align:left;font-weight:500}[data-theme=light] .picker-trigger{background:#fff;border:1px solid #1a202c;color:#1a202c}.picker-trigger:focus,.picker-trigger:hover{border-color:#7ea9dc;background:#171d25}[data-theme=light] .picker-trigger:focus,[data-theme=light] .picker-trigger:hover{border-color:#1a202c;background:#f8fafc}.slot-summary{display:grid;gap:2px;margin-top:6px;min-height:30px}.slot-summary strong{color:#f0f4fb;font-size:.86rem;font-weight:650;line-height:1.2}[data-theme=light] .slot-summary strong{color:#1a202c}.slot-summary span,.slot-hint{color:var(--text-soft);font-size:.78rem}.slot-clear{margin-top:8px;background:transparent;color:var(--text-soft);border:1px solid #344050;padding:5px 9px;align-self:flex-start;font-size:.82rem}[data-theme=light] .slot-clear{border-color:#cbd5e0}.picker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0ecc;display:grid;place-items:center;padding:16px;z-index:50}[data-theme=light] .picker-modal-backdrop{background:#94a3b859}.picker-modal{width:min(720px,100%);max-height:84vh;overflow:auto;background:#161b23;border:1px solid #313b49;border-radius:18px;padding:16px;box-shadow:0 22px 80px #00000073}[data-theme=light] .picker-modal{background:#fff;border-color:#d7dee8;box-shadow:0 22px 80px #0f172a1f}.picker-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.picker-modal-header h3{margin:0}.picker-search{width:100%;border-radius:12px;border:1px solid #344050;background:#10151c;color:var(--text-main);padding:11px 12px;margin-bottom:12px}[data-theme=light] .picker-search{border-color:#cbd5e0;background:#f8fafc}.picker-list{display:grid;gap:8px}.picker-columns{display:grid;grid-template-columns:1fr 2fr 110px 120px 90px;gap:10px;color:var(--text-soft);font-size:.82rem;padding:2px 12px 0}.picker-item{background:#1b212b;color:#dde0e6;border:1px solid #334051;border-radius:12px;text-align:left;display:grid;grid-template-columns:1fr 2fr 110px 120px 90px;gap:10px;align-items:center;padding:12px}.picker-brand,.picker-model,.picker-weight,.picker-part,.picker-year{min-width:0}.picker-model{font-weight:650}.picker-weight{font-weight:700;color:#9fd0ff}[data-theme=light] .picker-weight{color:#2b6cb0}[data-theme=light] .picker-item{background:#f8fafc;color:#1a202c;border-color:#d7dee8}.picker-item:hover{border-color:#79a8dd;background:#202735}[data-theme=light] .picker-item:hover{border-color:#63b3ed;background:#edf2f7}.running-total-top{background:linear-gradient(180deg,#1b2636fa,#141d2afa);border:1px solid #3a4c63;border-radius:18px;padding:14px 18px;min-width:290px;text-align:right;box-shadow:inset 0 1px #ffffff08}[data-theme=light] .running-total-top{background:linear-gradient(180deg,#fffffffa,#f4f7fbfa);border-color:#d7dee8;box-shadow:inset 0 1px #ffffffe6}.running-total-top h2{margin:0;font-size:.82rem;color:#9bb5d5;letter-spacing:.08em;text-transform:uppercase}[data-theme=light] .running-total-top h2{color:#4a5568}.running-total-top .total{margin:8px 0 0;font-size:2rem;font-weight:740;letter-spacing:-.04em}.running-total-top .total span{color:#a7b2c1;font-size:.9rem;font-weight:500}[data-theme=light] .running-total-top .total span{color:#718096}.running-total-units{display:flex;justify-content:flex-end;margin-top:12px}.api-note{margin-top:8px;color:var(--text-muted)}.library-table-wrap{border:1px solid #2f3946;border-radius:16px;overflow:auto;background:#171d26}[data-theme=light] .library-table-wrap{border-color:#d7dee8;background:#fff}.library-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.library-controls input{width:min(520px,100%);border-radius:12px;border:1px solid #344050;background:#141920;color:var(--text-main);padding:10px 12px;outline:none}[data-theme=light] .library-controls input{border-color:#cbd5e0;background:#fff}.library-controls select{border-radius:12px;border:1px solid #344050;background:#141920;color:var(--text-main);padding:10px 12px}[data-theme=light] .library-controls select,[data-theme=light] .groupset-filters select{border-color:#cbd5e0;background:#fff}.library-controls span{color:var(--text-muted);font-size:.9rem}.groupset-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.groupset-filters select{border-radius:12px;border:1px solid #344050;background:#141920;color:var(--text-main);padding:9px 10px}.library-table{width:100%;border-collapse:collapse;min-width:900px}.library-table th,.library-table td{padding:10px 12px;border-bottom:1px solid #32353e;text-align:left;font-size:.9rem}.library-table th{color:#d7d9df;background:#141921}[data-theme=light] .library-table th{color:#2d3748;background:#f8fafc}.library-table td{color:#babdc7}[data-theme=light] .library-table td{color:#4a5568}[data-theme=light] .library-table th,[data-theme=light] .library-table td{border-bottom-color:#e2e8f0}.library-card-list{display:none}.library-card{border:1px solid #2f3946;border-radius:18px;padding:14px;background:#171d26}[data-theme=light] .library-card{border-color:#d7dee8;background:#fff}.library-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.library-card-category,.library-card-brand,.library-card-variant{margin:0;color:var(--text-soft)}.library-card-category{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.library-card h3{margin:6px 0 4px;font-size:1rem;line-height:1.3}.library-card-brand{font-size:.9rem}.library-card-weight{white-space:nowrap;color:#9fd0ff}[data-theme=light] .library-card-weight{color:#2b6cb0}.library-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.library-card-meta span{border-radius:999px;padding:5px 9px;background:#7f899824;color:var(--text-muted);font-size:.8rem}.library-card-variant{margin-top:12px;font-size:.84rem;line-height:1.5}.table-sort{background:transparent;border:0;color:inherit;padding:0;border-radius:0;font-size:.9rem}.loading{color:var(--text-muted)}.error{color:var(--danger);margin:0 0 10px}.footer-page{max-width:780px;margin:0 auto;padding:8px 0 40px}.footer-page h1{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em}.footer-page h2{margin:28px 0 10px;font-size:1rem;letter-spacing:.01em}.footer-page p,.footer-page li{color:var(--text-muted);line-height:1.65}.footer-page ul{padding-left:20px}.back-button{background:transparent;border:1px solid var(--line);color:var(--text-muted);margin-bottom:20px}.mobile-legal,.mobile-build-bar{display:none}.dot{width:5px;height:5px;border-radius:999px;background:#7f838d}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){:root{font-size:15px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-panel{padding:16px 12px 168px}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);margin-bottom:18px;font-size:1rem;font-weight:600;position:sticky;top:0;z-index:20;padding:10px 12px;border-radius:18px;background:#111822e0;border:1px solid #2f3947;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-topbar span.dot{width:4px;height:4px;background:currentColor;border-radius:50%;margin:0 4px}[data-theme=light] .mobile-topbar{background:#ffffffe6;border-color:#d7dee8}.mobile-topbar-title{flex:1;justify-content:center;min-width:0}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-main);border:1px solid var(--line);padding:8px 12px;min-height:40px}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-start;background:#080a0e8f;z-index:60}[data-theme=light] .mobile-drawer-backdrop{background:#94a3b859}.mobile-drawer{height:100vh;overflow-y:auto;background:linear-gradient(180deg,#0f1319,#0d1015);border-right:1px solid #1b212b;padding:16px 14px 28px;display:grid;gap:14px}[data-theme=light] .mobile-drawer{background:linear-gradient(180deg,#fff,#f8fafb);border-right-color:#d7dee8}.mobile-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-drawer-section{display:grid;gap:12px}.mobile-drawer .sidebar-nav{gap:10px}.mobile-drawer .sidebar-block.muted{margin-top:0}.mobile-account-panel{border:1px solid #223247;border-radius:22px;padding:16px;background:linear-gradient(180deg,#17263af5,#101c2af5)}[data-theme=light] .mobile-account-panel{border-color:#cbd5e0;background:linear-gradient(180deg,#f8fafcfa,#f0f4f9fa)}.picker-modal-backdrop{padding:0;place-items:end center}.picker-modal{width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding:14px 12px 18px}.picker-modal-header{align-items:flex-start}.picker-modal-header h3{font-size:1.1rem}.picker-columns{display:none}.picker-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"model weight" "brand brand" "part year";gap:6px 12px;padding:14px;border-radius:16px}.picker-brand:before,.picker-part:before,.picker-year:before{display:inline-block;margin-right:6px;color:var(--text-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.picker-model{grid-area:model;font-size:.98rem;line-height:1.3}.picker-weight{grid-area:weight;justify-self:end;align-self:start;padding:4px 8px;border-radius:999px;background:#6fa7ff1f;font-size:.84rem}.picker-brand{grid-area:brand;color:var(--text-muted)}.picker-brand:before{content:"Brand"}.picker-part{grid-area:part;color:var(--text-muted);font-size:.84rem}.picker-part:before{content:"Part"}.picker-year{grid-area:year;justify-self:end;color:var(--text-muted);font-size:.84rem;text-align:right}.picker-year:before{content:"Year"}.library-controls,.groupset-filters{flex-direction:column;align-items:stretch}.library-controls input,.library-controls select,.groupset-filters select,.groupset-filters button{width:100%}.library-controls span{font-size:.84rem}.library-table-wrap{display:none}.library-card-list{display:grid;gap:12px}.mobile-build-bar{position:fixed;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:20px;background:#111822f0;border:1px solid #2f3947;box-shadow:0 16px 40px #0000004d;z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-theme=light] .mobile-build-bar{background:#fffffff5;border-color:#d7dee8;box-shadow:0 16px 36px #0f172a1f}.mobile-build-summary{display:grid;gap:2px}.mobile-build-summary strong{font-size:1rem;line-height:1.1}.mobile-build-summary span{color:var(--text-soft);font-size:.8rem}.mobile-build-actions{display:flex;gap:8px;flex-shrink:0}.mobile-build-actions button{min-width:82px}.action-bar{width:100%;justify-content:space-between;flex-wrap:wrap;border-radius:22px;gap:12px;padding:12px}.hero-top{flex-direction:column;gap:16px}.hero h1{font-size:1.6rem}.hero p{font-size:.95rem}.running-total-top{display:none}.slot-grid{grid-template-columns:1fr;gap:12px}.slot-card{min-height:0;padding:14px}.slot-card select,.slot-card input{padding:12px;font-size:1rem;min-height:44px}button{min-height:44px;padding:12px 16px;font-size:1rem}.save-actions{width:100%;gap:10px}.save-actions button{flex:1}.modal-backdrop{padding:12px}.modal-content{max-height:80vh;border-radius:20px}.modal-header{padding:16px;gap:12px}.modal-header input{font-size:1rem;padding:12px;min-height:44px}.modal-body{max-height:calc(80vh - 140px);gap:10px}.modal-option{padding:14px;min-height:50px}.auth-block input{font-size:1rem;padding:12px;min-height:44px}.auth-block button,.sidebar-cta{min-height:44px;font-size:1rem}.nav-item,.build-item,.build-delete{min-height:48px;display:flex;align-items:center}table{font-size:.9rem}th,td{padding:12px 8px}button.table-sort{padding:10px 6px}.sidebar-panel{padding:14px}.sidebar-title{font-size:1.4rem}.mobile-legal{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;padding-bottom:18px;color:var(--text-soft);font-size:.82rem}}@media (max-width: 600px){:root{font-size:14px}.main-panel{padding:10px 10px 176px}.mobile-topbar{margin-bottom:14px;padding:9px 10px;border-radius:16px}.mobile-topbar-title{font-size:.92rem;gap:6px}.hero h1{font-size:1.4rem;line-height:1.2}.hero p{font-size:.9rem}.action-bar{padding:10px;gap:10px}.selected-pill{padding:0 10px;font-size:.85rem}.unit-toggle button{padding:6px 10px}button{padding:11px 14px;font-size:.95rem;min-height:44px}.slot-card{padding:12px}.modal-header{padding:14px}.modal-option{padding:12px;font-size:.9rem}table{font-size:.8rem}th,td{padding:10px 6px}.hero{margin-bottom:16px}.picker-modal{padding:12px 10px 16px}.picker-item{grid-template-columns:1fr;grid-template-areas:"model" "weight" "brand" "part" "year"}.picker-weight,.picker-year{justify-self:start;text-align:left}.library-card{padding:12px}.library-card-top{flex-direction:column}.mobile-build-bar{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}.mobile-build-actions{width:100%}.mobile-build-actions button{flex:1}.mobile-legal{margin-top:22px;padding-bottom:24px}.running-total-top h2{font-size:1.1rem}.running-total-top .total{font-size:1.8rem}}