:root{--bg:#f7f7f5;--surface:#fff;--text:#1a1a1a;--muted:#666;--line:#e4e4e0;--accent:#2456d6;--accent-soft:#eaf0ff;--good:#117a4d;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--surface:#1c1c1c;--text:#eee;--muted:#a0a0a0;--line:#2e2e2e;--accent:#7aa2ff;--accent-soft:#1d2640;--good:#4cc38a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);word-break:keep-all;flex-direction:column;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;line-height:1.6;display:flex}body>main{flex:1 0 auto;width:100%}a{color:var(--accent)}.wrap{max-width:760px;margin:0 auto;padding-left:20px;padding-right:20px}header.site{border-bottom:1px solid var(--line);background:var(--surface)}header.site .wrap{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}header.site a.brand{color:var(--text);flex-shrink:0;font-weight:700;text-decoration:none}header.site nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}header.site nav a{color:var(--muted);font-size:14px;text-decoration:none}header.site nav a:hover{color:var(--text)}main{padding:56px 0}h1{margin:8px 0;font-size:26px;line-height:1.3}h2{margin:40px 0 12px;font-size:20px}h3{margin:24px 0 8px;font-size:17px}.lead{color:var(--muted);margin:0 0 28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.field{align-content:start;gap:6px;margin-bottom:18px;display:grid}.field label{font-size:14px;font-weight:600}.field label .hint{font-weight:400}.field .hint{color:var(--muted);font-size:13px;line-height:1.4}.row{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}input,select{font:inherit;border:1px solid var(--line);background:var(--bg);min-height:46px;color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-size:16px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.input-unit{position:relative}.input-unit span{color:var(--muted);font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-unit input{text-align:right;padding-right:44px}.check{align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:auto}.result{margin-top:24px}.big{background:var(--accent-soft);border-radius:var(--radius);gap:4px;margin-bottom:18px;padding:20px;display:grid}.big .label{color:var(--muted);font-size:14px}.big .value{color:var(--accent);font-variant-numeric:tabular-nums;word-break:break-all;font-size:30px;font-weight:800}.big .sub{color:var(--muted);font-size:14px}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{border-bottom:1px solid var(--line);text-align:right;padding:10px 4px;font-size:15px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:13px;font-weight:600}tr.total td{font-weight:700}tr:last-child td{border-bottom:0}.note{color:var(--muted);font-size:13px}.ad{justify-content:center;align-items:center;min-height:100px;margin:24px 0;display:flex}.ad.placeholder{border:1px dashed var(--line);color:var(--muted);border-radius:8px;font-size:12px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.tool-grid a{color:inherit;height:100%;text-decoration:none;display:block}.tool-grid a:hover .card{border-color:var(--accent)}.tool-grid .card{flex-direction:column;height:100%;transition:border-color .15s;display:flex}.tool-grid h3{margin:0 0 6px}.tool-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600}.links{flex-wrap:wrap;gap:6px;display:flex}.links a{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:4px 10px;font-size:13px;text-decoration:none}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:24px 0;font-size:13px}footer.site a{color:var(--muted);margin-right:12px}@media (max-width:600px){.wrap{padding-left:16px;padding-right:16px}main{padding:32px 0 44px}h1{font-size:22px}.card{padding:16px}header.site nav{gap:12px}}@media (max-width:480px){.row{grid-template-columns:1fr;gap:14px}.big{padding:16px}.big .value{font-size:26px}th,td{font-size:14px}}button.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin:12px 0 4px;padding:0;font-size:14px}input[type=date]{min-height:44px}.feedback{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:16px;padding:16px 20px}.feedback p{margin:0 0 10px;font-size:15px}.feedback-buttons{gap:8px;display:flex}.feedback button{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:15px}.feedback button:hover{border-color:var(--accent)}.feedback button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}.feedback form{gap:8px;display:grid}.feedback label{font-size:14px;font-weight:600}.feedback textarea{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);resize:vertical;border-radius:8px;padding:10px 12px;font-size:16px}.feedback .note{margin:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:13px}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.warn{color:#8a4b00;background:#fff4e5;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:14px}@media (prefers-color-scheme:dark){.warn{color:#ffc77a;background:#3a2a12}}