:root{--bg: #161616;--bg-shade: #272727;--text: #fafafa;--primary: #de5c0b;--secondary: #000000;--accent: #ffffff;--border: #7e7e7e;--border-shade: #3d3d3d;--scale: 1;--text-scale: 1;--text-xsmall: 12px;--text-small: 14px;--text-medium: 16px;--text-body: 18px;--text-title: 24px;--text-title-large: 32px}*{margin:0;padding:0;box-sizing:border-box}html::-webkit-scrollbar{display:none}body{font-family:Manrope,sans-serif;background:var(--bg);color:var(--text);padding:calc(20px * var(--scale));max-width:calc(1440px * var(--scale));margin:0 auto}a{color:var(--primary);text-decoration:none}#custom-title-bar{display:flex;justify-content:space-between;align-items:center;height:calc(32px * var(--scale));background:var(--bg-shade);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;z-index:10000;border-bottom:1px solid var(--border-shade)}.title-bar-drag-area{flex:1;display:flex;align-items:center;padding-left:calc(12px * var(--scale));-webkit-app-region:drag}.title-bar-title{font-size:calc(var(--text-body) * var(--text-scale));font-weight:500;color:var(--text);position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.title-bar-controls{display:flex;-webkit-app-region:no-drag}.title-bar-button{width:calc(46px * var(--scale));height:calc(32px * var(--scale));min-width:40px;min-height:28px;border:none;background:transparent;color:var(--text);font-size:calc(var(--text-medium) * var(--text-scale));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.title-bar-button:hover{background:#ffffff1a}.title-bar-button:active{background:#fff3}#title-bar-close:hover{background:#e81123;color:#fff}#title-bar-close:active{background:#c50e1f}body.has-title-bar{padding-top:calc((20px + 32px) * var(--scale))}body::-webkit-scrollbar{display:none}img:not(.header-logo-pic,.setup-guide-image){width:calc(42px * var(--scale));height:calc(42px * var(--scale))}.header{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--bg);margin-bottom:calc(.7rem * var(--scale))}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--scale));background:var(--bg-shade);border:1px solid var(--border-shade);border-radius:calc(14px * var(--scale));padding:calc(16px * var(--scale)) calc(52px * var(--scale)) calc(16px * var(--scale)) calc(20px * var(--scale));margin-bottom:calc(18px * var(--scale));position:relative}.cta-banner.is-hidden{display:none}.cta-content{display:flex;flex-direction:column;gap:calc(4px * var(--scale))}.cta-title{font-size:calc(var(--text-body) * var(--text-scale));font-weight:700}.cta-subtitle{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:calc(10px * var(--scale)) calc(18px * var(--scale));background:var(--primary);color:#fff;border-radius:calc(10px * var(--scale));font-weight:700;font-size:calc(var(--text-small) * var(--text-scale));text-decoration:none;transition:transform .15s ease,background-color .2s ease;white-space:nowrap}.cta-button:hover{background:#c24f09;transform:translateY(calc(-1px * var(--scale)))}.cta-button:active{transform:translateY(0)}.cta-close{position:absolute;top:calc(-8px * var(--scale));right:calc(-8px * var(--scale));width:calc(26px * var(--scale));height:calc(26px * var(--scale));border-radius:50%;border:1px solid var(--border);background:var(--bg-shade);color:#fff;cursor:pointer;font-size:calc(var(--text-small) * var(--text-scale));display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0 0 0 1px}.cta-close:hover{color:var(--primary);border-color:var(--primary);background:#de5c0b14}.cta-close svg{width:calc(14px * var(--scale));height:calc(14px * var(--scale))}.settings-download-btn{margin-top:calc(10px * var(--scale));padding:calc(10px * var(--scale)) calc(16px * var(--scale));border-radius:calc(10px * var(--scale));border:1px solid var(--border);background:var(--bg-shade);color:var(--text);font-weight:600;font-size:calc(var(--text-small) * var(--text-scale));cursor:pointer;transition:all .2s ease}.settings-download-btn:hover{border-color:var(--primary);color:var(--primary);background:#de5c0b14}.header-logo{display:flex;align-items:center;gap:calc(12px * var(--scale));font-weight:600;font-size:calc(var(--text-title) * var(--text-scale))}.header-nav{display:flex;gap:calc(30px * var(--scale));position:absolute;left:50%;transform:translate(-50%);font-weight:600;font-size:calc(var(--text-body) * var(--text-scale))}.nav-item:first-child{margin-left:calc(40px * var(--scale))}.nav-item{display:inline-flex;align-items:center;gap:calc(6px * var(--scale));cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none;padding-bottom:calc(4px * var(--scale));border-bottom:2px solid transparent}.nav-item:hover{color:var(--primary)}.nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-badge{padding:calc(2px * var(--scale)) calc(8px * var(--scale));border-radius:999px;background:var(--primary);color:#fff;font-size:calc(var(--text-xsmall) * var(--text-scale));font-weight:700;text-transform:uppercase;letter-spacing:.05em}.nav-badge-new{background:linear-gradient(90deg,#de5c0b,#f97316)}.header-user{position:relative}.page{display:none}.page.active{display:block}.my-account-button{display:flex;align-items:center;gap:calc(12px * var(--scale));padding:calc(8px * var(--scale)) calc(12px * var(--scale));background:transparent;border:none;cursor:pointer;color:var(--text);transition:all .2s ease;border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;min-width:calc(240px * var(--scale))}.my-account-button:hover{background:#ffffff0d}.my-account-button.active{color:var(--primary)}.my-account-button.active .my-account-arrow{transform:rotate(-90deg)}.my-account-icon{flex-shrink:0;color:currentColor}.my-account-content{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2px * var(--scale));min-width:calc(150px * var(--scale));flex:1}.my-account-label{font-size:calc(var(--text-small) * var(--text-scale));font-weight:500;color:currentColor;line-height:1.2}.my-account-username{font-size:calc(var(--text-small) * var(--text-scale));font-weight:400;color:var(--text);opacity:.7;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(150px * var(--scale))}.my-account-arrow{flex-shrink:0;color:currentColor;transition:transform .2s ease;transform:rotate(90deg);margin-left:auto}.my-account-menu{display:none;position:absolute;top:calc(100% + 8px * var(--scale));right:0;background:var(--bg-shade);border:1px solid var(--border);border-radius:calc(8px * var(--scale));min-width:calc(240px * var(--scale));box-shadow:0 calc(4px * var(--scale)) calc(12px * var(--scale)) #0000004d;z-index:1000;padding:calc(8px * var(--scale)) 0;animation:slideDown .2s ease-out;overflow:hidden}.my-account-menu-item{width:100%;display:flex;align-items:center;gap:calc(12px * var(--scale));padding:calc(12px * var(--scale)) calc(16px * var(--scale));background:transparent;border:none;color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-weight:400;cursor:pointer;transition:background .2s ease;font-family:Manrope,sans-serif;text-align:left}.my-account-menu-item:hover{background:#ffffff0d}.my-account-menu-item span{flex:1}.my-account-menu-icon{flex-shrink:0;color:currentColor}.my-account-menu-arrow{flex-shrink:0;color:currentColor;opacity:.5}.my-account-menu-divider{height:1px;background:var(--border);margin:calc(8px * var(--scale)) 0}.my-account-menu-item-static{cursor:default;opacity:.7}.my-account-menu-item-static:hover{background:transparent}.my-account-version{font-weight:500;color:var(--text);text-align:right}@keyframes slideDown{0%{opacity:0;transform:translateY(calc(-10px * var(--scale)))}to{opacity:1;transform:translateY(0)}}.update-spinner{display:inline-block;animation:spin 1s linear infinite;margin-left:calc(8px * var(--scale))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-status{padding:calc(8px * var(--scale)) calc(16px * var(--scale));margin-top:calc(8px * var(--scale));font-size:calc(var(--text-small) * var(--text-scale));border-radius:calc(4px * var(--scale));margin-left:calc(16px * var(--scale));margin-right:calc(16px * var(--scale))}.update-status.info{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.update-status.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.update-status.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.segmented-wrapper{display:flex;justify-content:flex-end;margin-bottom:calc(1rem * var(--scale))}.segmented{position:relative;display:inline-flex;border:1px solid var(--border);border-radius:calc(24px * var(--scale));overflow:hidden;background:var(--bg)}.segmented-active-bg{position:absolute;top:0;left:0;width:calc(125px * var(--scale));height:calc(40px * var(--scale));background:var(--primary);border-radius:calc(24px * var(--scale));z-index:0;transition:transform .25s ease}.segmented label{position:relative;-webkit-user-select:none;user-select:none;display:flex;z-index:1}.segmented input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.segmented .button-label{width:calc(125px * var(--scale));height:calc(40px * var(--scale));padding:0 calc(18px * var(--scale));display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--scale));color:var(--text);background:transparent;font-size:calc(var(--text-small) * var(--text-scale));font-weight:500;transition:color .15s}.check-icon{margin-left:calc(-15px * var(--scale));opacity:0;transition:opacity .15s}.segmented input:checked+.button-label{color:#fff}.segmented input:checked+.button-label .check-icon{opacity:1}.segmented label:active .button-label{background:var(--bg-shade)}.segmented label:first-child .button-label{border-radius:calc(24px * var(--scale)) 0 0 calc(24px * var(--scale))}.segmented label:last-child .button-label{border-radius:0 calc(24px * var(--scale)) calc(24px * var(--scale)) 0}.stats-container{display:grid;grid-template-columns:calc(1100px * var(--scale)) calc(280px * var(--scale));grid-template-rows:repeat(3,1fr);gap:calc(15px * var(--scale)) calc(20px * var(--scale));height:calc(600px * var(--scale))}.container-big{grid-row:1 / 4;background:var(--bg-shade);border:1px solid var(--border);height:100%}.container-small{background:var(--bg-shade);border:1px solid var(--border);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(20px * var(--scale));position:relative}.overlay-widget-btn{position:absolute;bottom:calc(8px * var(--scale));right:calc(8px * var(--scale));width:calc(28px * var(--scale));height:calc(28px * var(--scale));min-width:24px;min-height:24px;background:transparent;border:1px solid var(--border);border-radius:calc(6px * var(--scale));color:var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.overlay-widget-btn:hover{background:#de5c0b1a;border-color:var(--primary);color:var(--primary)}.overlay-widget-btn:active{transform:scale(.95)}.overlay-widget-btn svg{width:calc(14px * var(--scale));height:calc(14px * var(--scale));min-width:12px;min-height:12px}.maintext{display:flex;align-items:center;gap:calc(8px * var(--scale))}.subtext{color:var(--text);font-size:calc(var(--text-small) * var(--text-scale))}.wealth-graph{width:100%;height:calc(120px * var(--scale));margin:calc(30px * var(--scale))}.inventory-breakdown-wrapper{display:grid;grid-template-columns:calc(1100px * var(--scale)) 1fr;gap:calc(1.2rem * var(--scale));max-width:100%}.inventory-section{min-width:0}.usage-container{max-width:calc(1100px * var(--scale));background-color:var(--bg);border:1px solid var(--border);margin-top:calc(1rem * var(--scale));margin-bottom:calc(.5rem * var(--scale))}.usage-header{padding:calc(.75rem * var(--scale)) calc(1rem * var(--scale));background-color:var(--bg-shade);border-bottom:1px solid var(--border);font-size:calc(var(--text-small) * var(--text-scale));font-weight:600;color:var(--text)}.usage-content{padding:0}.usage-footer{display:grid;grid-template-columns:1fr auto;gap:calc(1rem * var(--scale));padding:calc(.75rem * var(--scale));margin-top:calc(.5rem * var(--scale));border-top:1px solid var(--border);background-color:var(--bg-shade);font-size:calc(var(--text-small) * var(--text-scale));font-weight:600}.usage-footer-label{color:var(--text)}.usage-footer-total{text-align:right;color:var(--text);min-width:calc(100px * var(--scale))}.inventory-container{max-width:calc(1100px * var(--scale));background-color:var(--bg);border:1px solid var(--border);margin-top:calc(1rem * var(--scale))}#inventory{max-width:calc(1100px * var(--scale));background-color:var(--bg);border:1px solid var(--border);border-top:none}.item-row{display:grid;grid-template-columns:1fr calc(120px * var(--scale)) calc(120px * var(--scale)) calc(120px * var(--scale));gap:calc(2rem * var(--scale));padding:calc(1rem * var(--scale)) calc(2rem * var(--scale)) calc(1rem * var(--scale)) calc(1.25rem * var(--scale));border-bottom:1px solid var(--bg-shade);color:var(--text);align-items:center}.item-row:last-child{border-bottom:none}.header-row{font-weight:600;background-color:var(--bg-shade)}.item-name{display:flex;align-items:center;gap:calc(12px * var(--scale))}.item-icon{flex-shrink:0}.item-name-content{display:flex;flex-direction:column;gap:.25rem}.item-quantity{text-align:center}.item-price{display:contents}.price-single,.item-single{position:relative;text-align:center}.price-total,.item-total{position:relative;text-align:center;min-width:calc(120px * var(--scale))}.item-single,.item-total{cursor:pointer}.no-price{color:#9ca3af}.price-stale{color:#de5c0b}.price-very-stale{color:#982104}.price-help-icon{position:relative;display:inline-flex;align-items:center;margin-left:calc(4px * var(--scale));color:#6b7280;cursor:help;vertical-align:middle}.price-help-icon svg{width:calc(12px * var(--scale));height:calc(12px * var(--scale));min-width:10px;min-height:10px;opacity:.6;transition:opacity .2s ease}.price-help-icon:hover svg{opacity:1;color:#9ca3af}.price-help-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-shade);border:1px solid var(--border);border-radius:calc(6px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));font-size:calc(var(--text-small) * var(--scale));line-height:1.5;white-space:nowrap;color:#d1d5db;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;box-shadow:0 4px 12px #0006;pointer-events:none}.price-help-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent}.price-help-tooltip strong{display:block;margin-bottom:calc(6px * var(--scale));color:#fff;font-size:calc(var(--text-xsmall) * var(--scale))}.price-help-icon:hover .price-help-tooltip{opacity:1;visibility:visible}.item-single:after,.item-total:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(8px * var(--scale));height:calc(5px * var(--scale));min-width:6px;min-height:4px;opacity:0;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.809014 0.10208C0.948334 0.199699 1.05948 0.331105 1.17497 0.459559C1.2035 0.490742 1.23202 0.521925 1.26142 0.554053C1.33911 0.638996 1.41642 0.724349 1.49367 0.809787C1.57465 0.899216 1.65599 0.988256 1.73729 1.07734C1.89096 1.24583 2.0443 1.41467 2.19754 1.58364C2.3721 1.77609 2.54702 1.96815 2.72197 2.16019C3.08163 2.55499 3.44085 2.95027 3.79977 3.34587C3.902 3.29701 3.96902 3.23688 4.04728 3.1504C4.07145 3.12385 4.09563 3.09731 4.12053 3.06996C4.14677 3.04081 4.17301 3.01165 4.20004 2.98162C4.2428 2.93452 4.28556 2.88743 4.32833 2.84035C4.37421 2.78976 4.42002 2.73909 4.4658 2.68841C4.56136 2.58264 4.65719 2.47718 4.75307 2.37177C5.02565 2.07199 5.29787 1.77182 5.56981 1.47134C5.72005 1.30534 5.87052 1.13959 6.02123 0.974096C6.1165 0.869455 6.21148 0.764516 6.30625 0.659342C6.3793 0.578458 6.45276 0.498021 6.52615 0.417512C6.56522 0.373885 6.56522 0.373885 6.60508 0.329376C6.77189 0.14754 6.89922 0.033314 7.13854 0C7.31847 0.0241685 7.4486 0.0941857 7.57361 0.237928C7.64223 0.355014 7.65931 0.449745 7.66295 0.586324C7.6647 0.628715 7.6647 0.628715 7.66647 0.671962C7.63876 0.861889 7.50561 1.00062 7.38526 1.13259C7.35655 1.16424 7.32784 1.19588 7.29826 1.22848C7.26667 1.26295 7.23508 1.29741 7.20349 1.33188C7.17003 1.36862 7.13659 1.40537 7.10316 1.44214C7.01264 1.54159 6.92193 1.64083 6.83117 1.74001C6.75535 1.8229 6.67963 1.9059 6.6039 1.98889C6.42527 2.18464 6.24648 2.3802 6.06759 2.57566C5.8831 2.77724 5.69889 2.97914 5.51482 3.18118C5.35664 3.3548 5.19827 3.52822 5.03976 3.70148C4.94515 3.8049 4.8506 3.90839 4.75624 4.01208C4.66755 4.10951 4.57864 4.20669 4.48956 4.30368C4.45692 4.3393 4.42436 4.37501 4.39188 4.4108C4.34752 4.45968 4.30285 4.50821 4.25816 4.55672C4.23325 4.58396 4.20835 4.6112 4.18269 4.63927C4.05344 4.75783 3.94087 4.78091 3.77367 4.78579C3.60456 4.75468 3.48509 4.64595 3.36712 4.51689C3.35292 4.50149 3.33872 4.48609 3.32409 4.47023C3.27692 4.41896 3.23009 4.36734 3.18325 4.31571C3.14936 4.27873 3.11544 4.24176 3.08151 4.20482C2.98968 4.1047 2.89815 4.00426 2.80667 3.90376C2.71084 3.79855 2.61476 3.69361 2.51872 3.58863C2.35753 3.41236 2.19654 3.2359 2.03565 3.0593C1.84965 2.85514 1.66337 2.65128 1.47694 2.44759C1.29753 2.25155 1.11829 2.05531 0.939135 1.85898C0.862913 1.77546 0.786632 1.69199 0.710304 1.60858C0.620475 1.5104 0.530804 1.41204 0.441251 1.31356C0.408357 1.27743 0.37541 1.24137 0.342407 1.20537C0.297386 1.15624 0.252576 1.10687 0.207777 1.0575C0.182639 1.02994 0.157501 1.00237 0.131601 0.973972C0.00885528 0.822314 -0.00356641 0.704067 0.000680329 0.50666C0.015553 0.346024 0.0700004 0.251634 0.175485 0.142332C0.390955 -0.0147811 0.575083 -0.031459 0.809014 0.10208Z' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.item-single[data-sort]:after,.item-total[data-sort]:after{opacity:.5}.item-single.sort-active:after,.item-total.sort-active:after{opacity:1}.item-single.sort-asc:after,.item-total.sort-asc:after{transform:translateY(-50%) rotate(180deg)}.item-single.sort-desc:after,.item-total.sort-desc:after{transform:translateY(-50%) rotate(0)}.breakdown-container{background-color:var(--bg);border:1px solid var(--border);overflow:hidden;max-width:calc(280px * var(--scale));margin-top:calc(.7rem * var(--scale))}.breakdown-header{padding:calc(.8rem * var(--scale));height:calc(54px * var(--scale));font-weight:600;font-size:calc(var(--text-medium) * var(--text-scale));text-align:center;background-color:var(--bg-shade);color:var(--text);border-bottom:1px solid var(--border)}.price-filter-container{background-color:var(--bg);border:1px solid var(--border);overflow:hidden;max-width:calc(280px * var(--scale));margin-top:calc(-41px * var(--scale));border-radius:calc(8px * var(--scale))}.price-filter-section{padding:calc(.48rem * var(--scale)) calc(.8rem * var(--scale));background-color:var(--bg-shade);display:flex;flex-direction:row;justify-content:space-around}.price-filter-row{display:flex;align-items:center;gap:calc(8px * var(--scale))}.price-filter-label{font-size:calc(var(--text-small) * var(--text-scale));color:var(--text);font-weight:500;min-width:calc(35px * var(--scale));text-align:right}.price-filter-input{width:calc(60px * var(--scale));background-color:var(--bg);border:1px solid var(--border);color:var(--text);padding:calc(6px * var(--scale)) calc(8px * var(--scale));font-size:calc(var(--text-small) * var(--text-scale));border-radius:calc(4px * var(--scale));transition:border-color .15s}.price-filter-input:focus{outline:none;border-color:#de5c0b}.price-filter-input::placeholder{color:var(--border)}.breakdown-content{padding:calc(1rem * var(--scale));display:grid;grid-template-columns:repeat(2,1fr);gap:calc(6px * var(--scale));max-height:calc(600px * var(--scale))}.breakdown-group{display:flex;align-items:center;gap:calc(8px * var(--scale));cursor:pointer;padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:calc(4px * var(--scale));transition:background-color .15s}.breakdown-group:hover{background-color:var(--bg-shade)}.breakdown-group.selected{background-color:var(--bg-shade);outline:1px solid var(--border)}.breakdown-icon{width:calc(16px * var(--scale));height:calc(16px * var(--scale));min-width:14px;min-height:14px;object-fit:contain}.breakdown-group-value{font-size:calc(var(--text-small) * var(--text-scale));font-weight:400;color:var(--text)}.breakdown-group.negative .breakdown-group-value{color:#ef4444}.breakdown-group.negative:hover{background:#ef44441a}.breakdown-empty{text-align:center;color:var(--border);font-size:calc(var(--text-small) * var(--text-scale));padding:calc(20px * var(--scale))}.item-name span{color:#9ca3af;font-size:calc(var(--text-small) * var(--text-scale))}.item-name .item-label,.item-price,.price-single,.price-total,.item-single,.item-total,.item-quantity,.item-name,#wealthHourly,#wealthValue,.maintext{font-size:calc(var(--text-medium) * var(--text-scale))}.loading{text-align:center;padding:calc(20px * var(--scale));color:var(--border);font-size:calc(var(--text-small) * var(--text-scale))}.search-container{position:relative;margin-top:calc(30px * var(--scale));margin-bottom:calc(-4px * var(--scale));width:calc(1100px * var(--scale))}.search-container input{width:100%;padding:calc(12px * var(--scale)) calc(18px * var(--scale));background:var(--bg-shade);border:1px solid var(--border);border-radius:calc(8px * var(--scale));color:var(--text);font-family:Manrope,sans-serif;font-size:calc(var(--text-small) * var(--text-scale));transition:border-color .2s}.search-container input:focus{outline:none;border-color:var(--primary)}.search-container input::placeholder{color:var(--border)}.search-icon{position:absolute;right:calc(12px * var(--scale));top:50%;transform:translateY(-50%);pointer-events:none}#clearSearch{position:absolute;right:calc(12px * var(--scale));top:50%;transform:translateY(-50%);background:none;border:none;color:var(--border);cursor:pointer;font-size:calc(var(--text-body) * var(--text-scale));padding:calc(4px * var(--scale)) calc(8px * var(--scale));transition:color .2s}#clearSearch:hover{color:var(--text)}.hourly-controls{display:none;flex-direction:column;gap:calc(12px * var(--scale));padding:calc(16px * var(--scale));background:#27272780;border-radius:calc(8px * var(--scale));margin-top:calc(12px * var(--scale))}.hourly-controls.active{display:flex}.hourly-controls-row{display:flex;gap:calc(8px * var(--scale));align-items:center;justify-content:center}.timer-btn{padding:calc(8px * var(--scale)) calc(16px * var(--scale));min-height:36px;background:#de5c0b;color:#fff;border:none;border-radius:calc(6px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-small) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s}.timer-btn:hover{background:#c24f09;transform:translateY(calc(-1px * var(--scale)))}.timer-btn:active{transform:translateY(0)}.timer-btn.stop{background:#ef4444}.timer-btn.stop:hover{background:#dc2626}.hourly-timer{font-size:calc(var(--text-title) * var(--text-scale));font-weight:700;color:#fafafa;font-family:Manrope,sans-serif}.timer-display{display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--scale))}.container-small#timer{display:flex;flex-direction:column}.earnings-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--body) * var(--text-scale));font-weight:700;animation:fadeInOut 2s ease-in-out;pointer-events:none;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.breakdown-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.breakdown-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breakdown-content-wrapper{background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(16px * var(--scale));padding:calc(32px * var(--scale));max-width:calc(900px * var(--scale));width:90%;max-height:85vh;overflow-y:auto;animation:slideUp .4s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(calc(30px * var(--scale)))}to{opacity:1;transform:translateY(0)}}.breakdown-header-section{text-align:center;margin-bottom:calc(32px * var(--scale));padding-bottom:calc(24px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--border)}.breakdown-title{font-size:calc(var(--text-title-large) * var(--text-scale));font-weight:700;color:var(--primary);margin-bottom:calc(16px * var(--scale));animation:fadeInDown .5s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(calc(-20px * var(--scale)))}to{opacity:1;transform:translateY(0)}}.breakdown-total{font-size:calc(var(--text-title-large) * var(--text-scale));font-weight:700;color:var(--text);margin:calc(8px * var(--scale)) 0;animation:countUp .8s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.breakdown-total-label{font-size:calc(var(--text-medium) * var(--text-scale));color:var(--border);text-transform:uppercase;letter-spacing:calc(1px * var(--scale))}.breakdown-hours{display:flex;flex-direction:column;gap:calc(24px * var(--scale));margin-bottom:calc(24px * var(--scale))}.hour-card{background:var(--bg);border:1px solid var(--border);border-radius:calc(12px * var(--scale));padding:calc(20px * var(--scale));animation:fadeInUp .5s ease-out backwards}.hour-card:nth-child(1){animation-delay:.1s}.hour-card:nth-child(2){animation-delay:.2s}.hour-card:nth-child(3){animation-delay:.3s}.hour-card:nth-child(4){animation-delay:.4s}.hour-card:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(calc(20px * var(--scale)))}to{opacity:1;transform:translateY(0)}}.hour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(16px * var(--scale))}.hour-label{font-size:calc(var(--text-body) * var(--text-scale));font-weight:600;color:var(--primary)}.hour-earnings{font-size:calc(var(--text-title) * var(--text-scale));font-weight:700;color:#10b981}.hour-graph{width:100%;height:calc(150px * var(--scale));margin-top:calc(12px * var(--scale));margin-bottom:calc(12px * var(--scale))}.hour-card>div[style*="position: relative"]{position:relative;height:calc(150px * var(--scale));width:100%;overflow:hidden}.hour-card canvas{max-height:calc(150px * var(--scale))!important;height:calc(150px * var(--scale))!important}.breakdown-close{position:sticky;bottom:0;left:0;right:0;padding:calc(20px * var(--scale));background:var(--bg-shade);border-top:calc(2px * var(--scale)) solid var(--border);display:flex;justify-content:center;margin:calc(120px * var(--scale)) calc(-32px * var(--scale)) calc(-32px * var(--scale)) calc(-32px * var(--scale));border-radius:0 0 calc(16px * var(--scale)) calc(16px * var(--scale))}.breakdown-close-btn{padding:calc(12px * var(--scale)) calc(48px * var(--scale));background:var(--primary);color:#fff;border:none;border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-medium) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s}.breakdown-close-btn:hover{background:#c24f09;transform:translateY(calc(-2px * var(--scale)))}.breakdown-close-btn:active{transform:translateY(0)}.breakdown-content-wrapper::-webkit-scrollbar{width:calc(8px * var(--scale))}.breakdown-content-wrapper::-webkit-scrollbar-track{background:var(--bg);border-radius:calc(4px * var(--scale))}.breakdown-content-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:calc(4px * var(--scale))}.breakdown-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary)}.update-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.update-modal.active{display:flex}.update-modal-content{background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(16px * var(--scale));padding:calc(32px * var(--scale));max-width:calc(500px * var(--scale));width:90%;animation:slideUp .4s ease-out;position:relative}.update-modal-header{text-align:center;margin-bottom:calc(24px * var(--scale));padding-bottom:calc(20px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--border)}.update-modal-title{font-size:calc(var(--text-title) * var(--text-scale));font-weight:700;color:var(--primary);margin-bottom:calc(8px * var(--scale))}.update-modal-subtitle{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);font-weight:500}.update-modal-body{margin-bottom:calc(24px * var(--scale));min-height:calc(60px * var(--scale))}.update-modal-message{font-size:calc(var(--text-medium) * var(--text-scale));color:var(--text);line-height:1.6;text-align:center;margin-bottom:calc(20px * var(--scale))}.update-modal-changelog{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);text-align:center;margin-bottom:calc(20px * var(--scale))}.update-modal-changelog a{color:var(--primary);text-decoration:none;transition:opacity .2s}.update-modal-changelog a:hover{opacity:.8;text-decoration:underline}.update-progress-container{margin-top:calc(24px * var(--scale))}.update-progress-bar{width:100%;height:calc(8px * var(--scale));background:var(--bg);border-radius:calc(4px * var(--scale));overflow:hidden;margin-bottom:calc(12px * var(--scale))}.update-progress-fill{height:100%;background:var(--primary);border-radius:calc(4px * var(--scale));width:0%;transition:width .3s ease-out}.update-progress-text{text-align:center;font-size:calc(var(--text-small) * var(--text-scale));color:var(--text);font-weight:600}.update-modal-actions{display:flex;gap:calc(12px * var(--scale));justify-content:center}.update-btn{padding:calc(12px * var(--scale)) calc(32px * var(--scale));border:none;border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-medium) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s;min-width:calc(140px * var(--scale))}.update-btn-primary{background:var(--primary);color:#fff}.update-btn-primary:hover{background:#c24f09;transform:translateY(calc(-2px * var(--scale)))}.update-btn-primary:active{transform:translateY(0)}.update-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--scale));margin-top:calc(24px * var(--scale));padding-top:calc(16px * var(--scale));border-top:1px solid var(--border-shade);font-size:calc(var(--text-small) * var(--text-scale));color:var(--border)}.footer-left{display:inline-flex;align-items:center;gap:calc(8px * var(--scale))}.footer-icon{width:calc(20px * var(--scale));height:calc(20px * var(--scale));border-radius:4px}.site-footer a{color:var(--border);text-decoration:none}.site-footer a:hover{color:var(--primary)}.update-btn-secondary:hover{background:#7e7e7e1a;border-color:var(--primary);color:var(--primary)}.update-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.upload-log-btn,.settings-upload-btn{display:inline-flex;align-items:center;gap:calc(8px * var(--scale));padding:calc(10px * var(--scale)) calc(16px * var(--scale));border:1px solid var(--border);border-radius:calc(10px * var(--scale));background:var(--bg-shade);color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s ease}.upload-log-btn svg,.settings-upload-btn svg{width:calc(18px * var(--scale));height:calc(18px * var(--scale))}.upload-log-btn:hover,.settings-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:#de5c0b14}.upload-log-btn:active,.settings-upload-btn:active{transform:translateY(calc(1px * var(--scale)))}.upload-log-btn:disabled,.settings-upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.log-cta{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--scale));padding:calc(14px * var(--scale)) calc(18px * var(--scale));margin-bottom:calc(16px * var(--scale));border:1px solid var(--border);border-radius:calc(14px * var(--scale));background:var(--bg-shade)}.log-cta-title{font-size:calc(var(--text-medium) * var(--text-scale));font-weight:700;color:var(--text)}.log-cta-subtitle{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);margin-top:calc(4px * var(--scale))}.log-cta-actions{display:flex;align-items:center;gap:calc(12px * var(--scale));flex-wrap:wrap}.log-cta-help{display:flex;justify-content:flex-end;margin-top:calc(6px * var(--scale));margin-bottom:calc(10px * var(--scale))}.log-cta-help-link{display:inline-flex;align-items:center;gap:calc(6px * var(--scale));background:transparent;border:none;color:var(--border);font-size:calc(var(--text-small) * var(--text-scale));cursor:pointer;padding:0}.log-cta-help-link:hover{color:var(--text)}.log-cta .upload-log-btn{padding:calc(8px * var(--scale)) calc(16px * var(--scale));min-height:36px;background:#de5c0b;color:#fff;border:none;border-radius:calc(6px * var(--scale));font-weight:600;transition:all .2s}.log-cta .upload-log-btn:hover{background:#c24f09;transform:translateY(calc(-1px * var(--scale)))}.log-cta .upload-log-btn:active{transform:translateY(0)}.log-cta .upload-log-btn svg{width:calc(18px * var(--scale));height:calc(18px * var(--scale))}.setup-guide-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1003;align-items:center;justify-content:center}.setup-guide-modal.active{display:flex}.setup-guide-content{background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(16px * var(--scale));padding:calc(24px * var(--scale));width:min(900px,90vw);max-height:85vh;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:calc(16px * var(--scale))}.setup-guide-close{position:absolute;top:calc(16px * var(--scale));right:calc(16px * var(--scale));background:transparent;border:none;color:var(--border);cursor:pointer}.setup-guide-header{display:flex;align-items:baseline;justify-content:space-between;gap:calc(12px * var(--scale))}.setup-guide-title{font-size:calc(var(--text-title) * var(--text-scale));font-weight:700}.setup-guide-progress{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border)}.setup-guide-steps{flex:1;overflow:auto}.setup-guide-step{display:none;flex-direction:column;gap:calc(12px * var(--scale))}.setup-guide-step.active{display:flex}.setup-guide-step-title{font-size:calc(var(--text-medium) * var(--text-scale));font-weight:700}.setup-guide-step-text{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);line-height:1.5}.setup-guide-image{width:100%;max-height:520px;object-fit:contain;border-radius:calc(12px * var(--scale));border:1px solid var(--border);background:var(--bg)}.setup-guide-actions{display:flex;gap:calc(8px * var(--scale));justify-content:flex-end}.setup-guide-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.setup-guide-spotlight.active{opacity:1}.setup-guide-spotlight:after{content:"";position:absolute;border-radius:calc(12px * var(--scale));box-shadow:0 0 0 9999px #00000094;border:2px solid #de5c0b;left:var(--spotlight-x, 0px);top:var(--spotlight-y, 0px);width:var(--spotlight-w, 0px);height:var(--spotlight-h, 0px)}.setup-guide-spotlight-note{position:absolute;left:var(--spotlight-x, 0px);top:var(--spotlight-y, 0px);transform:translateY(calc(-115px * var(--scale))) translate(calc(18px * var(--scale)));background:var(--bg-shade);border:1px solid var(--border);padding:calc(10px * var(--scale)) calc(14px * var(--scale));border-radius:calc(10px * var(--scale));color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-weight:600;display:flex;flex-direction:column;gap:calc(8px * var(--scale));max-width:min(360px,70vw);z-index:1004;pointer-events:auto}.setup-guide-spotlight-note:after{content:"";position:absolute;left:calc(130px * var(--scale));bottom:calc(-10px * var(--scale));width:0;height:0;border-left:calc(12px * var(--scale)) solid transparent;border-right:calc(12px * var(--scale)) solid transparent;border-top:calc(12px * var(--scale)) solid var(--bg-shade)}.setup-guide-spotlight-actions{display:flex;gap:calc(8px * var(--scale));justify-content:flex-end}.settings-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1003;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.settings-modal.active{display:flex}.settings-modal-content{background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(16px * var(--scale));padding:0;max-width:calc(800px * var(--scale));width:100%;max-height:85vh;height:70vh;display:flex;flex-direction:column;animation:slideUp .4s ease-out;position:relative;overflow:hidden}.settings-layout{display:flex;flex:1;min-height:0;overflow:hidden}.settings-sidebar{width:calc(200px * var(--scale));background:var(--bg);border-right:1px solid var(--border);padding:calc(24px * var(--scale)) 0;display:flex;flex-direction:column;gap:calc(4px * var(--scale))}.settings-sidebar-item{padding:calc(12px * var(--scale)) calc(24px * var(--scale));color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-weight:500;cursor:pointer;transition:all .2s;border-left:calc(3px * var(--scale)) solid transparent}.settings-sidebar-item:hover{background:#de5c0b1a;color:var(--primary)}.settings-sidebar-item.active{background:#de5c0b26;color:var(--primary);border-left-color:var(--primary);font-weight:600}.settings-main{flex:1;padding:calc(32px * var(--scale));overflow-y:auto;min-height:0}.settings-section{display:none}.settings-section.active{display:block}.settings-section-title{font-size:calc(var(--text-title) * var(--text-scale));font-weight:700;color:var(--text);margin-bottom:calc(32px * var(--scale));padding-bottom:calc(16px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--border)}.settings-group{margin-bottom:calc(32px * var(--scale))}.settings-group-label{font-size:calc(var(--text-medium) * var(--text-scale));font-weight:600;color:var(--text);margin-bottom:calc(8px * var(--scale))}.settings-group-description{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);margin-bottom:calc(16px * var(--scale));line-height:1.5}.keybind-input-wrapper{display:flex;gap:calc(12px * var(--scale));align-items:center;margin-bottom:calc(8px * var(--scale))}.keybind-input{flex:1;padding:calc(12px * var(--scale)) calc(16px * var(--scale));background:var(--bg);border:1px solid var(--border);border-radius:calc(8px * var(--scale));color:var(--text);font-family:Manrope,sans-serif;font-size:calc(var(--text-small) * var(--text-scale));transition:border-color .2s}.keybind-input:focus{outline:none;border-color:var(--primary)}.keybind-input.recording{border-color:var(--primary);background:#de5c0b1a}.settings-input-row{display:flex;gap:calc(12px * var(--scale));align-items:center;margin-bottom:calc(8px * var(--scale))}.settings-text-input{width:100%;padding:calc(12px * var(--scale)) calc(16px * var(--scale));background:var(--bg);border:1px solid var(--border);border-radius:calc(8px * var(--scale));color:var(--text);font-family:Manrope,sans-serif;font-size:calc(var(--text-small) * var(--text-scale));transition:border-color .2s}.settings-text-input:focus{outline:none;border-color:var(--primary)}.settings-helper-text{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);line-height:1.5}.keybind-btn{padding:calc(12px * var(--scale)) calc(24px * var(--scale));background:var(--primary);color:#fff;border:none;border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-small) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s}.keybind-btn:hover{background:#c24f09;transform:translateY(calc(-1px * var(--scale)))}.keybind-btn:active{transform:translateY(0)}.keybind-btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.keybind-btn.secondary:hover{background:#7e7e7e1a;border-color:var(--primary);color:var(--primary)}.keybind-status{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);margin-top:calc(8px * var(--scale));min-height:calc(20px * var(--scale))}.keybind-status.success{color:#10b981}.keybind-status.error{color:#ef4444}.window-mode-toggle{display:flex;flex-direction:column;gap:calc(12px * var(--scale))}.window-mode-option{display:flex;flex-direction:row;align-items:flex-start;gap:calc(16px * var(--scale));padding:calc(20px * var(--scale));background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(12px * var(--scale));cursor:pointer;transition:all .2s ease;position:relative}.window-mode-option:hover{border-color:var(--primary);background:#de5c0b14;transform:translateY(calc(-1px * var(--scale)));box-shadow:0 calc(4px * var(--scale)) calc(12px * var(--scale)) #00000026}.window-mode-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.window-mode-icon{flex-shrink:0;width:calc(48px * var(--scale));height:calc(48px * var(--scale));min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:#de5c0b1a;border-radius:calc(10px * var(--scale));color:var(--primary);transition:all .2s ease}.window-mode-option:hover .window-mode-icon{background:#de5c0b33;transform:scale(1.05)}.window-mode-content{flex:1;display:flex;flex-direction:column;gap:calc(6px * var(--scale))}.window-mode-title{font-size:calc(var(--text-medium) * var(--text-scale));font-weight:600;color:var(--text);transition:color .2s}.window-mode-description{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);line-height:1.5}.window-mode-option input[type=radio]:checked~.window-mode-icon{background:var(--primary);color:#fff}.window-mode-option input[type=radio]:checked~.window-mode-content .window-mode-title{color:var(--primary)}.window-mode-option:has(input[type=radio]:checked){border-color:var(--primary);background:#de5c0b26;box-shadow:0 0 0 calc(3px * var(--scale)) #de5c0b1a}.settings-footer{padding:calc(20px * var(--scale)) calc(32px * var(--scale));border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg);gap:calc(16px * var(--scale))}.settings-footer-message{flex:1;font-size:calc(var(--text-small) * var(--text-scale));font-weight:500;opacity:0;transform:translateY(calc(-10px * var(--scale)));transition:all .3s ease-out;display:flex;align-items:center;gap:calc(8px * var(--scale))}.settings-footer-message.show{opacity:1;transform:translateY(0)}.settings-footer-message.success{color:#10b981}.settings-footer-message.error{color:#ef4444}.settings-footer-message:before{content:"";width:calc(6px * var(--scale));height:calc(6px * var(--scale));border-radius:50%;background:currentColor;display:inline-block}.settings-save-btn{padding:calc(12px * var(--scale)) calc(48px * var(--scale));background:var(--primary);color:#fff;border:none;border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-medium) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s}.settings-save-btn:hover{background:#c24f09;transform:translateY(calc(-2px * var(--scale)))}.settings-save-btn:active{transform:translateY(0)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.settings-main::-webkit-scrollbar{width:calc(8px * var(--scale))}.settings-main::-webkit-scrollbar-track{background:var(--bg);border-radius:calc(4px * var(--scale))}.settings-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:calc(4px * var(--scale))}.settings-main::-webkit-scrollbar-thumb:hover{background:var(--primary)}.settings-close-btn{position:absolute;top:calc(16px * var(--scale));right:calc(16px * var(--scale));width:calc(32px * var(--scale));height:calc(32px * var(--scale));min-width:28px;min-height:28px;background:transparent;border:1px solid var(--border);border-radius:calc(6px * var(--scale));color:var(--text);font-size:calc(var(--text-body) * var(--text-scale));font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;font-family:Manrope,sans-serif}.settings-close-btn:hover{background:#de5c0b1a;border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.settings-close-btn:active{transform:scale(.95)}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:calc(16px * var(--scale));background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(12px * var(--scale));transition:all .2s ease}.settings-option-stack{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(8px * var(--scale))}.settings-option:hover{border-color:var(--primary);background:#de5c0b14}.settings-option-label{font-size:calc(var(--text-body) * var(--text-scale));font-weight:500;color:var(--text)}.settings-checkbox-wrapper{position:relative;display:inline-flex;align-items:center;cursor:pointer}.settings-checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.settings-checkbox{width:calc(44px * var(--scale));height:calc(24px * var(--scale));background:var(--border);border-radius:calc(12px * var(--scale));position:relative;transition:background .2s ease}.settings-checkbox:after{content:"";position:absolute;width:calc(20px * var(--scale));height:calc(20px * var(--scale));border-radius:50%;background:#fff;top:calc(2px * var(--scale));left:calc(2px * var(--scale));transition:transform .2s ease;box-shadow:0 calc(2px * var(--scale)) calc(4px * var(--scale)) #0003}.settings-checkbox-wrapper input[type=checkbox]:checked~.settings-checkbox{background:var(--primary)}.settings-checkbox-wrapper input[type=checkbox]:checked~.settings-checkbox:after{transform:translate(calc(20px * var(--scale)))}.compass-beacon-prompt-modal,.compass-beacon-selection-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1004;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.compass-beacon-prompt-modal.active,.compass-beacon-selection-modal.active{display:flex}.compass-beacon-prompt-content,.compass-beacon-selection-content{background:var(--bg-shade);border:calc(2px * var(--scale)) solid var(--border);border-radius:calc(16px * var(--scale));padding:calc(40px * var(--scale));max-width:calc(600px * var(--scale));width:90%;animation:slideUp .4s ease-out;position:relative;padding-bottom:calc(12px * var(--scale))}.compass-beacon-close-btn{position:absolute;top:calc(16px * var(--scale));right:calc(16px * var(--scale));width:calc(32px * var(--scale));height:calc(32px * var(--scale));display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:calc(6px * var(--scale));color:var(--border);cursor:pointer;transition:all .2s;padding:0}.compass-beacon-close-btn:hover{background:#7e7e7e1a;color:var(--text)}.compass-beacon-close-btn svg{width:calc(20px * var(--scale));height:calc(20px * var(--scale))}.compass-beacon-prompt-header,.compass-beacon-selection-header{text-align:center;margin-bottom:calc(24px * var(--scale));padding-bottom:calc(20px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--border)}.compass-beacon-prompt-title,.compass-beacon-selection-title{font-size:calc(28px * var(--text-scale));font-weight:700;color:var(--primary);margin-bottom:calc(8px * var(--scale))}.compass-beacon-selection-subtitle{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);font-weight:500;margin-top:calc(8px * var(--scale))}.compass-beacon-prompt-body,.compass-beacon-selection-body{margin-bottom:calc(32px * var(--scale))}.compass-beacon-prompt-message{font-size:calc(16px * var(--text-scale));color:var(--text);line-height:1.6;text-align:center}.compass-beacon-header-row{display:flex;align-items:center;gap:calc(16px * var(--scale));margin-bottom:calc(16px * var(--scale))}.compass-beacon-search-container{position:relative;margin-bottom:calc(16px * var(--scale))}.compass-beacon-search-container .search-icon{position:absolute;left:calc(12px * var(--scale));top:50%;transform:translateY(-50%);width:calc(20px * var(--scale));height:calc(20px * var(--scale));pointer-events:none;z-index:1}.compass-beacon-search{width:100%;padding:calc(12px * var(--scale)) calc(16px * var(--scale)) calc(12px * var(--scale)) calc(44px * var(--scale));background:var(--bg);border:calc(1px * var(--scale)) solid var(--border);border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(16px * var(--text-scale));color:var(--text);transition:border-color .2s;box-sizing:border-box}.compass-beacon-search:focus{outline:none;border-color:var(--primary)}.compass-beacon-search::placeholder{color:var(--border)}.compass-beacon-helper-actions{display:none;align-items:center;margin-bottom:calc(16px * var(--scale));padding:calc(12px * var(--scale)) calc(16px * var(--scale));background:var(--bg-shade);border:calc(1px * var(--scale)) solid var(--border-shade);border-radius:calc(8px * var(--scale))}.compass-beacon-restore-checkbox{display:flex;align-items:center;gap:calc(12px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-medium) * var(--scale));color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.compass-beacon-restore-checkbox input[type=checkbox]{width:calc(20px * var(--scale));height:calc(20px * var(--scale));min-width:calc(20px * var(--scale));min-height:calc(20px * var(--scale));cursor:pointer;accent-color:var(--primary);flex-shrink:0}.compass-beacon-restore-checkbox span{flex:1}.compass-beacon-clear-btn{width:100%;height:calc(40px * var(--scale));padding:calc(6px * var(--scale)) calc(12px * var(--scale));margin-bottom:calc(20px * var(--scale));background:transparent;border:calc(1px * var(--scale)) solid var(--border);border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(16px * var(--text-scale));color:var(--text);cursor:pointer;transition:all .2s;box-sizing:border-box}.compass-beacon-clear-btn:hover{background:#7e7e7e1a;border-color:var(--primary);color:var(--primary)}.compass-beacon-checkboxes{display:flex;flex-direction:column;gap:calc(8px * var(--scale));max-height:calc(400px * var(--scale));overflow-y:auto;padding-right:calc(8px * var(--scale))}.compass-beacon-checkboxes::-webkit-scrollbar{width:calc(6px * var(--scale))}.compass-beacon-checkboxes::-webkit-scrollbar-track{background:var(--bg);border-radius:calc(3px * var(--scale))}.compass-beacon-checkboxes::-webkit-scrollbar-thumb{background:var(--border);border-radius:calc(3px * var(--scale))}.compass-beacon-checkboxes::-webkit-scrollbar-thumb:hover{background:var(--primary)}.compass-beacon-group-header{font-size:calc(var(--text-medium) * var(--text-scale));font-weight:600;color:var(--primary);margin-top:calc(16px * var(--scale));margin-bottom:calc(8px * var(--scale));padding-bottom:calc(4px * var(--scale));border-bottom:calc(1px * var(--scale)) solid var(--border)}.compass-beacon-group-header:first-child{margin-top:0}.compass-beacon-group-items{display:flex;flex-direction:column;gap:calc(8px * var(--scale));margin-bottom:calc(8px * var(--scale))}.compass-beacon-checkbox-item{padding:calc(8px * var(--scale)) calc(12px * var(--scale));border-radius:calc(6px * var(--scale));transition:background .2s}.compass-beacon-checkbox-item:hover{background:#7e7e7e1a}.compass-beacon-checkbox-item label{display:flex;align-items:center;gap:calc(12px * var(--scale));cursor:pointer;-webkit-user-select:none;user-select:none}.compass-beacon-checkbox-item input[type=checkbox]{width:calc(20px * var(--scale));height:calc(20px * var(--scale));cursor:pointer;accent-color:var(--primary)}.checkbox-label{display:flex;align-items:center;gap:calc(8px * var(--scale));flex:1;font-size:calc(var(--text-medium) * var(--text-scale));color:var(--text)}.checkbox-icon{width:calc(24px * var(--scale));height:calc(24px * var(--scale));object-fit:contain}.checkbox-quantity{color:var(--border);font-size:calc(var(--text-xsmall) * var(--text-scale));margin-left:auto}.compass-beacon-prompt-actions{display:flex;gap:calc(12px * var(--scale));justify-content:center;margin-top:calc(24px * var(--scale));margin-bottom:calc(12px * var(--scale))}.compass-beacon-btn{padding:calc(12px * var(--scale)) calc(32px * var(--scale));border:none;border-radius:calc(8px * var(--scale));font-family:Manrope,sans-serif;font-size:calc(var(--text-body) * var(--text-scale));font-weight:600;cursor:pointer;transition:all .2s;min-width:calc(120px * var(--scale))}.compass-beacon-confirm-btn{position:absolute;bottom:calc(60px * var(--scale));right:calc(60px * var(--scale));padding:calc(12px * var(--scale)) calc(24px * var(--scale));border:none;border-radius:calc(8px * var(--scale));background:var(--primary);color:#fff;font-family:Manrope,sans-serif;font-size:calc(var(--text-small) * var(--text-scale));font-weight:600;cursor:pointer;z-index:10;box-shadow:0 calc(4px * var(--scale)) calc(12px * var(--scale)) #00000026;opacity:0;transform:translate(calc(100px * var(--scale)));transition:opacity .3s ease-out,transform .3s ease-out;pointer-events:none}.compass-beacon-confirm-btn.visible{opacity:1;transform:translate(0);pointer-events:all}.compass-beacon-confirm-btn:hover{background:#c24f09;transform:translate(0) translateY(calc(-2px * var(--scale)))}.compass-beacon-confirm-btn:active{transform:translate(0) translateY(0)}.compass-beacon-btn-primary{background:var(--primary);color:#fff}.compass-beacon-btn-primary:hover{background:#c24f09;transform:translateY(calc(-2px * var(--scale)))}.compass-beacon-btn-primary:active{transform:translateY(0)}.compass-beacon-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.compass-beacon-btn-secondary:hover{background:#7e7e7e1a;border-color:var(--primary);color:var(--primary)}html.overlay-widget,html.overlay-widget body,body.overlay-widget{background:transparent;overflow:hidden;-webkit-user-select:none;user-select:none;padding:0;max-width:none;margin:0}.widget{position:relative;background:#161616d9;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:Segoe UI,Manrope,sans-serif;color:#fafafa;display:flex;flex-direction:column;gap:4px;cursor:move;-webkit-app-region:drag;min-width:130px}.stat-row{display:flex;align-items:center;gap:6px;font-size:var(--text-small)}.stat-label{color:gray;font-weight:500;min-width:45px}.stat-value{color:#fafafa;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.duration{color:#de5c0b;font-size:var(--text-small)}.stat-value.hourly{color:#10b981}.stat-value.total{color:#fafafa}.widget-close-btn{position:absolute;top:4px;right:6px;width:14px;height:14px;background:transparent;border:none;color:gray;font-size:var(--text-xsmall);cursor:pointer;-webkit-app-region:no-drag;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:opacity .2s,background .2s}.widget-close-btn:hover{background:#ef44444d;color:#ef4444}.timer-controls{display:none;margin-top:6px}.timer-controls.visible{display:block}.timer-control-btn{width:100%;height:26px;background:transparent;border:1px solid rgba(222,92,11,.5);color:#de5c0b;cursor:pointer;-webkit-app-region:no-drag;display:none;align-items:center;justify-content:center;gap:6px;border-radius:4px;transition:all .2s;font-family:inherit;font-size:var(--text-xsmall);font-weight:500}.timer-control-btn.visible{display:flex}.timer-control-btn:hover{background:#de5c0b26;border-color:#de5c0bcc;color:#ff7a2e}.timer-control-btn svg{width:12px;height:12px}.strategies-container{display:flex;align-items:center;justify-content:center;min-height:calc(60vh * var(--scale));padding:calc(40px * var(--scale))}.strategies-message-box{background:var(--bg-shade);border:1px solid var(--border);border-radius:calc(12px * var(--scale));padding:calc(40px * var(--scale)) calc(60px * var(--scale));text-align:center;max-width:calc(600px * var(--scale))}.strategies-message-box p{font-size:calc(var(--text-body) * var(--text-scale));color:var(--text);line-height:1.6;margin:0}.strategies-message-box p:first-child{margin-bottom:calc(12px * var(--scale));font-weight:600}.prices-layout{display:flex;gap:0;max-width:calc(1440px * var(--scale));margin:0 auto}.prices-sidebar{width:calc(220px * var(--scale));flex-shrink:0;background:var(--bg-shade);border:1px solid var(--border);border-right:none}.prices-sidebar-title{padding:calc(14px * var(--scale)) calc(16px * var(--scale));font-weight:600;font-size:calc(var(--text-xsmall) * var(--text-scale));color:var(--border);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border)}.prices-sidebar-items{display:flex;flex-direction:column}.prices-sidebar-item{display:flex;align-items:center;gap:calc(12px * var(--scale));padding:calc(12px * var(--scale)) calc(16px * var(--scale));background:transparent;border:none;border-bottom:1px solid var(--border-shade);color:var(--text);font-size:calc(var(--text-medium) * var(--text-scale));font-family:Manrope,sans-serif;text-align:left;cursor:pointer;transition:all .15s}.prices-sidebar-item:last-child{border-bottom:none}.prices-sidebar-item img{width:calc(26px * var(--scale));height:calc(26px * var(--scale));object-fit:contain;flex-shrink:0}.prices-sidebar-item:hover{background:var(--bg)}.prices-sidebar-item.active{background:var(--bg);color:var(--primary);font-weight:600;border-left:3px solid var(--primary);padding-left:calc(13px * var(--scale))}.prices-container{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);padding:calc(20px * var(--scale))}.prices-header{display:flex;align-items:center;gap:calc(12px * var(--scale));margin-bottom:calc(16px * var(--scale))}.prices-last-updated{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);white-space:nowrap}.prices-col-updated{width:calc(180px * var(--scale));text-align:center;padding-right:calc(64px * var(--scale))!important;cursor:default!important}.prices-updated-at{font-size:calc(var(--text-small) * var(--text-scale));color:var(--border);white-space:nowrap;margin-left:-32px}.prices-search-container{display:flex;align-items:center;background:var(--bg-shade);border:1px solid var(--border);padding:calc(16px * var(--scale)) calc(16px * var(--scale));flex:1;max-width:calc(800px * var(--scale))}.prices-season-select{background:var(--bg-shade);border:1px solid var(--border);color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-family:Manrope,sans-serif;padding:calc(16px * var(--scale)) calc(16px * var(--scale));padding-right:calc(36px * var(--scale));cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%237E7E7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(12px * var(--scale)) center;min-width:calc(325px * var(--scale));transition:border-color .15s}.prices-season-select:hover{border-color:var(--primary)}.prices-season-select:focus{border-color:var(--primary)}.prices-search-input{flex:1;background:transparent;border:none;color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-family:Manrope,sans-serif;outline:none;padding:0}.prices-search-input::placeholder{color:var(--border)}.prices-clear-search{background:transparent;border:none;color:var(--border);font-size:calc(var(--text-body) * var(--text-scale));cursor:pointer;padding:0;line-height:1;transition:color .2s}.prices-clear-search:hover{color:var(--text)}.prices-table-wrapper{background:var(--bg);border:1px solid var(--border);overflow:hidden}.prices-table{width:100%;border-collapse:collapse}.prices-table thead{background:var(--bg-shade);border-bottom:1px solid var(--border)}.prices-table th{padding:calc(14px * var(--scale)) calc(12px * var(--scale));text-align:left;font-weight:600;color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));cursor:pointer;-webkit-user-select:none;user-select:none}.prices-table th:first-child{padding-left:calc(16px * var(--scale))}.prices-table th[data-sort]:hover{color:var(--primary)}.prices-table th.prices-col-sparkline{text-align:center}.prices-table th[data-sort]:after{opacity:.5;font-size:calc(var(--text-xsmall) * var(--text-scale))}.prices-table th.sort-asc:after{content:" ↑";opacity:1;color:var(--primary)}.prices-table th.sort-desc:after{content:" ↓";opacity:1;color:var(--primary)}.prices-table tbody tr{border-bottom:1px solid var(--border-shade);transition:background-color .15s}.prices-table tbody tr:hover{background:var(--bg-shade)}.prices-table tbody tr:last-child{border-bottom:none}.prices-table td{padding:calc(14px * var(--scale)) calc(12px * var(--scale));vertical-align:middle}.prices-table td:first-child{padding-left:calc(16px * var(--scale))}.prices-col-name{width:55%}.prices-name-cell{display:flex;align-items:center;gap:calc(14px * var(--scale))}.prices-item-icon{width:calc(40px * var(--scale));height:calc(40px * var(--scale));object-fit:contain;flex-shrink:0;background:var(--bg-shade);border-radius:calc(4px * var(--scale));padding:calc(4px * var(--scale));border:1px solid var(--border-shade)}.prices-item-name{font-weight:500;color:var(--text);font-size:calc(var(--text-small) * var(--text-scale))}.prices-col-price{width:20%}.prices-price-value{color:var(--text);font-size:calc(var(--text-small) * var(--text-scale));font-weight:600}.prices-price-value.no-price{color:var(--border);font-weight:400}.prices-price-value.price-stale{color:#de5c0b}.prices-price-value.price-very-stale{color:#982104}.prices-col-sparkline{width:0%;text-align:center}.prices-sparkline-cell{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--scale))}.prices-sparkline{display:block;background:var(--bg-shade);border-radius:calc(4px * var(--scale));padding:calc(4px * var(--scale))}.prices-trend{font-weight:600;font-size:calc(var(--text-small) * var(--text-scale));min-width:calc(60px * var(--scale));text-align:right;padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:calc(4px * var(--scale))}.prices-trend.trend-up{color:#4caf50;background:#4caf501a}.prices-trend.trend-down{color:#f44336;background:#f443361a}.prices-trend.trend-neutral{color:var(--border);background:transparent}#page-prices{margin-top:calc(40px * var(--scale))}