@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.app{min-height:100%;height:100%;display:flex;flex-direction:column;position:relative;background:var(--app-bg);color:var(--ink);width:100%;overflow:hidden}.app:before{content:none}.app-footer{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:.75rem;color:var(--muted);pointer-events:none}.app--auth{align-items:center;justify-content:center;padding:24px}.auth-gate{width:100%;max-width:520px;display:flex;justify-content:center}.auth-gate__panel{width:100%;background:var(--panel);border-radius:4px;border:1px solid var(--stroke);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.auth-gate__brand{margin-bottom:8px}.auth-gate__subtitle{color:var(--muted);font-size:.95rem;line-height:1.5}.auth-gate__actions{display:flex;gap:12px;flex-wrap:wrap}.auth-gate__note{font-size:.8rem;color:var(--muted)}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 20px;border-bottom:none;background:var(--panel-contrast);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px}.brand__mark{width:42px;height:42px;border-radius:4px;background:var(--accent-surface-strong);border:1px solid var(--accent-border);box-shadow:none}.brand__title{font-size:1.05rem;font-weight:700;letter-spacing:.02em}.brand__subtitle{font-size:.8rem;color:var(--muted);margin-top:2px}.topbar__nav{display:flex;align-items:center;justify-content:center;gap:8px}.nav-btn{padding:8px 16px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:600;font-size:.9rem;transition:all .2s ease}.nav-btn.is-active{color:var(--ink);background:var(--panel);border-color:var(--stroke)}.topbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.user-chip{padding:6px 12px;border-radius:4px;background:var(--surface-strong);border:1px solid var(--stroke);font-size:.85rem;color:var(--ink-soft)}.status{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-soft);padding:6px 12px;border-radius:4px;background:var(--panel);border:1px solid var(--stroke)}.status__dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.status--saving .status__dot{background:#ffd166;animation:pulse 1.2s infinite}.status--offline .status__dot{background:var(--danger)}.workspace{flex:1;display:flex;align-items:stretch;padding:0;position:relative;min-height:0;min-width:0;height:100%}.app-menu{position:absolute;top:16px;right:16px;z-index:12;width:auto;display:flex;flex-direction:column;align-items:flex-end}.app-menu__bar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.app-menu__status{padding:8px 10px;font-size:.78rem;line-height:1;flex:0 0 auto;align-self:center}.app-menu__temp-back,.app-menu__temp-save{height:32px;padding:0 10px;font-size:.78rem;line-height:1;margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto}.app-menu__temp-back{gap:6px}.app-menu__temp-back>span[aria-hidden=true]{display:inline-flex;line-height:1}.app-menu__trigger{width:36px;height:36px;border-radius:4px;font-size:1.1rem;line-height:1;flex:0 0 auto;align-self:center}.app-menu__panel{position:absolute;top:44px;right:0;min-width:220px;max-width:min(320px,calc(100vw - 32px));padding:10px;border-radius:4px;border:1px solid var(--stroke);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.app-menu__section{display:flex;flex-direction:column;gap:6px}.app-menu__section--nav{padding-bottom:4px;border-bottom:1px solid var(--stroke)}.app-menu__item{text-align:left;padding:8px 10px;border-radius:4px;background:transparent;color:var(--ink-soft);border:1px solid transparent;font-size:.82rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.app-menu__item:hover{background:var(--hover-surface);border-color:transparent;color:var(--ink)}.app-menu__item.is-active{color:var(--ink);border-color:var(--accent-border);background:var(--accent-surface)}.app-menu__item--ai{color:var(--accent);background:transparent;border-color:transparent}.app-menu__item--danger{color:var(--danger);background:var(--danger-surface)}.graph-list{background:var(--sidebar-bg);border-right:1px solid var(--stroke);border-radius:0;padding:14px 12px;display:flex;flex-direction:column;gap:12px;min-height:0;position:relative;width:var(--sidebar-width, 300px);height:100%;max-height:100%;overflow:hidden;min-width:0;flex-shrink:0;z-index:2}.graph-list__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.graph-list__identity{display:flex;align-items:center;gap:8px;min-width:0}.graph-list__identity-mark{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--accent);background:var(--accent-surface);border:1px solid var(--accent-border)}.graph-list__identity-copy{min-width:0}.graph-list__identity-title{font-size:.82rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-list__identity-subtitle{font-size:.72rem;color:var(--muted)}.graph-list__head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.graph-list__nav{display:flex;flex-direction:column;gap:6px}.graph-list__nav-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border-radius:4px;padding:8px 10px;background:var(--surface-soft);border:1px solid transparent;color:var(--ink-soft);font-size:.82rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.graph-list__nav-btn:hover{background:var(--hover-surface);border-color:var(--stroke);color:var(--ink)}.graph-list__nav-btn.is-active{color:var(--ink);border-color:var(--accent-border);background:var(--accent-surface)}.graph-list__nav-short{display:none;font-size:.72rem;font-weight:700}.graph-list__file{display:none}.graph-list__error{font-size:.75rem;color:var(--danger);padding:6px 8px;border-radius:4px;border:1px solid var(--danger-border);background:var(--danger-surface)}.graph-list__summary{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 4px 0}.graph-list__title{font-size:.95rem;font-weight:700}.graph-list__subtitle{font-size:.75rem;color:var(--muted)}.graph-list__active{font-size:.75rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-list__active-row{display:flex;align-items:center;gap:8px}.graph-list__rename{display:flex;flex-direction:column;gap:6px}.graph-list__rename-actions{display:flex;gap:8px}.graph-list__input{width:100%;border-radius:4px;border:1px solid var(--stroke);background:var(--panel);color:var(--ink);padding:6px 8px;font-size:.8rem}.icon-btn{width:30px;height:30px;border-radius:4px;background:transparent;border:1px solid transparent;font-weight:700;color:var(--muted);transition:background .15s ease,border-color .15s ease}.icon-btn:hover{background:var(--hover-surface);border-color:var(--stroke);color:var(--ink)}.graph-list__items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0;padding-right:6px;scrollbar-gutter:stable}.graph-list__item{border-radius:4px;background:var(--panel-elevated);border:1px solid transparent;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px;position:relative;transition:background .15s ease,border-color .15s ease}.graph-list__item-top{display:flex;align-items:flex-start;gap:8px}.graph-list__item:hover:not(.is-active){background:var(--hover-surface);border-color:var(--stroke)}.graph-list__item.is-active{border-color:var(--accent-border);background:var(--accent-surface)}.graph-list__item-main{flex:1;text-align:left;background:transparent;color:var(--ink);border:0;padding:6px 8px;min-width:0;border-radius:4px}.graph-list__item-edit{display:flex;flex-direction:column;gap:8px;width:100%}.graph-list__item-edit-actions{display:flex;gap:8px}.graph-list__item-menu-wrap{position:relative;flex-shrink:0}.graph-list__item-menu-btn{width:22px;height:22px;border:0;background:transparent;color:var(--muted);opacity:0;visibility:hidden;box-shadow:none;transition:opacity .12s ease,background .15s ease,color .15s ease}.graph-list__item:hover .graph-list__item-menu-btn,.graph-list__item-menu-wrap.is-open .graph-list__item-menu-btn,.graph-list__item-menu-btn:focus-visible{opacity:1;visibility:visible}.graph-list__item-menu-btn:hover{background:var(--hover-surface);border:0;color:var(--ink)}.graph-list__item-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;border-radius:4px;border:1px solid var(--stroke);background:var(--panel);box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:4px;z-index:4}.graph-list__item-menu button{text-align:left;padding:7px 8px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font-size:.8rem;font-weight:600}.graph-list__item-menu button:hover{background:var(--hover-surface);border-color:transparent;color:var(--ink)}.graph-list__item-menu button:disabled{opacity:.5;cursor:not-allowed}.graph-list__item-menu-danger{color:var(--danger)!important;background:var(--danger-surface)!important}.graph-list__name{font-size:.9rem;font-weight:600}.graph-list__name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.graph-list__pin{font-size:.82rem;line-height:1;color:var(--muted);opacity:.9}.graph-list__meta{font-size:.7rem;color:var(--muted);margin-top:2px}.graph-list__subgraphs{border-top:1px dashed var(--stroke);padding-top:6px}.graph-list__subgraph-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.graph-list__subgraph-node{margin:0;padding:0}.graph-list__subgraph-row{display:flex;align-items:center;gap:6px;min-height:20px;font-size:.72rem;color:var(--muted)}.graph-list__subgraph-marker{width:10px;color:var(--muted);opacity:.8;flex-shrink:0}.graph-list__subgraph-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-list__subgraphs-empty{font-size:.75rem;color:var(--muted);padding:2px 4px}.graph-list__empty{font-size:.85rem;color:var(--muted);padding:10px}.graph-list__footer{border-top:1px solid var(--stroke);padding-top:10px;display:flex;flex-direction:column;gap:8px}.graph-list__footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.graph-list__footer-btn{text-align:center}.graph-list__resizer{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize}.graph-list__resizer:after{content:"";position:absolute;inset:0;border-right:1px solid var(--stroke);opacity:.4}.graph-list--collapsed{position:absolute;top:12px;left:12px;bottom:auto;width:auto;height:auto;min-height:0;max-width:calc(100vw - 24px);padding:6px;border-right:0;background:transparent;box-shadow:none;gap:6px;flex-direction:row;align-items:center;overflow:visible}.graph-list--collapsed .graph-list__identity-copy,.graph-list--collapsed .graph-list__summary,.graph-list--collapsed .graph-list__footer{display:none}.graph-list--collapsed .graph-list__head{justify-content:flex-start;flex-direction:row;gap:6px;padding:0}.graph-list--collapsed .graph-list__head-actions{justify-content:flex-start}.graph-list--collapsed .graph-list__identity{gap:6px}.graph-list--collapsed .graph-list__nav-btn{justify-content:center;width:auto;min-width:0;padding:6px 8px;background:transparent;border:1px solid transparent}.graph-list--collapsed .graph-list__nav{flex-direction:row;gap:6px;margin-top:0}.graph-list--collapsed .graph-list__nav-label{display:none}.graph-list--collapsed .graph-list__nav-short{display:inline}.graph-list--collapsed .graph-list__items,.graph-list--collapsed .graph-list__resizer{display:none}.flow-shell{background:transparent;border-radius:0;border:none;box-shadow:none;position:relative;overflow:hidden;min-height:0;height:100%;min-width:0;width:auto;flex:1}.flow-shell .react-flow{width:100%;height:100%}.home-view{width:100%;height:100%;overflow-y:auto;padding:36px 24px 60px;display:flex}.home-view__content{width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:18px}.home-view__header h1{margin:0;font-size:clamp(1.9rem,2.8vw,2.9rem);font-weight:700;letter-spacing:-.03em;text-align:center}.home-view__section-title{color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.02em}.home-view__empty{border:1px dashed var(--stroke);border-radius:8px;padding:18px;color:var(--muted);font-size:.9rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.home-card{width:100%;text-align:left;border-radius:10px;border:1px solid var(--stroke);background:var(--panel);overflow:hidden;box-shadow:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.home-card:hover{background:var(--hover-surface);border-color:var(--accent-border);transform:translateY(-1px)}.home-card.is-active{border-color:var(--accent-border);background:var(--accent-surface)}.home-card__thumb{height:178px;position:relative;border-bottom:1px solid var(--stroke);overflow:hidden}.home-card__thumb--flow{background:radial-gradient(circle at 18% 22%,rgba(94,126,255,.12),transparent 44%),radial-gradient(circle at 80% 78%,rgba(45,212,191,.1),transparent 48%),linear-gradient(165deg,color-mix(in srgb,var(--panel) 92%,var(--accent) 8%),var(--panel))}.home-card__svg{width:100%;height:100%;display:block}.home-card__edge{stroke:color-mix(in srgb,var(--ink) 72%,transparent);stroke-width:3.2;stroke-linecap:round;opacity:.95}.home-card__arrow{fill:color-mix(in srgb,var(--ink) 72%,transparent)}.home-card__node{fill:color-mix(in srgb,var(--node-fill) 94%,var(--panel) 6%);stroke:color-mix(in srgb,var(--node-border) 92%,transparent 8%);stroke-width:1.7}.home-card__node--group{fill:color-mix(in srgb,var(--group-fill) 92%,var(--panel) 8%);stroke:color-mix(in srgb,var(--group-border) 90%,transparent 10%)}.home-card__label{fill:var(--node-text);font-size:12px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.home-card__thumb-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.74rem}.home-card__body{padding:12px 14px}.home-card__title{font-size:.95rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card__meta{margin-top:4px;font-size:.78rem;color:var(--muted)}.graph-3d{position:relative;width:100%;height:100%}.graph-3d__loading{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:.9rem}.graph-3d canvas{width:100%;height:100%;display:block;cursor:grab}.graph-3d canvas:active{cursor:grabbing}.toolbar{position:absolute;top:16px;left:16px;z-index:4;width:190px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:4px;background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow)}.toolbar__header{display:flex;align-items:center;justify-content:space-between;gap:8px}:root[data-theme=light] .toolbar{background:var(--panel)}.toolbar__label{font-size:.7rem;text-transform:none;letter-spacing:.03em;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;flex:1}.toolbar__label:active{cursor:grabbing}.toolbar__hint{font-size:.7rem;color:var(--muted)}.toolbar__minimize{width:24px;height:24px;font-size:.9rem}.toolbar-mini{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;border:1px solid var(--stroke);background:var(--panel);color:var(--ink-soft);box-shadow:var(--shadow);transition:background .15s ease,border-color .15s ease,color .15s ease}.toolbar-mini:hover{background:var(--hover-surface);border-color:var(--stroke);color:var(--ink)}.toolbar-mini__icon{font-size:.85rem;line-height:1}.toolbar-mini__label{font-size:.78rem;font-weight:600}.btn{border-radius:4px;padding:8px 12px;font-weight:600;font-size:.85rem;background:transparent;color:var(--ink);border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .2s ease}.toolbar .btn{text-align:left}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--node-text, #fff);border-color:var(--accent-border);box-shadow:none}.btn--ghost{background:transparent;color:var(--ink-soft)}.btn--ghost:hover:not(:disabled){background:var(--hover-surface);color:var(--ink);border-color:transparent}.btn--danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 18%,transparent)}.btn--ai{color:var(--accent);background:transparent;border-color:transparent}.btn:not(:disabled):hover{background:var(--hover-surface);border-color:transparent;color:var(--ink)}.btn--danger:not(:disabled):hover{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}.btn--ai:not(:disabled):hover{background:var(--accent-surface);border-color:var(--accent-border);color:var(--accent)}.drawer{position:absolute;top:16px;right:16px;bottom:auto;width:min(var(--drawer-width, 420px),calc(100vw - 32px));height:min(var(--drawer-height, 620px),calc(100vh - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);background:var(--panel);border-radius:4px;border:1px solid var(--stroke);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:18px;transform:translate(120%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:5;overflow:hidden;min-height:0}.drawer--panel{top:auto;bottom:16px;right:16px}.drawer--dock{position:relative;inset:auto;width:min(var(--drawer-width, 420px),42vw);max-width:none;height:100%;max-height:none;border-radius:0;border:0;border-left:1px solid var(--stroke);box-shadow:none;transform:none;opacity:1;pointer-events:auto;flex-shrink:0;z-index:3}.drawer--dock-right{order:2}.app--display .drawer{top:0;right:0;bottom:0;height:100%;max-width:min(560px,100vw);max-height:none}.app--display .drawer.drawer--dock{top:auto;right:auto;bottom:auto;max-width:none}.drawer--open{transform:translate(0);opacity:1;pointer-events:auto}.drawer-mini-tray{position:absolute;right:24px;bottom:16px;max-width:calc(100% - 48px);display:flex;align-items:center;gap:10px;z-index:7;overflow-x:auto;padding:2px 0;scrollbar-gutter:stable}.drawer-mini{position:relative;min-width:280px;max-width:320px;background:var(--panel);border:1px solid var(--stroke);border-radius:4px;box-shadow:var(--shadow);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:7}.drawer-mini--ai{border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(120deg,#ff4d6d,#ffb703,#06d6a0,#4cc9f0,#7b2cbf) border-box}.drawer-mini--ai .drawer-mini__title{background:linear-gradient(120deg,#ff4d6d,#ffb703,#06d6a0,#4cc9f0,#7b2cbf);-webkit-background-clip:text;background-clip:text;color:transparent}.drawer-mini__title{font-size:.9rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-mini__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.drawer-mini__dismiss{color:var(--danger)}.drawer__content{display:flex;flex-direction:column;gap:18px;animation:slideIn .35s ease;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding-right:6px}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer__actions{display:flex;gap:8px}.drawer__add-item{display:inline-flex;align-items:center;gap:6px}.drawer__resizer{position:absolute;left:0;top:0;width:6px;height:100%;cursor:col-resize;z-index:2}.drawer__resizer:after{content:"";position:absolute;inset:0;border-left:1px solid var(--stroke);opacity:.5}.drawer__resizer-y{position:absolute;left:0;right:0;bottom:0;height:8px;cursor:row-resize;z-index:2}.drawer__resizer-y:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--stroke);opacity:.5}.drawer__header h2{margin:4px 0 0;font-size:1.05rem}.drawer__eyebrow{text-transform:none;font-size:.7rem;letter-spacing:.03em;color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--ink-soft)}.items{background:transparent;border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:12px;border:none;box-shadow:none;width:100%;flex:1;min-height:0}.items__header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.items__header span{color:var(--muted)}.items__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-gutter:auto;flex:1;min-height:0}.items__tree{list-style:none;margin:0;padding:0}.items__tree-node{display:flex;flex-direction:column;gap:6px}.items__item{display:flex;align-items:center;gap:8px;background:var(--surface-soft);padding:8px 10px;border-radius:4px;font-size:.82rem;color:var(--ink-soft);border:1px solid transparent}.items__item.is-dragging{opacity:.55}.items__item.is-selected{border-color:var(--accent-border)}.items__expand{width:20px;height:20px;border-radius:3px;border:1px solid transparent;background:transparent;color:var(--muted);flex-shrink:0;font-size:.75rem}.items__expand.is-leaf{cursor:default}.items__button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;text-align:left;min-width:0}.items__meta{font-size:.7rem;color:var(--muted)}.items__menu-wrap{position:relative;flex-shrink:0}.items__menu-btn{width:22px;height:22px;border:0;background:transparent;color:var(--muted);opacity:0;visibility:hidden;box-shadow:none;transition:opacity .12s ease,background .15s ease,color .15s ease}.items__item:hover .items__menu-btn,.items__item:focus-within .items__menu-btn,.items__menu-wrap.is-open .items__menu-btn{opacity:1;visibility:visible}.items__menu-btn:hover{background:var(--hover-surface);border:0;color:var(--ink)}.items__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;border-radius:4px;border:1px solid var(--stroke);background:var(--panel);box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:4px;z-index:20}.items__menu button{text-align:left;padding:7px 8px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font-size:.8rem;font-weight:600}.items__menu button:hover{background:var(--hover-surface);border-color:transparent;color:var(--ink)}.items__menu-danger{color:var(--danger)!important;background:var(--danger-surface)!important}.items__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.script-meta{font-size:.75rem;color:var(--muted)}.drawer__hint{font-size:.75rem;color:var(--muted);margin:0}.node-notes-view{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding:18px 24px 20px}.node-notes-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.node-notes-view__eyebrow{text-transform:none;font-size:.72rem;letter-spacing:.03em;color:var(--muted)}.node-notes-view__header h2{margin:4px 0 0;font-size:1.25rem;color:var(--ink)}.node-notes-view__header p{margin:6px 0 0;font-size:.86rem;color:var(--muted)}.node-notes-view__editor{flex:1;min-height:0;background:var(--panel);border:1px solid var(--stroke);border-radius:6px;padding:14px;overflow:auto}.node-notes-view__empty{color:var(--muted);font-size:.88rem}.editorjs-field{width:100%;min-height:100%}.editorjs-field .codex-editor{color:var(--ink)}.editorjs-field .ce-block__content,.editorjs-field .ce-toolbar__content{max-width:860px}.editorjs-field .ce-paragraph{line-height:1.5}.editorjs-field .ce-toolbar__plus,.editorjs-field .ce-toolbar__settings-btn{color:var(--ink-soft)}.editorjs-field .ce-toolbar__plus:hover,.editorjs-field .ce-toolbar__settings-btn:hover{background:var(--hover-surface)}.editorjs-field .ce-popover,.editorjs-field .ce-popover__container,.editorjs-field .ce-popover__items,.editorjs-field .ce-popover__search,.editorjs-field .ce-popover-item,.editorjs-field .ce-popover-item__icon{background:var(--panel)!important}.editorjs-field .ce-popover{border:1px solid var(--stroke)!important;box-shadow:var(--shadow)!important;z-index:40!important;opacity:1!important}.editorjs-field .ce-popover-item:hover,.editorjs-field .ce-popover-item--focused{background:var(--hover-surface)!important}.chat-panel{position:relative;width:min(420px,38vw);min-width:340px;background:var(--panel);border-radius:0;border:0;border-left:1px solid var(--stroke);box-shadow:none;padding:20px;display:flex;flex-direction:column;gap:16px;z-index:3;min-height:0}.chat-panel--open{opacity:1}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-panel__header-actions{display:flex;align-items:center;gap:8px}.chat-panel__eyebrow{text-transform:none;font-size:.7rem;letter-spacing:.03em;color:var(--muted)}.chat-panel__body{flex:1;display:flex;flex-direction:column;gap:12px;color:var(--ink-soft);min-height:0}.chat-panel__note{font-size:.85rem;margin:0}.chat-panel__error{font-size:.8rem;color:var(--danger);background:var(--danger-surface);border:1px solid var(--danger-border);border-radius:4px;padding:8px 10px}.chat-panel__placeholder{display:flex;flex-direction:column;gap:8px}.chat-panel__messages{display:flex;flex-direction:column;gap:8px;padding-right:4px;overflow-y:auto;flex:1;min-height:0}.chat-message{padding:10px 12px;border-radius:4px;font-size:.85rem;line-height:1.4}.chat-message--user{align-self:flex-end;background:var(--accent-surface-strong);border:1px solid var(--accent-border);color:var(--ink)}.chat-message--assistant{align-self:flex-start;background:var(--surface-soft);border:1px solid var(--stroke);color:var(--ink-soft)}.chip{padding:8px 12px;border-radius:4px;background:var(--surface-soft);border:1px solid var(--stroke);font-size:.8rem;color:var(--ink-soft)}.chat-panel__input{display:grid;grid-template-columns:1fr auto;gap:10px}.chat-mini{position:absolute;right:16px;bottom:16px;min-width:260px;max-width:320px;background:var(--panel);border:1px solid var(--stroke);border-radius:4px;box-shadow:var(--shadow);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:8}.chat-mini__title{font-size:.9rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-mini__actions{display:flex;align-items:center;gap:6px}.ssh-console{position:absolute;bottom:16px;width:360px;background:var(--panel);border-radius:4px;border:1px solid var(--stroke);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px;z-index:6}.ssh-console--min{height:44px;padding:8px 12px;justify-content:center}.ssh-console__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ssh-console__eyebrow{text-transform:none;font-size:.7rem;letter-spacing:.03em;color:var(--muted)}.ssh-console__title{font-size:.9rem;color:var(--ink)}.ssh-console__actions{display:flex;align-items:center;gap:8px}.ssh-console__body{background:#0000004d;border-radius:4px;border:1px solid var(--stroke);padding:12px;font-size:.8rem;color:var(--ink-soft);min-height:100px}.ssh-console__log{font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.context-menu{position:absolute;min-width:180px;padding:6px;background:var(--panel);border:1px solid var(--stroke);border-radius:4px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;z-index:10}.item-context-menu{position:fixed;z-index:30}.context-menu button{text-align:left;padding:8px 10px;border-radius:4px;background:transparent;color:var(--ink);font-size:.85rem}.context-menu button:hover{background:var(--surface-strong)}.facts{height:100%;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.facts__header p{color:var(--muted);margin:6px 0 0}.facts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.facts__card{background:var(--panel);border-radius:4px;border:1px solid var(--stroke);padding:16px;box-shadow:0 2px 8px #0000001a;text-align:left;transition:transform .2s ease,border-color .2s ease}.facts__card p{color:var(--muted);margin-top:8px}.facts__card:hover{transform:translateY(-2px)}.facts__card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.facts__detail{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:20px;border-radius:4px;background:var(--panel);border:none;min-height:0}.facts__detail-text h3{margin-top:8px}.facts__detail-text p{color:var(--muted);margin-top:8px}.facts__detail-label{text-transform:none;font-size:.7rem;letter-spacing:.03em;color:var(--muted)}.facts__detail-graph{display:flex;align-items:center;justify-content:center;background:var(--panel-elevated);border-radius:4px;border:1px solid var(--stroke);padding:12px;min-height:200px}.facts__detail-graph svg{width:100%;height:auto}.facts__footer{color:var(--muted);font-size:.85rem;margin-top:auto}.modal-overlay{position:fixed;inset:0;background:#06090db8;display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:420px;max-width:calc(100vw - 32px);background:var(--panel);border-radius:4px;border:1px solid var(--stroke);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.modal--compact{width:360px}.modal__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modal__tab{padding:8px 12px;border-radius:4px;background:var(--panel-elevated);color:var(--muted);border:1px solid transparent;font-weight:600}.modal__tab.is-active{background:var(--accent-surface-strong);color:var(--ink);border-color:var(--accent-border)}.modal__subtitle{color:var(--muted);font-size:.9rem;margin:0}.oauth{display:flex;flex-direction:column;gap:8px}.btn--oauth{background:var(--panel-elevated);border:1px solid var(--stroke);color:var(--ink)}.oauth__divider{text-align:center;font-size:.75rem;color:var(--muted)}.auth-error{padding:8px 10px;border-radius:4px;background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger);font-size:.8rem}.auth-notice{padding:8px 10px;border-radius:4px;background:var(--accent-surface);border:1px solid var(--accent-border);color:var(--ink);font-size:.8rem}.modal__form{display:flex;flex-direction:column;gap:12px}.modal__actions{display:flex;justify-content:flex-end;gap:10px}.modal__input{width:100%;border-radius:4px;border:1px solid var(--stroke);background:var(--panel);color:var(--ink);padding:10px 12px;font-size:.9rem}.modal__input:focus{outline:2px solid var(--focus-ring)}.item-modal{width:480px}.item-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-modal__title-input{width:100%;font-size:1.1rem;font-weight:700;color:var(--ink);background:transparent;border:none;padding:2px 0}.item-modal__title-input:focus{outline:2px solid var(--focus-ring);border-radius:4px}.item-modal__eyebrow{text-transform:none;font-size:.7rem;letter-spacing:.03em;color:var(--muted)}.item-modal__count{font-size:.8rem;color:var(--muted)}.item-modal__empty{font-size:.85rem;color:var(--muted)}.item-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.item-modal__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:4px;background:var(--panel-elevated);border:1px solid var(--stroke);font-size:.85rem}.item-modal__note-input{flex:1;background:transparent;border:none;color:var(--ink);font-size:.85rem}.item-modal__note-input:focus{outline:2px solid var(--focus-ring);border-radius:4px}.item-modal__remove{color:var(--danger);font-size:.75rem}.item-modal__form{display:grid;grid-template-columns:1fr;gap:10px}.item-modal__form .btn{justify-self:end}.item-modal__textarea{width:100%;min-height:140px;resize:vertical;border:1px solid var(--stroke);border-radius:4px;padding:12px;font-size:.95rem;color:var(--ink);background:var(--panel-elevated);font-family:inherit}.item-modal__textarea:focus{outline:2px solid var(--focus-ring);border-color:var(--accent-border)}.modal__section{display:flex;flex-direction:column;gap:10px}.modal__label{font-size:.75rem;text-transform:none;letter-spacing:.03em;color:var(--muted)}.modal__hint{font-size:.8rem;color:var(--muted)}.about-modal__email{color:var(--ink);font-size:.9rem;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.palette__swatch{border-radius:4px;padding:10px;color:#0f1114;font-weight:600;border:2px solid transparent;text-align:left}.palette__swatch span{display:block;font-size:.8rem}.palette__swatch.is-active{border-color:var(--ink)}.mode-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-toggle--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-toggle__btn{border-radius:4px;padding:6px 8px;font-size:.75rem;background:var(--surface-soft);color:var(--ink-soft);border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.items__item:hover{background:var(--hover-surface);border-color:var(--stroke)}.mode-toggle__btn.is-active{background:var(--accent-surface-strong);color:var(--ink);border-color:var(--accent-border)}.toggle{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink-soft)}.toggle input{accent-color:var(--accent)}.react-flow__node-default{background:var(--node-fill);border:1px solid var(--node-border);border-radius:4px;padding:10px 14px;min-width:150px;min-height:48px;font-weight:600;color:var(--node-text, var(--ink));box-shadow:0 2px 8px #0000001f}.react-flow__node-default.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.task-node{display:flex;flex-direction:column;gap:6px}.task-node__title{font-size:.85rem}.task-node__progress{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.task-node__progress-bar{height:100%;background:var(--accent)}.task-node__meta{font-size:.7rem;color:var(--muted);align-self:flex-end}.group-node{width:100%;height:100%;border-radius:4px;border:1px solid var(--group-border);background:var(--group-fill);color:var(--ink-soft);box-shadow:inset 0 0 0 1px #ffffff05;display:flex;flex-direction:column;padding:10px;gap:6px}.group-node--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.group-node__header{font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:.02em;color:var(--muted)}.react-flow__handle{width:8px;height:8px;background:var(--accent);border:2px solid var(--panel)}.app--display .react-flow__handle{opacity:0;pointer-events:none}.react-flow__edge-path{stroke:var(--edge);stroke-width:2.4}.react-flow__controls button{background:var(--panel);border-radius:4px;border:1px solid var(--stroke);box-shadow:0 1px 4px #0000001f;color:var(--ink)}.react-flow__minimap{border-radius:4px;overflow:hidden;border:1px solid var(--stroke)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(.9);opacity:.6}70%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.6}}@media(max-width:1100px){.graph-list{width:min(300px,72vw)}.workspace--node-dock-open{flex-direction:column}.workspace--node-dock-open .drawer--dock{width:100%;min-width:0;max-height:48vh;border-right:0;border-bottom:1px solid var(--stroke)}}@media(max-width:900px){.graph-list{width:min(280px,76vw)}.drawer{left:16px;right:16px;width:auto}.workspace--chat-open{flex-direction:column}.workspace--chat-open .chat-panel{width:100%;min-width:0;max-height:46vh;border-left:0;border-top:1px solid var(--stroke)}.chat-mini{min-width:220px;max-width:260px}.drawer-mini{position:relative;min-width:220px;max-width:260px}.drawer-mini-tray{left:16px;right:16px;max-width:none}}@media(max-width:720px){.graph-list{width:min(260px,84vw)}.items__form,.item-modal__form,.chat-panel__input,.facts__detail{grid-template-columns:1fr}}:root{color-scheme:dark;--app-bg: #191919;--app-bg-soft: #1f1f1f;--panel: #212121;--panel-elevated: #272727;--panel-contrast: #161616;--ink: #ebebea;--ink-soft: #c9c9c6;--muted: #989892;--accent: #5b7cfa;--accent-strong: #3f65f0;--danger: #ff6b6b;--stroke: rgba(255, 255, 255, .1);--edge: rgba(223, 227, 233, .5);--grid: rgba(255, 255, 255, .03);--shadow: 0 6px 16px rgba(0, 0, 0, .26);--node-fill: #2b3e97;--node-border: rgba(91, 124, 250, .42);--node-text: #f5f6f8;--group-fill: rgba(255, 255, 255, .018);--group-border: rgba(255, 255, 255, .1);--minimap-node: #6f7379;--minimap-mask: rgba(15, 17, 20, .56);--sidebar-bg: rgba(25, 25, 25, .95);--surface-soft: rgba(255, 255, 255, .025);--surface-strong: rgba(255, 255, 255, .045);--surface-contrast: rgba(255, 255, 255, .08);--hover-surface: rgba(255, 255, 255, .07);--accent-surface: color-mix(in srgb, var(--accent) 11%, transparent);--accent-surface-strong: color-mix(in srgb, var(--accent) 18%, transparent);--accent-border: color-mix(in srgb, var(--accent) 44%, transparent);--focus-ring: color-mix(in srgb, var(--accent) 34%, transparent);--danger-surface: color-mix(in srgb, var(--danger) 12%, transparent);--danger-border: color-mix(in srgb, var(--danger) 38%, transparent)}:root[data-theme=light]{color-scheme:light;--app-bg: #f7f7f5;--app-bg-soft: #ffffff;--panel: #ffffff;--panel-elevated: #f6f6f4;--panel-contrast: #f1f1ee;--ink: #1f1f1d;--ink-soft: #343434;--muted: #6f6f6a;--accent: #5b7cfa;--accent-strong: #3f65f0;--danger: #d94f5c;--stroke: rgba(15, 15, 15, .1);--edge: rgba(63, 68, 78, .38);--grid: rgba(30, 41, 59, .04);--shadow: 0 4px 12px rgba(15, 23, 42, .08);--node-fill: #e5ecff;--node-border: rgba(91, 124, 250, .4);--node-text: #0f1114;--group-fill: rgba(15, 23, 42, .04);--group-border: rgba(20, 29, 38, .12);--minimap-node: #a4acb7;--minimap-mask: rgba(239, 239, 236, .72);--sidebar-bg: rgba(247, 247, 245, .96);--surface-soft: rgba(15, 15, 15, .035);--surface-strong: rgba(15, 15, 15, .065);--surface-contrast: rgba(15, 15, 15, .1);--hover-surface: rgba(15, 15, 15, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%}html{overflow:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--app-bg);color:var(--ink);overflow:hidden}#root{width:100%;overflow:hidden}h1,h2,h3,h4{font-family:inherit;font-weight:650;margin:0}button,input,textarea{font-family:inherit}button{border:none;background:none;cursor:pointer;color:inherit}input{border:1px solid var(--stroke);border-radius:4px;padding:10px 12px;font-size:.95rem;color:var(--ink);background:var(--panel-elevated)}input::placeholder{color:var(--muted)}input:focus{outline:2px solid var(--focus-ring);border-color:var(--accent-border)}