:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f0f3f8;--border: #e1e6ee;--text: #1c2330;--muted: #667085;--primary: #3b5bdb;--primary-soft: #e7ecff;--danger: #e03131;--success: #2b8a3e;--warn: #e8590c;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--radius: 12px;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:light}:root[data-theme=dark]{--bg: #0f1218;--surface: #181c24;--surface-2: #212733;--border: #2c3341;--text: #e6e9ef;--muted: #98a2b3;--primary: #748ffc;--primary-soft: #232c4d;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}h1,h2,h3{margin:0;line-height:1.3}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.logo{font-weight:800;font-size:18px;color:var(--text);white-space:nowrap}.search{flex:1;max-width:460px;margin-left:auto;height:38px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font:inherit}.search:focus{outline:2px solid var(--primary);outline-offset:-1px}.theme-btn,.menu-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:17px;cursor:pointer}.menu-btn{display:none}.layout{display:flex;max-width:1280px;margin:0 auto}.sidebar{position:sticky;top:60px;flex:0 0 220px;height:calc(100vh - 60px);overflow-y:auto;padding:16px 10px}.nav-item{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;color:var(--text);font-weight:500}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav-count{margin-left:auto;font-size:12px;color:var(--muted)}.main{flex:1;min-width:0;padding:24px 24px 80px}.hero{padding:28px;margin-bottom:28px;border-radius:18px;background:linear-gradient(135deg,#3b5bdb,#7048e8);color:#fff}.hero h1{font-size:28px;margin-bottom:6px}.hero p{margin:0 0 14px;opacity:.95}.hero-stats{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}.hero-stats span{display:inline-flex;align-items:center;gap:6px}.home-group{margin-top:28px}.home-group h2{font-size:18px;margin-bottom:12px}.home-group h2 a{color:var(--text)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tool-card{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary)}.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tool-card-title{margin:0;font-size:15px;font-weight:700;line-height:1.4}.footer{max-width:1280px;margin:0 auto;padding:24px 24px 40px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.footer p{margin:0 0 8px}.footer-links{display:flex;flex-wrap:wrap;gap:4px 14px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--primary)}.tool-card-desc{margin:6px 0 0;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{flex:none;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:18px}.badge-vclock{background:#fff3bf;color:#8f5c00}.badge-asamaru{background:#d3f9d8;color:#1f6f30}.badge-new{background:#ffe3e3;color:#c92a2a}.breadcrumb{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.page-title{font-size:24px;margin-bottom:4px}.tool-header{display:flex;align-items:center;gap:10px}.page-desc{margin:0 0 18px;color:var(--muted)}.tool-body{display:flex;flex-direction:column;gap:16px}.section{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.section-title{font-size:16px;margin-bottom:14px}.section-desc{margin:-8px 0 14px;font-size:13px;color:var(--muted)}.fields{display:grid;gap:14px 16px}.fields.cols-1{grid-template-columns:1fr}.fields.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fields.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fields.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}.input-wrap{display:flex;flex-direction:column;gap:4px}.input-box{position:relative;display:flex;align-items:center}.input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.input-box .input{padding-right:52px}.input:focus{outline:2px solid var(--primary);outline-offset:-1px}.textarea{height:auto;padding:10px 12px;resize:vertical}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.input-unit{position:absolute;right:12px;font-size:13px;color:var(--muted);pointer-events:none}.input-sub{font-size:12px;color:var(--primary)}.segmented{display:inline-flex;flex-wrap:wrap;padding:3px;gap:3px;border-radius:10px;background:var(--surface-2)}.seg{flex:1;min-height:36px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.seg.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox input{width:17px;height:17px;accent-color:var(--primary)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.btn{min-height:40px;padding:0 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--muted)}.btn-sm{min-height:30px;padding:0 10px;font-size:13px}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.result-card{padding:14px 16px;border-radius:10px;background:var(--surface-2)}.result-card.highlight{background:var(--primary-soft)}.result-card.highlight .result-value{color:var(--primary)}.result-label{font-size:13px;color:var(--muted)}.result-value{margin-top:2px;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;word-break:break-all}.result-sub{margin-top:2px;font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--border);border-radius:10px}.table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.table th,.table td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.table th{background:var(--surface-2);font-size:13px;color:var(--muted);font-weight:600}.table tr:last-child td{border-bottom:0}.table.compact th,.table.compact td{padding:6px 10px}.empty{padding:22px;border:1px dashed var(--border);border-radius:10px;text-align:center;color:var(--muted)}.error-text{padding:12px 14px;border-radius:10px;background:#e0313114;color:var(--danger);font-weight:600}.notes{margin-top:12px;font-size:13px;color:var(--muted)}.glossary{padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.glossary summary{font-weight:700;cursor:pointer}.glossary dl{margin:12px 0 0}.glossary-item{padding:10px 0;border-top:1px solid var(--border)}.glossary dt{font-weight:700}.glossary dd{margin:4px 0 0;font-size:14px;color:var(--muted)}.gradebar{margin:18px 0 6px}.gradebar-track{position:relative;display:flex;height:30px;border-radius:8px;overflow:visible}.gradebar-seg{display:flex;align-items:center;justify-content:center;min-width:0;color:#fff;font-size:11px;font-weight:700;overflow:hidden;white-space:nowrap}.gradebar-seg:first-child{border-radius:8px 0 0 8px}.gradebar-seg:last-of-type{border-radius:0 8px 8px 0}.gradebar-marker{position:absolute;top:-6px;width:4px;height:42px;margin-left:-2px;border-radius:2px;background:var(--text)}.big-display{font-family:var(--mono);font-size:clamp(44px,10vw,104px);font-weight:700;text-align:center;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1.1;margin:8px 0}.big-sub{text-align:center;color:var(--muted)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.chip:hover{border-color:var(--primary);color:var(--primary)}.ringing{animation:ring .9s ease-in-out infinite}@keyframes ring{50%{color:var(--danger)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073}.modal{width:min(420px,100%);padding:26px;border-radius:16px;background:var(--surface);text-align:center}.modal h2{font-size:20px;margin-bottom:8px}@media (max-width: 860px){.menu-btn{display:block}.sidebar{position:fixed;top:60px;left:0;z-index:15;width:250px;background:var(--surface);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:none}.main{padding:16px 14px 60px}.fields.cols-3,.fields.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.topbar{padding:0 12px;gap:8px}.logo-text{display:none}.fields.cols-2,.fields.cols-3,.fields.cols-4{grid-template-columns:1fr}.section{padding:16px}.hero{padding:20px}}