.hud-shop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hud-shop .token-refill{display:flex;gap:8px;align-items:center;min-height:30px;padding:7px 9px;font-size:10px}
.hud-shop .token-refill{max-width:100%;min-width:0;text-align:left}.hud-shop .token-refill>span{min-width:0;overflow-wrap:anywhere}.hud-shop .token-refill>strong{flex:none}
.compute-options-toggle{background:#192737;border:1px solid #3c506a;border-radius:5px;padding:7px 8px;color:#a9bfd8;font-size:10px;min-height:30px}
.compute-plan-status{font:9px ui-monospace,monospace;line-height:1.5;color:#a9b9cf;margin:8px 0 0;max-width:calc(100% - 150px)}
.compute-options{inset:auto 24px auto auto;top:min(220px,28vh);margin:0;padding:18px;width:min(370px,calc(100vw - 24px));max-height:70vh;overflow:auto;color:#dce8f4;background:#14202e;border:1px solid #425771;border-radius:10px;box-shadow:0 16px 65px #0009}
.compute-tabs{display:flex;gap:5px;margin:15px 0}.compute-tabs button{padding:8px 12px;background:#1a2c3d;color:#a8bfd9;border-radius:5px;border:1px solid #344d66;font-size:11px}.compute-tabs button[aria-pressed=true]{background:#34516d;color:#fff;border-color:#7faccd}
.compute-options label{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#9eb4cb;font-size:11px;margin:12px 0}.compute-options select{min-width:150px;max-width:70%;border:1px solid #405673;border-radius:5px;background:#1a2b3e;color:#dfebf8;padding:8px;font:inherit}
.compute-options #compute-level-label{flex-direction:column;align-items:stretch;gap:7px}.compute-options #compute-level{width:100%;max-width:100%;min-width:0}
.compute-detail{margin-top:16px;padding-top:16px;border-top:1px solid #324357}.compute-detail h3{font-size:16px;margin-bottom:8px}.compute-detail p{font-size:11px;color:#9eb4cb;line-height:1.6}.compute-detail>strong{display:block;font-size:26px;color:#efc68c;margin:13px 0}.compute-detail button{width:100%;border:1px solid #577b9b;border-radius:6px;padding:11px;background:#2d4c68;color:#e2f0ff;font-weight:600}.compute-detail .active-note{font-size:10px;margin-top:12px;color:#c6b88d}
.find-button{position:relative;overflow:hidden;min-height:40px}.find-copy{display:flex;align-items:center;gap:7px;position:relative;z-index:1}.find-button #find-duration{font:10px ui-monospace,monospace;position:relative;z-index:1}.find-progress{position:absolute!important;inset:0 auto 0 0;background:#82badb22;pointer-events:none;transition:width .2s linear}.find-button.is-searching{opacity:1;color:#c3e6f5;border-color:#608dac}.manual-area{padding-top:8px}.pay-label{color:#92a8be;font-size:10px}
@media(prefers-reduced-motion:reduce){.find-progress{transition:none}}
@media(max-width:680px){.hud-shop{gap:5px}.hud-shop .token-refill{font-size:9px;padding:6px 7px;gap:5px}.compute-plan-status{font-size:8px;max-width:100%}.compute-options-toggle{font-size:9px;padding:6px}.compute-options{inset:auto 12px 12px 12px;top:auto;width:auto;max-height:68vh}.compute-options label{font-size:12px}.compute-options select{font-size:12px}}

.compute-plan-status,.subscription-renew-row{grid-column:1 / -1}
.subscription-renew-row{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;margin-top:5px;color:#a9b9cf;font-size:10px;line-height:1.5}
.subscription-renew-row label{display:inline-flex;align-items:center;gap:6px;min-height:30px;cursor:pointer;white-space:nowrap}
.subscription-renew-row input{width:14px;height:14px;margin:0;accent-color:#82c6ac;cursor:pointer}
.subscription-renew-row input:focus-visible{outline:2px solid #a0dfc2;outline-offset:3px}
#subscription-renew-note{font:9px ui-monospace,monospace;color:#7f9aae;line-height:1.5}
.subscription-renew-row.is-unfunded #subscription-renew-note{color:#dfb77b}
@media(max-width:680px){.subscription-renew-row{gap:0 6px;font-size:9px}.subscription-renew-row label{min-height:32px}#subscription-renew-note{font-size:8px}}

.compute-detail .compute-savings{color:#91d8b8;font-weight:600;margin:-5px 0 14px}