*{box-sizing:border-box}html{font-size:150%}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:#0d0d1a;color:#e0e0e0}#root{width:100%}.app{padding:4px 8px;max-width:100%}.app-header{display:flex;align-items:center;gap:12px;padding:4px 0}.app-header h1{margin:0;font-size:1rem;white-space:nowrap}.search-input{max-width:320px}.center-msg{display:flex;justify-content:center;align-items:center;height:60vh}.compact-tag{margin:0!important;font-size:.7rem!important;line-height:1.4!important;padding:0 4px!important}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px;padding:4px 0}.role-card{border:1px solid #303030;border-radius:4px;padding:4px 6px;background:#1a1a2e}.role-name{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.aka{font-size:.7rem;color:#888}.role-desc{font-size:.7rem;color:#aaa;margin-top:2px;line-height:1.3}.phase-label{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden}.phase-label b{white-space:nowrap;font-size:.8rem}.muted{font-size:.7rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-label{font-size:.75rem}.summary{font-size:.7rem;color:#888;padding:2px 8px}.components-scroll{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scroll-snap-type:x mandatory}.comp-card{flex:0 0 360px;min-width:280px;max-width:480px;border:1px solid #303030;border-radius:4px;padding:4px 6px;background:#141422;scroll-snap-align:start}.comp-title{font-size:.8rem;font-weight:600;color:#e0e0f0}.comp-desc{font-size:.7rem;color:#888;line-height:1.3;margin-bottom:4px}.action-row{padding:2px 0;border-top:1px solid #252535}.action-header{display:flex;align-items:center;gap:4px;font-size:.7rem}.action-header span{color:#ccc}.artifact-chips{display:flex;flex-wrap:wrap;gap:2px;padding:1px 0 1px 24px}.artifact-chip{margin:0!important;font-size:.65rem!important;line-height:1.4!important;padding:0 4px!important;cursor:help;background:#1a1a2e!important;border-color:#30305a!important;color:#b8b8d0!important}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px;padding:4px 0}.artifact-card{border:1px solid #303030;border-radius:4px;padding:4px 6px;background:#141422}.artifact-name{font-size:.8rem;font-weight:600;color:#e0e0f0}.artifact-desc{font-size:.7rem;color:#888;line-height:1.3}.artifact-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.components-scroll::-webkit-scrollbar{height:4px}.components-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:2px}@media(min-width:2560px){.roles-grid,.artifacts-grid{grid-template-columns:repeat(4,1fr)}.comp-card{flex:0 0 420px}}@media(min-width:1920px)and (max-width:2559px){.roles-grid,.artifacts-grid{grid-template-columns:repeat(3,1fr)}}