:root{--font-sans:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular","Courier New",monospace;--bg:#faf7f3;--surface:#ffffff;--surface-sub:#f8fafc;--text:#2a2520;--text-2:#5e554b;--text-3:#6d6358;--text-muted:#736857;--text-faint:#9a8c7a;--border:#efe7dd;--border-2:#f0e9e0;--border-input:#dde3ec;--footer-bg:#2a2520;--footer-text:#bcb0a2;--footer-faint:#7a6f60;--brand:#e0537a;--brand-2:#ff8a5c;--brand-grad:linear-gradient(135deg,#ff8a5c,#e0537a);--brand-tint:#faf0ea;--brand-border:#f0d8cb;--success:#15a06a;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-text:#92400e;--warning-text2:#78350f;--danger:#e07070;--danger-bg:#fdf0f0;--cat-tax:#2f6df0;--cat-tax-tint:#eef3ff;--cat-health:#15a06a;--cat-health-tint:#e8f7f0;--cat-life:#e08a00;--cat-life-tint:#fdf3e0;--cat-fortune:#8b5cf6;--cat-fortune-tint:#f2edff;--cat-text:#db4f78;--cat-text-tint:#fdecf1;--cat-conv:#0e9aa7;--cat-conv-tint:#e4f6f7;--cat-dev:#5566e0;--cat-dev-tint:#ececff;--cat-color:var(--brand);--cat-tint:var(--brand-tint);--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-20:20px;--fs-22:22px;--fs-26:26px;--fs-30:30px;--fs-32:32px;--fs-38:38px;--fs-46:46px;--fs-52:52px;--fw-normal:400;--fw-medium:500;--fw-bold:700;--fw-black:800;--lh-tight:1.2;--lh-normal:1.6;--lh-relaxed:1.8;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:16px;--r-2xl:20px;--r-3xl:24px;--r-pill:999px;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-card:0 4px 24px -12px rgba(0,0,0,.1);--shadow-pop:0 24px 44px -24px rgba(60,40,30,.22);--shadow-hover:0 18px 32px -18px rgba(0,0,0,.15);--shadow-fab:0 8px 24px -8px rgba(224,83,122,.5);--container:1280px;--container-wide:1560px;--container-read:720px;--header-h:68px;--z-header:100;--z-overlay:200;--z-fab:90;--z-dropdown:20;--ease:.16s cubic-bezier(.4,0,.2,1);--navy:var(--text);--navy-dark:var(--footer-bg);--navy-light:var(--cat-tint);--red:var(--brand);--red-light:var(--brand-tint);--bg-gray:var(--bg);--bg-result:var(--cat-tint);--border-focus:var(--cat-color);--radius:var(--r-xl);--shadow-md:var(--shadow-card);--font-jp:var(--font-sans)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{max-width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.nav-item:focus-visible,.calc-tab:focus-visible,.radio-row:focus-visible,.related-link:focus-visible,.share-btn:focus-visible,.result-card__copy:focus-visible,.nav-toggle:focus-visible,.site-logo:focus-visible,summary:focus-visible{outline:2.5px solid var(--cat-color);outline-offset:2px;border-radius:var(--r-sm)}.radio-group input[type=radio]:focus-visible+label{outline:2.5px solid var(--cat-color);outline-offset:2px}.site-header{background:#ffffffeb;backdrop-filter:blur(14px);position:sticky;top:0;z-index:var(--z-header);border-bottom:1.5px solid var(--border)}.header-inner{max-width:var(--container);margin:0 auto;padding:0 24px;height:var(--header-h);display:flex;align-items:center;gap:16px;position:relative}.site-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:1.18rem;font-weight:var(--fw-black);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.site-logo:before{content:"計";width:34px;height:34px;border-radius:var(--r-md);background:var(--brand-grad);display:grid;place-items:center;color:#fff;font-size:18px;font-weight:var(--fw-black)}.site-logo span{color:var(--brand);font-family:var(--font-mono);font-size:.8em;font-weight:var(--fw-bold)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;margin-left:auto;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;padding:11px}.nav-toggle span{display:block;height:2px;width:100%;background:var(--text-3);border-radius:2px;transition:.2s}.site-nav{display:flex;align-items:center;gap:2px;flex:1;flex-wrap:wrap}.nav-item{color:var(--text-3);font-size:.82rem;font-weight:var(--fw-bold);padding:9px 13px;border-radius:var(--r-pill);white-space:nowrap;transition:background var(--ease),color var(--ease);background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:4px}.nav-item:hover,.nav-home[aria-current=page]{background:var(--brand-tint);color:var(--text)}.nav-group{position:relative}.nav-caret{font-size:.6rem;opacity:.7}.nav-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);padding:8px;display:none;z-index:var(--z-dropdown)}.nav-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-lg);font-size:.84rem;color:var(--text);white-space:nowrap}.nav-menu a:hover{background:var(--brand-tint)}.nav-menu a[aria-current=page]{background:var(--brand-tint);font-weight:var(--fw-bold)}.nav-menu .nav-ic{font-size:1.15rem}.nav-menu-all{font-weight:var(--fw-bold);color:var(--brand);border-bottom:1.5px solid var(--border);border-radius:0;margin-bottom:6px;padding-bottom:12px}.nav-group.open>.nav-menu{display:block}@media(min-width:821px)and (hover:hover){.nav-group:hover>.nav-menu{display:block}}@media(max-width:820px){.nav-toggle{display:flex}.site-nav{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap;background:var(--surface);max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0;box-shadow:none}.site-nav.open{max-height:84vh;overflow-y:auto;padding:8px 0;box-shadow:0 12px 28px -8px #3c281e33;border-bottom:1.5px solid var(--border)}.nav-item{width:100%;justify-content:space-between;border-radius:0;padding:15px 24px;font-size:.95rem;color:var(--text)}.nav-group{position:static}.nav-menu{position:static;display:none;box-shadow:none;border:none;background:var(--bg);border-radius:0;min-width:0;padding:0;margin:0}.nav-menu a{padding:13px 24px 13px 48px;border-radius:0}.nav-menu-all{margin:0;border-bottom:1px solid var(--border)}}.page-wrapper{max-width:1040px;margin:0 auto;padding:32px 24px 56px;flex:1;width:100%}.page-wrapper.wide{max-width:var(--container)}.page-hero{margin-bottom:28px}.page-hero:before{content:"";display:block;width:48px;height:5px;border-radius:3px;background:var(--cat-color);margin-bottom:16px}.page-hero .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted);margin-bottom:14px}.page-hero .crumb a{color:var(--text-muted)}.page-hero .crumb a:hover{color:var(--text)}.page-hero h1{font-size:clamp(1.5rem,5vw,2rem);font-weight:var(--fw-black);color:var(--text);line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}.page-hero p{color:var(--text-3);font-size:.95rem;line-height:1.6;max-width:640px}.calc-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-3xl);box-shadow:var(--shadow-card);overflow:hidden;margin:0 auto 24px;max-width:880px}.page-wrapper.wide .calc-card{max-width:none}.calc-card:not(:has(.calc-panel)){padding:24px}@media(min-width:821px){.calc-card:not(:has(.calc-panel)){padding:32px}}.calc-tabs{display:flex;gap:2px;background:#f5eee8;border-radius:var(--r-pill);padding:4px;margin:24px;overflow-x:auto;scrollbar-width:none}.calc-tabs::-webkit-scrollbar{display:none}.calc-card:not(:has(.calc-panel)) .calc-tabs{margin:0 0 22px}.calc-tab{flex:1 0 auto;padding:11px 14px;font-size:.84rem;font-weight:var(--fw-bold);color:var(--text-3);border:none;background:transparent;cursor:pointer;border-radius:var(--r-pill);transition:all var(--ease);font-family:var(--font-sans);white-space:nowrap}.calc-tab.active{color:var(--text);background:var(--surface);box-shadow:0 2px 10px #0000001a}.calc-tab:hover:not(.active){color:var(--text-3)}.calc-panel{display:none;padding:0 24px 24px}.calc-card:not(:has(.calc-panel)) .calc-panel{padding:0}.calc-panel.active{display:block}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.8rem;font-weight:var(--fw-bold);color:var(--text-muted);margin-bottom:8px}.form-group input,.form-group select{width:100%;height:56px;padding:0 18px;background:var(--surface-sub);border:1.5px solid var(--border-input);border-radius:var(--r-lg);font-size:1.4rem;font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--text);transition:border-color var(--ease);-webkit-appearance:none;appearance:none}.form-group select{font-size:1rem;font-weight:var(--fw-medium);font-family:var(--font-sans)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--cat-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-color) 14%,transparent)}.form-group input::placeholder{color:var(--text-faint);font-family:var(--font-sans);font-size:1rem;font-weight:var(--fw-normal)}.radio-group{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.radio-group input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.radio-group label{flex:1;min-width:90px;text-align:center;padding:11px 10px;border:1.5px solid var(--border-2);border-radius:var(--r-pill);font-size:.85rem;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--ease);color:var(--text-muted);background:var(--surface)}.radio-group input[type=radio]:checked+label{border-color:color-mix(in srgb,var(--cat-color) 30%,transparent);background:var(--cat-tint);color:color-mix(in srgb,var(--cat-color) 62%,#000)}.radio-group input[type=radio]:focus-visible+label{box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-color) 16%,transparent)}.result-box{background:var(--cat-tint);border:none;border-radius:var(--r-2xl);padding:24px 26px;margin-top:4px;display:none}.result-box.visible{display:block;animation:slideIn .25s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-label{font-family:var(--font-mono);font-size:.72rem;font-weight:var(--fw-bold);color:color-mix(in srgb,var(--cat-color) 62%,#000);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.result-main{font-family:var(--font-mono);font-size:clamp(2rem,6vw,3rem);font-weight:var(--fw-black);color:var(--text);line-height:1;letter-spacing:-.025em}.result-rows{margin-top:16px;padding-top:16px;border-top:1.5px solid color-mix(in srgb,var(--cat-color) 15%,transparent);display:flex;flex-direction:column;gap:10px}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.9rem}.result-row .label{color:var(--text-muted)}.result-row .value{font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--text)}.result-row .value.red{color:var(--brand)}.result-row .value.green{color:var(--success)}.ad-slot{background:var(--surface-sub);border:1px dashed var(--border-input);border-radius:var(--r-md);min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:.72rem;max-width:880px;margin:24px auto;letter-spacing:.05em;text-align:center}.page-wrapper.wide .ad-slot{max-width:none}.howto{max-width:880px;margin:32px auto 0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-2xl);padding:28px;box-shadow:var(--shadow-sm)}.page-wrapper.wide .howto{max-width:none}.howto h2{font-size:1.15rem;font-weight:var(--fw-black);color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px}.howto h2:before{content:"";width:6px;height:1.1em;background:var(--cat-color);border-radius:3px}.howto h3{font-size:1rem;font-weight:var(--fw-bold);color:var(--text);margin:18px 0 10px}.howto p,.howto li{font-size:.9rem;color:var(--text-3);line-height:1.85}.howto ul,.howto ol{padding-left:20px;margin:8px 0}.howto li{margin-bottom:4px}.howto strong{color:var(--text);font-weight:var(--fw-bold)}.disclaimer{font-size:.82rem;margin-top:18px;padding:16px 20px;background:var(--warning-bg);border:1.5px solid var(--warning);border-radius:var(--r-lg);color:var(--warning-text2);line-height:1.7}.related{max-width:880px;margin:32px auto 0}.page-wrapper.wide .related{max-width:none}.related h3{font-size:.74rem;font-weight:var(--fw-bold);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.related-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:681px){.related-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.related-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--border-2);border-radius:var(--r-xl);background:var(--surface);color:var(--text);font-size:.88rem;font-weight:var(--fw-bold);transition:all var(--ease)}.related-link:hover{border-color:var(--cat-color);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--cat-color) 50%,transparent);transform:translateY(-2px)}.related-link .ic{font-size:1.4rem;flex-shrink:0}.share-bar{max-width:880px;margin:36px auto 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-wrapper.wide .share-bar{max-width:none}.share-label{font-size:.85rem;font-weight:var(--fw-bold);color:var(--text-3);white-space:nowrap}.share-btns{display:flex;flex-wrap:wrap;gap:8px}.share-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--r-pill);font-size:.8rem;font-weight:var(--fw-bold);color:#fff;border:none;cursor:pointer;font-family:var(--font-sans);line-height:1;transition:opacity var(--ease),transform var(--ease)}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.share-btn.x{background:#000}.share-btn.line{background:#06c755}.share-btn.fb{background:#1877f2}.share-btn.hatena{background:#008fde}.share-btn.copy{background:var(--brand-grad)}.site-footer{background:var(--footer-bg);padding:40px 24px 34px;margin-top:48px}.site-footer__inner{max-width:var(--container);margin:0 auto}.footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-bottom:18px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-links a{font-size:.84rem;color:var(--footer-text);font-weight:var(--fw-medium)}.footer-links a:hover{color:#fff}.site-footer__copy{text-align:center;font-size:.8rem;color:var(--footer-faint);line-height:1.7}.site-footer__copy .brand{font-family:var(--font-mono);color:var(--footer-text)}.hero-section{text-align:center;padding:56px 20px 48px;background:radial-gradient(120% 120% at 50% 0%,var(--brand-tint) 0%,var(--bg) 60%);border-bottom:1.5px solid var(--border)}.hero-section h1{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:var(--fw-black);color:var(--text);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}.hero-section p{color:var(--text-3);font-size:1rem;line-height:1.7;max-width:600px;margin:0 auto}.category-section{margin-bottom:44px}.category-title{font-size:1.25rem;font-weight:var(--fw-black);color:var(--text);margin-bottom:18px;display:flex;align-items:center;gap:12px}.category-title:before{content:"";width:10px;height:22px;border-radius:4px;background:var(--cat-color,var(--brand));flex:none}.category-title a{color:inherit}.category-title a:hover{color:color-mix(in srgb,var(--cat-color) 62%,#000)}.tool-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(min-width:681px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.tool-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--surface);border:1.5px solid var(--border-2);border-radius:var(--r-2xl);color:var(--text);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.tool-card:hover{transform:translateY(-3px);border-color:var(--cat-color,var(--border-2));box-shadow:0 18px 32px -18px color-mix(in srgb,var(--cat-color,#000) 45%,transparent)}.tool-card .t-icon{width:54px;height:54px;border-radius:var(--r-xl);background:var(--cat-tint,var(--brand-tint));display:grid;place-items:center;font-size:28px;flex:none}.tool-card .t-name{font-size:.97rem;font-weight:var(--fw-bold);color:var(--text);line-height:1.3}.tool-card .t-kw{font-size:.78rem;color:var(--text-muted);line-height:1.5}.legal{max-width:var(--container-read);margin:0 auto}.legal h2{font-size:1.15rem;color:var(--text);margin:32px 0 12px;font-weight:var(--fw-black);padding-bottom:8px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;gap:10px}.legal h2:before{content:"";width:6px;height:1em;background:var(--cat-color);border-radius:3px}.legal h2:first-child{margin-top:0}.legal p,.legal li{font-size:.92rem;color:var(--text-3);line-height:1.95}.legal p{margin-bottom:12px}.legal ul{padding-left:20px;margin:8px 0 14px}.legal li{margin-bottom:6px}.legal a{color:var(--cat-color);font-weight:var(--fw-medium)}.legal a:hover{text-decoration:underline}.legal strong{color:var(--text);font-weight:var(--fw-bold)}.legal .updated{font-size:.8rem;color:var(--text-muted);margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-family:var(--font-mono)}.field-group{margin-bottom:var(--sp-7)}.field-group:last-child{margin-bottom:0}.field-group__title{display:flex;align-items:center;gap:9px;margin-bottom:18px}.field-group__title:before{content:"";width:8px;height:18px;border-radius:3px;background:var(--cat-color);flex:none}.field-group__title-text{font-family:var(--font-mono);font-size:12.5px;font-weight:var(--fw-bold);color:color-mix(in srgb,var(--cat-color) 62%,#000);letter-spacing:.08em;text-transform:uppercase}.field-group__title:after{content:"";flex:1;height:1.5px;background:var(--border-2);border-radius:2px}.field-group--boxed{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:20px;margin-bottom:var(--sp-4)}.field-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:681px){.field-grid{grid-template-columns:repeat(2,1fr)}}.field-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:380px){.field-grid--3{grid-template-columns:1fr}}.field--full{grid-column:1/-1}.field{display:flex;flex-direction:column}.field__label{font-size:12.5px;font-weight:var(--fw-bold);color:var(--text-muted);margin-bottom:9px}.field__box{display:flex;align-items:center;min-height:50px;background:var(--surface-sub);border:1.5px solid var(--border-input);border-radius:var(--r-md);transition:border-color var(--ease)}.field__box input,.field__box select{flex:1;min-width:0;width:100%;border:none;outline:none;background:transparent;font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:18px;color:var(--text);padding:13px 0 13px 16px}.field__box select{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:16px}.field__suffix{font-size:14px;color:var(--text-faint);padding:0 16px;flex:none}.field__box:focus-within{border-color:var(--cat-color)}.field--error .field__box{border-color:var(--danger);background:var(--danger-bg)}.field--error .field__hint{color:var(--danger)}.field--disabled .field__box{background:#f0ece6;opacity:.6;pointer-events:none}.field__hint{font-size:12px;color:var(--text-muted);margin-top:7px}.radio-list{display:flex;flex-direction:column;gap:8px}.radio-row{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--r-md);border:1.5px solid var(--border-2);background:var(--surface);color:var(--text-3);font-size:14.5px;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--ease)}.radio-row__dot{width:18px;height:18px;border-radius:var(--r-pill);flex:none;border:2px solid #cdd5e0;background:#fff;transition:border var(--ease)}.radio-row[aria-checked=true]{background:var(--cat-tint);color:var(--text);border-color:color-mix(in srgb,var(--cat-color) 35%,transparent)}.radio-row[aria-checked=true] .radio-row__dot{border:5px solid var(--cat-color)}.radio-row__meta{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.result__rows--2col{display:grid;gap:11px 28px;grid-template-columns:1fr}@media(min-width:681px){.result__rows--2col{grid-template-columns:1fr 1fr}}.wide-content{display:flex;flex-direction:column}.wide-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-3xl);padding:24px 28px;box-shadow:var(--shadow-card);display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end}@media(max-width:680px){.wide-input{padding:20px;gap:16px;align-items:stretch}}.data-table-wrap{border:1.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:var(--surface)}.data-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:540px}.data-table thead tr{background:var(--cat-tint)}.data-table th{padding:14px 20px;font-size:12.5px;font-weight:var(--fw-bold);color:color-mix(in srgb,var(--cat-color) 62%,#000);letter-spacing:.04em;white-space:nowrap;text-align:right}.data-table th:first-child{text-align:left}.data-table td{padding:15px 20px;border-top:1px solid var(--border-2);text-align:right}.data-table td:first-child{text-align:left}.data-table tbody tr:nth-child(2n){background:#fcfaf7}.data-table .num{font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--text)}.data-table .num--sub{font-weight:var(--fw-normal);font-size:14px;color:var(--text-3)}.data-table tr.is-hit{background:var(--cat-tint)!important;box-shadow:inset 4px 0 0 var(--cat-color)}.data-table__badge{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:var(--fw-bold)}.result-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:681px){.result-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.result-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.result-card{background:var(--surface);border:1.5px solid var(--border-2);border-radius:var(--r-xl);padding:18px 20px;display:flex;flex-direction:column;gap:12px}.result-card__head{display:flex;align-items:center;gap:10px}.result-card__swatch{width:26px;height:26px;border-radius:var(--r-sm);flex:none;border:1.5px solid rgba(0,0,0,.08)}.result-card__label{font-family:var(--font-mono);font-size:12px;font-weight:var(--fw-bold);color:color-mix(in srgb,var(--cat-color) 62%,#000);letter-spacing:.08em}.result-card__value{font-family:var(--font-mono);font-size:18px;font-weight:var(--fw-bold);color:var(--text);word-break:break-all;line-height:1.3}.result-card__copy{width:100%;padding:10px;border-radius:var(--r-sm);font-size:13px;font-weight:var(--fw-bold);border:1.5px solid var(--border-2);background:var(--surface);color:var(--text-3);cursor:pointer;transition:all var(--ease)}.result-card__copy:hover{border-color:var(--cat-color);color:color-mix(in srgb,var(--cat-color) 62%,#000)}.result-card__copy.is-copied{background:var(--cat-tint);color:color-mix(in srgb,var(--cat-color) 62%,#000);border-color:color-mix(in srgb,var(--cat-color) 35%,transparent)}.color-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--r-pill);background:transparent;cursor:pointer}.color-slider::-webkit-slider-runnable-track{height:8px;border-radius:var(--r-pill)}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:var(--r-pill);background:#fff;border:2px solid #cdd5e0;box-shadow:0 2px 6px #0003;margin-top:-7px}.color-slider::-moz-range-track{height:8px;border-radius:var(--r-pill)}.color-slider::-moz-range-thumb{width:22px;height:22px;border-radius:var(--r-pill);background:#fff;border:2px solid #cdd5e0;box-shadow:0 2px 6px #0003}.color-swatch-input{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;border:1.5px solid rgba(0,0,0,.06);cursor:pointer}.color-swatch-input input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:680px){.page-wrapper{padding:24px 18px 48px}.tool-grid{grid-template-columns:1fr 1fr;gap:12px}.calc-tabs{margin:18px}.calc-panel{padding:0 18px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{.site-header,.ad-slot,.share-bar{display:none}}.fshare[data-astro-cid-zfr2xqdr]{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fshare-fab[data-astro-cid-zfr2xqdr]{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 20px 0 16px;border:none;border-radius:999px;background:var(--brand-grad);color:#fff;font-family:var(--font-sans);font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-fab);transition:transform .15s,box-shadow .15s}.fshare-fab[data-astro-cid-zfr2xqdr]:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px #e0537a99}.fshare-fab[data-astro-cid-zfr2xqdr]:active{transform:translateY(0)}.fshare-fab[data-astro-cid-zfr2xqdr] svg[data-astro-cid-zfr2xqdr]{flex-shrink:0}.fshare-menu[data-astro-cid-zfr2xqdr][hidden]{display:none}.fshare-menu[data-astro-cid-zfr2xqdr]{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #1e3a5f2e;min-width:184px;animation:fshare-in .15s ease}@keyframes fshare-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fshare-item[data-astro-cid-zfr2xqdr]{display:block;width:100%;padding:10px 14px;border:none;border-radius:8px;font-family:var(--font-jp);font-size:.86rem;font-weight:600;text-align:left;text-decoration:none;color:#fff;cursor:pointer;transition:opacity .15s}.fshare-item[data-astro-cid-zfr2xqdr]:hover{opacity:.88}.fshare-item[data-astro-cid-zfr2xqdr].x{background:#000}.fshare-item[data-astro-cid-zfr2xqdr].line{background:#06c755}.fshare-item[data-astro-cid-zfr2xqdr].fb{background:#1877f2}.fshare-item[data-astro-cid-zfr2xqdr].hatena{background:#008fde}.fshare-item[data-astro-cid-zfr2xqdr].copy{background:var(--brand-grad)}@media(max-width:480px){.fshare[data-astro-cid-zfr2xqdr]{right:14px;bottom:14px}.fshare-fab[data-astro-cid-zfr2xqdr]{height:46px;padding:0 16px}}@media print{.fshare[data-astro-cid-zfr2xqdr]{display:none}}