#stickyBar.show{transform:translateY(0)}.nav-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex-shrink:0}.reel-slide{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.reel-slide.active{opacity:1;transform:translateY(0);pointer-events:auto}.reel-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;padding:2px 10px;border-radius:999px;margin-bottom:8px;text-transform:uppercase}.reel-title{font-size:clamp(17px,2.5vw,22px);font-weight:700;color:var(--text);line-height:1.3}.reel-title a{transition:opacity var(--transition)}.reel-title a:hover{opacity:.7}.reel-source{font-size:12px;color:var(--text-3);margin-top:6px;font-family:var(--mono)}.reel-dot{width:7px;height:7px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all .2s}.reel-dot.active{background:var(--yellow);width:22px;border-radius:4px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;opacity:0;transform:translateY(14px);animation:cardIn .45s ease forwards}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-accent{height:4px;background:var(--tool-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tool-card:hover .card-accent,.tool-card.open .card-accent{transform:scaleX(1)}.card-body{padding:18px 20px}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.card-logo{width:40px;height:40px;border-radius:10px;background:var(--tool-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:0 4px 12px var(--tool-glow)}.card-tool-name{font-weight:700;font-size:15px}.card-cat{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:1px}.card-status{margin-left:auto;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;background:var(--tool-color);color:#fff;opacity:.95}.card-status.quiet{background:var(--surface2);color:var(--text-3)}.card-headline{font-size:13.5px;font-weight:600;line-height:1.45;margin-bottom:6px}.card-teaser{font-size:13px;color:var(--text-2);line-height:1.55}.card-expand{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.tool-card.open .card-expand{max-height:600px}.expand-inner{padding:14px 20px 4px;border-top:1px solid var(--border)}.expand-items{list-style:none;padding:0;margin-bottom:14px}.expand-items li{font-size:13px;color:var(--text-2);padding:5px 0;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:flex-start;line-height:1.45}.expand-items li:last-child{border-bottom:none}.expand-items li::before{content:"→";color:var(--yellow);flex-shrink:0;margin-top:1px}.expand-items li a{color:var(--text-2);transition:color var(--transition)}.expand-items li a:hover{color:var(--text)}.take-block{background:var(--surface2);border-left:3px solid var(--yellow);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:14px 16px;margin-bottom:14px}.take-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}.take-avatar-sm{width:20px;height:20px;border-radius:50%;background:var(--yellow-dim);border:1px solid var(--yellow);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.take-avatar-sm img{width:100%;height:100%;object-fit:cover}.take-text{font-size:13px;color:var(--text);line-height:1.6;font-style:italic}.card-footer-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--text-3)}.card-footer-row a{color:var(--text-3);transition:color var(--transition)}.card-footer-row a:hover{color:var(--yellow)}.card-actions{display:flex;gap:6px}.card-action-btn{background:0 0;border:1px solid var(--border);color:var(--text-3);padding:4px 12px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--mono);letter-spacing:.06em;transition:all var(--transition)}.card-action-btn:hover{border-color:var(--text-3);color:var(--text)}.card-action-btn.saved{background:var(--yellow);border-color:var(--yellow);color:#000}#toolGrid.list-view{grid-template-columns:1fr}#toolGrid.list-view .tool-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start}#toolGrid.list-view .card-accent{grid-column:1/-1;height:3px}#toolGrid.list-view .card-body{padding:16px 20px}#toolGrid.list-view .card-expand{grid-column:1/-1}.grid-empty{grid-column:1/-1;padding:60px 20px;text-align:center;color:var(--text-3);font-size:14px}.bar-row{display:grid;grid-template-columns:130px 1fr 52px;gap:12px;align-items:center;font-size:13px}.bar-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{background:var(--surface2);height:10px;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.bar-val{text-align:right;font-weight:600;color:var(--text-2);font-family:var(--mono);font-size:12px}.capture-success{display:none;text-align:center;padding:14px;color:#10a37f;font-weight:600;font-size:14px}#toast.show{transform:none;opacity:1}@media (max-width:600px){.bar-row{grid-template-columns:auto 1fr 44px;gap:6px;font-size:12px}.list-view .tool-card{grid-template-columns:40px 1fr;gap:0 10px}.list-view .card-accent{grid-column:1/-1}.list-view .card-expand{grid-column:1/-1}.controls-row{flex-direction:column;align-items:stretch;gap:8px}.search-box{width:100%!important}.filter-group{flex-wrap:wrap;gap:6px}}