:root{--primary-color:#4a90e2;--primary-hover:#357abd;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--white:#fff;--black:#000;--bg-primary:var(--white);--bg-secondary:var(--light-color);--bg-dark:var(--dark-color);--text-primary:#212529;--text-secondary:#6c757d;--text-light:var(--white);--text-muted:#6c757d;--border-color:#dee2e6;--border-radius:4px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-monospace:"Courier New",Courier,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal:1040;--z-index-popover:1050;--z-index-tooltip:1060;--transition-base:all 0.2s ease-in-out;--transition-fade:opacity 0.15s linear}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.m-0{margin:0}.p-0{padding:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:var(--font-weight-bold)}.font-normal{font-weight:var(--font-weight-normal)}.font-light{font-weight:var(--font-weight-light)}.rounded{border-radius:var(--border-radius)}.border{border:1px solid var(--border-color)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.card{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}*{margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xl)}h2{font-size:calc(var(--font-size-xl)*.85)}h3{font-size:var(--font-size-lg)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--primary-hover)}.container{padding:0 var(--spacing-md);width:100%}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--spacing-sm);transition:var(--transition-base);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-sm);outline:none}code,pre{background-color:var(--bg-secondary);border-radius:var(--border-radius);font-family:var(--font-family-monospace);padding:var(--spacing-sm)}ol,ul{padding-left:var(--spacing-lg)}ol,table,ul{margin-bottom:var(--spacing-md)}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}th{background-color:var(--bg-secondary);font-weight:var(--font-weight-bold)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.container{height:100vh;width:100%}*{box-sizing:border-box}.App{display:flex;flex-direction:column;font-family:var(--font-family-base);height:100vh}.main-content{align-items:center;background:var(--bg-secondary);display:flex;flex:1 1;justify-content:center;padding:0;padding:var(--spacing-md)}.footer{background:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-sm)}.footer,.header{position:relative;text-align:center}.header{background-color:var(--bg-dark);color:var(--text-light);padding:var(--spacing-lg) var(--spacing-lg)}.header-home-icon{left:var(--spacing-lg)}.header-home-icon,.header-icons{position:absolute;top:var(--spacing-sm)}.header-icons{display:flex;gap:var(--spacing-md);right:var(--spacing-lg)}.icon-link{color:var(--text-light);text-decoration:none;transition:var(--transition-base)}.message-box{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-xl);white-space:nowrap;z-index:var(--z-index-tooltip)}:root{--search-bar-width:100%;--search-results-width:100%;--max-width:800px}.search-container{align-items:center;display:flex;flex-direction:column;flex-grow:0;position:relative;vertical-align:middle;width:100%}.search-bar{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);flex-grow:0;font-size:var(--font-size-base);max-width:800px;max-width:var(--max-width);padding:var(--spacing-sm);transition:var(--transition-base);width:100%;width:var(--search-bar-width)}.search-icon{color:var(--text-secondary);font-size:var(--font-size-xl);margin-top:var(--spacing-xs);pointer-events:none;position:absolute;right:var(--spacing-md)}.search-bar:focus,.search-bar:hover{border-color:var(--primary-color);outline:none}.search-results{background-color:var(--bg-primary);box-shadow:var(--shadow-md);flex-grow:0;list-style-type:none;margin-top:var(--spacing-xs);max-width:800px;max-width:var(--max-width);padding:0;position:absolute;top:100%;width:100%;width:var(--search-results-width);z-index:var(--z-index-dropdown)}.search-results li{cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm)}.search-results li:hover{background-color:var(--bg-secondary)}.centered-text{align-items:center;color:#000;display:flex;font-family:Arial,sans-serif;font-size:24px;font-weight:700;height:40px;justify-content:center;margin-bottom:10px}.blinking-text{animation:blink 1s steps(5,start) infinite;color:#2f2f2f;display:inline-block}.calculator-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin:var(--spacing-lg) auto;padding:var(--spacing-lg);width:400px}h2{text-align:center}.mortgage-form{display:flex;flex-direction:column}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.form-group input{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xs);width:100%}.form-group input:active{color:var(--primary-color)}.calculate-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--text-light);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition-base)}.calculate-button:hover{background-color:var(--primary-hover)}.result{color:var(--text-primary);font-size:var(--font-size-lg);margin-top:var(--spacing-lg);text-align:center}.container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.input-section,.output-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;flex:1 1;min-width:300px;padding:2rem}.input-section{gap:1.5rem}.input-section,.input-section>div{display:flex;flex-direction:column}.input-section>div{gap:.5rem}label{align-items:center;color:#333;cursor:help;display:inline-flex;font-weight:600;position:relative}label[data-tooltip]:hover:after{background-color:#333;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;content:attr(data-tooltip);font-size:.875rem;font-weight:400;left:0;max-width:300px;padding:.5rem 1rem;position:absolute;top:100%;width:max-content;z-index:1000}input{border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}button{background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:background-color .2s ease;width:100%}button:hover{background-color:#3182ce}button:active{background-color:#2c5282}.output-section{display:flex;flex-direction:column;gap:1.5rem}.output-section h2{color:#2d3748;font-size:1.5rem;margin:0}.output-section p{font-size:1.125rem;line-height:1.5;margin:.5rem 0}.loading-dots{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.loading-dots span{animation:bounce .5s infinite alternate;background-color:#4299e1;border-radius:50%;height:12px;width:12px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (max-width:768px){.container{gap:1.5rem;padding:1rem}.input-section,.output-section{min-width:100%;padding:1.5rem}label[data-tooltip]:hover:after{max-width:calc(100vw - 3rem)}input{font-size:16px}.output-section h2{font-size:1.25rem}.output-section p{font-size:1rem}}.tool-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family-base);height:80vh;max-width:800px;padding:var(--spacing-sm);width:600px}.tabs{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:center;padding:var(--spacing-sm) 0}.tab,.tabs{background-color:var(--bg-secondary)}.tab{border:none;cursor:pointer;font-weight:var(--font-weight-bold);margin:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.tab.active{background-color:var(--primary-color);border-radius:var(--border-radius);color:var(--text-light)}.editor-section{background-color:var(--bg-primary);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;padding:var(--spacing-md)}.editor{border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;flex:1 1;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);resize:none;width:100%}.editor-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between}.btn-clear,.btn-copy{border:none;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;flex:1 1;font-weight:var(--font-weight-bold);max-width:48%;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.btn-clear{background-color:var(--danger-color)}.btn-clear,.btn-copy{color:var(--text-light)}.btn-copy{background-color:var(--success-color)}@media (max-width:768px){.tool-container{box-sizing:border-box;margin:0;max-width:100%;padding:var(--spacing-sm);width:100%}.editor-section{overflow-x:hidden;padding:var(--spacing-sm)}.editor{box-sizing:border-box;font-size:var(--font-size-sm);max-width:100%;padding:var(--spacing-xs);width:100%}.tabs{flex-direction:column}.tab{margin:var(--spacing-xs) 0;text-align:center}.editor-actions{flex-direction:column;gap:var(--spacing-sm)}.btn-clear,.btn-copy{max-width:100%;width:100%}}.markdown-converter{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.converter-container{display:flex;gap:var(--spacing-lg);height:calc(100vh - 200px);min-height:400px}.converter-container>*{width:50%}.input-section,.preview-section{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-md)}.input-section h3,.preview-section h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.input-section textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);flex:1 1;font-family:var(--font-family-monospace);font-size:var(--font-size-base);padding:var(--spacing-md);resize:none;width:100%}.input-section textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-sm);outline:none}.preview-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.preview-actions button{align-items:center;display:inline-flex;gap:var(--spacing-sm);justify-content:center;min-width:130px;padding:var(--spacing-sm) var(--spacing-md)}.preview-actions button svg{font-size:var(--font-size-base)}.html-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.html-preview h1,.html-preview h2,.html-preview h3,.html-preview h4,.html-preview h5,.html-preview h6{color:var(--text-primary);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.html-preview p{line-height:1.6;margin-bottom:var(--spacing-md)}.html-preview code{font-family:var(--font-family-monospace);padding:var(--spacing-xs) var(--spacing-sm)}.html-preview code,.html-preview pre{background-color:var(--bg-dark);border-radius:var(--border-radius);color:var(--text-light)}.html-preview pre{margin-bottom:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md)}.html-preview pre code{background-color:initial;padding:0}.html-preview blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);margin:var(--spacing-md) 0;padding-left:var(--spacing-md)}.html-preview ol,.html-preview ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.html-preview li{margin-bottom:var(--spacing-xs)}.html-preview table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.html-preview td,.html-preview th{border:1px solid var(--border-color);padding:var(--spacing-sm)}.html-preview th{background-color:var(--bg-secondary);font-weight:var(--font-weight-bold)}@media (max-width:768px){.converter-container{flex-direction:column;height:auto}.input-section,.preview-section{min-height:300px}}@media (max-width:480px){.preview-actions{flex-direction:column}.preview-actions button{width:100%}}:root{--container-width:95%}.tophit-tools-container{align-items:center;flex:1 1;flex-grow:0;margin-top:20px;max-height:400px;max-width:750px;overflow-y:auto;position:relative;transition:max-height .3s ease;width:95%;width:var(--container-width)}.tool-button{align-items:center;background-color:#fdfdff;border:none;border-radius:20px;color:#393d3f;cursor:pointer;font-size:12px;justify-content:center;margin:5px;padding:10px}.tool-icon{margin-right:2px}.tool-name{font-weight:400}.tool-button:hover{background-color:#c6c5b9}
/*# sourceMappingURL=main.01d49706.css.map*/