.tool-hero{padding:64px 0 42px;background:linear-gradient(135deg,#eef5ff,#fff);border-bottom:1px solid var(--line)}.tool-hero h1{margin:0 0 14px;color:var(--primary);font-size:42px;line-height:1.25;letter-spacing:-.04em}.tool-hero p{max-width:760px;color:var(--muted);font-size:18px;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.tool-card h2{margin:0 0 8px;color:var(--primary);font-size:24px;letter-spacing:-.03em}.tool-card p{color:var(--muted);margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field label{font-size:14px;font-weight:800;color:#334155}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line2);border-radius:6px;background:#fff;padding:11px 12px;font:inherit;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.result{margin-top:16px;background:var(--soft);border-left:4px solid var(--primary);border-radius:6px;padding:14px 16px;color:var(--ink);font-weight:700;white-space:pre-line}.muted-note{font-size:13px;color:var(--muted);margin-top:10px}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tool-nav a{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;color:var(--primary)}.tool-nav a:hover{text-decoration:none;background:var(--soft)}.wide{grid-column:1/-1}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn.secondary{background:#fff;color:var(--primary)}@media(max-width:900px){.tool-grid,.form-grid{grid-template-columns:1fr}.tool-hero h1{font-size:34px}}

/* calculator individual skins v2 */
.tool-grid{gap:24px;align-items:start}.tool-card{position:relative;overflow:hidden;min-height:420px;border:0;border-radius:24px;padding:26px;box-shadow:0 18px 45px rgba(15,23,42,.08);isolation:isolate}.tool-card:before{content:"";position:absolute;inset:0;z-index:-2}.tool-card:after{content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;border-radius:50%;z-index:-1;opacity:.72}.tool-card h2{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:25px}.tool-card h2:before{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;font-size:22px;box-shadow:0 10px 22px rgba(15,23,42,.16)}.tool-card>p{min-height:56px}.tool-card .form-grid,.tool-card>.field{padding:16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.field input,.field select,.field textarea{border-radius:12px;border:1px solid rgba(100,116,139,.28);box-shadow:0 1px 0 rgba(15,23,42,.03);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:currentColor;box-shadow:0 0 0 4px rgba(59,130,246,.13);outline:0}.result{position:relative;margin-top:18px;border:0;border-radius:18px;padding:18px 18px 18px 20px;font-size:16px;line-height:1.75;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36),0 12px 28px rgba(15,23,42,.08)}.result:before{content:"결과";display:block;margin-bottom:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.muted-note{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55)}

#interest:before{background:linear-gradient(145deg,#ecfdf5 0%,#ffffff 48%,#d1fae5 100%)}#interest:after{background:#34d399}#interest h2:before{content:"₩";background:linear-gradient(135deg,#059669,#34d399)}#interest .result{background:#064e3b;color:#ecfdf5}#interest .field label{color:#047857}#interest input:focus{color:#059669}

#savings:before{background:linear-gradient(145deg,#fff7ed 0%,#fff 48%,#fed7aa 100%)}#savings:after{background:#fb923c}#savings h2:before{content:"🏦";background:linear-gradient(135deg,#ea580c,#f59e0b)}#savings .result{background:linear-gradient(135deg,#7c2d12,#c2410c);color:#fff7ed}#savings .field label{color:#c2410c}#savings input:focus{color:#ea580c}

#electricity:before{background:linear-gradient(145deg,#fefce8 0%,#fff 46%,#fde68a 100%)}#electricity:after{background:#facc15;clip-path:polygon(45% 0,100% 0,65% 43%,100% 43%,38% 100%,54% 55%,20% 55%)}#electricity h2:before{content:"⚡";background:linear-gradient(135deg,#ca8a04,#facc15)}#electricity .result{background:#422006;color:#fef9c3}#electricity .field label{color:#a16207}#electricity input:focus{color:#ca8a04}

#date:before{background:linear-gradient(145deg,#eff6ff 0%,#fff 50%,#bfdbfe 100%)}#date:after{background:#60a5fa;border-radius:22px;transform:rotate(10deg)}#date h2:before{content:"📅";background:linear-gradient(135deg,#1d4ed8,#60a5fa)}#date .result{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#eff6ff}#date .field label{color:#1d4ed8}#date input:focus{color:#2563eb}

#age:before{background:linear-gradient(145deg,#fdf2f8 0%,#fff 48%,#fbcfe8 100%)}#age:after{background:#f472b6}#age h2:before{content:"🎂";background:linear-gradient(135deg,#be185d,#f472b6)}#age .result{background:#831843;color:#fdf2f8}#age .field label{color:#be185d}#age input:focus{color:#db2777}

#bmr:before{background:linear-gradient(145deg,#f0fdf4 0%,#fff 48%,#bbf7d0 100%)}#bmr:after{background:#22c55e;clip-path:circle(50% at 50% 50%)}#bmr h2:before{content:"🔥";background:linear-gradient(135deg,#16a34a,#ef4444)}#bmr .result{background:linear-gradient(135deg,#14532d,#166534);color:#f0fdf4}#bmr .field label{color:#15803d}#bmr input:focus,#bmr select:focus{color:#16a34a}

#unit:before{background:linear-gradient(145deg,#f5f3ff 0%,#fff 48%,#ddd6fe 100%)}#unit:after{background:#8b5cf6;border-radius:30% 70% 40% 60%}#unit h2:before{content:"⇄";background:linear-gradient(135deg,#6d28d9,#8b5cf6)}#unit .result{background:#3b0764;color:#faf5ff}#unit .field label{color:#6d28d9}#unit input:focus,#unit select:focus{color:#7c3aed}

#text{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:18px;min-height:360px}#text:before{background:linear-gradient(145deg,#f8fafc 0%,#fff 46%,#cbd5e1 100%)}#text:after{background:#475569;border-radius:16px;transform:rotate(-8deg)}#text h2,#text>p,#text>.field,#text .mini-actions{grid-column:1}#text .result{grid-column:2;grid-row:1/5;align-self:stretch;margin-top:0;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;display:flex;flex-direction:column;justify-content:center}#text h2:before{content:"Aa";font-size:16px;font-weight:900;background:linear-gradient(135deg,#334155,#64748b)}#text .field label{color:#334155}#text textarea:focus{color:#475569}.mini-actions .btn.secondary{border-radius:12px;background:#0f172a;color:#fff;border-color:#0f172a}.mini-actions .btn.secondary:hover{opacity:.9}

@media(max-width:900px){#text{grid-template-columns:1fr}#text h2,#text>p,#text>.field,#text .mini-actions,#text .result{grid-column:auto;grid-row:auto}.tool-card{min-height:auto;border-radius:20px;padding:20px}.tool-card>p{min-height:auto}}

#severance:before{background:linear-gradient(145deg,#eef2ff 0%,#fff 48%,#c7d2fe 100%)}#severance:after{background:#6366f1}#severance h2:before{content:'퇴';background:linear-gradient(135deg,#4338ca,#6366f1);font-size:18px;font-weight:900}#severance .result{background:#1e1b4b;color:#eef2ff}#severance .field label{color:#4338ca}#severance input:focus{color:#4f46e5}

#rent-tax:before{background:linear-gradient(145deg,#ecfeff 0%,#fff 48%,#bae6fd 100%)}#rent-tax:after{background:#0ea5e9;border-radius:42% 58% 38% 62%}#rent-tax h2:before{content:'월';background:linear-gradient(135deg,#0369a1,#0ea5e9);font-size:18px;font-weight:900}#rent-tax .result{background:#082f49;color:#f0f9ff}#rent-tax .field label{color:#0369a1}#rent-tax input:focus{color:#0284c7}

#annual-leave:before{background:linear-gradient(145deg,#f0f9ff 0%,#fff 48%,#bfdbfe 100%)}#annual-leave:after{background:#2563eb;border-radius:24px;transform:rotate(8deg)}#annual-leave h2:before{content:'연';background:linear-gradient(135deg,#1e40af,#2563eb);font-size:18px;font-weight:900}#annual-leave .result{background:#172554;color:#eff6ff}#annual-leave .field label{color:#1d4ed8}#annual-leave input:focus{color:#2563eb}

#unemployment:before{background:linear-gradient(145deg,#ecfdf5 0%,#fff 48%,#bbf7d0 100%)}#unemployment:after{background:#10b981;border-radius:50% 24% 50% 24%;transform:rotate(10deg)}#unemployment h2:before{content:'구';background:linear-gradient(135deg,#047857,#10b981);font-size:18px;font-weight:900}#unemployment .result{background:#064e3b;color:#ecfdf5}#unemployment .field label{color:#047857}#unemployment input:focus,#unemployment select:focus{color:#059669}

#weekly-holiday:before{background:linear-gradient(145deg,#fffbeb 0%,#fff 48%,#fde68a 100%)}#weekly-holiday:after{background:#f59e0b;border-radius:36% 64% 48% 52%;transform:rotate(-8deg)}#weekly-holiday h2:before{content:'주';background:linear-gradient(135deg,#b45309,#f59e0b);font-size:18px;font-weight:900}#weekly-holiday .result{background:#78350f;color:#fffbeb}#weekly-holiday .field label{color:#b45309}#weekly-holiday input:focus,#weekly-holiday select:focus{color:#d97706}

#hourly-salary:before{background:linear-gradient(145deg,#eff6ff 0%,#fff 48%,#dbeafe 100%)}#hourly-salary:after{background:#38bdf8;border-radius:28% 72% 45% 55%;transform:rotate(7deg)}#hourly-salary h2:before{content:'시';background:linear-gradient(135deg,#075985,#38bdf8);font-size:18px;font-weight:900}#hourly-salary .result{background:#0c4a6e;color:#f0f9ff}#hourly-salary .field label{color:#075985}#hourly-salary input:focus,#hourly-salary select:focus{color:#0284c7}

#salary-net:before{background:linear-gradient(145deg,#f8fafc 0%,#fff 48%,#dbeafe 100%)}#salary-net:after{background:#0f766e;border-radius:44% 56% 32% 68%;transform:rotate(-10deg)}#salary-net h2:before{content:'4';background:linear-gradient(135deg,#0f766e,#2563eb);font-size:18px;font-weight:900}#salary-net .result{background:#0f172a;color:#e0f2fe}#salary-net .field label{color:#0f766e}#salary-net input:focus{color:#0f766e}