:root{--bg:#f6f7fb;--bg-soft:#eef0f7;--card:#fff;--card-2:#f1f3fa;--text:#161a2c;--muted:#5d6584;--border:#e2e6f2;--accent:#3457ff;--accent-2:#7c5bff;--accent-3:#b16cff;--gradient:linear-gradient(135deg, #3457ff 0%, #7c5bff 55%, #b16cff 100%);--accent-soft:#e8edff;--accent-contrast:#fff;--success:#0e9f6e;--danger:#dc2626;--warning:#b45309;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #161a2c0d, 0 8px 24px #161a2c0f;--shadow-live:0 8px 30px #505aff47}[data-theme=dark]{--bg:#0d1020;--bg-soft:#131830;--card:#171d36;--card-2:#20284a;--text:#ecefff;--muted:#9aa3c7;--border:#2a3158;--accent:#7c96ff;--accent-2:#9b6cff;--accent-3:#c084fc;--gradient:linear-gradient(135deg, #5b7cff 0%, #8b5cf6 55%, #c084fc 100%);--accent-soft:#232c56;--accent-contrast:#0d1020;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--shadow:0 1px 2px #0006, 0 10px 28px #00000059;--shadow-live:0 8px 32px #7c5bff73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 320px at 12% -80px, #5064ff24, transparent 60%), radial-gradient(800px 300px at 88% -60px, #b16cff21, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,Noto Sans,Noto Sans Devanagari,sans-serif;line-height:1.55}a{color:inherit}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:18px;min-height:60px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:9px;font-family:MS Mincho,Noto Serif JP,serif;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), #9b6cff);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.main-nav{align-items:center;gap:4px;display:flex}.main-nav a{color:var(--muted);border-radius:8px;padding:7px 12px;font-size:14.5px;font-weight:500;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--text);background:var(--card-2)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}@media (max-width:720px){.main-nav a.nav-desktop{display:none}}.theme-toggle{background:var(--card);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:50%;place-items:center;font-size:16px;display:grid}.theme-toggle:hover{border-color:var(--accent)}button,.btn{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #505aff40}button:hover,.btn:hover{filter:brightness(1.06);box-shadow:var(--shadow-live);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button.secondary,.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}button.secondary:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=number],input[type=date],input[type=time],select,textarea{background:var(--card-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}input:hover,select:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}select{appearance:auto}.panel{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:16px}@media (max-width:600px){.panel{padding:12px}}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:14px 16px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient);opacity:0;height:3px;transition:opacity .18s;position:absolute;inset:0 0 auto}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow-live);transform:translateY(-4px)}.card:hover:before{opacity:1}.card h3{margin:6px 0 3px;font-size:15.5px}.card p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.card .icon{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--card)), color-mix(in srgb, var(--accent-3) 18%, var(--card)));border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}h1{letter-spacing:-.02em;margin:10px 0 8px;font-size:clamp(26px,4.5vw,38px)}h2{letter-spacing:-.01em}.subtitle{color:var(--muted);max-width:640px;font-size:16.5px}.section{margin-top:44px}.muted{color:var(--muted)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 4px;font-size:13.5px;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{opacity:.5}.calc-layout{grid-template-columns:1.25fr 1fr;align-items:start;gap:12px;display:grid}@media (max-width:860px){.calc-layout{grid-template-columns:1fr}}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{font-size:13px;font-weight:600}.field .hint{color:var(--muted);font-size:12px}.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.row>.field{margin-bottom:10px}.error-box{background:color-mix(in srgb, var(--danger) 9%, var(--card));border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);border-radius:var(--radius-sm);margin:10px 0;padding:12px 14px;font-size:14.5px}.result-main{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-live);background:linear-gradient(135deg,#3457ff,#7c5bff 50%,#b16cff 100%) 0 0/200% 200%;margin-bottom:8px;padding:14px 16px;animation:8s ease-in-out infinite gradient-shift;position:relative;overflow:hidden}.result-main:after{content:"● LIVE";letter-spacing:.08em;background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800;animation:1.8s ease-in-out infinite live-pulse;position:absolute;top:10px;right:12px}.result-main .label{opacity:.85;padding-right:70px;font-size:12.5px}.result-main .value{letter-spacing:-.01em;word-break:break-word;font-variant-numeric:tabular-nums;font-size:clamp(20px,3.5vw,26px);font-weight:800}.result-secondary{gap:6px;display:grid}.result-row{background:var(--card-2);border-radius:var(--radius-sm);justify-content:space-between;gap:10px;padding:8px 12px;font-size:13px;display:flex}.result-row .k{color:var(--muted)}.result-row .v{text-align:right;word-break:break-word;font-weight:700}.result-note{color:var(--muted);margin-top:8px;font-size:12px}.share-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.share-actions button{padding:6px 10px;font-size:12px}.prose p{color:var(--text);opacity:.92;margin:0 0 12px}.prose li{margin-bottom:6px}.formula-box{background:var(--card-2);border:1px dashed var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;padding:14px 16px;font-family:ui-monospace,Consolas,monospace;font-size:14.5px;overflow-x:auto}details.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px 18px}details.faq-item summary{cursor:pointer;font-weight:600}details.faq-item p{color:var(--muted);margin:10px 0 0}.disclaimer-box{background:color-mix(in srgb, var(--warning) 8%, var(--card));border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);border-radius:var(--radius-sm);color:var(--text);margin-top:18px;padding:12px 16px;font-size:13.5px}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius-sm);min-height:90px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;place-items:center;margin:22px 0;font-size:12.5px;display:grid}.filters{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.filters input[type=search]{flex:260px}.filters select{flex:0 auto;width:auto}.hero{text-align:left;padding:54px 0 10px;position:relative}.hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(420px 180px at 20% 40%,#3457ff38,#0000 65%),radial-gradient(420px 180px at 75% 30%,#b16cff38,#0000 65%);height:260px;position:absolute;top:-30px;left:-20px;right:-20px}.hero h1{background:linear-gradient(120deg, var(--text) 30%, var(--accent) 65%, var(--accent-3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(30px,5.5vw,46px);animation:.5s both fade-up}.hero .subtitle{animation:.5s 80ms both fade-up}.hero-search{animation:.5s .14s both fade-up}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.96)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid .card{animation:.45s both fade-up}.grid .card:nth-child(2){animation-delay:40ms}.grid .card:nth-child(3){animation-delay:80ms}.grid .card:nth-child(4){animation-delay:.12s}.grid .card:nth-child(5){animation-delay:.16s}.grid .card:nth-child(6){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.result-main,.hero h1,.grid .card{animation:none}}.hero-search{max-width:560px;margin:22px 0 14px;position:relative}.hero-search input{border-radius:999px;padding:15px 18px 15px 44px;font-size:16.5px}.hero-search .icon{color:var(--muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:40;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.search-dropdown a{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:11px 16px;text-decoration:none;display:flex}.search-dropdown a:last-child{border-bottom:none}.search-dropdown a:hover{background:var(--card-2)}.search-dropdown .n{font-weight:600}.search-dropdown .d{color:var(--muted);font-size:12.5px}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill-row .btn{border-radius:8px;padding:6px 12px;font-size:12px}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.step-num{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:10px;font-weight:800;display:grid}.site-footer{border-top:1px solid var(--border);background:var(--card);margin-top:70px;padding:40px 0 30px}.footer-grid{grid-template-columns:1.2fr 1.4fr 1fr 1fr;gap:28px;display:grid}.footer-cols{columns:2;column-gap:18px}.footer-cols li{break-inside:avoid;margin-bottom:6px}.site-footer h4{margin:0 0 10px;font-size:14px}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:7px}.site-footer a{color:var(--muted);font-size:13.5px;text-decoration:none}.site-footer a:hover{color:var(--accent)}.footer-bottom{color:var(--muted);margin-top:30px;font-size:12.5px}.calc-display{background:var(--card-2);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;min-height:88px;margin-bottom:14px;padding:20px;display:flex}.calc-input{color:var(--text);text-align:right;width:100%;caret-color:var(--accent);background:0 0;border:none;outline:none;min-height:44px;padding:8px 0;font-family:inherit;font-size:28px}.calc-preview{text-align:right;word-break:break-all;min-height:24px;color:var(--muted);margin-top:4px;font-size:20px;font-weight:600}.keypad{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.keypad.sci{grid-template-columns:repeat(5,1fr)}.keypad button{background:var(--card-2);color:var(--text);text-align:center;border-radius:4px;justify-content:center;padding:16px 0;font-size:19px;font-weight:700}.keypad button.op{color:var(--accent);font-weight:700}.keypad button.fn{color:var(--success);font-size:16px}.keypad button.eq{background:var(--accent);color:var(--accent-contrast);grid-column:span 2}.keypad button.danger{background:color-mix(in srgb, var(--danger) 12%, var(--card-2));color:var(--danger)}.home-calc-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.home-calc-compact .calc-input{font-size:18px}.home-calc-compact .calc-preview{min-height:26px;font-size:20px}.home-calc-compact .keypad button{border-radius:4px;padding:12px 0;font-size:17px}.home-calc-compact .keypad.sci button{padding:10px 0;font-size:14px}@media (max-width:768px){.home-calc-grid{grid-template-columns:1fr}}.text-center{text-align:center}.mt-0{margin-top:0}