@layer reset,tokens,base,layout,components,utilities;@layer reset,tokens,base,layout,components,utilities;@layer reset{html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none!important}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}}@layer reset,tokens,base,layout,components,utilities;@layer tokens{:root{--accent: #2a9d8f;--accent-hover: #21867a;--accent-soft: rgba(42, 157, 143, .12);--accent-bg: #eaf5f4;--bg-start: #eef7f7;--bg-end: #d9ecee;--text: #1f3a3d;--text-sub: #7d9499;--text-muted: #555555;--text-faint: #737373;--text-slate: #64748b;--on-accent: #ffffff;--card-bg: #ffffff;--card-border: #e4efef;--card-radius: 16px;--card-shadow: 0 4px 20px rgba(31, 74, 73, .06);--border: #cccccc;--border-soft: #e0e0e0;--surface-soft: #f8fafc;--sheet-shadow: 0 2px 14px rgba(0, 0, 0, .18);--danger: #dc3545;--success: #28a745;--practice-bronze: #ba8755;--practice-gold: #d8b338;--practice-rainbow: #9579c7;--fs-h1: clamp(1.25rem, 1.1rem + 1vw, 1.5rem);--fs-h2: 18px;--fs-body: 1rem;--fs-small: 12px;--z-header: 1000;--z-search: 3000;--z-modal: 4000;--ui-hover-color: #8caaa6;--ui-hover-duration: .26s}}@layer reset,tokens,base,layout,components,utilities;@layer base{html{font-family:sans-serif;font-size:14px}body{color:var(--text);font-size:var(--fs-body);background:linear-gradient(165deg,var(--bg-start),var(--bg-end));background-attachment:fixed;min-height:100vh}button,input,select,textarea{font-family:inherit;color:inherit}ul,ol{list-style:none}p{margin:0}h2{font-size:var(--fs-h2);margin:20px 0}}@layer reset,tokens,base,layout,components,utilities;@layer layout{.container{width:auto;max-width:1000px;margin:0 auto;padding-top:80px}.container h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:.02em;line-height:1.4}@media (max-width: 768px){.container{padding-left:16px;padding-right:16px;box-sizing:border-box}}}@layer reset,tokens,base,layout,components,utilities;@layer layout{@media print{body:has(.print-root) :not(.print-root,.print-root *,:has(.print-root)){display:none!important}:root:has(.print-root),:root:has(.print-root)>body{margin:0!important;padding:0!important;background:var(--card-bg)!important;height:auto!important;min-height:0!important}body:has(.print-root) :has(.print-root){display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important;position:static!important;transform:none!important;box-shadow:none!important}}}@layer reset,tokens,base,layout,components,utilities;@layer components{.tool-layout{display:flex;gap:28px;max-width:1080px;margin:24px auto 40px;padding:0 4px;align-items:flex-start}.tool-form{width:400px;flex-shrink:0;text-align:left}.tool-preview{flex:1;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}@media (max-width: 768px){.tool-layout{flex-direction:column}.tool-form{width:100%}.tool-preview{position:static;width:100%}}.fs-title{font-size:15px;font-weight:700;color:var(--text);margin:20px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent)}.fs-title:first-child{margin-top:0}.field-hint{color:var(--text-faint);font-size:var(--fs-small);line-height:1.6;margin:6px 0 0}.tool-form :is(input[type=text],input[type=number],input[type=date],select,textarea){width:100%;box-sizing:border-box;font-size:14px;color:var(--text);padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg);font-family:inherit}.tool-form .field-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-muted);margin:10px 0 4px}.tool-form .check-line{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px}.tool-form .check-line label{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--text);cursor:pointer;margin:0}:is(.tool-form,.tool-preview) .btn-primary{display:inline-block;width:100%;padding:14px;background:var(--accent);color:var(--on-accent);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}:is(.tool-form,.tool-preview) .btn-primary:hover{opacity:.9}:is(.tool-form,.tool-preview) .btn-secondary{display:inline-block;width:100%;padding:12px;background:var(--card-bg);color:var(--accent);border:2px solid var(--accent);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.btn-reset{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:12.5px;padding:6px 14px;cursor:pointer}.result-box{padding:16px;background:var(--surface-soft);border-radius:8px;text-align:center}.result-label,.result-sub{font-size:13px;color:var(--text-slate)}.result-value{display:block;font-size:28px;font-weight:700;color:var(--accent)}.print-note{color:var(--text-faint);font-size:var(--fs-small);line-height:1.5;margin:8px 0 12px}.tool-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:10px;padding:20px}.sheet-a4{width:210mm;height:297mm;background:var(--card-bg);box-shadow:var(--sheet-shadow);transform-origin:top left;margin:0 auto}.sheet-a4--landscape{width:297mm;height:210mm}}