:root{--pcsc-primary:#059669;--pcsc-primary-light:#ecfdf5;--pcsc-text:#1e293b;--pcsc-text-secondary:#475569;--pcsc-text-muted:#64748b;--pcsc-bg:#fff;--pcsc-bg-secondary:#f8fafc;--pcsc-border:#e2e8f0;--pcsc-radius:var(--main-radius,.5rem);--pcsc-radius-lg:var(--main-radius-lg,.75rem);--pcsc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pcsc-shadow-md:0 4px 12px #00000014;--pcsc-color-xs:#8b5cf6;--pcsc-color-s:#3b82f6;--pcsc-color-m:#10b981;--pcsc-color-l:#f59e0b;--pcsc-color-xl:#ef4444}._pcsc-container{max-width:560px;margin:0 auto}._pcsc-hidden{display:none!important}@media (max-width:768px){._pcsc-container{padding-left:1rem;padding-right:1rem}}._pcsc-input-section{background:var(--pcsc-bg);border-radius:var(--pcsc-radius-lg);box-shadow:var(--pcsc-shadow);border-style:solid;border-width:1px;border-color:var(--pcsc-border);flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}._pcsc-field{flex-direction:column;gap:.375rem;display:flex}._pcsc-label{color:var(--pcsc-text);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._pcsc-label svg{color:var(--pcsc-text-muted)}._pcsc-type-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}._pcsc-type-btn{border-radius:var(--pcsc-radius);background:var(--pcsc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pcsc-border);cursor:pointer;min-height:44px;color:var(--pcsc-text);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:flex}@media (hover:hover){._pcsc-type-btn:hover{border-color:var(--pcsc-primary);background:var(--pcsc-primary-light)}}._pcsc-type-btn._pcsc-type-active{border-color:var(--pcsc-primary);background:var(--pcsc-primary);color:#fff;box-shadow:0 2px 8px #05966940}._pcsc-type-btn._pcsc-type-active svg{color:#fff}._pcsc-method-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}._pcsc-method-btn{border-radius:var(--pcsc-radius);background:var(--pcsc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pcsc-border);cursor:pointer;min-height:44px;color:var(--pcsc-text-secondary);text-align:center;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .5rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.2;transition:border-color .15s,background-color .15s,color .15s;display:flex}._pcsc-method-btn svg{flex-shrink:0}@media (hover:hover){._pcsc-method-btn:hover{border-color:var(--pcsc-primary);background:var(--pcsc-primary-light)}}._pcsc-method-btn._pcsc-method-active{border-color:var(--pcsc-primary);background:var(--pcsc-primary-light);color:var(--pcsc-primary);font-weight:600}._pcsc-input-row{align-items:stretch;gap:.5rem;display:flex}._pcsc-input-wrapper{background:var(--pcsc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pcsc-border);border-radius:var(--pcsc-radius);flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._pcsc-input-wrapper:focus-within{border-color:var(--pcsc-primary);box-shadow:0 0 0 3px #0596691a}._pcsc-input{color:var(--pcsc-text);-webkit-appearance:none;appearance:none;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:.625rem .75rem;font-family:inherit;font-size:1rem;font-weight:500}._pcsc-input::placeholder{color:#94a3b8}._pcsc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._pcsc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._pcsc-input[type=number]{-moz-appearance:textfield}._pcsc-unit-toggle{background:var(--pcsc-bg-secondary);border-radius:var(--pcsc-radius);border-style:solid;border-width:1.5px;border-color:var(--pcsc-border);display:flex;overflow:hidden}._pcsc-unit-btn{min-width:44px;color:var(--pcsc-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s}._pcsc-unit-btn._pcsc-unit-active{background:var(--pcsc-primary);color:#fff}@media (hover:hover){._pcsc-unit-btn:not(._pcsc-unit-active):hover{color:var(--pcsc-primary)}}._pcsc-hint{color:var(--pcsc-text-muted);align-items:flex-start;gap:.375rem;font-size:.75rem;line-height:1.4;display:flex}._pcsc-hint svg{flex-shrink:0;margin-top:1px}._pcsc-calculate-btn{background:var(--pcsc-primary);color:#fff;border-radius:var(--pcsc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:.875rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #05966940}@media (hover:hover){._pcsc-calculate-btn:hover{opacity:.9}}._pcsc-calculate-btn:active{opacity:.85}@media (max-width:480px){._pcsc-input-section{gap:.875rem;padding:1rem}._pcsc-method-btn{padding:.5rem .375rem;font-size:.75rem}}@media (max-width:360px){._pcsc-method-btn span{font-size:.7rem}._pcsc-input-row{flex-wrap:wrap}._pcsc-input-wrapper{flex:100%}._pcsc-unit-toggle{flex:auto;justify-content:stretch}._pcsc-unit-btn{flex:1}}._pcsc-result-section{animation:.3s _pcsc-fadeIn}@keyframes _pcsc-fadeIn{0%{opacity:0}to{opacity:1}}._pcsc-result-card{background:var(--pcsc-bg);border-radius:var(--pcsc-radius-lg);box-shadow:var(--pcsc-shadow);border-style:solid;border-width:1px;border-color:var(--pcsc-border);text-align:center;margin-bottom:1rem;padding:1.5rem}._pcsc-size-badge{letter-spacing:.02em;color:#fff;background:var(--pcsc-primary);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:800;display:inline-flex}._pcsc-size-badge[data-size=xs]{background:var(--pcsc-color-xs)}._pcsc-size-badge[data-size=s]{background:var(--pcsc-color-s)}._pcsc-size-badge[data-size=m]{background:var(--pcsc-color-m)}._pcsc-size-badge[data-size=l]{background:var(--pcsc-color-l)}._pcsc-size-badge[data-size=xl]{background:var(--pcsc-color-xl)}._pcsc-size-name{color:var(--pcsc-text);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}._pcsc-size-range{color:var(--pcsc-text-muted);font-size:.8125rem;font-family:var(--main-font-mono,monospace)}._pcsc-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}._pcsc-stat-card{background:var(--pcsc-bg);border-radius:var(--pcsc-radius);text-align:center;box-shadow:var(--pcsc-shadow);border-style:solid;border-width:1px;border-color:var(--pcsc-border);padding:.875rem .75rem}._pcsc-stat-label{color:var(--pcsc-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.6875rem;font-weight:500}._pcsc-stat-value{color:var(--pcsc-text);font-size:.9375rem;font-weight:700;font-family:var(--main-font-mono,monospace)}._pcsc-tips{background:var(--pcsc-bg);border-radius:var(--pcsc-radius-lg);box-shadow:var(--pcsc-shadow);border-style:solid;border-width:1px;border-color:var(--pcsc-border);color:var(--pcsc-text-secondary);padding:1rem 1.25rem;font-size:.8125rem;line-height:1.6}._pcsc-tips:empty{display:none}._pcsc-tips-title{color:var(--pcsc-text);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}._pcsc-tips-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}._pcsc-tips-list li{padding-left:1.25rem;position:relative}._pcsc-tips-list li:before{content:"•";color:var(--pcsc-primary);font-weight:700;position:absolute;left:.25rem}@media (max-width:600px){._pcsc-stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){._pcsc-result-card{padding:1.25rem}._pcsc-stats{grid-template-columns:1fr;gap:.5rem}._pcsc-stat-card{text-align:left;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._pcsc-stat-label{margin-bottom:0}._pcsc-tips{padding:1rem}}@media (prefers-reduced-motion:reduce){._pcsc-result-section{animation:none}}._pcsc-reference{background:var(--pcsc-bg);border-radius:var(--pcsc-radius-lg);box-shadow:var(--pcsc-shadow);border-style:solid;border-width:1px;border-color:var(--pcsc-border);margin-top:1rem;padding:1.25rem}._pcsc-reference-title{color:var(--pcsc-text);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}._pcsc-reference-title svg{color:var(--pcsc-text-muted)}._pcsc-chart-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--pcsc-radius);min-height:180px;margin-bottom:1rem;overflow-x:auto}._pcsc-chart{border-collapse:collapse;width:100%;font-size:.8125rem}._pcsc-chart th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--pcsc-text-muted);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--pcsc-border);white-space:nowrap;padding:.5rem .625rem;font-size:.6875rem;font-weight:600}._pcsc-chart td{color:var(--pcsc-text-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pcsc-border);font-family:var(--main-font-mono,monospace);white-space:nowrap;padding:.5rem .625rem;font-size:.75rem}._pcsc-chart tr:last-child td{border-bottom:none}._pcsc-chart-size{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.6875rem;font-weight:700;display:inline-flex}._pcsc-chart tr._pcsc-chart-active{background:var(--pcsc-primary-light)}._pcsc-guide{border-top-style:dashed;border-top-width:1px;border-top-color:var(--pcsc-border);padding-top:1rem}._pcsc-guide-title{color:var(--pcsc-text);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}._pcsc-guide-title svg{color:var(--pcsc-text-muted)}._pcsc-guide-steps{color:var(--pcsc-text-secondary);flex-direction:column;gap:.375rem;margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5;display:flex}._pcsc-guide-note{color:var(--pcsc-text-muted);margin-top:.75rem;margin-bottom:0;font-size:.75rem;font-style:italic;line-height:1.5}@media (max-width:480px){._pcsc-reference{padding:1rem}._pcsc-chart td,._pcsc-chart th{padding:.5rem}._pcsc-guide-steps{padding-left:1.125rem}}