:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--blue: #3b82f6;--blue-dim: #1e3a5f;--green: #22c55e;--green-dim: #14532d;--amber: #f59e0b;--amber-dim: #78350f;--red: #ef4444;--red-dim: #7f1d1d;--purple: #a78bfa;--purple-dim: #3b1f7a;--cyan: #22d3ee;--cyan-dim: #164e63}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#e5e5e5}body{-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#111,#1a1a2e);border-bottom:1px solid rgba(255,255,255,.08);padding:2rem 1.5rem 1.5rem;text-align:center}.header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.header h1 span{color:var(--blue)}.header p{color:#ffffff80;font-size:.875rem;max-width:36rem;margin:0 auto}.main{flex:1;max-width:64rem;width:100%;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.tab-bar{display:flex;gap:.5rem;flex-wrap:wrap}.tab-btn{flex:1;min-width:140px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#ffffff08;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center}.tab-btn:hover{background:#ffffff0f;color:#ffffffd9}.tab-btn.active{border-color:var(--blue);background:var(--blue-dim);color:#fff}.tab-icon{font-size:1.1rem}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem}.card-title{font-size:1.15rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.card-title .icon{font-size:1.2rem}.steps{list-style:none;display:flex;flex-direction:column;gap:.75rem}.step{display:flex;gap:.75rem;align-items:flex-start}.step-num{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700;background:var(--blue-dim);color:var(--blue);border:1px solid rgba(59,130,246,.3)}.step-content h4{font-size:.9rem;font-weight:600;margin-bottom:.15rem}.step-content p{font-size:.82rem;color:#ffffff80;line-height:1.5}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.tip-card{padding:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.06)}.tip-card.good{background:#22c55e0f;border-color:#22c55e26}.tip-card.warn{background:#ef44440f;border-color:#ef444426}.tip-card.info{background:#3b82f60f;border-color:#3b82f626}.tip-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.tip-card.good .tip-label{color:var(--green)}.tip-card.warn .tip-label{color:var(--red)}.tip-card.info .tip-label{color:var(--blue)}.tip-card p{font-size:.82rem;color:#fff9;line-height:1.5}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.gauge-item{padding:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;text-align:center}.gauge-item .g-icon{font-size:1.5rem;margin-bottom:.4rem}.gauge-item h4{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.gauge-item p{font-size:.75rem;color:#ffffff73;line-height:1.4}.tolerance-table{width:100%;border-collapse:collapse;font-size:.82rem}.tolerance-table th{text-align:left;padding:.6rem .75rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;color:#ffffffb3;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.tolerance-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fff9}.tolerance-table tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:.15rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan)}.checklist{list-style:none;display:flex;flex-direction:column;gap:.5rem}.checklist li{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#ffffffa6;padding:.5rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.checklist li:hover{background:#ffffff08}.checklist li.checked{border-color:#22c55e33;background:#22c55e0d}.checklist li.checked .ck{background:var(--green);border-color:var(--green)}.checklist li.checked .ck:after{opacity:1}.ck{flex-shrink:0;width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.2);border-radius:.2rem;position:relative;transition:all .15s}.ck:after{content:"";position:absolute;top:1px;left:4px;width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);opacity:0;transition:opacity .15s}.section-divider{border:0;border-top:1px solid rgba(255,255,255,.06);margin:.5rem 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.two-col{grid-template-columns:1fr}.tab-btn{min-width:100px;font-size:.78rem;padding:.6rem .5rem}}.mistake-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.mistake-item{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .75rem;border-radius:.375rem;background:#ef44440a;border:1px solid rgba(239,68,68,.1)}.mistake-item .x{color:var(--red);font-weight:700;font-size:.9rem;flex-shrink:0;line-height:1.4}.mistake-item p{font-size:.82rem;color:#fff9;line-height:1.5}.mistake-item strong{color:#fffc}.footer{text-align:center;padding:1.5rem;font-size:.75rem;color:#ffffff40;border-top:1px solid rgba(255,255,255,.05)}