:root{--wic-primary:#0ea5e9;--wic-primary-dark:#0284c7;--wic-primary-light:#0ea5e91f;--wic-secondary:#14b8a6;--wic-text:#0f172a;--wic-text-muted:#64748b;--wic-text-light:#94a3b8;--wic-bg:#fff;--wic-bg-hover:#f0f9ff;--wic-border:#e2e8f0;--wic-border-focus:#0ea5e9;--wic-radius:var(--main-radius);--wic-radius-lg:var(--main-radius-lg);--wic-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--wic-shadow:0 4px 12px #0ea5e91a;--wic-focus-ring:0 0 0 3px #0ea5e91f;--wic-active-ring:0 0 0 2px #0ea5e933}._wic-container{gap:var(--main-space-5);flex-direction:column;max-width:760px;margin:0 auto;display:flex}._wic-panel{background:var(--wic-bg);border-radius:var(--wic-radius-lg);border-style:solid;border-width:1px;border-color:var(--wic-border);box-shadow:var(--wic-shadow-sm);padding:var(--main-space-6);gap:var(--main-space-5);flex-direction:column;display:flex}._wic-results{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:768px){._wic-container{padding-left:1rem;padding-right:1rem}._wic-panel{padding:var(--main-space-4)}}._wic-field-group{gap:var(--main-space-2);flex-direction:column;display:flex}._wic-field-group--sm{flex:1}._wic-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--wic-text);font-weight:600;display:flex}._wic-label svg{color:var(--wic-primary);flex-shrink:0}._wic-weight-input-row{align-items:center;gap:var(--main-space-3);display:flex}._wic-input{border-style:solid;border-width:1.5px;border-color:var(--wic-border);border-radius:var(--wic-radius);font-size:var(--main-text-base);color:var(--wic-text);background:var(--wic-bg);-moz-appearance:textfield;outline:none;flex:1;padding:.625rem 1rem;transition:border-color .15s,box-shadow .15s}._wic-input::-webkit-outer-spin-button{-webkit-appearance:none}._wic-input::-webkit-inner-spin-button{-webkit-appearance:none}._wic-input:focus{border-color:var(--wic-border-focus);box-shadow:var(--wic-focus-ring)}._wic-unit-toggle{border-style:solid;border-width:1px;border-color:var(--wic-border);border-radius:var(--wic-radius);flex-shrink:0;display:flex;overflow:hidden}._wic-unit-btn{font-size:var(--main-text-sm);color:var(--wic-text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem .875rem;font-weight:500;transition:background .15s,color .15s}._wic-unit-btn--active{background:var(--wic-primary);color:#fff}._wic-unit-btn:not(._wic-unit-btn--active):hover{background:var(--wic-bg-hover);color:var(--wic-text)}._wic-activity-grid{gap:var(--main-space-2);grid-template-columns:repeat(5,1fr);display:grid}._wic-activity-btn{padding:var(--main-space-3) var(--main-space-2);border-style:solid;border-width:1.5px;border-color:var(--wic-border);border-radius:var(--wic-radius);background:var(--wic-bg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}._wic-activity-btn:hover{border-color:var(--wic-primary);background:var(--wic-primary-light)}._wic-activity-btn--active{border-color:var(--wic-primary);background:var(--wic-primary-light);box-shadow:var(--wic-active-ring)}._wic-activity-icon{font-size:1.375rem;line-height:1}._wic-activity-name{font-size:var(--main-text-xs);color:var(--wic-text);font-weight:600}._wic-activity-desc{color:var(--wic-text-muted);font-size:10px}._wic-climate-grid{gap:var(--main-space-2);grid-template-columns:repeat(4,1fr);display:grid}._wic-climate-btn{padding:var(--main-space-3);border-style:solid;border-width:1.5px;border-color:var(--wic-border);border-radius:var(--wic-radius);background:var(--wic-bg);cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}._wic-climate-btn:hover{border-color:var(--wic-primary);background:var(--wic-primary-light)}._wic-climate-btn--active{border-color:var(--wic-primary);background:var(--wic-primary-light);box-shadow:var(--wic-active-ring)}._wic-climate-icon{font-size:1.375rem}._wic-climate-name{font-size:var(--main-text-xs);color:var(--wic-text);text-align:center;font-weight:500}._wic-advanced{border-top-style:solid;border-top-width:1px;border-top-color:var(--wic-border);padding-top:var(--main-space-4)}._wic-advanced-toggle{align-items:center;gap:var(--main-space-2);cursor:pointer;color:var(--wic-text-muted);font-size:var(--main-text-sm);background:0 0;border:none;width:100%;padding:0;font-weight:500;display:flex}._wic-advanced-toggle:hover{color:var(--wic-primary)}._wic-advanced-icon{align-items:center;margin-left:auto;transition:transform .2s;display:flex}._wic-advanced-icon--open{transform:rotate(180deg)}._wic-advanced-body{gap:var(--main-space-4);margin-top:var(--main-space-4);flex-direction:column;display:none}._wic-advanced-body--open{display:flex}._wic-advanced-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._wic-gender-row,._wic-condition-row{gap:var(--main-space-2);display:flex}._wic-gender-btn{border-style:solid;border-width:1.5px;border-color:var(--wic-border);border-radius:var(--wic-radius);background:var(--wic-bg);font-size:var(--main-text-sm);color:var(--wic-text-muted);cursor:pointer;flex:1;padding:.5rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}._wic-gender-btn--active{border-color:var(--wic-primary);background:var(--wic-primary-light);color:var(--wic-primary-dark)}._wic-gender-btn:not(._wic-gender-btn--active):hover{border-color:var(--wic-primary);color:var(--wic-text)}._wic-condition-btn{border-style:solid;border-width:1.5px;border-color:var(--wic-border);border-radius:var(--wic-radius);background:var(--wic-bg);font-size:var(--main-text-xs);color:var(--wic-text-muted);cursor:pointer;flex:1;padding:.5rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}._wic-condition-btn--active{border-color:var(--wic-primary);background:var(--wic-primary-light);color:var(--wic-primary-dark)}._wic-condition-btn:not(._wic-condition-btn--active):hover{border-color:var(--wic-primary);color:var(--wic-text)}@media (max-width:640px){._wic-activity-grid{grid-template-columns:repeat(3,1fr)}._wic-activity-grid ._wic-activity-btn:nth-child(4),._wic-activity-grid ._wic-activity-btn:nth-child(5){grid-column:span 1}._wic-climate-grid{grid-template-columns:repeat(2,1fr)}._wic-advanced-grid{grid-template-columns:1fr}._wic-condition-row{flex-wrap:wrap}}._wic-result-main{background:var(--wic-bg);border-radius:var(--wic-radius-lg);border-style:solid;border-width:1px;border-color:var(--wic-border);box-shadow:var(--wic-shadow-sm);padding:var(--main-space-6);text-align:center;justify-content:center;align-items:center;min-height:140px;display:flex}._wic-result-placeholder{align-items:center;gap:var(--main-space-3);color:var(--wic-text-light);flex-direction:column;display:flex}._wic-result-placeholder svg{opacity:.4}._wic-result-placeholder p{font-size:var(--main-text-sm);margin:0}._wic-result-content{align-items:center;gap:var(--main-space-2);flex-direction:column;width:100%;display:flex}._wic-result-value{background:linear-gradient(135deg, var(--wic-primary), var(--wic-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.25rem;font-weight:700;line-height:1}._wic-result-unit{font-size:var(--main-text-lg);color:var(--wic-text-muted);margin-top:-4px;font-weight:500}._wic-result-label{font-size:var(--main-text-sm);color:var(--wic-text-muted)}._wic-result-breakdown{align-items:center;gap:var(--main-space-4);margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--wic-border);font-size:var(--main-text-xs);color:var(--wic-text-muted);display:flex}._wic-result-breakdown-item{flex-direction:column;align-items:center;gap:2px;display:flex}._wic-result-breakdown-val{color:var(--wic-text);font-weight:600;font-family:var(--main-font-mono)}._wic-unit-cards{gap:var(--main-space-3);grid-template-columns:repeat(4,1fr);display:grid}._wic-unit-card{background:var(--wic-bg);border-radius:var(--wic-radius);border-style:solid;border-width:1px;border-color:var(--wic-border);box-shadow:var(--wic-shadow-sm);padding:var(--main-space-4) var(--main-space-3);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}._wic-unit-card-value{font-size:var(--main-text-xl);color:var(--wic-primary);font-weight:700;font-family:var(--main-font-mono)}._wic-unit-card-label{color:var(--wic-text-muted);font-size:11px}._wic-schedule{background:var(--wic-bg);border-radius:var(--wic-radius-lg);border-style:solid;border-width:1px;border-color:var(--wic-border);box-shadow:var(--wic-shadow-sm);overflow:hidden}._wic-schedule-toggle{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-4) var(--main-space-5);cursor:pointer;font-size:var(--main-text-sm);color:var(--wic-text);text-align:left;background:0 0;border:none;font-weight:600;display:flex}._wic-schedule-toggle:hover{background:var(--wic-bg-hover)}._wic-schedule-toggle svg{color:var(--wic-primary)}._wic-schedule-icon{align-items:center;margin-left:auto;transition:transform .2s;display:flex}._wic-schedule-icon--open{transform:rotate(180deg)}._wic-schedule-body{border-top:1px solid var(--wic-border);padding:var(--main-space-4) var(--main-space-5);display:none}._wic-schedule-body--open{display:block}._wic-schedule-list{gap:var(--main-space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}._wic-schedule-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--wic-primary-light);border-radius:var(--wic-radius);font-size:var(--main-text-xs);display:flex}._wic-schedule-time{color:var(--wic-primary-dark);font-weight:600;font-family:var(--main-font-mono);flex-shrink:0}._wic-schedule-amount{color:var(--wic-text-muted);white-space:nowrap}._wic-tips,._wic-tips-list{gap:var(--main-space-3);flex-direction:column;display:flex}._wic-tip-item{align-items:flex-start;gap:var(--main-space-3);background:var(--wic-bg);border-radius:var(--wic-radius);border-style:solid;border-width:1px;border-color:var(--wic-border);box-shadow:var(--wic-shadow-sm);padding:var(--main-space-4);display:flex}._wic-tip-icon{flex-shrink:0;font-size:1.25rem;line-height:1.4}._wic-tip-text{font-size:var(--main-text-sm);color:var(--wic-text-muted);line-height:1.5}._wic-tip-text strong{color:var(--wic-text);margin-bottom:2px;display:block}@media (max-width:640px){._wic-unit-cards{grid-template-columns:repeat(2,1fr)}._wic-result-value{font-size:2.5rem}._wic-result-breakdown{flex-wrap:wrap;justify-content:center}}