.dj-brew{--ink:var(--foreground);--muted:var(--muted-foreground);--line:var(--border);--accent:var(--primary);--paper:var(--card);border:1px solid var(--border);background:var(--paper);max-width:1040px;color:var(--ink);box-sizing:border-box;overflow-wrap:anywhere;border-radius:12px;margin:28px 0;padding:clamp(16px,3.5vw,42px);font-family:system-ui,-apple-system,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.8}.dj-brew *,.dj-brew :before,.dj-brew :after{box-sizing:border-box}.dj-brew [hidden]{display:none!important}.dj-brew__eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:700}.dj-brew h3{letter-spacing:-.02em;margin:15px 0 20px;font-size:clamp(26px,4vw,44px);line-height:1.3}.dj-brew h4{letter-spacing:.03em;margin:0 0 20px;font-size:17px}.dj-brew p{margin:10px 0 16px}.dj-brew__intro{max-width:750px;font-size:16px}.dj-brew__notice{background:var(--surface-note);border-left:4px solid #8c764a;margin:20px 0 28px;padding:13px 16px;font-size:13px}.dj-brew__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.dj-brew form,.dj-brew__resultbox{background:var(--surface-note);border:1px solid var(--line);border-radius:14px;min-width:0;padding:22px}.dj-brew label{margin:18px 0 6px;font-size:14px;font-weight:700;display:block}.dj-brew label span{color:var(--muted);padding-left:8px;font-weight:400}.dj-brew input,.dj-brew select{width:100%;min-width:0;min-height:48px;font:inherit;color:var(--ink);background:var(--surface-note);border:1px solid #9cac9f;border-radius:7px;padding:9px 12px;font-size:18px;display:block}.dj-brew small{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.65;display:block}.dj-brew__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.dj-brew button{cursor:pointer;background:var(--accent);color:var(--primary-foreground);border:1px solid var(--accent);font:inherit;border-radius:7px;min-height:46px;padding:11px 15px;font-size:14px;font-weight:700}.dj-brew button.dj-brew__secondary{background:var(--surface-note);color:var(--accent)}.dj-brew :focus-visible{outline-offset:3px;outline:3px solid #b28135}.dj-brew__message{min-height:24px;color:var(--foreground);font-size:13px;margin-bottom:0!important}.dj-brew__total{border-bottom:1px solid var(--line);gap:3px;margin-bottom:22px;padding-bottom:15px;display:grid}.dj-brew__total>span{color:var(--muted);font-size:13px}.dj-brew__total>strong{font-variant-numeric:tabular-nums;color:var(--accent);font-size:42px;line-height:1.3}.dj-brew table{border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%;font-size:13px}.dj-brew caption{text-align:left;color:var(--muted);margin-bottom:10px;font-size:12px}.dj-brew th,.dj-brew td{text-align:right;border-bottom:1px solid var(--line);padding:10px 4px}.dj-brew th{background:var(--surface-note);font-size:11px;line-height:1.55}.dj-brew th:first-child,.dj-brew td:first-child{text-align:center;width:12%}.dj-brew td:nth-child(3){color:var(--accent);font-weight:750}.dj-brew__warnings{background:var(--surface-note);border:1px solid #dcc799;border-radius:6px;margin:12px 0;padding:12px;font-size:13px}.dj-brew__warnings p:last-child{margin-bottom:0}.dj-brew__fine{color:var(--muted);font-size:12px;line-height:1.8}.dj-brew__math{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:13px}.dj-brew__math summary{cursor:pointer;font-weight:700}.dj-brew__footer{color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:16px;font-size:11px}@media (width<=700px){.dj-brew__layout{grid-template-columns:1fr}.dj-brew form,.dj-brew__resultbox{padding:18px}.dj-brew__total>strong{font-size:36px}.dj-brew__intro{font-size:14px}}@media print{.dj-brew{padding:0}.dj-brew form{display:none}.dj-brew__layout{display:block}.dj-brew__resultbox{break-inside:avoid}}.dj-brew h3,.dj-brew h4{border:0;padding:0}.dj-brew .table-scroll{max-width:100%;overflow-x:auto}#pour-calculator table{min-width:300px}.dj-brew .dj-brew__resultbox td,.dj-brew .dj-brew__resultbox th{padding:10px 4px}.dj-brew .dj-brew__total>strong{color:var(--foreground)}