*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #13131f;--surface: #1e1e30;--surface2: #252538;--border: #2e2e48;--text: #e0e0f0;--muted: #7878a0;--accent: #6C63FF;--accent-dim: #3d3880;--danger: #e74c3c;--success: #4CAF84;--warn: #E8A838;--radius: 8px;--panel-w: 380px;--toolbar-h: 84px;--font: system-ui, -apple-system, sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}.hidden{display:none!important}.muted{color:var(--muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}::-webkit-scrollbar-corner{background:transparent}button{cursor:pointer;border:none;border-radius:var(--radius);font:inherit;padding:6px 14px;transition:background .15s,opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#7b74ff}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface2)}.btn-ghost.active{background:var(--accent-dim);border-color:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{padding:3px 10px;font-size:12px}.btn-icon{padding:4px 8px;font-size:16px}input,textarea,select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;font-size:13px;padding:8px 10px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.field-hint{font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;opacity:.7}.checkbox-field label{display:flex;align-items:center;gap:8px;text-transform:none;font-weight:400;font-size:13px;color:var(--text)}.checkbox-field input[type=checkbox]{width:auto}.form-error{color:var(--danger);font-size:13px;margin-top:4px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.md-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.md-toggle button{background:transparent;border:0;color:var(--muted);font-size:11px;font-weight:600;padding:3px 9px;cursor:pointer}.md-toggle button.active{background:var(--surface-2);color:var(--text)}.md-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px 12px;min-height:96px;cursor:text;transition:border-color .16s ease}.md-preview:hover{border-color:#6c63ff73}.md-empty{color:var(--muted);font-style:italic}.md-content{font-size:14px;color:var(--text);line-height:1.55;overflow-wrap:break-word}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content p,.md-content ul,.md-content ol,.md-content blockquote,.md-content pre{margin:0 0 10px}.md-content h1,.md-content h2,.md-content h3{margin:0 0 8px;line-height:1.3}.md-content h1{font-size:17px}.md-content h2{font-size:15px}.md-content h3{font-size:14px}.md-content ul,.md-content ol{padding-left:20px}.md-content li{margin-bottom:3px}.md-content blockquote{border-left:3px solid var(--border);padding-left:10px;color:var(--muted)}.md-content code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12.5px}.md-content pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;overflow-x:auto}.md-content pre code{background:transparent;border:0;padding:0}.md-content a{color:var(--accent);text-decoration:underline}kbd{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px}.screen-center{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:100}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:38px 40px 30px;width:380px;display:flex;flex-direction:column;gap:18px}.brand-title{font-size:26px;font-weight:700;color:var(--text);text-align:center;margin:0}.brand-sub{color:var(--muted);font-size:13px;text-align:center;margin:-12px 0 4px}.auth-tabs{display:flex;gap:8px}.auth-tab{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);padding:7px}.auth-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}#auth-form,#forgot-form{display:flex;flex-direction:column;gap:12px}#auth-submit,#forgot-submit{margin-top:4px;padding:10px 14px;font-weight:700}.auth-form-title{font-size:17px;font-weight:700;color:var(--text);margin:0}.auth-form-sub{color:var(--muted);font-size:13px;margin:-6px 0 2px;line-height:1.45}.google-auth{display:flex;flex-direction:column;gap:14px;margin-top:-2px}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;background:#fff;color:#1f1f1f;border:1px solid #fff;border-radius:var(--radius);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.16s ease}.btn-google:hover:not(:disabled){background:#ececf1;border-color:#ececf1}.btn-google:disabled{opacity:.55;cursor:default}.btn-google svg{width:18px;height:18px;flex:none}.auth-msg{background:#4caf841f;border:1px solid rgba(76,175,132,.4);color:#7fd0a8;border-radius:var(--radius);padding:9px 12px;font-size:13px;line-height:1.45;margin:0}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:6px 12px 8px;flex-shrink:0;z-index:10}.toolbar-top{display:flex;align-items:center;gap:8px;width:100%;height:36px}.toolbar-brand{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:15px;color:var(--accent);margin-right:8px;text-decoration:none}.toolbar-logo{width:20px;height:20px}.auth-logo{display:block;width:56px;height:56px;margin:0 auto -4px}.toolbar-center{flex:1;display:flex;justify-content:center}.ws-left{position:absolute;top:10px;left:10px;z-index:31;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100% - 20px)}.map-bar{display:flex;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 7px 4px 11px;box-shadow:0 8px 26px #00000059}.map-bar-label{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.map-bar-label svg{width:14px;height:14px}.btn-map{display:inline-flex;align-items:center;padding:4px 7px}.btn-map svg{width:14px;height:14px}.btn-map-new{display:inline-flex;align-items:center;gap:5px;background:var(--accent);border:1px solid var(--accent);color:#fff;font-weight:700;white-space:nowrap;box-shadow:0 0 14px #6c63ff80}.btn-map-new:hover{background:#7b74ff;border-color:#7b74ff;color:#fff;box-shadow:0 0 20px #6c63ffb3}.btn-map-new svg{width:13px;height:13px}.map-bar select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;font-size:13px;font-weight:600;padding:4px 8px;max-width:280px}.btn-with-icon{display:inline-flex;align-items:center;gap:6px}.btn-with-icon svg{width:15px;height:15px}.toolbar-actions{display:flex;gap:6px;align-items:center}.btn-logout{color:var(--muted)}.palette-row{display:flex;align-items:center;gap:8px;margin-top:6px}.palette-label{font-size:10px;color:var(--muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.palette-chips{display:flex;flex-wrap:wrap;gap:5px}.palette-chip{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;background:var(--chip-color, #888);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.82;transition:opacity .12s,transform .12s;border:1.5px solid rgba(255,255,255,.15)}.palette-chip:hover{opacity:1;transform:translateY(-1px)}.palette-chip:active{cursor:grabbing;transform:scale(.95)}#cy.drag-over{outline:2px dashed var(--accent);outline-offset:-4px}.select-rect{position:fixed;z-index:500;border:1px solid var(--accent);background:#6c63ff1f;pointer-events:none}.node-context{position:fixed;z-index:600;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;box-shadow:0 6px 24px #00000080;min-width:170px;transform:translate(-50%)}.context-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-bottom:6px;padding:0 2px}.context-options{display:flex;flex-direction:column;gap:3px}.context-btn{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.context-btn:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--btn-color, #888);flex-shrink:0}.context-btn:hover{background:var(--surface)}.node-menu{transform:none}.menu-btn{display:block;width:100%;padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.menu-btn:hover{background:var(--surface)}.menu-danger{color:var(--danger)}.connect-bar{display:flex;align-items:center;gap:10px;background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius);padding:4px 12px;font-size:13px;color:#ddd}.workspace{flex:1;display:flex;overflow:hidden;position:relative}#cy{flex:1;background:#0d0d16;min-width:0;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#cy canvas{touch-action:none}#cy.cursor-override,#cy.cursor-override canvas{cursor:var(--override-cursor)!important}#cy{opacity:1;transform:scale(1);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}#cy.graph-settling{opacity:0;transform:scale(.97);transition:none}.label-bar{display:flex;flex-wrap:wrap;gap:6px;max-width:55vw;align-items:center}.label-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;font-size:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s}.label-chip:hover{background:var(--surface2)}.label-chip.active{background:var(--accent-dim);border-color:var(--accent)}.label-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.label-del{margin-left:2px;color:var(--muted);font-size:13px;line-height:1;opacity:0;transition:opacity .12s,color .12s}.label-chip:hover .label-del{opacity:1}.label-del:hover{color:var(--danger)}.label-add{font-weight:700;padding:4px 10px}.label-input{width:150px;padding:4px 10px;border-radius:20px;font-size:12px}.side-panel{position:absolute;top:0;right:0;bottom:0;z-index:40;width:var(--panel-w);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;box-shadow:-8px 0 24px #00000059}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.panel-header h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.panel-body{padding:14px;overflow-y:auto;flex:1}.panel-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.panel-actions button{flex:1;min-width:80px}.panel-actions .btn-danger{flex:0 0 auto;margin-left:auto;min-width:0}.link-preview{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--surface2);border-radius:var(--radius);margin-bottom:12px}.link-node{font-size:13px}.link-rel{font-size:12px;font-weight:600}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-inner{text-align:center;color:var(--muted);line-height:1.8}.empty-icon{font-size:48px;margin-bottom:8px}.corner-stack{position:fixed;bottom:16px;left:16px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.corner-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font:inherit;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:7px 12px;cursor:pointer;transition:.16s ease}.corner-chip:hover{color:var(--text);border-color:#6c63ffa6}.corner-chip svg{width:14px;height:14px}.outline-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0}.corner-chip.active{color:var(--text);border-color:#6c63ffa6;background:#6c63ff1f}.outline-panel{width:340px;max-height:46vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 6px;box-shadow:0 14px 40px #0006;font-size:13px}.outline-empty{color:var(--muted);font-size:12.5px;margin:4px 8px}.filter-panel{width:260px;padding:10px;max-height:calc(100vh - 230px)}.filter-section-title{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:2px 2px 7px}.filter-section-title+.filter-section-title{margin-top:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filter-chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;text-transform:capitalize;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px;padding:4px 10px;cursor:pointer;transition:.16s ease}.filter-chip:hover{color:var(--text);border-color:#6c63ffa6}.filter-chip.active{color:var(--text);background:#6c63ff29;border-color:#6c63ffa6}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:5px 8px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;border-radius:6px;cursor:pointer}.filter-row:hover{background:#6c63ff1f}.filter-row.active{background:#6c63ff33}.filter-row-count{color:var(--muted);font-size:11.5px}.filter-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);min-height:28px}.filter-count{color:var(--muted);font-size:12px}.corner-chip.filtering{color:#c9c5ff;border-color:#6c63ffa6}.focus-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;background:var(--bg)}.focus-side{width:280px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.focus-side-head{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.focus-side-head input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;font-size:13px;padding:6px 10px}.focus-list{flex:1;overflow-y:auto;padding:8px}.focus-list-group{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:10px 6px 4px}.focus-list-group:first-child{margin-top:2px}.focus-list-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13.5px;text-align:left;border-radius:6px;cursor:pointer}.focus-list-row:hover{background:#6c63ff1f}.focus-list-row.active{background:#6c63ff38}.focus-list-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-list-empty{color:var(--muted);font-size:12.5px;margin:8px}.focus-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:18px clamp(18px,6vw,90px) 0;overflow-y:auto}.focus-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.focus-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.focus-status{display:flex;gap:6px;flex:1}.focus-status-chip{font:inherit;font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px;padding:3px 10px;cursor:pointer}.focus-status-chip:hover{color:var(--text);border-color:var(--chip)}.focus-status-chip.active{color:var(--text);border-color:var(--chip);background:#ffffff0f}.focus-head>.btn-ghost{margin-left:auto}.focus-status:empty+.btn-ghost{margin-left:auto}.focus-title{background:transparent;border:0;border-bottom:1px solid transparent;color:var(--text);font:inherit;font-size:24px;font-weight:700;padding:4px 0 8px;outline:none}.focus-title:focus{border-bottom-color:var(--border)}.focus-content{flex:1;min-height:200px;background:transparent;border:0;color:var(--text);font:inherit;font-size:15px;line-height:1.7;padding:10px 0;resize:none;outline:none}.focus-md-render{flex:1;min-height:200px;border:0;background:transparent;padding:10px 0;font-size:15px;line-height:1.7}.focus-rels{border-top:1px solid var(--border);padding:14px 0 18px}.focus-rels-title{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.focus-rel-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.focus-rel-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:13.5px}.focus-rel-row:hover{background:#6c63ff14}.focus-rel-text{flex:1;min-width:0;color:var(--muted)}.focus-rel-chip{font-weight:600}.focus-rel-jump{background:transparent;border:0;color:var(--text);font:inherit;font-size:13.5px;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#7878a080;text-underline-offset:3px}.focus-rel-jump:hover{text-decoration-color:var(--accent)}.focus-rel-del{flex:none;background:transparent;border:0;color:var(--muted);font-size:12px;padding:2px 6px;cursor:pointer;border-radius:4px}.focus-rel-del:hover{color:var(--danger);background:#e74c3c1f}.focus-rel-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.focus-rel-add select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;font-size:13px;padding:5px 8px;max-width:320px}@media(max-width:720px){.focus-side{width:210px}.focus-main{padding:14px 16px 0}}.outline-row{display:flex;align-items:center;gap:7px;width:100%;padding:4px 8px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;border-radius:6px;cursor:pointer}.outline-row:hover{background:#6c63ff1f}.outline-caret{flex:none;width:14px;color:var(--muted);background:transparent;border:0;font:inherit;font-size:10px;cursor:pointer;padding:0}.outline-caret:hover{color:var(--text)}.outline-spacer{flex:none;width:14px}.outline-dot{flex:none;width:9px;height:9px;border-radius:50%}.outline-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-rel{flex:none;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;opacity:.85}.outline-mirror .outline-title{color:var(--muted);font-style:italic}.count-badge{min-width:18px;padding:1px 5px;border-radius:999px;font-size:10px;font-weight:700;text-align:center;letter-spacing:0}.count-badge.zero{background:#e74c3c29;color:#e58a82;border:1px solid rgba(231,76,60,.4)}.count-badge.some{background:#4caf8429;color:#7fd0a8;border:1px solid rgba(76,175,132,.45)}.legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;z-index:20;max-width:380px}.legend summary{padding:6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.legend-cols{display:flex;gap:20px;padding:8px 14px 12px}.legend-head{font-weight:700;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.legend-row{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:var(--text)}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-line{display:inline-block;width:20px;border-top-width:2px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}#dialog-modal{z-index:210}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 28px;width:420px;max-width:95vw}.modal-box h3{font-size:15px;font-weight:700;margin-bottom:18px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.relation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.relation-btn{background:var(--surface2);border:2px solid var(--rel-color, var(--border));border-radius:var(--radius);color:var(--text);padding:10px;font-size:13px;text-align:center;transition:background .15s}.relation-btn:hover{background:var(--accent-dim)}#toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1000;pointer-events:none}.share-socials{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.share-socials-label{color:var(--muted);font-size:12px;font-weight:600;margin-right:2px}.share-social{width:34px;height:34px;display:grid;place-items:center;padding:0;background:var(--surface2);border:1px solid var(--border);border-radius:50%;color:var(--muted);cursor:pointer;transition:.14s ease}.share-social:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.share-social svg{width:16px;height:16px}.toast{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;font-size:13px;max-width:420px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s;pointer-events:all}.toast-action{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius);padding:3px 12px;font-size:12px;font-weight:600;flex-shrink:0}.toast-action:hover{background:var(--accent-dim)}.toast.show{opacity:1;transform:none}.toast-success{border-color:var(--success)}.toast-error{border-color:var(--danger)}.toast-warn{border-color:var(--warn)}.toast-info{border-color:var(--accent)}.search-box{position:relative}.search-box input{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;font-size:13px;padding:5px 10px;width:220px}.search-box input:focus{border-color:var(--accent);outline:none}.search-results{position:absolute;top:calc(100% + 6px);left:0;width:300px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #00000080;z-index:200;display:flex;flex-direction:column}.search-hit{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;font-size:13px;cursor:pointer}.search-hit:last-child{border-bottom:none}.search-hit:hover,.search-hit.active{background:var(--surface2)}.search-hit .hit-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.search-hit .hit-type{color:var(--muted);font-size:11px;margin-left:auto;flex-shrink:0}.search-empty{padding:10px 12px;color:var(--muted);font-size:12px}#dlg-message{color:var(--text);font-size:14px;margin-bottom:14px;white-space:pre-line}#dlg-input{width:100%;margin-bottom:14px}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px;margin:10px 0 16px}.help-grid kbd{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:11px;font-family:inherit;white-space:nowrap;justify-self:start}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:56px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);font-size:12px;padding:4px 8px}.password-toggle:hover{color:var(--text)}.auth-hint{color:var(--muted);font-size:12px;margin:-4px 2px 0}@media(max-width:760px){.toolbar-top{flex-wrap:wrap;height:auto;row-gap:6px}.toolbar-center{display:none}.toolbar-actions{flex-wrap:wrap}.search-box input{width:130px}.side-panel{width:100%;top:auto;left:0;right:0;bottom:0;max-height:55vh;border-left:0;border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -16px 48px #0000008c}.side-panel:before{content:"";display:block;width:42px;height:4px;border-radius:2px;background:var(--border);margin:8px auto 0;flex-shrink:0}.map-bar{flex-wrap:wrap;row-gap:4px}.map-bar select{max-width:140px}.palette-label,#type-palette{display:none}#toasts{bottom:88px}}.upgrade-copy{font-size:14px;margin-bottom:12px;color:var(--text)}.upgrade-copy.muted{color:var(--muted)}.upgrade-box{text-align:center;padding:32px 30px 24px;background:radial-gradient(circle at 50% 0%,rgba(108,99,255,.16),transparent 240px),var(--surface)}.upgrade-box h3{font-size:17px;margin-bottom:10px}.upgrade-box .upgrade-copy{line-height:1.55}.upgrade-box .modal-actions{justify-content:center;margin-top:20px}.upgrade-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#6c63ff24;border:1px solid rgba(108,99,255,.4);box-shadow:0 0 26px #6c63ff4d}.upgrade-icon svg{width:24px;height:24px}.modal-actions a{text-decoration:none;padding:6px 14px;border-radius:var(--radius)}.feedback-fab{position:fixed;right:20px;bottom:20px;z-index:30;display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:700;font-size:14.5px;border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 26px #6c63ff8c;cursor:pointer;transition:.18s ease}.feedback-fab:hover{background:#7b74ff;transform:translateY(-2px);box-shadow:0 12px 36px #6c63ffb3}.feedback-fab svg{width:19px;height:19px}@media(max-width:760px){.feedback-fab{font-size:0;gap:0;padding:13px}.feedback-fab svg{width:20px;height:20px}}.feedback-cats{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.feedback-cat{font:inherit;font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer}.feedback-cat:hover{border-color:var(--accent)}.feedback-cat.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.feedback-text{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;resize:vertical;min-height:96px}.feedback-text:focus{outline:none;border-color:var(--accent)}#feedback-error.err{color:var(--danger);font-size:13px;margin-top:8px}#feedback-error.hidden{display:none}.auth-link{display:block;width:auto;background:transparent;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;margin:4px auto 0;padding:6px 10px;text-align:center;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:.16s ease}.auth-link:hover{color:var(--text);text-decoration-color:var(--accent)}.auth-legal{font-size:12px;color:var(--muted);margin:4px 0 0;text-align:center;line-height:1.5}.auth-legal a{color:var(--muted);text-decoration:underline}.auth-legal a:hover{color:var(--accent)}.auth-cta{display:inline-block;margin-top:12px;padding:10px 22px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;transition:background .16s ease}.auth-cta:hover{background:#7b74ff}.account-shares{display:flex;flex-direction:column}.account-shares-empty{color:var(--muted);font-size:13px;margin:2px 0 6px}.share-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}.share-row:last-child{border-bottom:0}.share-row-title{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row-views{flex:none;color:var(--muted);font-size:12px;white-space:nowrap}.share-row-kind{flex:none;color:var(--muted);font-size:11px;border:1px solid var(--border);border-radius:999px;padding:1px 8px}.account-google-note{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0 14px}.account-verify{display:flex;align-items:center;gap:10px;margin:4px 0 14px;font-size:13px}.verify-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-weight:600;font-size:12px}.verify-badge.ok{background:#4caf842e;color:var(--success)}.verify-badge.no{background:#e8a8382e;color:var(--warn)}.account-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.account-h{font-size:13px;margin:0 0 10px;color:var(--text)}.account-section input{width:100%;box-sizing:border-box;padding:9px 11px;margin-bottom:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.account-section input:focus{outline:none;border-color:var(--accent)}.account-danger{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.account-del-trigger{color:var(--danger)}.account-del-trigger:hover{border-color:var(--danger)}#account-delete-confirm{margin-top:12px}#account-delete-input{margin-bottom:10px}.share-chain-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.share-hint{color:var(--muted);font-size:12px}.btn-share-cta{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:13px}.share-panel-content{font-size:14px;color:var(--text)}.share-missing-copy{color:var(--muted);font-size:13px}#share-url{font-size:12px;color:var(--muted);margin-bottom:14px}.embed .toolbar{display:none}