:root{--avc-primary:#0891b2;--avc-primary-light:#ecfeff;--avc-text:#1e293b;--avc-text-secondary:#475569;--avc-text-muted:#64748b;--avc-bg:#fff;--avc-bg-secondary:#f8fafc;--avc-border:#e2e8f0;--avc-radius:var(--main-radius,.5rem);--avc-radius-lg:var(--main-radius-lg,.75rem);--avc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--avc-shadow-md:0 4px 12px #00000014}._avc-container{max-width:560px;margin:0 auto}._avc-container button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._avc-hidden{display:none!important}@media (max-width:768px){._avc-container{padding-left:1rem;padding-right:1rem}}@media (max-width:360px){._avc-container{padding-left:.75rem;padding-right:.75rem}}._avc-input-section{background:var(--avc-bg);border-radius:var(--avc-radius-lg);box-shadow:var(--avc-shadow);border-style:solid;border-width:1px;border-color:var(--avc-border);flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}._avc-field{flex-direction:column;gap:.375rem;display:flex}._avc-label{color:var(--avc-text);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._avc-label svg{color:var(--avc-text-muted)}._avc-label-row{justify-content:space-between;align-items:center;display:flex}._avc-optional{color:var(--avc-text-muted);font-size:.75rem;font-weight:400}._avc-shape-options{grid-template-columns:repeat(5,1fr);gap:.375rem;display:grid}._avc-shape-btn{border-radius:var(--avc-radius);background:var(--avc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--avc-border);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-family:inherit;transition:all .15s;display:flex}._avc-shape-btn:hover{border-color:var(--avc-primary);background:var(--avc-primary-light)}._avc-shape-btn._avc-shape-active{border-color:var(--avc-primary);background:var(--avc-primary);color:#fff;box-shadow:0 2px 8px #0891b240}._avc-shape-icon{color:var(--avc-text-muted);justify-content:center;align-items:center;display:flex}._avc-shape-btn._avc-shape-active ._avc-shape-icon{color:#fff}._avc-shape-name{color:var(--avc-text);text-align:center;font-size:.6875rem;font-weight:600;line-height:1.2}._avc-shape-btn._avc-shape-active ._avc-shape-name{color:#fff}._avc-dim-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid;overflow:hidden}._avc-dim-group:not(._avc-dim-single) ._avc-dim-field:nth-child(4){grid-column:span 3}._avc-dim-field{flex-direction:column;gap:.25rem;display:flex}._avc-dim-label{color:var(--avc-text-muted);font-size:.75rem;font-weight:500}._avc-input-wrapper{background:var(--avc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--avc-border);border-radius:var(--avc-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._avc-input-wrapper:focus-within{border-color:var(--avc-primary);box-shadow:0 0 0 3px #0891b21a}._avc-input-wrapper-sm{max-width:160px}._avc-input{color:var(--avc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem .625rem;font-family:inherit;font-size:.9375rem;font-weight:500}._avc-input::placeholder{color:#94a3b8}._avc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._avc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._avc-input[type=number]{-moz-appearance:textfield}._avc-input-unit{color:var(--avc-text-muted);flex-shrink:0;padding-right:.625rem;font-size:.75rem;font-weight:600}._avc-unit-toggle{background:var(--avc-bg-secondary);border-radius:var(--avc-radius);border-style:solid;border-width:1.5px;border-color:var(--avc-border);display:flex;overflow:hidden}._avc-unit-btn{color:var(--avc-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .625rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}._avc-unit-btn._avc-unit-active{background:var(--avc-primary);color:#fff}._avc-unit-btn:not(._avc-unit-active):hover{color:var(--avc-primary)}._avc-calculate-btn{background:var(--avc-primary);color:#fff;border-radius:var(--avc-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0891b240}._avc-calculate-btn:hover{opacity:.9}@media (max-width:768px){._avc-input{padding:.625rem;font-size:1rem}._avc-shape-btn{min-height:56px;padding:.5rem .25rem}._avc-unit-btn{min-height:32px;padding:.4375rem .75rem}._avc-calculate-btn{min-height:48px;padding:.875rem}}@media (max-width:480px){._avc-input-section{padding:1rem}._avc-shape-options{grid-template-columns:repeat(3,1fr)}._avc-dim-group{grid-template-columns:1fr 1fr}._avc-dim-group:not(._avc-dim-single) ._avc-dim-field:last-child:nth-child(odd){grid-column:span 2}._avc-input-wrapper-sm{max-width:100%}}@media (max-width:360px){._avc-shape-options{grid-template-columns:repeat(2,1fr)}}:root{--avc-illust-fill:#0891b20f;--avc-illust-fill-top:#0891b208;--avc-illust-fill-side:#0891b20a;--avc-illust-water:#0891b21a}._avc-illustration{justify-content:center;padding:.25rem 0 .5rem;display:flex}._avc-illust-svg{width:100%;max-width:220px;height:auto;color:var(--avc-primary)}@media (max-width:480px){._avc-illust-svg{max-width:180px}}._avc-result-section{animation:.3s _avc-fadeIn}@keyframes _avc-fadeIn{0%{opacity:0}to{opacity:1}}._avc-result-card{background:var(--avc-bg);border-radius:var(--avc-radius-lg);box-shadow:var(--avc-shadow);border-style:solid;border-width:1px;border-color:var(--avc-border);text-align:center;margin-bottom:1rem;padding:1.5rem}._avc-volume-main{justify-content:center;align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}._avc-volume-value{color:var(--avc-primary);font-size:2.5rem;font-weight:700;font-family:var(--main-font-mono,monospace);line-height:1}._avc-volume-unit{color:var(--avc-text-muted);font-size:1rem;font-weight:600}._avc-volume-conversions{border-top-style:dashed;border-top-width:1px;border-top-color:var(--avc-border);justify-content:center;align-items:center;gap:1rem;padding-top:1rem;display:flex}._avc-conversion{flex-direction:column;align-items:center;gap:.125rem;display:flex}._avc-conversion-label{color:var(--avc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:500}._avc-conversion-value{color:var(--avc-text);font-size:1.125rem;font-weight:700;font-family:var(--main-font-mono,monospace)}._avc-conversion-divider{background:var(--avc-border);width:1px;height:2rem}._avc-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}._avc-stat-card{background:var(--avc-bg);border-radius:var(--avc-radius);box-shadow:var(--avc-shadow);border-style:solid;border-width:1px;border-color:var(--avc-border);align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}._avc-stat-icon{color:var(--avc-primary);flex-shrink:0;padding-top:.125rem}._avc-stat-content{min-width:0}._avc-stat-label{color:var(--avc-text-muted);margin-bottom:.125rem;font-size:.6875rem;font-weight:500;line-height:1.3}._avc-stat-value{color:var(--avc-text);font-size:.9375rem;font-weight:700;font-family:var(--main-font-mono,monospace)}@media (max-width:480px){._avc-result-card{padding:1.25rem 1rem}._avc-volume-value{font-size:2rem}._avc-volume-conversions{flex-wrap:wrap;gap:.5rem}._avc-conversion{flex:1 1 0;min-width:0}._avc-conversion-value{word-break:break-all;font-size:1rem}._avc-stats{grid-template-columns:1fr}}@media (max-width:360px){._avc-volume-value{font-size:1.75rem}._avc-volume-conversions{gap:.375rem}._avc-conversion-divider{height:1.5rem}._avc-conversion-label{font-size:.625rem}._avc-conversion-value{font-size:.9375rem}}._avc-stocking-card{background:var(--avc-bg);border-radius:var(--avc-radius-lg);box-shadow:var(--avc-shadow);border-style:solid;border-width:1px;border-color:var(--avc-border);margin-bottom:1rem;padding:1rem 1.25rem}._avc-stocking-title{color:var(--avc-text);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}._avc-stocking-title svg{color:var(--avc-primary)}._avc-stocking-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}._avc-stocking-item{background:var(--avc-bg-secondary);border-radius:var(--avc-radius);text-align:center;border-style:solid;border-width:1px;border-color:var(--avc-border);padding:.75rem}._avc-stocking-size{color:var(--avc-text);margin-bottom:.125rem;font-size:.75rem;font-weight:600}._avc-stocking-hint{color:var(--avc-text-muted);margin-bottom:.5rem;font-size:.625rem;line-height:1.3}._avc-stocking-count{color:var(--avc-primary);font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono,monospace)}._avc-stocking-note{color:var(--avc-text-muted);font-size:.75rem;font-style:italic;line-height:1.5}@media (max-width:480px){._avc-stocking-card{padding:1rem}._avc-stocking-grid{grid-template-columns:1fr}._avc-stocking-item{text-align:left;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:.75rem;display:grid}._avc-stocking-size{grid-area:1/1;margin-bottom:0}._avc-stocking-hint{word-wrap:break-word;grid-area:2/1;margin-bottom:0}._avc-stocking-count{flex-shrink:0;grid-area:1/2/span 2;font-size:1.5rem}}._avc-reference{background:var(--avc-bg);border-radius:var(--avc-radius-lg);box-shadow:var(--avc-shadow);border-style:solid;border-width:1px;border-color:var(--avc-border);margin-top:1rem;padding:1rem 1.25rem}._avc-reference-title{color:var(--avc-text);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}._avc-reference-title svg{color:var(--avc-text-muted)}._avc-reference-content{color:var(--avc-text-secondary);font-size:.8125rem;line-height:1.6}._avc-reference-content p{margin:0 0 .5rem}._avc-reference-content p:last-child{margin-bottom:0}._avc-reference-note{color:var(--avc-text-muted);font-style:italic}