#root{width:100%;height:100vh;margin:0;padding:0}#app-container{background:#2e3440;width:100%;height:100%;position:relative}#search-panel{z-index:100;background:#3b4252;border:1px solid #434c5e;border-radius:8px;min-width:250px;max-height:80vh;margin:20px;padding:15px;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.search-input{box-sizing:border-box;color:#eceff4;background:#2e3440;border:1px solid #434c5e;border-radius:4px;width:100%;margin-bottom:10px;padding:8px;font-size:14px;transition:border-color .2s,outline .2s}.search-input::placeholder{color:#a3be8c}.search-input:focus{outline-offset:2px;border-color:#81a1c1;outline:2px solid #81a1c1}.search-input:focus:not(:focus-visible){border-color:#434c5e;outline:none}.search-input:focus-visible{outline-offset:2px;border-color:#81a1c1;outline:2px solid #81a1c1}.clear-filters-btn{color:#eceff4;cursor:pointer;appearance:none;box-sizing:border-box;background:#bf616a;border:none;border-radius:4px;width:100%;padding:6px;font-size:12px;transition:background .2s,outline .2s}.clear-filters-btn:hover{background:#d08770}.clear-filters-btn:focus{outline-offset:2px;outline:2px solid #81a1c1}.clear-filters-btn:focus:not(:focus-visible){outline:none}.clear-filters-btn:focus-visible{outline-offset:2px;outline:2px solid #81a1c1}.tag-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag-filter{cursor:pointer;color:#d8dee9;appearance:none;background:#2e3440;border:1px solid #4c566a;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.tag-filter:hover{color:#eceff4;background:#3b4252;border-color:#5e81ac}.tag-filter:focus{outline-offset:2px;outline:2px solid #81a1c1}.tag-filter:focus:not(:focus-visible){outline:none}.tag-filter:focus-visible{outline-offset:2px;outline:2px solid #81a1c1}.tag-filter.active{color:#eceff4}.loading-overlay{z-index:1000;background:#2e3440f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{text-align:center;color:#eceff4}.spinner{border:4px solid #d8dee933;border-top-color:#d8dee9;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#node-detail-panel{z-index:100;color:#eceff4;background:#3b4252;border:1px solid #434c5e;border-radius:8px;flex-direction:column;max-width:300px;margin:20px;padding:20px;display:flex;position:fixed;bottom:0;right:0;box-shadow:0 4px 12px #0000004d}#node-detail-panel h3{word-break:break-word;color:#d8dee9;margin:0 0 15px}.node-tags{color:#d8dee9;font-size:14px}#tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{cursor:pointer;border:none;border-radius:4px;flex:auto;padding:4px 8px;font-size:12px;line-height:1;transition:all .2s}.tag:hover{opacity:.8;transform:scale(1.05)}.tag:focus{outline-offset:2px;outline:2px solid #eceff4}.tag:focus:not(:focus-visible){outline:none}.tag:focus-visible{outline-offset:2px;outline:2px solid #eceff4}#user-page-link{color:#eceff4;text-align:center;background:#4a5568;border-radius:4px;margin-top:12px;padding:8px 16px;font-size:14px;text-decoration:none;transition:background-color .3s,outline .2s;display:inline-block}#user-page-link:hover{background:#5a6578}#user-page-link:focus{outline-offset:2px;outline:2px solid #81a1c1}#user-page-link:focus:not(:focus-visible){outline:none}#user-page-link:focus-visible{outline-offset:2px;outline:2px solid #81a1c1}#load-user-info-btn{color:#eceff4;cursor:pointer;box-sizing:border-box;background:#5e81ac;border:none;border-radius:4px;width:100%;margin-top:12px;padding:8px 16px;font-size:14px;transition:background-color .3s,outline .2s;display:block}#load-user-info-btn:hover:not(:disabled){background:#81a1c1}#load-user-info-btn:focus{outline-offset:2px;outline:2px solid #81a1c1}#load-user-info-btn:focus:not(:focus-visible){outline:none}#load-user-info-btn:focus-visible{outline-offset:2px;outline:2px solid #81a1c1}#load-user-info-btn:disabled{cursor:default}#user-info{border-top:1px solid #434c5e;margin-top:12px;padding-top:12px}.info-item{color:#d8dee9;margin-bottom:8px;font-size:13px}#user-groups{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.user-group{color:#d8dee9;text-align:center;background:#434c5e;border-radius:3px;flex:auto;padding:4px 8px;font-size:12px;line-height:1;display:inline-block}.block-info{background:#bf616a1a;border-radius:3px;margin-top:6px;padding:6px;font-size:12px}#load-more-button{color:#eceff4;cursor:pointer;z-index:100;appearance:none;background:#5e81ac;border:none;border-radius:6px;margin:20px;padding:10px 20px;font-size:14px;transition:background .2s;position:fixed;bottom:0;left:0}#load-more-button:hover{background:#81a1c1}#root{width:100%;height:100vh}@keyframes fade-in{to{opacity:1}}body>*{opacity:0;animation:.125s ease-out forwards fade-in}body>* *{opacity:0;animation:.25s ease-out forwards fade-in}body *{font-size-adjust:from-font;text-wrap:pretty;overflow-wrap:anywhere}html{font-palette:dark;color:#eceff4;background:#2e3440;font-family:ui-sans-serif,sans-serif;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:ui-serif,serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:18px}@media not (prefers-reduced-motion:reduce){@view-transition{navigation:auto}@keyframes page-out{0%{clip-path:circle(100%)}to{clip-path:circle(0)}}@keyframes page-in{0%{clip-path:circle(0)}to{clip-path:circle(100%)}}::view-transition-old(root){animation:.25s ease-in both page-out}::view-transition-new(root){animation:.25s ease-in .25s both page-in}html{scroll-behavior:smooth}}