:root{--bg-color: #000000;--container-bg: #1c1c1e;--element-bg: #2c2c2e;--text-main: #ffffff;--text-muted: #8e8e93;--border-color: rgba(255, 255, 255, .04);--border-width: 1px;--chin-color: #111112;--chin-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1.5px 0 var(--chin-color), 0 4px 10px rgba(0, 0, 0, .4);--container-inset: inset 0 1.5px 3.5px rgba(0, 0, 0, .3);--accent-color: #0a84ff;--accent-chin: #004385;--accent-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1.5px 0 var(--accent-chin), 0 4px 12px rgba(0, 0, 0, .5);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(150,158,172,.5) rgba(28,28,30,.34)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{border-radius:999px;background:#1c1c1e57}*::-webkit-scrollbar-thumb{border:2px solid rgba(28,28,30,.34);border-radius:999px;background:#969eac80}*::-webkit-scrollbar-thumb:hover{background:#bcc4d2ad}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 18px 126px;background:var(--bg-color);transition:background .18s ease,color .18s ease}.app.dark{color:var(--text-main);background:var(--bg-color)}.brand-rail,.panel,.metric-card,.sync-panel{border:1px solid rgba(20,26,36,.78);background:#ffffff8a;box-shadow:10px 12px 24px #717e9624,inset 1px 1px #ffffffeb;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}.dark .brand-rail,.dark .panel,.dark .metric-card,.dark .sync-panel{border:var(--border-width) solid var(--border-color);background:var(--container-bg);box-shadow:var(--container-inset)}.brand-rail{position:sticky;top:18px;height:86px;border-radius:34px;padding:16px;display:flex;flex-direction:column;justify-content:center}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark,.metric-icon,.icon-button{display:grid;place-items:center;border:0;color:#1f5f8f;background:var(--element-bg);box-shadow:6px 7px 14px #6f7e9624}.dark .brand-mark,.dark .metric-icon,.dark .icon-button{color:#9fd0ff;background:var(--element-bg);box-shadow:var(--chin-shadow)}.brand-mark{width:54px;height:54px;border-radius:50%}.brand-name{font-size:24px;font-weight:800;letter-spacing:0}.brand-subtitle,.muted,.metric-card span,.project-card p,.artifact-card span,.setting-row small,.relation-item small{color:#687386}.dark .brand-subtitle,.dark .muted,.dark .metric-card span,.dark .project-card p,.dark .artifact-card span,.dark .setting-row small,.dark .relation-item small{color:#aeb8c8}.nav-item,.primary-action,.search-shell,.sync-panel select,.editor-preview input,.editor-preview textarea,.compact-control select{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff75;color:inherit;box-shadow:inset 2px 2px 5px #8997af1a}.dark .nav-item,.dark .primary-action,.dark .search-shell,.dark .sync-panel select,.dark .editor-preview input,.dark .editor-preview textarea,.dark .compact-control select{border:var(--border-width) solid var(--border-color);background:var(--element-bg);box-shadow:var(--chin-shadow)}.nav-item{min-height:44px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-align:center;font-size:14px;font-weight:760;white-space:nowrap}.nav-item.active{color:#fff;background:#0a84ff3d;border-color:#86c2ff52;box-shadow:inset 0 1px #ffffff2e,inset 0 -10px 18px #0a84ff1a,0 10px 28px #0a84ff24;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.dark .nav-item.active{color:#d9ecff;background:#0a84ff38}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;transform:none;width:100%;padding:12px 18px;border-top:var(--border-width) solid var(--border-color);background:#1c1c1edb;box-shadow:0 -12px 34px #00000042,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav-inner{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;overflow:hidden;scrollbar-width:none}.bottom-nav-inner::-webkit-scrollbar{display:none}.bottom-nav .nav-item{flex:0 0 auto;width:auto;min-width:84px;max-width:136px}.bottom-nav .nav-item span{overflow:hidden;text-overflow:ellipsis}.sync-panel{margin-top:auto;border-radius:22px;padding:16px;display:grid;gap:12px}.sync-top{display:flex;align-items:center;gap:9px;font-weight:700}.sync-panel select{width:100%;min-height:40px;padding:0 12px}.workspace{min-width:0;display:grid;gap:14px;align-content:start;padding-top:34px;padding-bottom:18px}.graph-app{padding:0 0 92px;overflow:hidden}.graph-mode{position:fixed;top:0;right:0;bottom:92px;left:0;padding:0;display:block;overflow:hidden}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 0 10px;background:transparent}.graph-mode .topbar{position:fixed;top:10px;left:0;right:0;z-index:20;padding:0;pointer-events:none}.graph-mode .search-shell,.graph-mode .realtime-pill{pointer-events:auto}.graph-mode .realtime-pill{display:none}.search-shell{width:220px;max-width:220px;min-height:42px;display:flex;align-items:center;gap:10px;padding:2px 12px;background:#2c2c2ee0;box-shadow:var(--chin-shadow);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.search-shell input{width:100%;height:34px;border:0;outline:0;background:transparent;color:inherit}.realtime-pill{min-height:36px;display:inline-flex;align-items:center;border:var(--border-width) solid rgba(255,255,255,.08);border-radius:999px;padding:0 12px;background:#2c2c2eb3;box-shadow:var(--chin-shadow);color:#aeb8c8;font-size:13px;font-weight:760;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.realtime-pill span{display:none}.realtime-pill.connected{color:#c7f0d0;border-color:#65d68b2e}.realtime-pill.thinking{color:#cfe3ff;border-color:#7bb4ff2e}.realtime-pill.working{color:#ffe3b0;border-color:#fc63}.realtime-pill.offline{color:#ffb7b0;border-color:#ff8a8033}.bottom-nav .nav-item{transform:none}.bottom-nav .nav-item:active{transform:translateY(1.5px)}.top-actions{display:flex;gap:10px;align-items:center}.icon-button{width:48px;height:48px;border-radius:50%}.primary-action{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-weight:750}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-height:124px;border-radius:34px;padding:20px;display:grid;align-content:space-between}.metric-icon{width:42px;height:42px;border-radius:50%}.metric-card strong{font-size:34px}.metric-card small{color:var(--text-muted)}.content-grid{display:grid;gap:14px;padding-bottom:18px}.content-grid.two,.overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.content-grid.single{grid-template-columns:minmax(0,1fr)}.panel{border-radius:36px;padding:20px;min-width:0;overflow:visible}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-title h2{margin:0;font-size:18px}.context-list,.artifact-stack,.project-list,.timeline-list,.settings-list,.relation-list,.status-list{display:grid;gap:12px}.memory-row,.artifact-card,.project-card,.timeline-item,.setting-row,.relation-item,.status-line{border:1px solid rgba(7,10,16,.62);border-radius:24px;padding:14px;background:#ffffff75;box-shadow:0 12px 24px #00000024,inset 0 1px #ffffff0a}.dark .memory-row,.dark .artifact-card,.dark .project-card,.dark .timeline-item,.dark .setting-row,.dark .relation-item,.dark .status-line{background:var(--element-bg);box-shadow:var(--chin-shadow)}.library-layout{display:grid;grid-template-columns:minmax(0,1fr)}.project-workspace,.settings-grid,.server-grid,.relations-page{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:14px;min-height:0}.project-workspace{height:calc(100vh - 184px);align-items:stretch;padding-bottom:12px}.project-workspace>.panel{min-height:0;overflow:auto;overscroll-behavior:contain}.folder-tree{display:grid;gap:8px;min-width:0}.tree-branch,.tree-children{display:grid;gap:8px}.tree-row{width:100%;min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:0 16px 0 calc(16px + var(--tree-depth, 0) * 22px);border:1px solid rgba(7,10,16,.62);border-radius:999px;background:color-mix(in srgb,var(--tree-color, var(--element-bg)) 32%,var(--element-bg));box-shadow:var(--chin-shadow);color:var(--text-main)}.tree-row.todo-status-done,.tree-row.todo-status-archived{opacity:.54;filter:grayscale(1)}.tree-row.todo-status-done span,.tree-row.todo-status-archived span{color:#8f98a7;text-decoration:line-through;text-decoration-thickness:2px}.tree-row.todo-priority-urgent{border-color:#ff8a8052}.tree-row.todo-priority-high{border-color:#ffcc6638}.tree-row.tree-todo_group{background:color-mix(in srgb,#203a5f 52%,var(--element-bg));border-color:#7bb4ff2e}.tree-row.tree-todo_group svg{color:#9fc9ff}.tree-row.tree-git_group{background:color-mix(in srgb,#1f4330 48%,var(--element-bg));border-color:#79d38f29}.tree-row.tree-git_group svg{color:#9bdcae}.tree-row:active,.nav-item:active{transform:translateY(1.5px);box-shadow:inset 0 1px 2px #0000004d}.tree-chevron{transition:transform .18s ease}.tree-row.open .tree-chevron{transform:rotate(90deg)}.tree-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:780}.tree-label-button{min-width:0;flex:1 1 auto;border:0;padding:0;overflow:hidden;background:transparent;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:780}.tree-row small{margin-left:auto;color:#93a1b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44%}.tree-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.tree-menu{position:fixed;width:min(220px,calc(100vw - 24px));display:grid;gap:6px;border:var(--border-width) solid var(--border-color);border-radius:24px;padding:10px;background:#1c1c1ef0;box-shadow:var(--chin-shadow),0 18px 46px #0000006b;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.tree-menu strong{padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-menu button{min-height:36px;border:0;border-radius:999px;padding:0 12px;background:var(--element-bg);color:var(--text-main);text-align:left}.tree-menu .danger-action{color:#ff8a80}.folder-row{color:#e3ecfb}.file-row{color:#b9c6d8}.library-note{margin:14px 0 0;color:#93a1b5}.memory-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:start}.memory-table-wrap{overflow:auto;border-radius:28px;background:var(--element-bg);box-shadow:var(--container-inset)}.memory-table{width:100%;border-collapse:collapse;min-width:860px}.memory-table th,.memory-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.04);text-align:left;vertical-align:top}.memory-table th{color:var(--text-muted);font-size:12px;font-weight:700}.memory-table td{color:var(--text-main)}.project-notes{width:100%;min-height:160px;max-height:min(52vh,520px);overflow:auto;resize:vertical;border:var(--border-width) solid var(--border-color);border-radius:28px;padding:18px;outline:0;background:var(--element-bg);color:var(--text-main);box-shadow:var(--container-inset);line-height:1.55}.iphone-note-body{min-height:240px;max-height:calc(100vh - 390px)}.iphone-note{display:grid;gap:12px}.note-project-pill{justify-self:start;border-radius:999px;padding:8px 12px;background:var(--element-bg);color:var(--text-muted);box-shadow:var(--chin-shadow);font-weight:760}.note-title-input{width:100%;min-height:54px;border:0;border-bottom:1px solid rgba(255,255,255,.08);outline:0;background:transparent;color:var(--text-main);font-size:26px;font-weight:820}.note-controls{display:flex;flex-wrap:wrap;gap:10px}.note-controls select{min-height:40px;border:var(--border-width) solid var(--border-color);border-radius:999px;padding:0 12px;background:var(--element-bg);color:var(--text-main);box-shadow:var(--chin-shadow)}.entity-preview{display:grid;gap:10px;margin-top:12px;border-radius:28px;padding:16px;background:var(--element-bg);box-shadow:var(--container-inset)}.entity-preview strong{font-size:24px}.entity-preview span,.entity-preview p{margin:0;color:var(--text-muted);line-height:1.5;overflow-wrap:anywhere}.note-editor{display:grid;gap:12px}.todo-guide{display:flex;flex-wrap:wrap;gap:8px}.todo-guide span{min-height:30px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:0 10px;background:var(--element-bg);color:var(--text-muted);box-shadow:var(--chin-shadow);font-size:12px;font-weight:760}.entity-list{display:grid;gap:10px}.entity-line{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:999px;padding:8px 16px;background:var(--element-bg);box-shadow:var(--chin-shadow)}.entity-line span{color:var(--text-muted);text-align:right}.secret-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:28px;padding:8px 16px;background:var(--element-bg);box-shadow:var(--chin-shadow)}.secret-row div{display:grid;gap:3px;min-width:0}.secret-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.secret-actions button{min-height:34px;border:0;border-radius:999px;padding:0 12px;background:#0a84ff2e;color:#d9ecff;box-shadow:var(--chin-shadow)}.secret-row span,.secret-policy{color:var(--text-muted)}.secret-policy{padding:0 6px;line-height:1.45}.add-secret-action{justify-self:start;display:inline-flex;align-items:center;gap:8px}.secret-form{display:grid;gap:10px;border:var(--border-width) solid var(--border-color);border-radius:28px;padding:12px;background:#2c2c2eb8;box-shadow:var(--container-inset)}.secret-form-title{display:flex;align-items:center;gap:8px;padding:0 4px 2px}.secret-form input,.secret-form select{width:100%;height:42px;border:var(--border-width) solid var(--border-color);border-radius:999px;padding:0 14px;outline:0;background:var(--element-bg);color:var(--text-main);box-shadow:var(--chin-shadow)}.secret-form .password-field{height:42px}.secret-form .password-field input{border:0;box-shadow:none;background:transparent}.manual-box{display:grid;gap:10px;margin-bottom:12px}.manual-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:var(--border-width) solid var(--border-color);border-radius:30px;padding:12px;background:#2c2c2ead;box-shadow:var(--container-inset)}.manual-form input,.manual-form select,.manual-form textarea{width:100%;min-width:0;border:var(--border-width) solid var(--border-color);border-radius:999px;padding:0 14px;outline:0;background:var(--element-bg);color:var(--text-main);box-shadow:var(--chin-shadow)}.manual-form input,.manual-form select{height:38px}.manual-form textarea{grid-column:1 / -1;min-height:68px;max-height:180px;overflow:auto;border-radius:24px;padding:12px 14px;resize:vertical}.compact-submit{justify-self:start;min-width:120px;justify-content:center}.note-editor>.compact-submit{justify-self:center;width:fit-content;min-width:0;padding-inline:18px}.empty-state{margin:0;padding:10px 4px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-color);color:var(--text-main)}.login-panel{width:min(420px,100%);display:grid;gap:14px;border:var(--border-width) solid var(--border-color);border-radius:38px;padding:24px;background:#1c1c1eeb;box-shadow:var(--container-inset),0 18px 54px #0000006b;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.login-panel input,.password-field{height:44px;border:var(--border-width) solid var(--border-color);border-radius:999px;outline:0;background:var(--element-bg);color:var(--text-main);box-shadow:var(--chin-shadow)}.login-panel input{width:100%;padding:0 16px}.password-field{display:flex;align-items:center;padding:0 6px 0 0}.password-field input{min-width:0;border:0;box-shadow:none;background:transparent}.password-field button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--text-main);background:#ffffff14}.login-action{justify-self:center;min-width:132px;justify-content:center}.error-text{margin:0;color:#ff6961}.row-id{font-weight:800;color:#2f7dab}.memory-row p,.project-card p{margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span,.project-card span,.meta-chip{border-radius:999px;padding:5px 10px;background:#2d9cdb1f;color:#185f8b;font-size:12px;font-weight:700}.dark .tag-row span,.dark .project-card span,.dark .meta-chip{color:#b7ddff;background:#5aa9e629}time{color:#687386;font-size:12px;white-space:nowrap}.artifact-card{display:flex;gap:12px;align-items:center}.artifact-card strong,.artifact-card span{display:block}.project-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;background:color-mix(in srgb,var(--project-color, var(--element-bg)) 38%,var(--element-bg))!important}.color-control{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:var(--border-width) solid var(--border-color);border-radius:999px;padding:6px 8px 6px 16px;background:var(--element-bg);box-shadow:var(--chin-shadow);color:var(--text-muted);font-weight:760}.color-control input{width:34px;height:34px;border:0;border-radius:50%;padding:0;background:transparent}.graph-canvas{position:relative;min-height:560px;border:var(--border-width) solid var(--border-color);border-radius:34px;overflow:hidden;background:#151517;box-shadow:var(--container-inset);touch-action:none;cursor:grab}.graph-fullscreen{position:fixed;top:0;right:0;bottom:68px;left:0;z-index:1}.graph-fullscreen .graph-canvas{width:100%;height:100%;min-height:0;border:0;border-radius:0;background:#151517;box-shadow:none}.graph-fullscreen .graph-world{top:0;right:0;bottom:0;left:0}.graph-fullscreen .graph-card{min-width:128px}.agent-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:26px;padding:12px 14px;background:var(--element-bg);box-shadow:var(--chin-shadow)}.agent-row strong,.agent-row span,.agent-row small{display:block}.agent-row span,.agent-row small{color:var(--text-muted)}.agent-status{text-align:right}.secret-row .secret-form{grid-column:1 / -1;margin-top:10px}.project-relations,.project-props-editor{display:grid;gap:10px}.relation-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.2fr) auto;gap:10px}.relation-form select,.relation-form input,.project-props-editor textarea{width:100%;border:var(--border-width) solid var(--border-color);border-radius:24px;padding:0 14px;outline:0;background:var(--element-bg);color:var(--text-main);box-shadow:var(--chin-shadow)}.relation-form select,.relation-form input{height:42px}.relation-entity-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(160px,1fr) auto;gap:10px}.relation-entity-form select,.relation-entity-form input{width:100%;height:40px;border:var(--border-width) solid var(--border-color);border-radius:999px;padding:0 14px;outline:0;background:var(--element-bg);color:var(--text-main);box-shadow:var(--chin-shadow)}.agent-contract{display:grid;gap:6px;border-radius:24px;padding:12px 14px;background:#2c2c2eb8;box-shadow:var(--container-inset)}.agent-contract p{margin:0;color:#c8d0dc;line-height:1.42}.agent-contract code{color:#9fc9ff;white-space:normal}.relation-rows{display:grid;gap:8px}.relation-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:24px;padding:10px 12px;background:var(--element-bg);box-shadow:var(--chin-shadow)}.relation-row strong,.relation-row span{display:block}.relation-row span{color:var(--text-muted)}.relation-row button{min-height:32px;border:0;border-radius:999px;padding:0 12px;background:#ffffff14;color:var(--text-main)}.project-props-editor textarea{min-height:92px;max-height:190px;padding:12px 14px;resize:vertical}.relation-list{display:flex;flex-wrap:wrap;gap:8px}.relation-chip{min-height:36px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:4px 6px 4px 12px;background:#7bb4ff21;color:#c4dcff;box-shadow:var(--chin-shadow)}.relation-chip button{min-height:28px;border:0;border-radius:999px;padding:0 10px;background:#ffffff14;color:var(--text-main)}.graph-canvas:active{cursor:grabbing}.graph-world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.graph-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.graph-canvas line{stroke:#b9c6d847;stroke-width:.18}.graph-canvas line.relation-edge{stroke:#7bb4ffb8;stroke-width:.32}.graph-card{position:absolute;transform:translate(-50%,-50%);min-width:110px;max-width:180px;display:grid;gap:2px;border:var(--border-width) solid rgba(255,255,255,.08);border-radius:22px;padding:10px 12px;background:color-mix(in srgb,var(--node-color, #2c2c2e) 42%,#2c2c2e);box-shadow:var(--chin-shadow);color:var(--text-main);text-align:left}.graph-card.linking{border-color:#7bb4ff9e;box-shadow:var(--chin-shadow),0 0 0 3px #7bb4ff1f}.graph-link-tools{position:fixed;left:50%;top:76px;z-index:24;transform:translate(-50%);display:flex;align-items:center;gap:10px;border:var(--border-width) solid rgba(255,255,255,.08);border-radius:999px;padding:8px 10px;background:#2c2c2eb8;box-shadow:var(--chin-shadow);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.graph-link-tools input{width:150px;height:32px;border:0;border-radius:999px;padding:0 10px;background:#ffffff0f;color:var(--text-main);outline:0}.graph-link-tools span{color:var(--text-muted);font-size:13px;font-weight:760;white-space:nowrap}.graph-card span{color:var(--text-muted);font-size:11px;font-weight:760;text-transform:uppercase}.graph-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.graph-inspector{position:absolute;left:18px;bottom:18px;display:grid;gap:3px;border-radius:22px;padding:12px 14px;background:#1c1c1ee0;box-shadow:var(--chin-shadow);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.graph-inspector span{color:var(--text-muted)}.mini-graph{position:relative;height:300px;overflow:hidden;border-radius:34px;background:var(--element-bg);box-shadow:var(--container-inset)}.mini-graph.large{height:520px}.graph-node{position:absolute;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:9px 10px 16px #2e384840,inset 1px 1px #ffffff8f}.muted-node{opacity:.55}.graph-grid{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px solid rgba(47,125,171,.22);transform:rotate(-8deg);border-radius:32px}.editor-preview{display:grid;gap:10px}.editor-preview label{color:#687386;font-size:12px;font-weight:800;text-transform:uppercase}.editor-preview input,.editor-preview textarea{width:100%;border-radius:16px;padding:13px;outline:0;color:inherit}.editor-preview textarea{border-radius:28px;min-height:180px;resize:vertical}.compact-control{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.compact-control span{font-weight:800}.compact-control select{min-height:44px;min-width:180px;padding:0 16px}.metadata-grid{display:flex;flex-wrap:wrap;gap:10px}.meta-chip{border-radius:16px;display:grid;gap:3px;max-width:100%}.meta-chip strong{color:inherit;overflow-wrap:anywhere}.timeline-item,.setting-row,.relation-item,.status-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.timeline-item div{min-width:0;flex:1;display:grid;gap:3px}.timeline-item span{color:#687386;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .timeline-item span{color:#aeb8c8}@media(max-width:1120px){.app{grid-template-columns:1fr}.brand-rail{position:static;height:auto}.metrics-grid,.content-grid.two,.overview-grid,.project-workspace,.settings-grid,.server-grid{grid-template-columns:1fr}}@media(max-width:720px){.app{padding:12px 12px 136px;gap:14px}.topbar,.top-actions{align-items:stretch}.topbar,.hero-band,.memory-row,.project-card{grid-template-columns:1fr;display:grid}.top-actions,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bottom-nav{padding:10px 12px}.bottom-nav .nav-item{width:auto;min-width:78px;max-width:118px;min-height:42px;padding:0 12px;font-size:13px}.panel{padding:18px;border-radius:24px}time{white-space:normal}}
