*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#090d18;color:#edf2ff;line-height:1.55}a{color:inherit;text-decoration:none}.shell{max-width:1190px;margin:auto;padding:0 22px}.nav{border-bottom:1px solid #242c40;background:#0d1220cc;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.nav .shell{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{font-weight:850;font-size:24px;letter-spacing:-1px}.brand span{color:#8f83ff}.navlinks{display:flex;gap:22px;color:#adb9d5;font-size:14px}.hero{padding:76px 0 43px;text-align:center}.eyebrow{display:inline-block;padding:6px 14px;border:1px solid #4a417d;border-radius:99px;color:#bfb5ff;background:#17142b;font-size:13px}.hero h1{font-size:clamp(35px,5vw,62px);line-height:1.1;letter-spacing:-2px;margin:22px auto 16px;max-width:830px}.gradient{background:linear-gradient(100deg,#9d8cff,#58d3f7);color:transparent;background-clip:text}.muted{color:#a5b0c9}.hero p{max-width:630px;margin:0 auto 26px}.search{max-width:630px;margin:0 auto 18px;width:100%;padding:16px 19px;border-radius:14px;background:#161d30;color:white;border:1px solid #34405d;font-size:16px;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#8d83ff;outline:2px solid #6057b855}.chips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.chip{background:#1b2235;border:1px solid #34405b;color:#d0d8ec;padding:8px 14px;border-radius:99px;cursor:pointer}.chip.active,.chip:hover{background:#6253c9;color:white}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:36px 0 18px}.sectionhead h2{margin:0;font-size:23px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tile,.panel{background:linear-gradient(155deg,#171f32,#101625);border:1px solid #2c3751;border-radius:18px}.tile{padding:22px;min-height:168px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-3px);border-color:#8f83ff}.symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2a2650;color:#c2baff;font-size:21px;margin-bottom:14px}.tile h3{margin:0 0 5px;font-size:16px}.tile p{margin:0;color:#a7b2ca;font-size:13px}.tag{color:#a8a0ff;font-size:12px;font-weight:700}.footer{margin-top:75px;border-top:1px solid #27314a;padding:28px 0;color:#9ba8c4;font-size:13px}.footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-left:14px}.toolpage{padding:46px 0 15px}.crumb{font-size:13px;color:#a5b0c9}.toolpage h1{font-size:clamp(30px,4vw,43px);margin:15px 0 6px}.workarea{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px;margin-top:26px}.panel{padding:26px}.panel h2{font-size:19px;margin:0 0 18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#cbd5ed}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:12px 13px;background:#0e1525;border:1px solid #38445f;border-radius:10px;color:#f5f7ff;font:inherit}.field textarea{min-height:150px;resize:vertical}.primary{background:linear-gradient(100deg,#7668e9,#5487ee);border:0;border-radius:11px;padding:13px 22px;color:white;font-weight:750;cursor:pointer;margin-top:19px}.result{margin-top:22px;padding:20px;border:1px solid #44528a;background:#202447;border-radius:13px;min-height:70px}.result strong{font-size:25px;color:#d5d0ff}.adslot{border:1px dashed #46516b;border-radius:12px;min-height:160px;display:flex;align-items:center;justify-content:center;color:#7986a1;font-size:12px;margin-top:16px}.hint{font-size:13px;color:#aab5ce}.note{padding:18px 22px;margin-top:22px}.hidden{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.workarea{grid-template-columns:1fr}.navlinks{gap:12px;font-size:12px}.hero{padding-top:47px}.panel{padding:20px}}@media(max-width:430px){.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}}
/* ToolNest official teal and forest-green identity */
:root{--tn-accent:#12b8a9;--tn-dark:#0d2926;--tn-light:#b8ded7}body{background:#071c1a;color:#f0fbf8}.nav{background:#0b2925ed;border-color:#244a44}.brand{display:inline-flex;align-items:center;gap:10px}.brand img{width:34px;height:34px;border-radius:10px}.brand span{color:#fff}.brand small{display:block;font-size:10px;letter-spacing:.15px;font-weight:500;color:#a5d5cc;line-height:1.2}.hero h1 .gradient{background:linear-gradient(95deg,#16d0ba,#93f3db);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{color:#9de4d5;border-color:#27665e;background:#0d3832}.chip{background:#12352f;border-color:#2b5a52;color:#d0eee8}.chip.active,.chip:hover{background:#0e9f90;color:white}.tile,.panel{background:linear-gradient(145deg,#10312d,#0b2523);border-color:#28534b}.tile:hover{border-color:#19c7b2}.symbol{background:#13463e;color:#83f1d9}.tag{color:#71d8c7}.primary{background:linear-gradient(105deg,#0fae9f,#137d72)}.result{background:#103c35;border-color:#237b6b}.result strong{color:#a5ffdf}.field input,.field select,.field textarea{background:#09221f;border-color:#37665d}.footer{border-color:#2b5149}.adslot{border-color:#37655c}.navlinks a:hover{color:#82efdc}.tool-categories{margin:26px 0}.category-links{display:flex;gap:9px;flex-wrap:wrap}.category-links a{border:1px solid #2b6258;background:#113c35;padding:8px 13px;border-radius:999px;font-size:13px;color:#b4e8db}.category-links a:hover{background:#176356}.tool-status{color:#a8e2d4;font-size:13px}.hero-subtitle{color:#9fe0d3;font-weight:600;letter-spacing:.2px}