:root{--bg:#f4f5f8;--panel:#fff;--ink:#202a3b;--muted:#8d97a7;--line:#e7e9ef;--navy:#202b42;--shadow:0 18px 55px rgba(39,51,80,.13)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:'Noto Sans SC','Manrope',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.app{height:100%;display:flex;flex-direction:column}.topbar{height:68px;flex:0 0 68px;display:grid;grid-template-columns:280px minmax(240px,440px) 1fr;align-items:center;gap:24px;padding:0 24px;background:rgba(255,255,255,.91);border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(12px)}button,input{font:inherit}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:11px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--navy);display:flex;align-items:flex-end;gap:3px;padding:7px}.brand-mark i{display:block;width:4px;border-radius:4px;background:#91a5ff;height:8px}.brand-mark i:nth-child(2){height:14px;background:#ff8c77}.brand-mark i:nth-child(3){height:18px}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.02em}.brand small{font:8px 'DM Mono',monospace;color:#a0a8b7;letter-spacing:.08em;margin-top:2px}.search{height:38px;border:1px solid var(--line);background:#f8f9fb;border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#a7afbd}.search input{min-width:0;flex:1;border:0;background:transparent;outline:0;font-size:11px;color:var(--ink)}.search kbd{font:9px 'DM Mono',monospace;border:1px solid #e2e5eb;border-radius:4px;padding:2px 4px;color:#adb5c1;background:#fff}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.top-actions button{border:0;background:transparent;color:#778294;cursor:pointer}.text-button{font-size:11px}.icon-button{font-size:18px}.save-state{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:15px;color:#8b95a4;font-size:10px}.save-state i,.pulse{width:7px;height:7px;background:#46c38a;border-radius:50%;box-shadow:0 0 0 4px #dff6ec}.workspace{flex:1;min-height:0;display:flex;position:relative}.left-panel{width:230px;flex:0 0 230px;background:rgba(255,255,255,.94);border-right:1px solid var(--line);padding:31px 22px 20px;display:flex;flex-direction:column;z-index:10}.panel-eyebrow{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#9ba4b3}.left-panel h1{font-size:26px;line-height:1.15;letter-spacing:-.05em;margin:12px 0 10px}.left-panel>p{font-size:11px;line-height:1.7;color:#929baa;margin:0 0 24px}.map-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:11px;margin-bottom:25px}.map-stats div{padding:11px}.map-stats div+div{border-left:1px solid var(--line)}.map-stats strong,.map-stats span{display:block}.map-stats strong{font:600 19px 'Manrope',sans-serif}.map-stats span{font-size:9px;color:#9ba4b1;margin-top:2px}.branch-list{display:grid;gap:5px}.branch-list button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:9px 8px;border-radius:8px;color:#697588;cursor:pointer;text-align:left;font-size:11px;transition:.2s}.branch-list button:hover{background:#f3f5f8;color:var(--ink)}.branch-list i,.legend i,.detail-kicker i{width:8px;height:8px;border-radius:50%;background:var(--color);box-shadow:0 0 0 4px color-mix(in srgb,var(--color),transparent 83%)}.branch-list em{margin-left:auto;font:9px 'DM Mono',monospace;color:#adb4c0;font-style:normal}.panel-tip{margin-top:auto;display:flex;gap:9px;background:#f5f7fb;border-radius:10px;padding:11px;color:#8290a5}.panel-tip>span{color:#647ce5}.panel-tip p{font-size:9px;line-height:1.7;margin:0}.panel-tip strong{display:block;color:#526077;font-size:10px}.canvas-shell{flex:1;min-width:0;position:relative;overflow:hidden;cursor:grab;background:var(--bg)}.canvas-shell.is-dragging{cursor:grabbing}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(#cfd4de 1px,transparent 1px);background-size:22px 22px;opacity:.62}.infinite-canvas{position:absolute;left:0;top:0;width:2400px;height:1250px;transform-origin:0 0;will-change:transform}.connections,.nodes-layer{position:absolute;inset:0;width:2400px;height:1250px}.connections{overflow:visible}.connections path{fill:none;stroke-width:1.7;stroke-opacity:.3;vector-effect:non-scaling-stroke}.connections path.risk-line{stroke-dasharray:6 5;stroke-opacity:.48}.map-node{position:absolute;min-height:78px;border:1px solid color-mix(in srgb,var(--branch),transparent 72%);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(40,53,84,.08);padding:14px 15px;text-align:left;color:var(--ink);cursor:pointer;transition:box-shadow .2s,transform .2s,opacity .2s,border-color .2s;transform-origin:center}.map-node:hover,.map-node.is-selected{transform:translateY(-3px) scale(1.02);box-shadow:0 17px 38px rgba(40,53,84,.16);border-color:var(--branch);z-index:3}.map-node strong,.map-node small{display:block}.map-node strong{font-size:13px;letter-spacing:-.02em}.map-node small{font-size:9px;color:#8c97a8;line-height:1.5;margin-top:5px}.map-node:before{content:'';position:absolute;left:-4px;top:18px;width:7px;height:20px;border-radius:5px;background:var(--branch)}.node-tags{display:flex;gap:4px;margin-top:9px}.node-tags span{font:8px 'DM Mono',monospace;color:var(--branch);background:var(--soft);padding:3px 5px;border-radius:4px}.root-node{min-height:103px;border:0;border-radius:23px;background:var(--navy);color:#fff;padding:23px 25px;box-shadow:0 24px 58px rgba(33,45,71,.3)}.root-node:before{display:none}.root-node strong{font-size:24px;letter-spacing:-.05em}.root-node small{font-size:10px;color:#aeb9d0}.branch-node{min-height:85px;background:var(--soft);border-width:1.5px;padding:18px 17px 14px}.branch-node:before{display:none}.branch-node strong{font-size:15px;color:color-mix(in srgb,var(--branch),#172033 25%)}.branch-dot{position:absolute;right:13px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--branch);box-shadow:0 0 0 5px color-mix(in srgb,var(--branch),transparent 84%)}.warning-mark{position:absolute;right:10px;top:-10px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f0aa3c;color:#fff;font:bold 11px 'DM Mono',monospace;box-shadow:0 5px 12px rgba(203,139,39,.25)}.map-node.is-dimmed{opacity:.13;filter:grayscale(.5)}.map-node.is-match{border-color:var(--branch);box-shadow:0 0 0 5px color-mix(in srgb,var(--branch),transparent 82%),0 18px 42px rgba(40,53,84,.16);z-index:4}.canvas-caption{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:#929baa;font:9px 'DM Mono',monospace;backdrop-filter:blur(8px)}.canvas-caption .pulse{width:6px;height:6px;box-shadow:0 0 0 3px #dff6ec}.zoom-controls{position:absolute;right:18px;bottom:18px;display:flex;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 22px rgba(41,53,78,.1);overflow:hidden}.zoom-controls button{height:34px;min-width:34px;border:0;border-right:1px solid var(--line);background:#fff;color:#6d788a;cursor:pointer}.zoom-controls button:last-child{border-right:0}.zoom-controls #zoomValue{font:9px 'DM Mono',monospace;min-width:47px}.minimap{position:absolute;right:18px;top:18px;width:200px;height:102px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 9px 24px rgba(41,53,78,.09)}.mini-world{position:absolute;inset:0}.mini-world i{position:absolute;width:3px;height:3px;border-radius:50%;opacity:.8}.mini-world i.root{width:8px;height:5px}.mini-world i.branch{width:5px;height:4px}.mini-viewport{position:absolute;border:1px solid #6c80d8;background:rgba(93,116,220,.08);border-radius:2px}.detail-panel{position:absolute;right:0;top:0;bottom:0;width:350px;background:rgba(255,255,255,.98);border-left:1px solid var(--line);box-shadow:-22px 0 55px rgba(40,52,78,.12);z-index:15;padding:38px 30px;transform:translateX(105%);transition:transform .28s ease;overflow:auto}.detail-panel.is-open{transform:translateX(0)}.detail-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:24px;color:#9ca5b2;cursor:pointer}.detail-kicker{display:flex;align-items:center;gap:10px;color:#8a94a4;font:9px 'DM Mono',monospace;letter-spacing:.08em}.detail-panel h2{font-size:27px;letter-spacing:-.05em;line-height:1.25;margin:24px 0 8px}.detail-subtitle{font-size:11px;color:#9aa3b1;margin:0 0 27px}.detail-section{border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.detail-section>span{font:9px 'DM Mono',monospace;color:#9ca5b3;letter-spacing:.1em}.detail-section p{font-size:12px;color:#566276;line-height:1.9;margin:10px 0 0}.detail-warning{display:flex;align-items:center;gap:10px;background:#fff6e5;border:1px solid #f5dfb4;border-radius:10px;padding:11px;color:#a86d13}.detail-warning b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#efac40;color:#fff}.detail-warning span,.detail-warning strong{display:block;font-size:10px}.detail-warning strong{margin-bottom:2px}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px}.detail-tags span{font:9px 'DM Mono',monospace;background:#f3f5f8;color:#758196;padding:5px 7px;border-radius:5px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:7px;margin-top:24px;padding-top:19px}.detail-meta span{font-size:9px;color:#a0a8b5}.detail-meta strong{font-size:10px;text-align:right;color:#687487}.detail-disclaimer{background:#f7f8fa;border-radius:9px;padding:11px;font-size:9px;line-height:1.7;color:#939dab;margin-top:25px}.legend{position:fixed;right:22px;top:78px;width:245px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:17px;z-index:30;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.legend.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.legend-head{display:flex;justify-content:space-between;margin-bottom:14px}.legend-head strong{font-size:12px}.legend-head button{border:0;background:transparent;color:#9aa3b1;cursor:pointer;font-size:18px}.legend>div+div{display:grid;gap:10px}.legend>div+div div{display:flex;align-items:center;gap:9px;font-size:10px;color:#6f7a8b}.legend>p{font-size:9px;line-height:1.6;color:#9ba4b2;border-top:1px solid var(--line);padding-top:12px;margin:14px 0 0}.toast{display:none}.dark-mode{--bg:#111725;--panel:#182235;--ink:#e8edf7;--muted:#a0aabe;--line:#2a3549;--navy:#293a59}.dark-mode .topbar,.dark-mode .left-panel,.dark-mode .detail-panel,.dark-mode .legend{background:rgba(24,34,53,.97)}.dark-mode .search,.dark-mode .panel-tip{background:#202b3e}.dark-mode .search kbd,.dark-mode .zoom-controls,.dark-mode .zoom-controls button,.dark-mode .minimap,.dark-mode .canvas-caption{background:#1a2435;border-color:var(--line)}.dark-mode .map-node{background:rgba(25,35,53,.97)}.dark-mode .branch-node{background:color-mix(in srgb,var(--branch),#172033 80%)}.dark-mode .branch-node strong{color:#e6eaf1}.dark-mode .canvas-grid{opacity:.18}.dark-mode .detail-section p{color:#b9c3d2}.dark-mode .detail-tags span,.dark-mode .detail-disclaimer{background:#222e42}.dark-mode .detail-warning{background:#3b301f;border-color:#5a4523;color:#edbf70}@media(max-width:900px){.topbar{grid-template-columns:200px 1fr}.top-actions .text-button,.save-state{display:none}.left-panel{width:185px;flex-basis:185px;padding:25px 15px}.minimap{display:none}.detail-panel{width:320px}}@media(max-width:640px){.topbar{height:60px;flex-basis:60px;grid-template-columns:44px 1fr;padding:0 10px;gap:8px}.brand>span:last-child,.top-actions{display:none}.workspace{display:block}.left-panel{position:absolute;left:10px;top:10px;width:155px;height:auto;border:1px solid var(--line);border-radius:12px;padding:14px;z-index:12;box-shadow:0 10px 28px rgba(40,52,78,.1)}.left-panel h1{font-size:18px;margin:7px 0}.left-panel>p,.map-stats,.panel-tip{display:none}.branch-list{margin-top:10px}.branch-list button{padding:5px;font-size:9px}.canvas-shell{height:100%;width:100%}.detail-panel{position:fixed;top:60px;width:100%;height:55%;bottom:0;top:auto}.zoom-controls{bottom:12px;right:12px}.canvas-caption{display:none}}
/* canvas interaction fixes */
.canvas-shell{touch-action:none;user-select:none}.infinite-canvas{pointer-events:none}.nodes-layer{pointer-events:none}.map-node{pointer-events:auto}.canvas-shell.is-dragging .map-node{pointer-events:none}.canvas-shell.is-dragging .infinite-canvas{transition:none}.connections{pointer-events:none}

/* multi-canvas workspace */
.canvas-manager{margin:2px 0 20px}.canvas-manager-head{display:flex;align-items:center;justify-content:space-between;color:#9ba4b3;font:9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.canvas-manager-head button{width:22px;height:22px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#6178de;font-size:16px;line-height:1;cursor:pointer}.canvas-manager-head button:hover{background:#eef1ff}.canvas-list{display:grid;gap:3px;max-height:170px;overflow-y:auto;padding-right:2px}.canvas-row{display:flex;align-items:center;border-radius:8px;min-width:0}.canvas-row.is-active{background:#edf1ff}.canvas-select{display:flex;align-items:center;gap:7px;min-width:0;flex:1;border:0;background:transparent;padding:8px 7px;color:#6f7a8b;text-align:left;cursor:pointer}.canvas-row.is-active .canvas-select{color:#4e66d4;font-weight:600}.canvas-select i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#b8c0cb}.canvas-row.is-active .canvas-select i{background:#637be7;box-shadow:0 0 0 3px #dfe5ff}.canvas-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.canvas-select em{margin-left:auto;color:#aab2bf;font:8px 'DM Mono',monospace;font-style:normal}.canvas-actions{display:flex;opacity:0;transition:opacity .15s}.canvas-row:hover .canvas-actions,.canvas-row.is-active .canvas-actions{opacity:1}.canvas-actions button{width:22px;height:23px;border:0;background:transparent;color:#9da7b5;border-radius:5px;font-size:11px;cursor:pointer}.canvas-actions button:hover{background:#fff;color:#5d72d7}.dark-mode .canvas-manager-head button{background:#202b3e;border-color:#334057}.dark-mode .canvas-row.is-active{background:#202d4a}.dark-mode .canvas-actions button:hover{background:#263247}

/* editable canvas */
.canvas-toolbar{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:12;display:flex;align-items:center;gap:3px;padding:5px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:11px;box-shadow:0 10px 28px rgba(38,49,74,.12);backdrop-filter:blur(10px)}.canvas-toolbar button{height:32px;border:0;border-radius:7px;background:transparent;color:#6f7a8b;padding:0 10px;font-size:10px;cursor:pointer;white-space:nowrap}.canvas-toolbar button:hover:not(:disabled),.canvas-toolbar button.is-active{background:#edf1ff;color:#536bd8}.canvas-toolbar button:disabled{opacity:.34;cursor:not-allowed}.canvas-toolbar button.primary-tool{background:#526bdd;color:#fff;padding:0 13px}.canvas-toolbar button b{font-size:13px;margin-right:4px}.tool-divider{width:1px;height:20px;background:var(--line);margin:0 3px}.mode-banner{position:absolute;z-index:11;left:50%;top:64px;transform:translate(-50%,-8px);display:flex;align-items:center;gap:9px;background:#26344f;color:#fff;border-radius:8px;padding:8px 11px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 22px rgba(32,43,66,.22)}.mode-banner.is-open{opacity:1;transform:translate(-50%,0);pointer-events:auto}.mode-banner span{width:7px;height:7px;border-radius:50%;background:#91a6ff;box-shadow:0 0 0 4px rgba(145,166,255,.2)}.mode-banner p{font-size:10px;margin:0}.mode-banner button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:5px;font-size:9px;padding:4px 7px;cursor:pointer}.map-node.is-connect-from{box-shadow:0 0 0 7px color-mix(in srgb,var(--branch),transparent 75%),0 18px 42px rgba(40,53,84,.16);border-color:var(--branch)}.connections{pointer-events:auto}.edge-visible{pointer-events:none}.edge-hit{fill:none;stroke:transparent;stroke-width:15;pointer-events:stroke;cursor:pointer}.edge-visible.is-selected{stroke-width:4;stroke-opacity:1;filter:drop-shadow(0 2px 3px rgba(40,53,84,.25))}.detail-edit{width:100%;margin-top:18px;border:0;border-radius:8px;background:#edf1ff;color:#536bd8;font-size:10px;font-weight:600;padding:10px;cursor:pointer}.save-state.is-saving i{background:#e8a641;box-shadow:0 0 0 4px #fff1d8}.modal-backdrop,.confirm-backdrop{position:fixed;inset:0;z-index:50;background:rgba(25,34,52,.44);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(3px)}.modal-backdrop.is-open,.confirm-backdrop.is-open{opacity:1;pointer-events:auto}.editor-modal{width:min(610px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:27px 29px;box-shadow:0 28px 80px rgba(28,38,58,.28);transform:translateY(10px);transition:.2s}.modal-backdrop.is-open .editor-modal{transform:translateY(0)}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.editor-head span{font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#8792a4}.editor-head h2{font-size:22px;letter-spacing:-.04em;margin:5px 0 0}.editor-head button{border:0;background:transparent;color:#9ba4b2;font-size:23px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:10px;color:#758196}.form-grid label.span-2{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:var(--ink);padding:10px 11px;font-size:11px;outline:0;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7589e6;box-shadow:0 0 0 3px rgba(117,137,230,.12)}.editor-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.editor-actions button{border:0;border-radius:8px;padding:9px 17px;font-size:10px;cursor:pointer}.editor-actions .secondary-button{background:#f2f4f7;color:#748092}.editor-actions .save-button{background:#526bdd;color:#fff}.confirm-dialog{width:min(370px,100%);background:#fff;border-radius:15px;padding:28px;text-align:center;box-shadow:0 28px 80px rgba(28,38,58,.28)}.confirm-icon{width:37px;height:37px;border-radius:50%;background:#fff0e8;color:#dc7353;display:grid;place-items:center;margin:0 auto;font-weight:800}.confirm-dialog h3{font-size:18px;margin:14px 0 7px}.confirm-dialog p{font-size:10px;color:#8a95a5;line-height:1.7;margin:0 0 20px}.confirm-dialog>div{display:flex;justify-content:center;gap:8px}.confirm-dialog button{border:0;border-radius:8px;padding:9px 15px;font-size:10px;cursor:pointer}.confirm-dialog #confirmCancel{background:#f1f3f6;color:#6f7a8b}.confirm-dialog .danger-button{background:#e56f55;color:#fff}.toast{display:block;position:fixed;left:50%;bottom:23px;z-index:80;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#243149;color:#fff;border-radius:8px;padding:10px 15px;font-size:10px;box-shadow:0 9px 24px rgba(28,38,58,.25);transition:.22s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.dark-mode .canvas-toolbar,.dark-mode .editor-modal,.dark-mode .confirm-dialog{background:#1a2435}.dark-mode .form-grid input,.dark-mode .form-grid select,.dark-mode .form-grid textarea{background:#202b3e;border-color:#334057}.dark-mode .editor-actions .secondary-button,.dark-mode .confirm-dialog #confirmCancel{background:#263247;color:#b2bdcc}@media(max-width:760px){.canvas-toolbar{top:auto;bottom:55px;max-width:calc(100% - 20px);overflow-x:auto;left:10px;right:10px;transform:none}.canvas-toolbar button{padding:0 8px}.tool-divider{display:none}.mode-banner{top:auto;bottom:98px}.form-grid{grid-template-columns:1fr}.form-grid label.span-2{grid-column:auto}}
.hidden{display:none!important}.user-chip,.logout-button{border:0;background:transparent;color:#748196;font-size:10px;cursor:pointer}.user-chip{font-weight:600;color:#536bd8}.logout-button{color:#a07979}
.map-node{position:absolute}
.node-add-child{position:absolute;right:8px;top:8px;width:22px;height:22px;border:0;border-radius:7px;background:var(--soft);color:var(--branch);font-size:17px;line-height:20px;cursor:pointer;opacity:.25;transition:.18s;z-index:4}.map-node:hover .node-add-child,.map-node.is-selected .node-add-child{opacity:1}.node-add-child:hover{background:var(--branch);color:#fff}.node-title-inline,.node-subtitle-inline{outline:0;border-radius:4px;cursor:text}.node-title-inline:focus,.node-subtitle-inline:focus{background:#f2f4ff;box-shadow:0 0 0 2px #dfe5ff}.node-subtitle-inline:empty:before{content:'点击编辑简述';color:#aab2bf}.detail-inline-editor{width:100%;min-height:150px;margin-top:10px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:var(--ink);padding:10px;font:inherit;font-size:11px;line-height:1.7;resize:vertical;outline:0}.detail-inline-editor:focus{border-color:#7589e6;box-shadow:0 0 0 3px rgba(117,137,230,.12)}.secondary-detail-edit{background:#f2f4f7!important;color:#748092!important}
.auth-backdrop:not(.is-open){display:none}
.auth-backdrop,.members-backdrop{position:fixed;inset:0;z-index:100;background:rgba(22,31,48,.58);display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.auth-modal,.members-modal{width:min(390px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 30px 90px rgba(18,29,49,.34)}.auth-kicker,.members-head>div>span{font:9px 'DM Mono',monospace;color:#8492a6;letter-spacing:.1em}.auth-modal h2,.members-head h2{font-size:25px;letter-spacing:-.05em;margin:17px 0 8px}.auth-modal p{font-size:11px;color:#8a95a5;line-height:1.7;margin:0 0 23px}.auth-modal label,.member-form{display:block;color:#6d788a;font-size:10px;margin-top:12px}.auth-modal input,.member-form input{width:100%;height:40px;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:0 11px;background:#fafbfc;color:var(--ink);font-size:11px;outline:0}.auth-modal input:focus,.member-form input:focus{border-color:#7085e9;box-shadow:0 0 0 3px #e8ecff}.auth-modal button,.member-form button{width:100%;height:40px;border:0;border-radius:8px;background:#536bdc;color:#fff;font-size:11px;font-weight:600;margin-top:17px;cursor:pointer}.auth-error,.member-error{min-height:16px;color:#cf6d5e;font-size:10px;margin-top:10px}.members-backdrop{display:none}.members-backdrop.is-open{display:grid}.members-modal{width:min(520px,100%)}.members-head{display:flex;justify-content:space-between;align-items:flex-start}.members-head>button{border:0;background:transparent;color:#9ba4b2;font-size:24px;cursor:pointer}.member-form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end}.member-form input{margin-top:0}.member-form button{width:auto;white-space:nowrap;margin-top:0;padding:0 14px}.member-list{border-top:1px solid var(--line);margin-top:20px;padding-top:10px;display:grid;gap:3px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;font-size:11px}.member-row small{color:#9aa4b2;font-size:9px;margin-left:7px}.member-row button{border:0;background:transparent;color:#ba7b72;font-size:10px;cursor:pointer}.dark-mode .auth-modal,.dark-mode .members-modal{background:#1a2435}.dark-mode .auth-modal input,.dark-mode .member-form input{background:#202b3e;border-color:#334057}