@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;--fs-tool-title-mobile: 18px;--fs-ui-label: 13px;--fs-ui-button: 14px;--fs-input: 16px;--tap-min: 44px;--z-header: 1000;--z-search: 3000;--z-modal: 4000;--modal-scrim: rgba(10, 14, 26, .55);--modal-shadow: 0 20px 50px rgba(10, 14, 26, .35);--ui-hover-color: #8caaa6;--ui-hover-duration: .26s;--typing-panel-bg: #153b51;--typing-panel-fg: #edfaff;--typing-panel-muted: #afcfdf;--typing-panel-accent: #87e2f5;--typing-panel-ink: #123747;--typing-panel-forest: #214634;--typing-panel-purple: #322747;--typing-panel-warm: #543b29;--typing-panel-light: #f3fafc;--typing-panel-light-fg: #244b60;--typing-panel-light-muted: #506f7c;--typing-panel-light-accent: #c2e6ed;--typing-panel-line: #9dc9db55;--typing-panel-glass: #ffffff0d;--typing-panel-scrim: #06172599;--typing-star: #f3c867;--typing-toast-bg: #163a4fee}[data-site-theme=night]{color-scheme:dark;--bg-start: #0b1322;--bg-end: #070e1a;--text: #e2eaf5;--text-sub: #9dacc2;--text-muted: #afbdd0;--text-faint: #9dacc2;--text-slate: #9dacc2;--accent: #9bd4ca;--on-accent: #071c22;--accent-hover: #c6ece5;--accent-soft: #9bd4ca12;--accent-bg: #1a3039;--card-bg: #111d2e;--card-border: #2b3a50;--border: #465975;--border-soft: #2b3a50;--surface-soft: #172539;--card-shadow: 0 18px 60px #00000024}}@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--night{max-width:1180px;padding-bottom:24px}.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 layout{@media screen and (max-width: 600px){.container--tool>h1{font-size:var(--fs-tool-title-mobile);margin:10px 0 16px}}}@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}}@layer components{@media screen and (max-width: 600px){.tool-layout{gap:16px;margin:12px auto 24px;padding:0}.tool-form .fs-title{font-size:var(--fs-ui-label);margin:14px 0 6px;padding-bottom:4px}.tool-form .field-label{margin-top:8px}.tool-form :is(input[type=text],input[type=number],input[type=date],select){font-size:var(--fs-input);min-height:var(--tap-min);padding:8px 10px}.tool-form textarea{font-size:var(--fs-input);padding:8px 10px}:is(.tool-form,.tool-preview) :is(.btn-primary,.btn-secondary){min-height:var(--tap-min);padding:10px 12px;font-size:var(--fs-ui-button);border-radius:6px}.tool-form .tool-card{padding:14px;border-radius:8px}.tool-form .result-box{padding:12px}}}