html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#fff;color:#213547}.container{width:calc(100vw - 40px);margin:0 auto;max-width:1200px}h1{font-size:3.2em;line-height:1.1;max-width:1200px;margin:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s,background-color .3s}button:hover{border-color:#646cff;background-color:#e0e0e0}.calculator-sidebar,.tabs-container{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.calculator-sidebar::-webkit-scrollbar,.tabs-container::-webkit-scrollbar{width:8px;height:6px}.calculator-sidebar::-webkit-scrollbar-track,.tabs-container::-webkit-scrollbar-track{background:#f1f1f1}.calculator-sidebar::-webkit-scrollbar-thumb,.tabs-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.calculator-sidebar::-webkit-scrollbar-thumb:hover,.tabs-container::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}::view-transition-old(root){animation:90ms cubic-bezier(.4,0,1,1) both fade-out}::view-transition-new(root){animation:.21s cubic-bezier(0,0,.2,1) 90ms both fade-in}.sidebar-btn{background-color:#fff;color:#000;border-radius:8px;border-color:#000}.favorite-button{background-color:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out}.favorite-button:hover{transform:scale(1.2)}.favorite-button:focus{outline:none;box-shadow:none}.favorite-button svg{fill:#ccc}.favorite-button.filled svg{fill:red}select{background-color:#fff;color:#000;border:1px solid #ccc;border-radius:4px}input[type=number]{-moz-appearance:textfield;color:#000;background-color:#fff}@media (max-width: 1200px){.calculator-layout,.calculator-main,.calculator-bottom{flex-direction:column}.calculator-sidebar,.ad-container,.notes-section{flex:none;width:100%;border-right:none;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px;max-height:none;overflow-y:visible;position:static}.ad-container{margin-top:20px}.calculator-content-wrapper{flex-direction:column}}@media (max-width: 768px){.content-wrapper{flex-direction:column}.favorited-container{width:100%;order:-1;position:static;margin-left:0}.strategy-card{flex:1 1 100%}.calculator-explanation{padding:15px}.explanation-title{font-size:1.1rem}.explanation-section h4{font-size:.9rem}.explanation-section p{font-size:.8rem}.calculator-and-notes{flex-direction:column}.notes-section{height:200px}}@media (max-width: 480px){.file-uploader{flex-direction:column;align-items:flex-start}.file-info{margin-left:0;margin-top:10px}}.strategy-card{flex:1 1 calc(33.33% - 20px);min-width:250px;max-width:390px;background-color:#f0f0f0;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease}.strategy-card:hover{transform:scale(1.05)}.strategy-card h2{margin-top:0;margin-bottom:10px;font-size:1.2em}.strategy-card p{margin:0;flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.strategy-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.strategy-detail{background-color:#fff;padding:20px;border-radius:8px;max-width:800px;width:90%;display:flex;flex-direction:column;align-items:center}.strategy-detail svg{margin:20px 0}.code-examples{width:80%;margin:20px;padding:20px;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px #0000001a}.tabs li{margin-right:20px}.tabs li.active{border-bottom:2px solid #337ab7}.tabs a{color:#337ab7;text-decoration:none}.tabs a:hover{color:#23527c;cursor:pointer}.code{padding:20px;background-color:#f7f7f7;border-radius:10px;overflow-x:auto;overflow-y:auto;max-height:300px}.code code{font-size:14px;font-family:monospace;white-space:pre}.file-uploader{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap}.custom-file-upload{border:1px solid #ccc;display:inline-block;padding:8px 16px;cursor:pointer;background-color:#f8f8f8;border-radius:4px;font-size:14px;transition:all .3s ease}.custom-file-upload:hover{background-color:#e8e8e8}.custom-file-upload i{margin-right:5px}#file-upload{display:none}.file-info{display:flex;align-items:center;margin-left:10px}.file-name{font-size:14px;color:#666;margin-right:10px}.delete-button{background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;transition:background-color .3s ease}.delete-button:hover{background-color:#f33}.delete-button i{font-size:12px}.calculator{min-width:300px;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:10px}.input-group input{width:calc(100% - 20px);padding:10px;border:1px solid #ccc;border-radius:5px}.calculator button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.calculator button:hover{background-color:#3e8e41}.calculator-btn{margin:2px}.calculator-explanation{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;min-width:620px}.explanation-title{display:flex;align-items:center;font-size:1.2rem;color:#333;margin-bottom:15px}.info-icon{margin-right:10px;color:#007bff}.explanation-content{display:flex;flex-direction:column;gap:15px}.explanation-section h4{font-size:1rem;color:#555;margin-bottom:5px}.explanation-section p{font-size:.9rem;color:#666;line-height:1.5}.filter-container{display:flex;gap:10px;margin-bottom:20px}.filter-input,.filter-dropdown{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;color:#000;background-color:#fff}.filter-input{flex-grow:1}.filter-input:focus,.filter-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.calculator-container{margin:0 auto;padding:20px;max-width:1200px}.calculator-layout{display:flex;gap:20px}.calculator-sidebar{flex:0 0 250px;padding-right:20px;border-right:1px solid #ccc;max-height:80vh;overflow-y:auto;position:sticky;top:20px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.calculator-sidebar::-webkit-scrollbar{width:8px}.calculator-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.calculator-sidebar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.calculator-sidebar::-webkit-scrollbar-thumb:hover{background:#555}.calculator-top{width:100%}.calculator-bottom{display:flex;gap:20px}.content-wrapper{display:flex;flex-wrap:wrap;gap:20px}.strategy-grid{flex:1;display:flex;flex-wrap:wrap;gap:20px;min-width:0}.favorited-container{width:300px;background-color:#deedec;border-radius:8px;padding:15px;align-self:flex-start;position:sticky;top:20px;margin-left:auto;order:2}.favorited-container .strategy-card{margin-bottom:20px}.ad-container{max-width:300px;height:600px;flex:0 0 300px;position:relative;align-self:flex-start;position:sticky;top:20px}.ad-label{position:absolute;top:0;left:0;right:0;font-size:12px;color:#666;z-index:1;text-align:center;background-color:#f8f9fa;border-radius:10px 10px 0 0}.category{margin-bottom:20px}.category h3{margin-bottom:10px;font-size:1.2em;color:#333}.button-group{display:flex;flex-direction:column;gap:8px}.calculator-main{flex:1;display:flex;flex-direction:column;gap:20px}.calculator-and-notes{display:flex;gap:20px}.calculator-content{flex:1}.notes-section{flex:0 0 300px;height:auto}.ad-container{flex:0 0 300px}@media (max-width: 1200px){.calculator-layout{flex-direction:column}.calculator-sidebar,.ad-container{flex:none;width:100%;position:static}.calculator-and-notes{flex-direction:column}.notes-section{flex:none;width:100%}}.notes-section{flex:0 0 300px;border:1px solid #ccc;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.tabs-wrapper{display:flex;background-color:#f0f0f0;border-bottom:1px solid #ccc;position:relative}.tabs-container{flex:1;overflow-x:auto;white-space:nowrap;cursor:grab;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;max-width:300px}.tabs-container:active{cursor:grabbing}.tabs-container::-webkit-scrollbar{height:6px}.tabs-container::-webkit-scrollbar-track{background:#f1f1f1}.tabs-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.tabs-container::-webkit-scrollbar-thumb:hover{background:#555}.tabs{display:inline-block;white-space:nowrap;background-color:#f0f0f0;border-bottom:1px solid #ccc;padding-right:40px}.tab{padding:10px 15px;cursor:pointer;border-right:1px solid #ccc;display:inline-block;align-items:center;-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.tab.active{background-color:#fff;border-bottom:2px solid #007bff}.tab button{margin-left:12px;background:none;border:none;cursor:pointer;font-size:16px;flex-shrink:0;padding:0}.tab input{background:none;border:none;font-size:inherit;padding:0;margin:0;width:90px;outline:none;color:inherit}.tab.editing{background-color:#e0e0e0}.add-tab-button{padding:10px 15px;background:#f0f0f0;border:none;cursor:pointer;font-size:16px;position:absolute;right:0;top:0;bottom:0;height:45px;margin-top:4px;margin-right:4px}.add-tab-button-wrapper{background-color:#f0f0f0;position:absolute;right:0;width:48px;height:50px}.notes-section textarea{flex:1;padding:10px;border:none;resize:none}@media (max-width: 768px){.notes-section{height:200px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}