.caiji .tab-container{border-radius:var(--radius-control);border:1px solid var(--c-line);background-color:var(--c-bg-subtle);width:100%;display:flex;overflow:hidden}.caiji .tab-button{text-align:center;color:var(--c-fg-muted);cursor:pointer;background-color:#0000;border:none;flex:1;padding:12px 0;font-size:16px;font-weight:700;transition:all .3s}.caiji .tab-button:hover{color:var(--c-fg);background-color:color-mix(in oklab, var(--c-accent) 8%, var(--c-bg-subtle))}.caiji .tab-button.active{background-color:var(--c-accent);color:var(--c-accent-fg)}.caiji .page-content{display:none}.caiji .page-content.active{flex-direction:column;gap:15px;display:flex}.caiji h1{border-bottom:2px solid var(--c-line);text-align:center;color:var(--c-fg);margin-bottom:0;padding-bottom:10px;font-size:22px;font-weight:700}.caiji h2{border-bottom:1px solid var(--c-line);color:var(--c-accent-text);margin:0 0 10px;padding-bottom:8px;font-size:18px;font-weight:600}.caiji h3{color:var(--c-fg)}.caiji .version-switch{text-align:center;color:var(--c-fg-muted);margin-top:10px;font-size:14px}.caiji .version-switch a{color:var(--c-accent-text);text-underline-offset:3px;text-decoration:underline}.caiji .input-section{align-items:center;gap:10px;margin-bottom:15px;display:flex}.caiji .input-group{flex:1;align-items:center;min-width:0;display:flex}.caiji .input-group-large{width:22%}.caiji .input-group-button{justify-content:center;width:34%}.caiji .input-label{color:var(--c-fg-muted);white-space:nowrap;margin-right:8px;font-size:14px;font-weight:700}.caiji .input-section-small{flex-direction:column;gap:12px;display:none}.caiji .input-row{gap:10px;width:100%;display:flex}.caiji .input-cell{flex-direction:column;flex:1;min-width:0;display:flex}.caiji .input-label-small{color:var(--c-fg-muted);text-align:center;margin-bottom:5px;font-size:14px;font-weight:700}.caiji input[type=number]{border:1px solid var(--c-line);background-color:var(--c-bg-elev);width:100%;color:var(--c-fg);text-align:center;-moz-appearance:textfield;border-radius:4px;padding:10px;font-size:14px}.caiji input[type=number]::-webkit-outer-spin-button,.caiji input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.caiji input:focus{border-color:var(--c-accent);box-shadow:0 0 5px color-mix(in oklab, var(--c-accent) 30%, transparent);outline:none}.caiji button{background:var(--c-accent);color:var(--c-accent-fg);cursor:pointer;border:none;border-radius:4px;min-width:100px;padding:10px 20px;font-size:14px;transition:filter .3s}.caiji button:hover{filter:brightness(1.08)}.caiji .calc-btn-large{width:100%}.caiji .calc-btn-small{width:100%;margin-top:5px}.caiji .error{color:#e74c3c;text-align:center;height:16px;margin-top:4px;font-size:14px}.caiji .param-description{background:var(--c-bg-subtle);border-radius:5px;margin:15px 0 0;padding:15px;font-size:14px}.caiji .param-description h3{margin-bottom:10px;font-size:15px}.caiji .param-description ul,.caiji .instructions ul{padding-left:20px}.caiji .param-description li,.caiji .instructions li{margin-bottom:6px;line-height:1.5}.caiji .result{background:color-mix(in oklab, var(--c-accent) 10%, var(--c-bg-elev));border-radius:5px;margin:15px 0;padding:15px;font-size:14px}.caiji .formula{background:var(--c-bg-subtle);border-left:4px solid var(--c-accent);font-family:var(--font-mono);white-space:pre-wrap;margin:15px 0;padding:15px;font-size:14px;line-height:1.5}.caiji .instructions .formula{white-space:normal}.caiji table{border-collapse:collapse;width:100%;margin:15px 0;font-size:14px}.caiji th,.caiji td{text-align:center;border-bottom:1px solid var(--c-line);padding:12px 10px}.caiji thead th{background-color:var(--c-accent);color:var(--c-accent-fg);font-weight:400}.caiji tbody tr:nth-child(2n){background-color:var(--c-bg-subtle)}.caiji .delete-btn{background:#e74c3c;border-radius:2px;width:auto;min-width:auto;padding:4px;font-size:14px}.caiji .summary{text-align:right;color:#fff;background:#2ecc71;border-radius:5px;margin:15px 0;padding:12px 15px;font-size:16px;font-weight:700}.caiji .action-buttons{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.caiji .export-btn{color:#fff;background:#2ecc71}.caiji .formula-type{border-radius:2px;padding:4px;font-size:14px;font-weight:700;display:inline-block}.caiji .small-formula{color:#d35400;background:#ffeaa7}.caiji .large-formula{color:#2980b9;background:#d6eaf8}.caiji .short-formula{color:#1e8449;background:#d5f5e3}.caiji .super-formula{color:#7d3c98;background:#e8daef}.caiji .formula-prefix{margin-bottom:8px;font-size:14px;font-weight:700}.caiji .small-prefix{color:#d35400}.caiji .large-prefix{color:#2980b9}.caiji .short-prefix{color:#1e8449}.caiji .super-prefix{color:#7d3c98}.caiji .param-section{flex-direction:column;gap:15px;display:flex}.caiji .param-group{background:var(--c-bg-subtle);border-radius:5px;padding:12px}.caiji .param-group h3{text-align:center;margin-bottom:10px;font-size:16px}.caiji .param-row{align-items:center;margin-bottom:10px;display:flex}.caiji .param-label{width:70px;color:var(--c-fg-muted);font-size:14px;font-weight:700}.caiji .param-input{flex:1;align-items:center;gap:8px;display:flex}.caiji .param-preview{color:var(--c-fg-muted);text-align:center;margin-top:5px;font-size:14px}.caiji .instructions{background:var(--c-bg-subtle);border-radius:5px;margin:15px 0;padding:15px;font-size:14px}.caiji .instructions h3{margin-bottom:10px;font-size:16px}.caiji .instructions li{margin-bottom:8px}.caiji .result-section{margin:15px 0;overflow-x:auto}.caiji .volume-table{min-width:500px;font-size:14px}.caiji .volume-table th,.caiji .volume-table td{border:1px solid var(--c-line);padding:10px 8px}.caiji .volume-table thead th{position:sticky;top:0}.caiji .row-header{background-color:var(--c-fg);color:var(--c-bg);z-index:2;font-weight:700;position:sticky;left:0}.caiji .col-header{background-color:var(--c-fg);color:var(--c-bg);z-index:3;font-weight:700;position:sticky;top:0}.caiji .corner-header{background-color:var(--c-fg);color:var(--c-bg);z-index:4;position:sticky;top:0;left:0}.caiji .volume-table tbody tr:nth-child(2n){background-color:var(--c-bg-subtle)}.caiji .small-formula-cell{color:#d35400;background-color:#ffeaa7}.caiji .large-formula-cell{color:#2980b9;background-color:#d6eaf8}.caiji .short-formula-cell{color:#1e8449;background-color:#d5f5e3}.caiji .super-formula-cell{color:#7d3c98;background-color:#e8daef}.caiji .invalid-cell{color:#e74c3c;background-color:#ffebee;font-style:italic}.caiji .toggle-layout{justify-content:center;margin:10px 0;display:flex}.caiji .toggle-btn{background:color-mix(in oklab, var(--c-fg) 45%, var(--c-bg));color:var(--c-bg);border-radius:20px;width:auto;margin:0;padding:8px 15px;font-size:14px}.caiji .toggle-btn.active{background:var(--c-accent);color:var(--c-accent-fg)}@media (width<=768px){.caiji .input-section{display:none}.caiji .input-section-small{display:flex}.caiji .input-cell{width:33%}.caiji th,.caiji td{padding:10px 8px;font-size:14px}.caiji .action-buttons{flex-direction:column}.caiji .action-buttons button{width:100%}}@media (width<=480px){.caiji th,.caiji td{padding:8px 6px;font-size:14px}.caiji .param-description{padding:12px;font-size:14px}.caiji .volume-table th,.caiji .volume-table td{padding:8px 6px;font-size:14px}}