.viewpill-wrap{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.viewpill-bar{border-radius:var(--r-md);border:1px solid var(--c-border-strong);align-items:stretch;display:flex}.viewpill{border-radius:var(--r-md);color:var(--c-text);font:inherit;font-size:calc(13px * var(--ui-scale));cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-weight:650;display:flex}.viewpill-caret{display:flex}.viewpill-menu{z-index:12;border-radius:var(--r-lg);border:1px solid var(--c-border-strong);background:var(--c-surface-heavy);flex-direction:column;width:230px;max-height:min(70vh,560px);padding:8px;animation:.15s rise-in;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.viewpill-row{border-radius:var(--r-md);align-items:center;display:flex}.viewpill-row.on{background:var(--c-accent-dim)}.viewpill-row.waits{opacity:.45}.viewpill-name{text-align:left;border-radius:var(--r-md);min-width:0;color:var(--c-text);font:inherit;font-size:calc(15px * var(--ui-scale));cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:10px;display:flex}.viewpill-name>:first-child{flex:1;min-width:0}.viewpill-name svg{color:var(--c-accent);flex:none}.viewpill-name:active{background:rgba(var(--c-ink-rgb), .1);transform:none}.viewpill-more{color:var(--c-text-dim)}.app-lefty .viewpill-menu{left:auto;right:0}.viewcard{border-radius:var(--r-md);border:2px solid var(--c-border);background:rgba(var(--c-ink-rgb), .06);min-width:0;color:var(--c-text);font:inherit;cursor:pointer;flex-direction:column;padding:0;display:flex;overflow:hidden}.viewcard img{width:100%;height:calc(52px * var(--ui-scale));object-fit:cover;background:rgba(var(--c-ink-rgb), .08);display:block}.viewcard span{font-size:calc(12.5px * var(--ui-scale));text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px 5px;font-weight:700;display:block;overflow:hidden}.viewcard[aria-pressed=true]{border-color:var(--c-accent)}.viewcard[aria-pressed=true] span{color:var(--c-accent)}.viewcard:active{opacity:.85;transform:none}.vx-list{flex-direction:column;gap:8px;display:flex}.vx-row{border-radius:var(--r-md);border:1px solid var(--c-border);background:rgba(var(--c-ink-rgb), .04);align-items:center;gap:10px;padding:7px;display:flex}.vx-row.on{border-color:var(--c-accent);background:var(--c-accent-dim)}.vx-row.off{opacity:.55}.vx-row.noted{flex-wrap:wrap}.vx-note{border-top:1px solid var(--c-border);font-size:calc(12.5px * var(--ui-scale));flex-direction:column;flex-basis:100%;gap:4px;margin:1px 4px 2px;padding-top:8px;line-height:1.4;display:flex}.vx-name .vx-hd{vertical-align:3px;margin-left:6px}.vx-show{min-width:0;color:var(--c-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:stretch;gap:12px;padding:0;display:flex}.vx-show:active{transform:none}.vx-show img{width:calc(72px * var(--ui-scale));height:calc(80px * var(--ui-scale));object-fit:cover;border-radius:var(--r-md);background:rgba(var(--c-ink-rgb), .08);flex:none;display:block}.vx-text{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:2px;display:flex}.vx-name{font-size:calc(16px * var(--ui-scale));font-weight:700}.vx-name small{font-size:calc(12px * var(--ui-scale));color:var(--c-accent);white-space:nowrap;margin-left:6px;font-weight:650}.vx-what{font-size:calc(13px * var(--ui-scale));line-height:1.3}.vx-use{font-size:calc(12.5px * var(--ui-scale));color:var(--c-text-dim);line-height:1.3}.vx-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.vx-pin{border-radius:var(--r-sm);border:1px solid var(--c-border-strong);height:34px;color:var(--c-text);font:inherit;font-size:calc(13px * var(--ui-scale));white-space:nowrap;cursor:pointer;background:0 0;padding:0 12px;font-weight:700}.vx-pin.mine{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.vx-trash{width:32px;height:32px}.vx-make{border-radius:var(--r-md);border:1px dashed var(--c-border-strong);min-height:52px;color:var(--c-text);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;margin:14px 0 6px;padding:8px 14px;display:flex}.vx-make>span:first-child{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vx-make b{font-size:calc(15px * var(--ui-scale))}.vx-make small{font-size:calc(12.5px * var(--ui-scale));color:var(--c-text-dim)}.vm-name{font-size:calc(11px * var(--ui-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-dim);flex-direction:column;gap:6px;padding-top:4px;font-weight:700;display:flex}.vm-name input{border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:rgba(var(--c-ink-rgb), .06);height:42px;color:var(--c-text);font:inherit;letter-spacing:0;text-transform:none;padding:0 12px;font-size:16px;font-weight:600}.vm-grounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vm-more{margin-top:8px}
