#zcalc{max-width:760px;margin:28px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
    #zcalc .card{background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px var(--ring);padding:20px}
    #zcalc h2{margin:0 0 6px;font-size:1.3rem}
    #zcalc .muted{color:var(--muted);font-size:.95rem}
    #zcalc .grid{display:grid;gap:14px;margin-top:14px}
    @media(min-width:720px){#zcalc .grid{grid-template-columns:1.2fr .8fr}}
    #zcalc textarea{width:100%;min-height:140px;padding:12px;border:1px solid var(--line);border-radius:12px;resize:vertical;font:500 14px ui-monospace,SFMono-Regular,Menlo,monospace}
    #zcalc .panel{border:1px solid var(--line);border-radius:12px;padding:12px}
    #zcalc .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    #zcalc .btn{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}
    #zcalc .btn:disabled{opacity:.6;cursor:not-allowed}
    #zcalc select,#zcalc input[type=number]{border:1px solid var(--line);border-radius:10px;padding:8px 10px}
    #zcalc table{width:100%;border-collapse:collapse;margin-top:12px}
    #zcalc th,#zcalc td{padding:8px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
    #zcalc th:first-child,#zcalc td:first-child{text-align:left}
    #zcalc .meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-size:.92rem;color:var(--muted)}
    #zcalc .chip{padding:2px 8px;border-radius:999px;border:1px solid var(--line)}
    #zcalc .note{color:var(--muted);font-size:.85rem;margin-top:8px}
.dq-calc{margin:1.5rem 0}
.dq-calc input,.dq-calc select,.dq-calc textarea{box-sizing:border-box;max-width:100%}