:root{--spacing:16px;--border-radius:12px;--border-radius-sm:6px;--border-radius-pill:9999px;--bg-app:#d4f8d4;--bg-card:#fff;--border-color:#cbd5e1;--border-darker:#94a3b8;--border-focus:#1d4ed8;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#2563eb;--primary-600:#1d4ed8;--primary-700:#1e40af;--success-bg:#d1fae5;--success-text:#065f46;--success-border:#6ee7b7;--danger-50:#fef2f2;--danger-500:#ef4444;--danger-600:#dc2626;--shadow-sm:0 1px 3px 0 #0f172a1a,0 1px 2px -1px #0f172a14;--shadow-md:0 4px 6px -1px #0f172a1f,0 2px 4px -2px #0f172a14;--shadow-lg:0 10px 15px -3px #0f172a1f,0 4px 6px -4px #0f172a14}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d4f8d4;background-color:var(--bg-app);color:#0f172a;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.container{margin:0 auto;max-width:100%;padding:calc(var(--spacing)*2.5) var(--spacing);width:980px}@media(max-width:980px){.container{padding:calc(var(--spacing)*1.5) var(--spacing);width:100%}}.row{display:flex;flex-wrap:wrap}.col{margin:0 var(--spacing) var(--spacing) 0;padding:var(--spacing)}.col-1{flex:0 0 calc(8.33% - var(--spacing))}.col-2{flex:0 0 calc(16.66% - var(--spacing))}.col-3{flex:0 0 calc(25% - var(--spacing))}.col-4{flex:0 0 calc(33.33% - var(--spacing))}.col-5{flex:0 0 calc(41.66% - var(--spacing))}.col-6{flex:0 0 calc(50% - var(--spacing))}.col-7{flex:0 0 calc(58.33% - var(--spacing))}.col-8{flex:0 0 calc(66.66% - var(--spacing))}.col-9{flex:0 0 calc(75% - var(--spacing))}.col-10{flex:0 0 calc(83.33% - var(--spacing))}.col-11{flex:0 0 calc(91.66% - var(--spacing))}.col-12{flex:0 0 calc(100% - var(--spacing))}@media(max-width:980px){.col{flex:0 0 calc(100% - var(--spacing));margin:0 0 var(--spacing) 0}}.hero{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:calc(var(--spacing)*2);position:-webkit-sticky;position:sticky;top:var(--spacing)}.hero-title{color:var(--text-primary);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;margin-bottom:calc(var(--spacing)*.5)}.hero-description{color:var(--text-secondary);font-size:1rem;line-height:1.5}.calculator{background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:calc(var(--spacing)*1.5);padding:calc(var(--spacing)*1.5);position:relative;transition:box-shadow .2s ease,border-color .2s ease}.calculator:hover{border-color:var(--border-darker);box-shadow:var(--shadow-lg)}.calculator-buttons{border-top:1px dashed var(--border-color);display:flex;justify-content:flex-end;margin-top:var(--spacing);padding-top:calc(var(--spacing)*.75)}.input{background-color:#fff;border:1.5px solid var(--border-darker);border-radius:var(--border-radius-sm);color:var(--text-primary);display:block;font-size:1rem;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #2563eb33;outline:none}.input-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:calc(var(--spacing)*.35)}.input-group{margin:calc(var(--spacing)*.75) 0}.input-radio{accent-color:var(--primary-600);cursor:pointer;margin-right:6px;vertical-align:middle}.calculator-name{background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:var(--spacing);margin-left:-8px;padding:4px 8px;transition:all .15s ease;width:100%}.calculator-name:hover{background-color:var(--primary-50)}.calculator-name:focus{background-color:#fff;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626;outline:none}.calculator-name::placeholder{color:var(--text-muted)}.calculator-result{background-color:#f1f5f9;border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:calc(var(--spacing)*.6);padding:calc(var(--spacing)*.85)}.calculator-result dt{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.calculator-result dd{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:700;gap:calc(var(--spacing)*.5);justify-content:space-between;margin:0;padding:0 0 calc(var(--spacing)*.5) 0}.calculator-result dd:last-of-type{border-bottom:none;padding-bottom:0}.calculator-result .copy-button{background-color:#fff;border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 10px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.calculator-result .copy-button:hover{background-color:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.calculator-result .copy-button.copied{background-color:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.button{align-items:center;background-color:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--border-radius-sm);color:var(--primary-600);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;line-height:1;outline:none;padding:6px 14px;transition:all .15s ease}.button:hover{background-color:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-sm);color:#fff}.button:active{transform:scale(.98)}
/*# sourceMappingURL=main.48ebee99.css.map*/