*{box-sizing:border-box}:root{color:#e5e7eb;font-synthesis:none;background:#080d17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 50% -20%,#3b82f61f,#0000 38%),#080d17;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#080d17e0;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid;box-shadow:0 10px 30px #2563eb40}.brand strong{font-size:16px;display:block}.brand span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.brand.compact span{display:none}.topbar-badge,.tool-breadcrumb,.eyebrow{color:#60a5fa;letter-spacing:.12em;font-size:11px;font-weight:800}.topbar-badge{letter-spacing:normal;border:1px solid #1d4ed8;border-radius:999px;padding:8px 12px}main{flex:1;width:min(1180px,100% - 40px);margin:0 auto}.hero{text-align:center;padding:78px 0 50px}.hero h1{letter-spacing:-.04em;max-width:780px;margin:14px auto 12px;font-size:clamp(34px,5vw,58px);line-height:1.03}.hero p{color:#94a3b8;max-width:650px;margin:0 auto 30px;line-height:1.7}.search-box{background:#111827;border:1px solid #334155;border-radius:16px;align-items:center;gap:12px;width:min(720px,100%);height:62px;margin:auto;padding:0 16px;display:flex;box-shadow:0 25px 60px #00000040}.search-box span{color:#64748b;font-size:28px}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.search-box button{color:#94a3b8;background:0 0;border:0}.categories{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:55px;display:grid}.category-card{background:#0f172a;border:1px solid #1e293b;border-radius:15px;flex-direction:column;gap:12px;min-height:92px;padding:16px;display:flex}.category-card:hover{border-color:#334155}.category-icon{font-size:21px}.category-card strong,.category-card span{display:block}.category-card strong{font-size:13px}.category-card span{color:#64748b;margin-top:4px;font-size:11px}.tools-section{padding-bottom:70px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h2{margin:8px 0 0;font-size:28px}.tool-count{color:#64748b;font-size:13px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-card{text-align:left;min-height:125px;color:inherit;background:#0f172a;border:1px solid #1e293b;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;transition:all .18s;display:flex}.tool-card:hover{background:#111c31;border-color:#2563eb;transform:translateY(-2px)}.tool-card-icon,.tool-page-icon{color:#60a5fa;background:#172554;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.tool-card-content{flex:1;min-width:0}.tool-card-content strong,.tool-card-content span{display:block}.tool-card-content strong{font-size:14px}.tool-card-content span{color:#94a3b8;margin-top:7px;font-size:12px;line-height:1.55}.arrow{color:#475569;font-size:20px}.tool-page{padding:54px 0 80px}.back-button{color:#94a3b8;background:0 0;border:0}.tool-title-row{justify-content:space-between;align-items:center;gap:30px;margin:12px 0 30px;display:flex}.tool-title-row h1{margin:0 0 10px;font-size:40px}.tool-title-row p{color:#94a3b8;margin:0}.tool-page-icon{flex-basis:64px;width:64px;height:64px;font-size:20px}.tool-panel{background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:24px}.tool-workspace label{color:#cbd5e1;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.editor-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}textarea,input[type=number]{color:#e5e7eb;background:#080d17;border:1px solid #334155;border-radius:12px;outline:0;width:100%}textarea{resize:vertical;min-height:320px;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.large-input{min-height:250px}textarea:focus,input:focus{border-color:#2563eb}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.actions button,.tool-workspace>button{color:#e5e7eb;background:#172033;border:1px solid #334155;border-radius:10px;padding:11px 15px}.actions .primary,.tool-workspace>.primary{color:#fff;background:#2563eb;border-color:#2563eb}.error{color:#fecaca;background:#450a0a;border:1px solid #7f1d1d;border-radius:10px;margin-top:12px;padding:12px;font-size:13px}.calculator{grid-template-columns:1fr auto 1fr auto;align-items:end;gap:12px;max-width:720px;display:grid}.calculator input{padding:13px}.operator{color:#64748b;padding-bottom:12px}.result-box{background:#111c31;border:1px solid #1e40af;border-radius:14px;margin-top:20px;padding:20px}.result-box span,.result-box strong{display:block}.result-box span{color:#94a3b8;font-size:12px}.result-box strong{color:#60a5fa;margin-top:5px;font-size:30px}.empty{text-align:center;color:#94a3b8;border:1px dashed #334155;border-radius:16px;padding:80px 20px}.empty div{font-size:35px}.empty h3{color:#e5e7eb}.toast{color:#fff;background:#16a34a;border-radius:10px;padding:11px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #0000004d}footer{color:#64748b;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:20px 34px;font-size:12px;display:flex}footer strong{color:#cbd5e1}@media (width<=900px){.categories{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.topbar{padding:0 16px}.topbar-badge{display:none}main{width:min(100% - 24px,1180px)}.hero{padding-top:50px}.categories,.tool-grid,.editor-grid{grid-template-columns:1fr}.tool-title-row h1{font-size:30px}.tool-title-row{align-items:flex-start}footer{flex-direction:column;align-items:flex-start}.calculator{grid-template-columns:1fr}.operator{display:none}.angle-input-grid{background:#0b1220;border:1px solid #1e293b;border-radius:14px;grid-template-columns:1fr 1fr;gap:18px;padding:18px;display:grid}}