.idf{--idf-press-hole: var(--surface);display:flex;flex-direction:column;gap:12px;width:100%;max-width:980px;margin:0 auto;color:var(--text)}.idf [hidden]{display:none!important}.idf .idf-muted{color:var(--muted)}.idf .idf-small{font-size:.85rem}.idf .idf-good{color:var(--good)}.idf .idf-bad{color:var(--bad)}.idf .idf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.idf .idf-amount-wrap{display:flex;align-items:baseline;gap:8px;min-width:0}.idf .idf-amount{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.idf .idf-unit{color:var(--muted);font-weight:600}.idf .idf-top-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.idf .idf-rate{font-weight:700;color:var(--good);font-variant-numeric:tabular-nums}.idf .idf-bp{font-size:.85rem;color:var(--muted)}.idf .idf-main{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:12px;align-items:start}.idf .idf-left{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:8px}.idf .idf-right{min-width:0;display:flex;flex-direction:column;gap:8px}.idf .idf-press-wrap{position:relative;width:100%;display:flex;justify-content:center;padding:8px 0}.idf .idf-press{position:relative;width:190px;height:190px;border-radius:50%;border:4px solid var(--border);background:var(--accent);color:var(--accent-text);box-shadow:0 8px 0 var(--cell-strong),var(--shadow);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:grid;place-items:center;transition:transform 70ms ease,box-shadow 70ms ease;font:inherit}.idf .idf-press:hover{filter:brightness(1.06)}.idf .idf-press:active,.idf .idf-press.idf-down{transform:translateY(6px);box-shadow:0 2px 0 var(--cell-strong),var(--shadow)}.idf .idf-press:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.idf .idf-press-gear{position:absolute;inset:18px;display:block;opacity:.28}.idf .idf-press-gear svg{width:100%;height:100%;display:block}.idf .idf-gear-body{fill:currentColor}.idf .idf-gear-hole{fill:var(--accent)}.idf .idf-press-label{position:relative;font-size:1.5rem;font-weight:900;letter-spacing:.12em}.idf .idf-press.idf-bump .idf-press-gear{animation:idf-spin .4s ease-out}@keyframes idf-spin{0%{transform:rotate(0)}to{transform:rotate(36deg)}}.idf .idf-floats{position:absolute;inset:0;pointer-events:none;overflow:visible}.idf .idf-float{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:1.15rem;color:var(--good);text-shadow:0 1px 0 var(--surface),0 0 6px var(--surface);white-space:nowrap;animation:idf-float .9s ease-out forwards}@keyframes idf-float{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-260%)}}.idf .idf-press-info{font-weight:700;font-variant-numeric:tabular-nums}.idf .idf-hint{font-size:.78rem;color:var(--muted);text-align:center}.idf .idf-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px;background:var(--surface-2);border-radius:var(--radius)}.idf .idf-tabs::-webkit-scrollbar{display:none}.idf .idf-tab{flex:1 0 auto;min-height:40px;padding:6px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.idf .idf-tab:hover{color:var(--text)}.idf .idf-tab.idf-tab-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.idf .idf-tab:focus-visible{outline:2px solid var(--focus)}.idf .idf-badge:empty{display:none}.idf .idf-badge{font-size:.72rem;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--accent-text)}.idf .idf-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-height:280px}.idf .idf-view{display:flex;flex-direction:column;gap:10px}.idf .idf-view-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.idf .idf-empty{color:var(--muted);text-align:center;padding:24px 8px;margin:0}.idf .idf-modes{display:flex;align-items:center;gap:4px}.idf .idf-modes-label{color:var(--muted);font-size:.85rem;margin-right:4px}.idf .idf-mode{min-width:52px;min-height:34px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}.idf .idf-mode[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.idf .idf-gens,.idf .idf-upgs{display:flex;flex-direction:column;gap:6px}.idf .idf-gen,.idf .idf-upg{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .12s ease,border-color .12s ease}.idf .idf-gen:hover,.idf .idf-upg:hover{border-color:var(--accent)}.idf .idf-gen:focus-visible,.idf .idf-upg:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.idf .idf-gen:active:not(.idf-cant),.idf .idf-upg:active:not(.idf-cant){background:var(--accent-soft)}.idf .idf-cant{opacity:.55;cursor:default}.idf .idf-cant .idf-gen-cost{color:var(--bad)}.idf .idf-gen-locked{justify-content:center;color:var(--muted);font-size:.88rem;cursor:default;border-style:dashed;background:transparent}.idf .idf-gen-icon{font-size:1.6rem;width:2rem;text-align:center;flex:none}.idf .idf-gen-main{display:flex;flex-direction:column;min-width:0;flex:1}.idf .idf-gen-name{font-weight:700}.idf .idf-gen-owned{color:var(--accent);font-weight:800}.idf .idf-gen-info{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.idf .idf-gen-price{display:flex;flex-direction:column;align-items:flex-end;flex:none}.idf .idf-gen-buy{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.idf .idf-gen-cost{font-weight:800;font-variant-numeric:tabular-nums}.idf .idf-key{flex:none;font-family:var(--mono);font-size:.72rem;min-width:1.5em;text-align:center;padding:1px 4px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;color:var(--muted);background:var(--surface)}.idf .idf-ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.idf .idf-ms{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.idf .idf-ms-done{border-color:var(--good)}.idf .idf-ms-done .idf-gen-name{color:var(--good)}.idf .idf-ms-top{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.idf .idf-ms-top .idf-muted{font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.idf .idf-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.idf .idf-bar-fill{height:100%;background:var(--accent);border-radius:inherit}.idf .idf-view p{margin:0;line-height:1.5}.idf .idf-retool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.idf .idf-statbox{padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);display:flex;flex-direction:column;gap:2px}.idf .idf-retool-btn{align-self:flex-start}.idf .idf-stats{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:0}.idf .idf-stats dt{color:var(--muted)}.idf .idf-stats dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.idf .idf-reset{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:10px;border-top:1px solid var(--border)}@media (max-width: 720px){.idf .idf-main{grid-template-columns:minmax(0,1fr)}.idf .idf-left{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px}.idf .idf-press-wrap{padding:4px 0}.idf .idf-press{width:150px;height:150px}.idf .idf-press-label{font-size:1.25rem}.idf .idf-hint,.idf .idf-key{display:none}.idf .idf-panel{padding:8px}}@media (max-width: 400px){.idf .idf-top{padding:10px 12px}.idf .idf-top-side{align-items:flex-start}.idf .idf-gen,.idf .idf-upg{gap:8px;padding:8px}.idf .idf-gen-icon{font-size:1.3rem;width:1.6rem}.idf .idf-tabs{flex-wrap:wrap;overflow-x:visible}.idf .idf-tab{padding:6px 8px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.idf .idf-press,.idf .idf-gen,.idf .idf-upg{transition:none}.idf .idf-press.idf-bump .idf-press-gear{animation:none}.idf .idf-float{animation:idf-fade .7s linear forwards}}.idf.idf-rm .idf-press{transition:none}.idf.idf-rm .idf-press:active{transform:none}.idf.idf-rm .idf-press.idf-bump .idf-press-gear{animation:none}.idf.idf-rm .idf-float{animation:idf-fade .7s linear forwards}@keyframes idf-fade{0%{opacity:1}to{opacity:0}}.idf-dialog .idf-keep{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.idf-dialog .idf-list{margin:4px 0 0;padding-left:18px}.idf-dialog .idf-good{color:var(--good)}.idf-dialog .idf-bad{color:var(--bad)}.idf-dialog .idf-muted{color:var(--muted)}.idf-dialog .idf-small{font-size:.85rem}.idf-dialog .idf-unit{color:var(--muted);font-size:1rem;font-weight:600}.idf-dialog .idf-away-amount{font-size:2rem;font-weight:800;color:var(--good);margin:6px 0;font-variant-numeric:tabular-nums}@media (max-width: 400px){.idf-dialog .idf-keep{grid-template-columns:1fr}}
