.sk-app{background:var(--bg);min-width:0;min-height:0;color:var(--text);padding:var(--space-4) var(--space-5) var(--space-7);flex:1;overflow-y:auto}.sk-top{max-width:1200px;margin:0 auto var(--space-5)}.sk-back{font-size:var(--text-body-sm);color:var(--text-muted);text-decoration:none}.sk-back:hover{color:var(--text)}.sk-title{font-family:var(--font-serif,Georgia, serif);font-size:var(--text-heading);margin:var(--space-2) 0 var(--space-1);font-weight:600}.sk-sub{font-size:var(--text-body-sm);color:var(--text-muted);max-width:640px;margin:0}.sk-body{gap:var(--space-5);align-items:flex-start;max-width:1200px;margin:0 auto;display:flex}.sk-rail{gap:var(--space-2);flex-direction:column;flex:0 0 260px;width:260px;display:flex}.sk-rail-item{gap:var(--space-1);text-align:left;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text);flex-direction:column;display:flex}.sk-rail-item:hover{border-color:var(--blue)}.sk-rail-item.is-active{border-color:var(--blue);background:var(--accent-dim,var(--surface2))}.sk-rail-name{font-size:var(--text-body-sm);font-weight:600}.sk-rail-meta{font-family:var(--font-mono,monospace);font-size:var(--text-meta);color:var(--text-muted)}.sk-main{flex:1;min-width:0}.sk-head-name{font-size:var(--text-sub);margin:0 0 var(--space-3);font-weight:600}.sk-error{font-size:var(--text-body-sm);color:var(--error);margin:0 0 var(--space-3)}.sk-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.sk-panel-h{font-family:var(--font-mono,monospace);font-size:var(--text-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-3)}.sk-invite{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.sk-compose{gap:var(--space-2);flex-direction:column;display:flex}.sk-compose-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.sk-compose-row .sk-input{flex:200px}.sk-input{font-size:var(--text-body-sm);padding:var(--space-1) var(--space-2);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);flex:180px}.sk-invite .sk-input{flex:180px}.sk-textarea{font-size:var(--text-body-sm);padding:var(--space-2);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;font-family:inherit}.sk-input:disabled,.sk-textarea:disabled{color:var(--color-text-disabled)}.sk-btn{font-size:var(--text-body-sm);padding:var(--space-1) var(--space-3);background:var(--blue);color:var(--on-accent,#fff);border:1px solid var(--blue);border-radius:var(--radius-md);cursor:pointer;align-self:flex-start;font-weight:600}.sk-btn:hover{filter:brightness(1.08)}.sk-btn:disabled{background:var(--surface2);border-color:var(--border);color:var(--color-text-disabled);cursor:not-allowed;filter:none}.sk-joinurl{font-size:var(--text-body-sm);color:var(--text-muted);margin:0 0 var(--space-3);word-break:break-all}.sk-table-wrap{overflow-x:auto}.sk-table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm)}.sk-table th{font-family:var(--font-mono,monospace);font-size:var(--text-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.sk-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.sk-table tbody tr:last-child td{border-bottom:none}.sk-strong{font-weight:600}.sk-mono{font-family:var(--font-mono,monospace);font-size:var(--text-meta);color:var(--text-muted)}.sk-badge{font-family:var(--font-mono,monospace);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);display:inline-block}.sk-badge.is-joined{color:var(--success);border-color:var(--success)}.sk-remove{font-size:var(--text-meta);padding:2px var(--space-2);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-weight:600}.sk-remove:hover{color:var(--error);border-color:var(--error)}.sk-remove:disabled{color:var(--color-text-disabled);cursor:wait}.sk-item{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px dashed var(--border);flex-wrap:wrap;display:flex}.sk-item:last-child{border-bottom:none}.sk-item-head{flex-direction:column;gap:2px;display:flex}.sk-count{font-family:var(--font-mono,monospace);font-size:var(--text-meta);color:var(--text-muted)}.sk-link{color:var(--blue);text-decoration:none}.sk-link:hover{text-decoration:underline}.sk-empty-app{max-width:1200px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin:0 auto}.sk-empty-lede{font-family:var(--font-sans,sans-serif);font-size:var(--text-sub);margin:0 0 var(--space-2)}.sk-title,.sk-head-name{font-family:var(--font-sans,sans-serif)}.sk-panel{box-shadow:var(--cc-elev)}.sk-empty-line{font-size:var(--text-body-sm);color:var(--text-muted);max-width:560px;margin:0}@media (prefers-reduced-motion:no-preference){.sk-rail-item,.sk-btn,.sk-remove{transition:border-color var(--motion-fast) var(--ease-default), background var(--motion-fast) var(--ease-default), color var(--motion-fast) var(--ease-default)}}@media (max-width:768px){.sk-body{flex-direction:column}.sk-rail{flex-direction:row;flex:auto;width:100%;overflow-x:auto}.sk-rail-item{min-width:220px}}