:root{ --brand:#0b63b6; --accent:#00c6ff; --bg:#f4fbff; --card:#ffffff; --muted:#6b7785; --radius:12px; --shadow: 0 10px 30px rgba(3,50,90,0.06); }
#nt-multicalc-root{font-family:Inter,system-ui,Arial;margin:18px auto;max-width:1100px;}
#nt-multicalc-root .header{display:flex;gap:12px;align-items:center;margin-bottom:14px}
#nt-multicalc-root .logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(180deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
#nt-multicalc-root .title{font-size:18px;font-weight:800}
#nt-multicalc-root .subtitle{color:var(--muted);font-size:13px}
#nt-multicalc-root .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#nt-multicalc-root .tab{padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,#fff,#f3fbff);border:1px solid rgba(8,44,73,0.04);cursor:pointer;font-weight:700}
#nt-multicalc-root .tab.active{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;box-shadow:0 10px 30px rgba(11,99,182,0.12)}
#nt-multicalc-root .main{display:grid;grid-template-columns:1fr 340px;gap:16px}
@media(max-width:980px){#nt-multicalc-root .main{grid-template-columns:1fr}}
#nt-multicalc-root .card{background:var(--card);padding:14px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(8,44,73,0.03)}
#nt-multicalc-root .controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#nt-multicalc-root .small{padding:8px 10px;border-radius:8px;border:0;background:#f1f6fb;cursor:pointer;font-weight:700}
#nt-multicalc-root .small.primary{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff}
#nt-multicalc-root .display{display:flex;flex-direction:column;gap:10px}
#nt-multicalc-root .input{padding:12px;border-radius:10px;border:1px solid rgba(8,44,73,0.06);background:rgba(255,255,255,0.95);font-size:15px}
#nt-multicalc-root .result{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;padding:10px;border-radius:10px;font-weight:800;display:flex;justify-content:space-between;align-items:center}
#nt-multicalc-root .keygrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}
@media(max-width:720px){#nt-multicalc-root .keygrid{grid-template-columns:repeat(4,1fr)}}
#nt-multicalc-root .key{padding:12px;border-radius:10px;background:#fff;border:1px solid rgba(8,44,73,0.04);cursor:pointer;font-weight:700;text-align:center;box-shadow:0 6px 18px rgba(3,50,90,0.04);transition:transform .12s}
#nt-multicalc-root .key:hover{transform:translateY(-3px)}
#nt-multicalc-root .key.op{background:linear-gradient(90deg,#fff,#f2fdff);border:1px dashed rgba(8,44,73,0.04)}
#nt-multicalc-root .key.action{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff}
#nt-multicalc-root .side .block{margin-bottom:12px}
#nt-multicalc-root .history{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:8px}
#nt-multicalc-root .hist-item{padding:8px;border-radius:8px;background:linear-gradient(180deg,#fbfdff,#f7fbff);cursor:pointer;border:1px solid rgba(8,44,73,0.02)}
#nt-multicalc-root .help{color:var(--muted);font-size:13px;padding-top:6px}
#nt-multicalc-root .switch{display:inline-flex;gap:6px;align-items:center;padding:6px;border-radius:10px;border:1px solid rgba(8,44,73,0.04);background:#fff}
#nt-multicalc-root .footer{margin-top:12px;color:var(--muted);font-size:13px}
#nt-multicalc-root .dark{background:#071025;color:#cfeff0}
#nt-multicalc-root .dark .card{background:#04121a;border:1px solid rgba(255,255,255,0.03)}
#nt-multicalc-root .dark .input{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.03);color:#e9fbff}
#nt-multicalc-root .dark .hist-item{background:rgba(255,255,255,0.02)}