.overview{position:fixed;inset:0;z-index:10000;overflow:auto;background:rgba(14,12,21,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--c-text);font:14px var(--ui);animation:overview-in .18s ease-out}
.overview-panel{max-width:1320px;margin:auto;padding:clamp(24px,5vw,64px)}
.overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.overview-header h1{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0}.overview-header p{margin:8px 0 0;color:var(--c-dim)}
.overview-close{width:42px;height:42px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-panel);color:var(--c-text);font:28px var(--ui);cursor:pointer}.overview-close:hover,.overview-close:focus-visible{outline:2px solid var(--accent)}
.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px}
.overview-card{min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;border:1px solid var(--c-line);border-radius:14px;background:var(--c-panel);color:var(--c-text);font:inherit;cursor:pointer;box-shadow:0 12px 28px #0004;transition:transform .18s,box-shadow .18s,border-color .18s;animation:overview-card-in .18s both ease-out;animation-delay:calc(var(--order,0) * 25ms)}
.overview-card:hover,.overview-card:focus-visible{transform:translateY(-5px);border-color:var(--accent);outline:2px solid var(--accent);box-shadow:0 18px 35px #0008}.overview-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 28px #0004}
.overview-stage{display:block;position:relative;aspect-ratio:8 / 5;width:100%;overflow:hidden;background:#262330;pointer-events:none}.overview-stage.is-unavailable{display:grid;place-items:center;color:var(--c-dim)}.overview-canvas{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.overview-canvas .tray,.overview-canvas .handle,.overview-canvas .w-dots,.overview-canvas .w-more,.overview-canvas .w-add,.overview-canvas .mini-add,.overview-canvas .grip,.overview-canvas .sub-grip,.overview-canvas .x{display:none!important}
.overview-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;width:100%;padding:14px 16px 16px}.overview-name{font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-time{grid-column:1 / -1;color:var(--c-dim);font-size:12px}.overview-badge{padding:3px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}
.overview-new{align-items:center;justify-content:center;gap:12px;min-height:200px;border:1px dashed var(--c-line);color:var(--c-dim);font-weight:600}.overview-new-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--c-card);color:var(--accent);font-size:32px;font-weight:400}
.overview-new-icon svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
@keyframes overview-in{from{opacity:0}to{opacity:1}}@keyframes overview-card-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:650px){.overview-panel{padding:24px 18px}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}}
@media(prefers-reduced-motion:reduce){.overview,.overview-card{animation:none;transition:none}}
.all-boards-btn{display:flex;align-items:center;flex:none}.all-boards-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.overview-header-actions{display:flex;align-items:center;gap:8px}.overview-close,.overview-bin{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--c-line);border-radius:12px;background:var(--c-panel);color:var(--c-text);cursor:pointer;transition:transform .15s,box-shadow .15s}.overview-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.overview-bin img{width:22px;height:22px}.overview-bin:hover,.overview-bin:focus-visible,.overview-close:hover,.overview-close:focus-visible{outline:2px solid var(--accent)}.overview-bin.is-ready{box-shadow:0 0 0 2px var(--accent)}.overview-bin.is-armed{transform:scale(1.18);box-shadow:0 0 0 4px var(--accent)}
.overview-card{position:relative;touch-action:none}.overview-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.overview-card:hover .overview-card-actions,.overview-card:focus-within .overview-card-actions{opacity:1}.overview-card-actions button{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-panel);color:var(--c-text);cursor:pointer}.overview-card-actions button:hover,.overview-card-actions button:focus-visible{outline:2px solid var(--accent)}.overview-card-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.overview-rename{width:100%;min-width:0;padding:4px;background:var(--c-card);color:var(--c-text);border:1px solid var(--accent);border-radius:5px;font:inherit}.overview-card.is-dragging{opacity:.35}.overview-drag-ghost{position:fixed!important;z-index:10002;pointer-events:none;opacity:.9;animation:none!important;transform:scale(.45) rotate(2deg)!important;transform-origin:top left}.overview-drag-ghost .overview-card-actions{display:none}.overview-back,.overview-notice button,.overview-empty-bin,.overview-bin-row button{border:1px solid var(--c-line);border-radius:7px;padding:7px 10px;background:var(--c-card);color:var(--c-text);font:inherit;cursor:pointer}.overview-back{margin-bottom:10px}.overview-notice-slot{display:flex;align-items:center;gap:12px}.overview-notice,.overview-empty-bin{margin-bottom:16px}.overview-bin-row{display:flex;align-items:center;gap:8px;padding:15px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-panel)}.overview-bin-row>div{display:grid;gap:5px;min-width:0;flex:1}.overview-bin-row strong{overflow:hidden;text-overflow:ellipsis}.overview-bin-row span,.overview-empty{color:var(--c-dim)}
@media(hover:none){.overview-card-actions{opacity:1}}
.overview,.overview-card,.overview-stage,.overview-header button,.overview-drag-ghost{-webkit-user-select:none;user-select:none}.overview .overview-rename{-webkit-user-select:text;user-select:text}.overview img,.overview-drag-ghost img{-webkit-user-drag:none;user-drag:none}.overview-bin img{pointer-events:none}