:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",sans-serif;color:#f3eff0;background:#101012;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #494047;background:#252125;color:#f6f2f4;padding:10px 16px;border-radius:7px;transition:background .2s,transform .2s}button:hover{background:#413038}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#981e37;border-color:#ce425c}.primary:hover{background:#ba2946}input,textarea{border:1px solid #504047;border-radius:6px;background:#171519;color:inherit;padding:11px;min-width:0}input:focus,textarea:focus,button:focus-visible{outline:2px solid #e4657d;outline-offset:3px}header{height:76px;border-bottom:1px solid #35252c;display:flex;align-items:center;gap:24px;padding:0 32px}header strong{font-size:23px;color:#ed617a}header strong span{font-size:17px;color:#eee}#connection{margin-left:auto;font-size:13px;color:#beb4b9}main{max-width:1600px;margin:auto;padding:26px 32px}#auth{min-height:65vh;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:70px;padding:40px 7%}.eyebrow{font-size:12px;color:#e4657d}h1{font-size:34px;line-height:1.5}h2{font-size:21px}.muted{font-size:13px;line-height:1.9;color:#a69ba2;max-width:530px}form{border-top:2px solid #a92440;padding:16px 0;display:grid;gap:18px}label{display:grid;gap:9px;font-size:13px}header button{font-size:12px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#canvas-name{width:260px}#save-state{font-size:12px;color:#b7aeb2}#board{position:relative;height:54vh;min-height:320px;overflow:auto;border:1px solid #352a30;margin:18px 0;background-color:#151316;background-image:radial-gradient(#47343f .8px,transparent .8px);background-size:22px 22px}#surface{position:relative;width:2000px;height:1400px}#empty{position:absolute;top:48%;left:24px;color:#a99ca3;z-index:1}.node{position:absolute;width:260px;border:1px solid #8a3a4c;border-radius:8px;background:#211b20;box-shadow:0 12px 28px #0005;overflow:hidden}.node-handle{padding:12px 14px;background:#36222b;touch-action:none;cursor:grab;user-select:none;font-size:12px;display:flex;justify-content:space-between}.node-handle button{padding:0 5px;border:0;background:none}.node textarea{margin:10px;width:calc(100% - 20px);height:110px;resize:vertical;border:0;background:#1b171b}.project-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.projects{border-top:1px solid #55303b;padding-top:15px}#project-list{display:flex;gap:12px;overflow-x:auto;padding:16px 0}#project-list button{min-width:170px;max-width:240px;text-align:left;overflow-wrap:anywhere;flex-shrink:0}#project-list small{display:block;margin-top:9px;color:#b7a4ad;font-size:11px}#project-list .selected{border-color:#e4657d;background:#40212d}#message{color:#ffb6c1;min-height:24px;font-size:14px}footer{padding:18px 32px;border-top:1px solid #30272d;font-size:12px;color:#92858c;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 16px;gap:10px}header strong{font-size:19px}header strong span{font-size:13px}main{padding:16px}#auth{grid-template-columns:1fr;gap:15px;padding:12px}h1{font-size:26px}#connection{max-width:140px}#canvas-name{width:100%}.toolbar button{flex:1}.footnote{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}