:root{--mb-glass:#0b1730cc;--mb-panel:#0d1b38;--mb-panel-2:#101f40;--mb-line:#45e7ff33;--mb-cyan:#19e7ff;--mb-blue:#4f7dff;--mb-gold:#e8c887;--mb-text:#f7fbff;--mb-muted:#9eb1cc;--mb-shadow:0 24px 70px #0008}
body{background:radial-gradient(circle at 50% -15%,#103b66 0,#081a34 27%,#040914 62%,#02050c 100%) fixed;padding:14px}
.app{position:relative;overflow:hidden;max-width:900px;padding:24px;border:1px solid #2dddf244;border-radius:26px;background:linear-gradient(180deg,#0a1832f2,#071126f5);box-shadow:var(--mb-shadow),inset 0 1px #ffffff0d}
.app:before{content:"";position:absolute;z-index:0;inset:-180px auto auto -180px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#00e5ff20,transparent 68%);pointer-events:none}.app>*{position:relative;z-index:1}
.head{padding:12px 10px 26px;margin-bottom:18px}.hero{width:min(250px,68vw);border-radius:34px;border:1px solid #efcc8b88;box-shadow:0 22px 44px #0008,0 0 0 8px #ffffff04,0 0 42px #00e5ff21;margin-bottom:18px}h1{font-size:clamp(2.15rem,8vw,3rem);letter-spacing:3px;text-shadow:0 4px 22px #00d9ff35}.sub{font-size:.95rem;max-width:620px}.version{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:6px 10px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff08;color:#adc0d9;font-size:.68rem}
.top-tools{margin-bottom:14px}.toolbox,.history-panel,.install-panel{background:linear-gradient(180deg,#07142acc,#061024dd);border-color:#ffffff13;box-shadow:inset 0 1px #ffffff08}
.fg{padding:16px;margin-bottom:12px;border:1px solid #ffffff0f;border-radius:16px;background:linear-gradient(180deg,#ffffff05,#ffffff02)}label{color:#adc0d9;font-size:.76rem;letter-spacing:1.15px}input,select{min-height:54px;border:1px solid #3369ff80;border-radius:13px;background:#030a18e8;box-shadow:inset 0 1px #ffffff07;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus,select:focus{outline:none;border-color:var(--mb-cyan);box-shadow:0 0 0 3px #19e7ff18,inset 0 1px #ffffff0a}
.conditions{gap:10px}.cond{border-radius:15px;background:linear-gradient(180deg,#050b18,#050a15);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cond:active{transform:scale(.99)}.cond.active{background:linear-gradient(135deg,#0b58ee,#0b7fbd 56%,#0aa8b0);box-shadow:0 12px 30px #0078ff25,0 0 0 1px #19e7ff55 inset}
button.action,.market-link,.contact-link,.install{border-radius:14px;box-shadow:0 12px 28px #0046ff18;transition:transform .16s ease,filter .16s ease}button.action:active,.market-link:active,.contact-link:active,.install:active{transform:translateY(1px) scale(.995)}button.action:hover,.market-link:hover,.contact-link:hover,.install:hover{filter:brightness(1.08)}
.accessory-builder-card{border-radius:20px!important;background:linear-gradient(180deg,#172441,#101b35)!important;border-color:#406186!important;box-shadow:0 22px 48px #0005,inset 0 1px #ffffff0c!important}.accessory-builder-title{font-size:clamp(1.5rem,6vw,2.2rem)!important}.accessory-filter-bar{border-radius:14px!important;background:#041022!important}.accessory-tags-box{border-radius:15px!important}.accessory-tag{box-shadow:inset 0 1px #ffffff0a}
.results .card{border-radius:18px;background:linear-gradient(180deg,#071426f2,#030915f5);border-left-width:4px;box-shadow:0 18px 42px #0005,inset 0 1px #ffffff08}.strategy,.listbox,.comp{border-radius:14px;background:linear-gradient(180deg,#ffffff08,#ffffff04)}.price{letter-spacing:-1px}.contact,.exchange{box-shadow:0 20px 50px #0006}.foot{padding:8px 0 6px}.note{border-radius:12px}
/* Account / email login */
.account-panel{margin:16px 0 20px;padding:18px;border:1px solid #5de8ff36;border-radius:20px;background:linear-gradient(145deg,#0b1c39,#08142a 60%,#0d1d35);box-shadow:0 18px 44px #0004,inset 0 1px #ffffff0a}.account-top{display:flex;gap:14px;align-items:center;justify-content:space-between}.account-title-wrap{display:flex;gap:12px;align-items:center}.account-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:linear-gradient(135deg,#1458ff,#12dce9);box-shadow:0 10px 24px #006cff33;font-size:22px}.account-title{margin:0;font-size:1.08rem}.account-sub{margin-top:4px;color:var(--mb-muted);font-size:.79rem;line-height:1.4}.account-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff08;color:#b9cae1;font-size:.68rem;font-weight:800;white-space:nowrap}.account-badge.ready{color:#bfffe2;border-color:#00ff8844;background:#00ff880d}.account-badge.wait{color:#ffe1a8;border-color:#ffbd5944;background:#ffbd590d}.account-form{display:grid;gap:12px;margin-top:16px}.account-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.account-field label{margin-bottom:7px}.account-field input,.account-field select{min-height:50px}.account-consent{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #ffffff11;border-radius:12px;background:#ffffff04;color:#aebed4;font-size:.77rem;line-height:1.45}.account-consent input{width:19px;height:19px;min-height:19px;flex:0 0 19px;margin:1px 0 0;accent-color:#00d9ff}.account-consent strong{color:#eef7ff}.account-submit{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(90deg,#1458ff,#147cff,#13d6e8);color:#fff;font-size:.92rem;font-weight:950;text-transform:uppercase;letter-spacing:.45px;box-shadow:0 12px 30px #006aff2e}.account-submit:disabled{opacity:.5;box-shadow:none}.account-message{display:none;padding:11px 12px;border-radius:11px;background:#ffffff06;color:#b7c7da;font-size:.79rem;line-height:1.45}.account-message.show{display:block}.account-message.success{color:#c7ffe4;border:1px solid #00ff8830;background:#00ff880b}.account-message.error{color:#ffd0d0;border:1px solid #ff5a5a35;background:#ff5a5a0c}.account-profile{display:none;margin-top:15px;padding:13px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff05}.account-profile.show{display:flex;gap:12px;align-items:center}.account-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#00ddeb,#5176ff);font-weight:950}.account-profile-main{min-width:0;flex:1}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.account-meta{margin-top:3px;color:#97abc5;font-size:.74rem}.account-logout{padding:9px 11px;border:1px solid #ffffff1d;border-radius:10px;background:#ffffff08;color:#dce8f7;font-weight:800}.account-privacy{margin-top:10px;color:#8195b0;font-size:.7rem;line-height:1.45}.account-privacy a{color:#66eaff;text-decoration:none}
@media(max-width:700px){body{padding:8px}.app{padding:14px;border-radius:22px}.head{padding-top:7px}.hero{width:min(225px,68vw);border-radius:28px}.account-panel{padding:14px}.account-top{align-items:flex-start}.account-badge{font-size:.62rem}.account-grid{grid-template-columns:1fr}.fg{padding:13px}.results .card{padding:18px}.price{font-size:2.05rem}}
@media print{.account-panel{display:none!important}}