.miniapp{--miniapp-primary:#000;--miniapp-secondary:#fff;--miniapp-gray-50:#f9fafb;--miniapp-gray-100:#f3f4f6;--miniapp-gray-200:#e5e7eb;--miniapp-gray-300:#d1d5db;--miniapp-gray-400:#9ca3af;--miniapp-gray-500:#6b7280;--miniapp-gray-600:#4b5563;--miniapp-gray-700:#374151;--miniapp-gray-800:#1f2937;--miniapp-gray-900:#111827;--miniapp-red-500:#ef4444;--miniapp-blue-500:#3b82f6;--miniapp-green-500:#10b981;--miniapp-green-600:#059669;--miniapp-primary-dark:#0f2537;--miniapp-primary-light:#2c5273;--miniapp-accent:#d4af37;--miniapp-accent-light:#e8c968;--miniapp-success:#2d6a4f;--miniapp-warning:#b85c00;--miniapp-text:#1f2937;--miniapp-text-light:#6b7280;--miniapp-bg-secondary:#fff;--miniapp-border:#e5e0d8;--miniapp-error:#c53030;--miniapp-shadow-sm:0 1px 2px 0 rgba(26,58,82,.05);--miniapp-shadow-md:0 4px 6px -1px rgba(26,58,82,.08),0 2px 4px -1px rgba(26,58,82,.04);--miniapp-shadow-lg:0 10px 15px -3px rgba(26,58,82,.1),0 4px 6px -2px rgba(26,58,82,.05);--miniapp-shadow-xl:0 20px 25px -5px rgba(26,58,82,.1),0 10px 10px -5px rgba(26,58,82,.04);--miniapp-transition-base:all .2s cubic-bezier(.4,0,.2,1);--miniapp-transition-smooth:all .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;margin:0;padding:0}.miniapp *{box-sizing:border-box;margin:0;padding:0}.miniapp-container{margin:0 auto}.miniapp-form{max-width:500px;background:var(--miniapp-secondary);padding:30px;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid var(--miniapp-gray-200)}.miniapp-section{padding-bottom:1rem}.miniapp-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.miniapp-section-title{font-size:1.2rem;font-weight:600;color:var(--miniapp-gray-900);margin-bottom:20px}.miniapp-field-group{display:flex;justify-content:space-between;gap:1rem;align-items:top}.miniapp-field{flex:1}.miniapp-label{display:block;margin-bottom:8px;font-weight:500;color:var(--miniapp-gray-700);font-size:1rem}.miniapp-input{width:100%;padding:10px 12px;margin-bottom:20px;border:1px solid var(--miniapp-gray-300);border-radius:6px;font-size:1rem;transition:all .15s ease;background:var(--miniapp-secondary);color:var(--miniapp-gray-900)}.miniapp-input:focus{outline:none;border-color:var(--miniapp-gray-400)}.miniapp-input.error{border-color:var(--miniapp-red-500)}.miniapp-button-group{display:flex;gap:12px;margin-top:25px}.miniapp-btn{flex:1;padding:10px 18px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:20px}.miniapp-btn-primary{background:var(--miniapp-gray-900);color:var(--miniapp-secondary);border-color:var(--miniapp-gray-900)}.miniapp-btn-primary:hover{background:var(--miniapp-gray-800);border-color:var(--miniapp-gray-800)}.miniapp-btn-secondary{background:var(--miniapp-secondary);color:var(--miniapp-gray-700);border-color:var(--miniapp-gray-300)}.miniapp-btn-secondary:hover{background:var(--miniapp-gray-50)}.miniapp-card{background:var(--miniapp-secondary);padding:20px;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid var(--miniapp-gray-200)}.miniapp-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;max-width:1200px;margin:0 auto 30px}@media (max-width:768px){.miniapp-cards-wrapper{grid-template-columns:1fr}}.miniapp-card-title{font-size:14px;color:var(--miniapp-gray-600);margin-bottom:8px;font-weight:500}.miniapp-card-text{font-size:24px;font-weight:600;color:var(--miniapp-gray-900)}.miniapp-error-message{color:var(--miniapp-red-500);font-size:12px;margin-top:-15px;margin-bottom:15px;display:none}.miniapp-error-message.show{display:block}.miniapp-cards-wrapper.hidden{display:none}.miniapp-info{background:var(--miniapp-gray-100);color:var(--miniapp-gray-600);padding:12px 16px;border-radius:6px;font-size:13px;margin-bottom:20px}.miniapp-recommendation{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:20px}.miniapp-recommendation.benefit{border-left:4px solid var(--miniapp-green-500)}.miniapp-recommendation.loss{border-left:4px solid var(--miniapp-red-500)}.miniapp-recommendation h2{font-size:20px;margin-bottom:12px}.miniapp-recommendation p{font-size:16px;line-height:1.6;margin-bottom:8px}.hidden{display:none}.miniapp-calculation-step{background:var(--miniapp-gray-50);border:1px solid var(--miniapp-gray-200);border-radius:8px;padding:20px;margin-bottom:20px}.miniapp-step-title{font-size:18px;font-weight:600;color:var(--miniapp-gray-900);margin-bottom:12px}.miniapp-step-desc{font-size:15px;color:var(--miniapp-gray-700);line-height:1.6;margin-bottom:10px}.miniapp-step-formula{font-size:15px;color:var(--miniapp-gray-800);line-height:1.6;margin-bottom:16px;padding:12px;background:var(--miniapp-secondary);border-left:3px solid var(--miniapp-blue-500);border-radius:4px}.miniapp-step-list{list-style-position:inside;margin-bottom:16px;padding-left:8px}.miniapp-step-list li{font-size:15px;color:var(--miniapp-gray-700);line-height:1.8;margin-bottom:6px}.miniapp-calculation-detail{background:var(--miniapp-secondary);border-radius:6px;padding:16px;border:1px solid var(--miniapp-gray-200)}.miniapp-calc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.miniapp-calc-row:last-of-type{border-bottom:none}.miniapp-calc-label{font-size:14px;color:var(--miniapp-gray-700);flex:1}.miniapp-calc-value{font-size:16px;font-weight:600;color:var(--miniapp-gray-900);text-align:right}.miniapp-calc-formula{font-size:13px;color:var(--miniapp-gray-600);font-family:'Courier New',monospace;padding:8px 12px;background:var(--miniapp-gray-50);border-radius:4px;margin-bottom:12px;overflow-x:auto}.miniapp-calc-result{background:var(--miniapp-gray-50);padding:12px;border-radius:6px;margin-top:8px}.miniapp-calc-result .miniapp-calc-label{font-weight:600;color:var(--miniapp-gray-900)}.miniapp-calc-result .miniapp-calc-value{font-size:18px;color:var(--miniapp-gray-900)}.miniapp-calc-comparison{background:var(--miniapp-green-50)}.miniapp-calc-comparison .miniapp-calc-value{line-height:1.6}@media (max-width:640px){.miniapp-field-group{grid-template-columns:1fr}.miniapp-calc-row{flex-direction:column;align-items:flex-start;gap:6px}.miniapp-calc-value{text-align:left}.miniapp-step-title{font-size:16px}.miniapp-calculation-step{padding:16px}}.miniapp-calculation-details{background:var(--miniapp-bg-secondary);border:1px solid var(--miniapp-border);border-radius:12px;overflow:hidden;box-shadow:var(--miniapp-shadow-md)}.miniapp-details-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:0 0;border:none;padding:1.5rem 2rem;font-size:1rem;font-weight:500;color:var(--miniapp-primary);cursor:pointer;transition:var(--miniapp-transition-base)}.miniapp-details-toggle:hover{background:var(--miniapp-bg)}.miniapp-toggle-icon{font-size:.875rem;transition:var(--miniapp-transition-base)}.miniapp-details-content{padding:0 2rem 2rem;max-height:2000px;transition:var(--miniapp-transition-smooth)}.miniapp-details-content.hidden{max-height:0;padding:0;overflow:hidden}.miniapp-details-section{background:var(--miniapp-bg);border:1px solid var(--miniapp-border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.miniapp-details-section:last-child{margin-bottom:0}.miniapp-details-title{font-family:var(--miniapp-font-display);font-size:1.5rem;font-weight:600;color:var(--miniapp-primary);margin-bottom:1rem;letter-spacing:-.01em}.miniapp-details-formula{background:#fff;border:1px solid var(--miniapp-border);border-radius:6px;padding:1rem}.miniapp-formula-line{display:flex;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;line-height:1.6}.miniapp-formula-line:last-child{margin-bottom:0}.miniapp-formula-line.miniapp-formula-result{padding-top:.75rem;border-top:2px solid var(--miniapp-border);margin-top:.75rem}.miniapp-formula-label{color:var(--miniapp-text-light);font-weight:500;min-width:100px;flex-shrink:0}.miniapp-formula-line code{font-family:'Courier New',monospace;background:rgba(26,58,82,.05);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;color:var(--miniapp-primary)}.miniapp-formula-line strong{font-weight:600;color:var(--miniapp-primary);font-size:1.05rem}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}