.search{width:min(320px,40vw)}.search .input{background:var(--surface);height:38px}.banner{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-text);align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-weight:500;display:flex}.banner .btn{margin-left:auto}.templates{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:32px;display:grid}.tpl{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;gap:8px;padding:8px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid}.tpl:hover{box-shadow:var(--shadow-2);border-color:#0000;transform:translateY(-2px)}.tpl-art{border-radius:var(--radius-sm);background:var(--surface-2);height:84px;position:relative;overflow:hidden}.tpl-name{font-weight:600;font-size:var(--fs-3);padding:0 4px 2px}.section-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head h3{font-size:var(--fs-5);flex:1;margin:0;font-weight:650}.boards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-2);border-color:#0000;transform:translateY(-2px)}.card-thumb{aspect-ratio:16/10;background:var(--canvas);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);border-bottom:1px solid var(--border);background-size:14px 14px;place-items:center;display:grid}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-body{align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.card-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.card-meta{font-size:var(--fs-2);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-actions{opacity:0;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:8px;right:8px}.card:hover .card-actions,.card-actions[data-open=true],.card-actions .starred,.card:hover .card-actions{opacity:1}.card-actions .icon-btn{background:var(--surface);box-shadow:var(--shadow-1)}.card-star-badge{color:#f5a524;position:absolute;top:10px;left:10px}.board-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;overflow:hidden}.board-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:56px minmax(0,2fr) minmax(0,1fr) 140px 76px;align-items:center;gap:14px;padding:8px 14px;display:grid}.board-row:last-child{border-bottom:none}.board-row:hover{background:var(--hover)}.board-row .mini{border-radius:var(--radius-xs);background:var(--canvas);width:56px;height:36px;overflow:hidden}.board-row .mini img{object-fit:cover;width:100%;height:100%}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:18px;padding:20px}.settings-card h3{font-size:var(--fs-6);margin:0 0 4px}.person-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.person-row:last-child{border-bottom:none}.person-row .who{flex:1;min-width:0}.person-row .who div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px){.board-row{grid-template-columns:56px minmax(0,1fr) 76px}.board-row .hide-sm{display:none}}.tokens-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.tokens-form .field{min-width:220px}.tokens-created{gap:14px;display:grid}.tokens-warning{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text);font-size:var(--fs-3);padding:10px 12px}.tokens-copy{align-items:flex-start;gap:8px;display:flex}.tokens-code{border-radius:var(--radius-sm);background:var(--surface-2);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;min-width:0;padding:8px 10px;font:12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.tokens-list{gap:4px;max-height:320px;margin-top:20px;display:grid;overflow:auto}.tokens-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 4px;display:flex}.tokens-name{flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:600;display:flex}.tokens-name .badge{white-space:nowrap}.tokens-meta{font-size:var(--fs-2);margin-top:2px}@media (max-width:560px){.tokens-form .field{flex-basis:100%!important}}.tokens-boards{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tokens-picker{flex-basis:100%;gap:8px;display:grid}.tokens-picker-list{border:1px solid var(--border);border-radius:var(--radius-md);max-height:180px;padding:4px;overflow:auto}.tokens-picker-row{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-3);align-items:center;gap:8px;padding:6px 8px;display:flex}.tokens-picker-row:hover{background:var(--surface-2)}.tokens-picker-row .muted{font-size:var(--fs-2);margin-left:auto}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.boards>.card,.templates>.tpl{animation:card-in .42s var(--ease-out) backwards}.boards>.card:nth-child(2),.templates>.tpl:nth-child(2){animation-delay:30ms}.boards>.card:nth-child(3),.templates>.tpl:nth-child(3){animation-delay:60ms}.boards>.card:nth-child(4),.templates>.tpl:nth-child(4){animation-delay:90ms}.boards>.card:nth-child(5),.templates>.tpl:nth-child(5){animation-delay:.12s}.boards>.card:nth-child(6),.templates>.tpl:nth-child(6){animation-delay:.15s}.boards>.card:nth-child(7),.templates>.tpl:nth-child(7){animation-delay:.18s}.boards>.card:nth-child(n+8){animation-delay:.21s}.card-thumb img{animation:.4s ease-out fade}.card:active,.tpl:active{transform:translateY(0)scale(.985)}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.card.skeleton{pointer-events:none}.card.skeleton .card-body{flex-direction:column;align-items:flex-start;gap:8px}.skeleton-fill{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton-line{border-radius:var(--radius-xs);width:70%;height:11px;display:block}.skeleton-line.short{width:45%}.tokens-oauth{border-radius:var(--radius);background:var(--accent-soft);color:var(--text-2);font-size:var(--fs-3);gap:8px;margin-bottom:14px;padding:12px;display:grid}.agent-accounts{gap:14px;display:grid}.agent-card{border:1px solid var(--border);border-radius:var(--radius);gap:8px;padding:12px;display:grid}.agent-card .tokens-row{padding:8px 0 0}.agent-head{align-items:center;gap:10px;display:flex}.agent-actions{flex:none;align-items:center;gap:4px;display:flex}.agent-rename{gap:6px;display:flex}.agent-rename .input{height:30px}.icon-btn.danger:hover{color:var(--danger,#e5484d)}@media (max-width:560px){.agent-head{flex-wrap:wrap}.agent-actions{width:100%}}.guest-places{flex-wrap:wrap;gap:4px 10px;margin-top:2px;display:flex}