:root{--accent: #3b5bdb;--accent-violet: #7c3aed;--blue: #2563eb;--accent-hover: #4c6ef5;--accent-muted: rgba(59, 91, 219, .14);--accent-violet-muted: rgba(124, 58, 237, .12);--accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-violet) 100%);--accent-gradient-soft: linear-gradient( 135deg, rgba(59, 91, 219, .18) 0%, rgba(124, 58, 237, .12) 100% );--surface-0: #0f1117;--surface-1: #121620;--surface-2: #151923;--surface-3: #1a2030;--border: #242b38;--border-strong: #2d3648;--text-muted: #8f99aa;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 15px;--text-2xl: 17px;--text-3xl: 20px;color:#d7dce8;background:var(--surface-0);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:6px;color:#d7dce8;font:inherit}button{cursor:pointer;padding:6px 9px}button:hover{border-color:#3d4d66;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.active{border-color:var(--accent);color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b5bdb38;outline:none}input,select,textarea{padding:7px 9px}textarea{min-height:160px;resize:vertical;width:100%}pre{margin:0;overflow:auto;white-space:pre-wrap}a{color:var(--blue)}a:hover{color:var(--accent-hover)}.app-brand{align-items:center;display:inline-flex;flex-shrink:0;gap:8px}.app-brand__logo{display:block;flex-shrink:0;object-fit:contain}.app-brand--header .app-brand__logo{height:22px;width:22px}.app-brand--header .app-brand__name{background:linear-gradient(135deg,#eef1ff,#c4b5fd 55%,#a78bfa);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.app-brand--login{align-self:center;flex-direction:column;gap:12px;margin-bottom:0;min-height:110px;padding-top:0}.app-brand--login .app-brand__logo{height:72px;width:72px}.app-brand--login .app-brand__name{background:linear-gradient(135deg,#eef1ff,#c4b5fd 55%,#a78bfa);background-clip:text;-webkit-background-clip:text;color:transparent;display:block;font-size:26px;font-weight:700;height:26px;letter-spacing:-.03em;line-height:26px;min-height:26px}.desktop-download-button{align-items:center;background:var(--accent-gradient-soft);border:1px solid rgba(124,58,237,.35);border-radius:8px;box-shadow:0 1px 8px #3b5bdb2e;color:#eef1ff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;justify-content:center;line-height:1.2;padding:8px 14px;text-decoration:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease,transform .12s ease;white-space:nowrap}.desktop-download-button:hover{background:linear-gradient(135deg,#3b5bdb47,#7c3aed38);border-color:#a78bfa8c;box-shadow:0 2px 12px #3b5bdb47;color:#fff;transform:translateY(-1px)}.desktop-download-button--login{margin-top:4px;width:100%}.desktop-download-button--header{border-radius:999px;padding:6px 12px}.app-loading-page{align-items:center;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(124,58,237,.22),transparent),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(59,91,219,.16),transparent),var(--surface-0);display:flex;height:100vh;justify-content:center;padding:24px}.app-loading-panel{align-items:center;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 24px 64px #0000006b,0 0 0 1px #7c3aed14;display:flex;flex-direction:column;gap:20px;max-width:400px;overflow:hidden;padding:36px 32px 28px;position:relative;width:100%}.app-loading-panel:before{background:var(--accent-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.app-loading-status{display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.app-loading-title{color:#eef1ff;font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em;margin:0}.app-loading-message{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin:0}.app-loading-bar{background:#1a2030;border-radius:999px;height:3px;overflow:hidden;position:relative;width:100%}.app-loading-bar__phase{animation:app-loading-phase 1.2s ease-in-out infinite;background:linear-gradient(90deg,transparent 0%,var(--accent) 42%,var(--blue) 58%,transparent 100%);display:block;height:100%;position:absolute;width:45%}@keyframes app-loading-phase{0%{transform:translate(-120%)}to{transform:translate(320%)}}.sidebar-tree-loading{display:flex;flex-direction:column;gap:10px;padding:12px 8px}.sidebar-tree-loading-row{animation:sidebar-tree-loading-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,#242b388c,#343e52d9,#242b388c);background-size:200% 100%;border-radius:6px;height:28px}.sidebar-tree-loading-row:nth-child(1){animation-delay:0s;margin-left:0;width:72%}.sidebar-tree-loading-row:nth-child(2){animation-delay:.12s;margin-left:18px;width:64%}.sidebar-tree-loading-row:nth-child(3){animation-delay:.24s;margin-left:18px;width:58%}.sidebar-tree-loading-row:nth-child(4){animation-delay:.36s;margin-left:36px;width:52%}@keyframes sidebar-tree-loading-pulse{0%{background-position:100% 0;opacity:.55}50%{background-position:0 0;opacity:.95}to{background-position:100% 0;opacity:.55}}.login-page{align-items:center;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(124,58,237,.2),transparent),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(59,91,219,.14),transparent),var(--surface-0);display:flex;height:100vh;justify-content:center;padding:24px}.login-page .login-panel{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 24px 64px #0000006b,0 0 0 1px #7c3aed14;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-width:340px;padding:36px 32px 32px;position:relative;width:100%}.login-page .login-panel:before{background:var(--accent-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.login-page .login-panel__header{box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.login-page .login-panel__intro,.login-page .login-panel p{color:var(--text-muted);font-size:var(--text-md);line-height:1.5;margin:0;text-align:center}.login-page .login-panel__title{font-size:var(--text-2xl);font-weight:700;line-height:1.25;margin:0;text-align:center}.login-page .login-panel__placeholder{pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.login-page .login-panel__fields{display:flex;flex-direction:column;gap:12px}.login-page .login-panel--sign-in .login-panel__fields{box-sizing:border-box;display:grid;gap:12px;grid-template-rows:55px 55px;height:122px;overflow:hidden}.login-page .login-panel--sign-in.login-panel--reset .login-panel__fields{display:flex;flex-direction:column;gap:12px;grid-template-rows:unset;height:auto;overflow:visible}.login-page .login-panel__error-slot{box-sizing:border-box;min-height:0}.login-page .login-panel--sign-in .login-panel__error-slot{height:20px;overflow:hidden}.login-page .login-panel--sign-in.login-panel--reset .login-panel__error-slot{height:auto;overflow:visible}.login-page .login-panel__submit{background:linear-gradient(135deg,var(--accent) 0%,var(--blue) 100%);border:1px solid transparent;border-radius:6px;box-shadow:0 1px 8px #3b5bdb59;box-sizing:border-box;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:700;height:40px;line-height:1;margin:0;max-height:40px;min-height:40px;padding:0 16px;width:100%}.login-page .login-panel__submit:hover:not(:disabled){background:linear-gradient(135deg,var(--blue) 0%,var(--accent) 100%);box-shadow:0 2px 12px #3b5bdb73;filter:brightness(1.05)}.login-page .login-panel__submit:disabled{cursor:not-allowed;opacity:.55}.login-page .login-panel__footer{align-items:center;display:grid}.login-page .login-panel--sign-in .login-panel__footer{box-sizing:border-box;height:24px;overflow:hidden}.login-page .login-panel__footer>*{grid-area:1 / 1}.login-page .login-panel__links{display:flex;gap:12px;justify-content:space-between;width:100%}.login-page .login-panel--sign-in .login-panel__links{height:24px}.login-page .login-panel__back-link{justify-self:center}.login-page .login-panel--sign-in .login-panel__back-link{height:24px}.login-page .login-link-button{background:transparent;border:none;color:var(--accent-hover);cursor:pointer;font-size:var(--text-md);line-height:1.4;padding:0}.login-page .login-link-button:hover:not(:disabled){text-decoration:underline}.login-page .login-link-button:disabled{cursor:default}.login-page .login-panel label{box-sizing:border-box;display:grid;flex-shrink:0;gap:8px;grid-template-rows:15px 32px;height:55px;margin:0;overflow:hidden}.login-page .login-panel input{box-sizing:border-box;height:32px;margin:0;max-height:32px;min-height:32px;padding:0 12px;width:100%}.login-page .login-panel input:disabled{opacity:1}.login-page .login-panel .error{color:#fb7185;font-size:var(--text-sm);line-height:1.4;margin:0}.login-page .login-panel--sign-in .login-panel__error-slot .error{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socket-log{border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;padding:10px}.socket-message{display:grid;gap:8px;grid-template-columns:80px 1fr}.socket-message.sent span{color:#fbbf24}.socket-message.received span{color:#6ee7b7}.status{color:var(--text-muted)}