*{box-sizing:border-box}body{margin:0;background:#0a101c;color:#e9f1ff;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#81c9ff;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:0 22px}.top{background:#101b2c;border-bottom:1px solid #24354b}.top .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:15px;padding-bottom:15px;gap:15px}.brand{font-size:22px;font-weight:850;color:white}.brand span{color:#50dfb5}nav a{margin-left:17px;color:#b9c9df}.hero{padding:56px 0 30px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 16px}.muted{color:#b1c1d5}.search{width:100%;max-width:640px;padding:15px 18px;border:1px solid #456078;border-radius:13px;background:#142238;color:white;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px;margin:22px 0 38px}.tile,.panel{background:#121f32;border:1px solid #2c4059;border-radius:15px;padding:21px}.tile{display:block;color:#e9f1ff}.tile:hover{border-color:#50dfb5;text-decoration:none;transform:translateY(-1px)}.tile strong{display:block;font-size:17px}.tile small{display:block;color:#afc0d4;margin-top:6px}.tag{font-size:12px;color:#63e0b8;text-transform:uppercase;letter-spacing:1px;font-weight:750}h2{font-size:25px;margin:32px 0 14px}h3{font-size:19px}button,.btn{background:#46d8ae;border:0;border-radius:9px;padding:11px 17px;color:#082018;font-size:15px;font-weight:800;cursor:pointer}button:hover{background:#77f1ca}button:disabled{opacity:.55;cursor:wait}input,textarea,select{background:#0a1423;color:#f0f6ff;border:1px solid #405570;border-radius:9px;padding:12px;font:inherit;max-width:100%}textarea{width:100%;min-height:180px}label{display:block;font-weight:650;margin:12px 0 6px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:12px 0}.controls>div{flex:1;min-width:135px}.controls input,.controls select{width:100%}.output{white-space:pre-wrap;overflow-wrap:anywhere;background:#081322;border:1px solid #29405a;border-radius:10px;padding:16px;min-height:65px;margin-top:15px}canvas{max-width:100%;height:auto;border-radius:9px}video{max-width:100%}.crumb{padding:22px 0 0;font-size:14px}.faq details{border-bottom:1px solid #2d4157;padding:12px 0}.faq summary{cursor:pointer;font-weight:650}.footer{border-top:1px solid #293a50;margin-top:65px;padding:30px 0;color:#a6b7cd;font-size:14px}.status{color:#76e9c2;font-weight:650}.error{color:#ff9d9d}.notice{border-left:3px solid #4cdbb5;padding:10px 15px;background:#15283a}.hidden{display:none!important}@media(max-width:620px){.top .wrap{flex-direction:column;align-items:start}nav a{margin-left:0;margin-right:14px}.hero{padding-top:36px}}/* Conversion progress, mobile-first */
.tmh-progress{margin:16px 0;padding:14px;border:1px solid #30465d;border-radius:12px;background:#111e2c}
.tmh-progress[hidden]{display:none}
.tmh-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px}
.tmh-progress-head strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.tmh-progress progress{display:block;width:100%;height:12px;accent-color:#38bdf8}

/* Ensure filtered cards and sections actually disappear, even when display rules apply. */
[hidden] { display: none !important; }