.Percentage-module__2LPZqG__container{width:100%}.Percentage-module__2LPZqG__title{color:var(--color-primary);text-align:center;margin-bottom:var(--space-2)}.Percentage-module__2LPZqG__description{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-5)}.Percentage-module__2LPZqG__modeSelector{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.Percentage-module__2LPZqG__modeButton{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-size:var(--text-sm);padding:12px 24px}.Percentage-module__2LPZqG__modeButton:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.Percentage-module__2LPZqG__modeButtonActive{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.Percentage-module__2LPZqG__modeButtonActive:hover{background:var(--color-primary-light)}.Percentage-module__2LPZqG__calculator{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.Percentage-module__2LPZqG__calculationArea{width:100%}.Percentage-module__2LPZqG__inputRow{justify-content:center;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.Percentage-module__2LPZqG__inputGroup{gap:var(--space-2);flex-direction:column;flex:1;min-width:120px;max-width:200px;display:flex}.Percentage-module__2LPZqG__inputGroup label{color:var(--color-text);font-weight:500;font-size:var(--text-sm);text-align:center}.Percentage-module__2LPZqG__input{height:48px;padding:0 var(--space-3);font-size:var(--text-lg);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color var(--transition-fast);font-weight:600}.Percentage-module__2LPZqG__input:focus{border-color:var(--color-primary);outline:none}.Percentage-module__2LPZqG__operator{font-size:var(--text-lg);color:var(--color-text-muted);padding-bottom:var(--space-2);align-self:flex-end;font-weight:600}.Percentage-module__2LPZqG__equals{font-size:var(--text-xl);color:var(--color-primary);padding-bottom:var(--space-2);align-self:flex-end;font-weight:700}.Percentage-module__2LPZqG__resultGroup{gap:var(--space-2);flex-direction:column;flex:1;min-width:120px;max-width:200px;display:flex}.Percentage-module__2LPZqG__resultGroup label{color:var(--color-text);font-weight:500;font-size:var(--text-sm);text-align:center}.Percentage-module__2LPZqG__result{height:48px;padding:0 var(--space-3);font-size:var(--text-lg);text-align:center;border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-bg);color:var(--color-primary);justify-content:center;align-items:center;font-weight:700;display:flex}.Percentage-module__2LPZqG__resultIncrease{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.Percentage-module__2LPZqG__resultDecrease{color:#c62828;background:#ffebee;border-color:#c62828}.Percentage-module__2LPZqG__resultUpdated{animation:.3s Percentage-module__2LPZqG__pulse}@keyframes Percentage-module__2LPZqG__pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.Percentage-module__2LPZqG__formula{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--space-3);font-family:Courier New,monospace}.Percentage-module__2LPZqG__changeType{margin-top:var(--space-2);color:var(--color-text);font-weight:600;display:block}.Percentage-module__2LPZqG__buttonSection{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.Percentage-module__2LPZqG__copyButton{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:12px 24px;font-weight:600}.Percentage-module__2LPZqG__copyButton:hover{background:var(--color-primary-light)}.Percentage-module__2LPZqG__shareButton{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:12px 24px;font-weight:600}.Percentage-module__2LPZqG__shareButton:hover{background:#1565c0}.Percentage-module__2LPZqG__clearButton{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:12px 24px;font-weight:600}.Percentage-module__2LPZqG__clearButton:hover{border-color:var(--color-error);color:var(--color-error)}.Percentage-module__2LPZqG__copiedMessage{text-align:center;color:var(--color-primary);margin-top:var(--space-3);font-weight:600;display:block}.Percentage-module__2LPZqG__explanationSection{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.Percentage-module__2LPZqG__explanationSection h3{color:var(--color-primary);font-size:var(--text-lg);margin-bottom:var(--space-2);margin-top:var(--space-4)}.Percentage-module__2LPZqG__explanationSection h3:first-child{margin-top:0}.Percentage-module__2LPZqG__explanationSection p,.Percentage-module__2LPZqG__explanationSection ul{color:var(--color-text-muted);line-height:1.7}.Percentage-module__2LPZqG__explanationSection ul{padding-left:var(--space-4);margin-top:var(--space-2)}.Percentage-module__2LPZqG__explanationSection li{margin-bottom:var(--space-2)}.Percentage-module__2LPZqG__example{background:var(--color-bg-soft);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);margin-top:var(--space-3)}@media (max-width:640px){.Percentage-module__2LPZqG__calculator{padding:var(--space-4)}.Percentage-module__2LPZqG__modeSelector{flex-direction:column}.Percentage-module__2LPZqG__modeButton{width:100%}.Percentage-module__2LPZqG__inputRow{align-items:stretch;gap:var(--space-4);flex-direction:column}.Percentage-module__2LPZqG__inputGroup,.Percentage-module__2LPZqG__resultGroup{max-width:100%}.Percentage-module__2LPZqG__operator,.Percentage-module__2LPZqG__equals{align-self:center;padding-bottom:0}.Percentage-module__2LPZqG__buttonSection{flex-direction:column}.Percentage-module__2LPZqG__buttonSection button{width:100%}}