*{box-sizing:border-box}body{margin:0;background:#080c13;color:#f4f7fb;font-family:Inter,system-ui,sans-serif}.app{max-width:760px;margin:auto;padding:18px 16px 90px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mark{display:flex;align-items:center;gap:10px}.lens{width:50px;height:50px;border:2px solid #408cff;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:inset 0 -2px #713fff}h1{font-size:25px;letter-spacing:.12em;margin:2px 0}h1 span{color:#6657ff}small{font-size:10px;letter-spacing:.12em;color:#8290a5}header>b{font-size:10px;color:#8ba9ff;background:#101a2a;padding:7px 9px;border-radius:20px}.page{display:none}.page.active{display:block}.hero,.card{background:#111722;border:1px solid #263246;border-radius:18px;padding:18px;margin-bottom:14px}.hero h2{font-size:28px;margin:8px 0}.hero p,.card p{color:#99a7ba;line-height:1.5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}.grid button{min-height:125px;text-align:left;background:#121b29;border:1px solid #263246;color:white;border-radius:16px;padding:15px;font-size:22px}.grid strong,.grid span{display:block}.grid strong{font-size:15px;margin:8px 0 4px}.grid span{font-size:11px;color:#8d9aae}label{display:grid;gap:5px;font-size:12px;color:#c7d0dc;margin-bottom:10px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}input{background:#090e16;border:1px solid #2a3649;color:#fff;border-radius:10px;padding:12px;width:100%}.primary,.secondary{border-radius:11px;padding:12px;font-weight:800}.primary{background:#7198ff;border:0;color:#07101e;width:100%}.secondary{margin-top:14px;background:transparent;border:1px solid #2b374a;color:#9cabc0}.out{margin-top:12px;background:#090e16;border-radius:10px;padding:12px;min-height:40px;color:#cfd8e5}.choices{display:grid;gap:9px}.choices button{background:#151e2c;border:1px solid #2b374a;color:white;text-align:left;padding:13px;border-radius:12px}.check{padding:10px 0;border-bottom:1px solid #243044}.check b{display:block;margin-bottom:3px}.check span{color:#94a1b4;font-size:12px}details{border-top:1px solid #253044;padding:11px 0}summary{cursor:pointer;color:#b9c8ff}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#090d14ee;border-top:1px solid #263246;padding:8px}nav button{background:none;border:0;color:#8290a5;font-size:18px}nav span{display:block;font-size:9px;margin-top:3px}@media(max-width:390px){.grid,.cols{grid-template-columns:1fr}}
.brand-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.brand-logo{
  display:block;
  width:min(470px,78%);
  max-height:126px;
  object-fit:contain;
  object-position:left center;
  border-radius:12px;
}
.brand-header>b{
  flex:0 0 auto;
  font-size:10px;
  color:#8ba9ff;
  background:#101a2a;
  padding:7px 9px;
  border-radius:20px;
}
.lens-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.lens-title h3{margin-bottom:8px}
.lens-title>span{
  background:rgba(113,152,255,.12);
  color:#a8bcff;
  border:1px solid rgba(113,152,255,.24);
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.tag-row span{
  font-size:11px;
  color:#93a1b6;
  border:1px solid #263246;
  background:#0d131d;
  padding:5px 8px;
  border-radius:999px;
}
.notice{
  font-size:12px;
  color:#8290a5;
  padding:4px 6px 18px;
  line-height:1.55;
}
@media(max-width:520px){
  .brand-header{align-items:flex-start}
  .brand-logo{width:78%;max-height:96px}
  .brand-header>b{font-size:9px}
}

.hidden{display:none!important}
.wizard-progress{margin-bottom:18px}
#wizardStepLabel{display:block;color:#8290a5;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:8px}
.progress-track{height:6px;border-radius:999px;background:#090e16;border:1px solid #263246;overflow:hidden}
.progress-bar{height:100%;width:33.333%;background:linear-gradient(90deg,#27c7ff,#507cff,#7b43ff);transition:width .2s ease}
.wizard-actions{display:flex;gap:10px;justify-content:space-between;margin-top:16px}
.wizard-actions .secondary{flex:1}
.option-list{display:grid;gap:9px;margin-top:12px}
.option-button{width:100%;text-align:left;background:#151e2c;border:1px solid #2b374a;color:#f4f7fb;padding:13px;border-radius:12px}
.option-button:hover{border-color:#5d7fe3;background:#192436}
.option-button strong{display:block;margin-bottom:3px}
.option-button span{color:#94a1b4;font-size:12px;line-height:1.4}
.fix-check{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #243044}
.fix-num{width:24px;height:24px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#16213a;color:#9fb4ff;font-size:11px;font-weight:800}
.fix-check strong{display:block;margin-bottom:2px}
.fix-check span{color:#94a1b4;font-size:12px;line-height:1.4}
.wizard-note{margin-top:14px;padding:12px;border:1px solid #293752;background:#0d1420;border-radius:12px;color:#b5c3d8;font-size:12px;line-height:1.5}
.wizard-note.red{border-color:#5b3940;background:#1a1014;color:#f3c8cf}

.beta-tools{display:flex;gap:10px;margin:0 0 14px}.beta-tools .secondary{margin:0;flex:1}.beta-install{border-color:#5d7fe3;color:#c5d2ff}
.modal{position:fixed;inset:0;z-index:1000;background:rgba(2,5,10,.78);display:grid;place-items:center;padding:18px}.modal-panel{width:min(560px,100%);max-height:90vh;overflow:auto;background:#111722;border:1px solid #2b374a;border-radius:18px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{margin:0}.icon-btn{border:0;background:transparent;color:#cfd8e5;font-size:28px;line-height:1;cursor:pointer}.modal-copy{color:#99a7ba;font-size:12px;line-height:1.5}select,textarea{background:#090e16;border:1px solid #2a3649;color:#fff;border-radius:10px;padding:12px;width:100%;font:inherit}textarea{resize:vertical;min-height:130px}.feedback-actions{display:flex;gap:10px;align-items:stretch}.feedback-actions .primary,.feedback-actions .secondary{margin:0;flex:1}.feedback-status{min-height:20px;margin-top:10px;color:#a8bcff;font-size:12px;line-height:1.4}@media(max-width:440px){.beta-tools,.feedback-actions{flex-direction:column}.modal{padding:10px}.modal-panel{border-radius:14px}}