:root{--bg: #f6f7f9;--card: #ffffff;--ink: #1c2530;--sub: #5a6573;--line: #e2e6ea;--accent: #2f5fae;--accent-ink: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-text-size-adjust:100%}.wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}header h1{font-size:1.5rem;margin:0 0 6px}.sub{color:var(--sub);margin:0 0 8px;font-size:.95rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 18px 20px;margin-top:16px}.card h2{font-size:1.05rem;margin:0 0 10px}.hint{color:var(--sub);font-size:.88rem;margin:0 0 14px}.inputs{display:flex;flex-direction:column;gap:14px}.row{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;background:#fafbfc;border:1px solid var(--line);border-radius:10px}.row-label{font-weight:600;font-size:.95rem}.row label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--sub)}input[type=number],textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:1rem;font-family:inherit;color:var(--ink);background:#fff}@media (min-width: 480px){.row{grid-template-columns:120px 1fr 1fr;align-items:end}.row-label{grid-column:1 / -1}}.note-label{display:block;margin-top:16px;font-size:.88rem;color:var(--sub)}.note-label textarea{margin-top:6px}.result-table{width:100%;border-collapse:collapse;font-size:.9rem}.result-table th,.result-table td{border:1px solid var(--line);padding:8px 10px;text-align:left}.result-table th{background:#f1f4f8;font-weight:600}.result-table td.num{text-align:right;font-variant-numeric:tabular-nums}.result-table td.gap{font-weight:700}.actions{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:10px 18px;font-size:.92rem;font-family:inherit;cursor:pointer}button:active{opacity:.85}button.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}.copy-msg{color:var(--accent);font-size:.85rem}.empty-note{color:var(--sub);font-size:.85rem;margin:10px 0 0}#copyText{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.disclaimer{margin-top:20px;color:var(--sub);font-size:.8rem;line-height:1.7}@media print{body{background:#fff}.card:nth-of-type(1),.card:nth-of-type(2),.actions,.sub,#copyText,button{display:none!important}.card{border:none;padding:0}.wrap{max-width:none}.result-table th{background:#fff}}