:root{font-family:Inter,"Segoe UI",sans-serif;color:#e9edf3;background:#11151b;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #323a46;background:#242b35;color:inherit;border-radius:9px;padding:10px 14px;transition:background .15s}button:hover{background:#364252}button:focus-visible,a:focus-visible{outline:2px solid #b5d98e;outline-offset:3px}input,textarea,select{background:#161c24;border:1px solid #3c4553;border-radius:8px;color:inherit;padding:11px;width:100%}textarea{resize:vertical}aside{width:230px;position:fixed;inset:0 auto 0 0;border-right:1px solid #2b323d;background:#151a22;padding:32px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:#b5d98e;text-decoration:none;font-size:34px}.brand span{font-size:19px;font-weight:700;letter-spacing:3px}.brand small{display:block;letter-spacing:0;font-size:10px;color:#909baa;font-weight:400;margin-top:6px}nav{display:grid;gap:9px;margin-top:60px}nav button{display:flex;gap:13px;text-align:left;border:none;background:none;color:#96a1af;padding:15px}nav .active{background:#29352a;color:#c4e3a4}.aside-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#8f9aab}.aside-bottom button{margin-left:auto;padding:5px 10px}.live{width:6px;height:6px;border-radius:50%;background:#a7d789}main{margin-left:230px;width:calc(100% - 230px);padding:42px 40px 20px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:600;color:#9cae8d}h1{font-size:29px;font-weight:550;letter-spacing:-.8px;margin:12px 0}p{color:#8d99a9;line-height:1.6}header p{margin:0}.primary{background:#b4d990;color:#1a2815;border-color:#b4d990;font-weight:650}.primary:hover{background:#cbe8af}.topline{display:flex;align-items:center;gap:20px;margin:36px 0 25px;padding-bottom:22px;border-bottom:1px solid #2b323c}#stats{display:flex;gap:18px;color:#92a0b0;font-size:12px}#stats strong{color:#e6ebf2;margin-right:5px}#search{margin-left:auto;max-width:280px}#today{font-size:12px;color:#8390a1;white-space:nowrap}.view{display:none}.view.active{display:block}#columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.column{background:#191f28;border:1px solid #2a3340;border-radius:14px;padding:16px;min-height:490px}.column.over{border-color:#b4d990;background:#242f29}.column-header{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:13px;font-weight:600}.column-header i{width:8px;height:8px;border-radius:50%;background:#a0a9b7}.column[data-status=doing] i{background:#bba4ed}.column[data-status=done] i{background:#a5d58d}.count{font-size:11px;color:#8b99a9;background:#2c3542;padding:3px 6px;border-radius:5px}.column-header button{margin-left:auto;padding:0 6px;background:none;border:none;font-size:22px;color:#93a0b1}.task{background:#222a35;padding:19px;border:1px solid #35404e;border-radius:11px;margin-bottom:12px;cursor:grab;position:relative}.task:hover{border-color:#7d9271}.task h3{font-size:15px;line-height:1.4;font-weight:550;margin:13px 0 9px;overflow-wrap:anywhere}.task p{font-size:12px;margin:0 0 18px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:10px;color:#bdd7a6;background:#354331;border-radius:5px;padding:4px 7px}.badge.high{color:#efb3a5;background:#513935}.badge.low{color:#aebcd2;background:#303d50}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#9ba9bb;font-size:11px}.due.hot{color:#ff998c}.task-bottom select{width:105px;padding:3px;font-size:10px;background:#202833}.empty{color:#6f7e90;text-align:center;padding:70px 15px;line-height:1.8;font-size:12px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar label{display:flex;align-items:center;gap:7px;color:#9eacbc;font-size:12px}.toolbar select{width:auto;padding:8px}#viewport{height:calc(100vh - 330px);min-height:420px;border:1px solid #35404d;border-radius:14px;overflow:hidden;position:relative;background-color:#171d26;background-image:radial-gradient(#34404d 1px,transparent 1px);background-size:24px 24px;touch-action:none}#world{position:absolute;transform-origin:0 0;width:1px;height:1px}#connections{position:absolute;overflow:visible;width:1px;height:1px;z-index:0}.edge{fill:none;stroke:#a4b293;stroke-width:3;pointer-events:stroke;cursor:pointer}.edge:hover{stroke:#fc9c8c;stroke-width:5}.node{position:absolute;width:240px;min-height:150px;background:#ddcd9d;color:#302d23;border-radius:6px;box-shadow:0 12px 28px #0003;z-index:1}.node.purple{background:#c7bce4}.node.green{background:#bad3b7}.node.blue{background:#accbdc}.node-head{padding:14px 17px;border-bottom:1px solid #0002;font-weight:650;cursor:move;overflow-wrap:anywhere}.node-body{padding:14px 17px;white-space:pre-wrap;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.node-body a{color:#223c56}.node table{border-collapse:collapse;width:100%;font-size:12px}.node td{border:1px solid #0004;padding:7px;min-width:45px;white-space:pre-wrap}.node td:focus{outline:2px solid #526848}.node .table-tools{display:flex;gap:4px;margin-top:8px}.table-tools button{font-size:10px;padding:4px;background:#ffffff44;color:#262d28;border-color:#0002}.pin{position:absolute;width:13px;height:13px;border:2px solid #e7ecd8;background:#6b8160;padding:0;border-radius:50%;z-index:2}.pin.selected{background:#dc553d;outline:4px solid #ffffff66}.pin[data-side=l]{left:-7px;top:50%}.pin[data-side=r]{right:-7px;top:50%}.pin[data-side=t]{top:-7px;left:50%}.pin[data-side=b]{bottom:-7px;left:50%}.canvas-help{position:absolute;bottom:13px;left:15px;right:15px;pointer-events:none;font-size:10px;color:#8d9aac;background:#171d26cf;padding:7px;border-radius:6px}#sphere{position:relative;min-height:590px;overflow:hidden;border:1px solid #293442;border-radius:16px;background:radial-gradient(ellipse at 65% 50%,#27322f 0,#151d25 43%,#111820 80%)}.orbit-caption{position:absolute;top:35px;left:32px;z-index:3;max-width:310px;pointer-events:none}.orbit-caption button{pointer-events:auto}.orbit-caption h2{font-size:26px;font-weight:500;line-height:1.3}.orbit-caption p{font-size:12px}#space{height:590px;position:relative;overflow:hidden}#stars{position:absolute;inset:0}.star{position:absolute;width:160px;min-height:100px;border:1px solid #b0bd9866;border-radius:9px;background:#bdc999;color:#202b21;padding:13px;text-align:left;box-shadow:0 8px 25px #0005;transform-origin:center;will-change:transform;overflow-wrap:anywhere}.star strong{display:block;font-size:13px;margin:5px 0 12px}.star small{font-size:10px}.orbit-ring{position:absolute;width:480px;height:480px;border:1px solid #71827420;border-radius:50%;left:62%;top:50%;transform:translate(-50%,-50%) rotateX(65deg) rotate(-25deg)}.orbit-ring.two{transform:translate(-50%,-50%) rotateY(70deg) rotate(30deg)}.legend{position:absolute;bottom:20px;left:30px;display:flex;gap:20px;font-size:10px;color:#9aabbb}.legend span:first-child{color:#f4998d}.legend span:nth-child(2){color:#e6c49a}footer{display:flex;justify-content:space-between;gap:15px;color:#69788a;font-size:10px;margin-top:25px}#message{color:#c2d9ac}dialog{border:1px solid #435063;background:#1d2530;color:inherit;border-radius:15px;padding:27px;width:min(520px,94vw);max-height:90vh}dialog::backdrop{background:#050a11b8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-top h2{font-size:21px;margin:0}.dialog-top button{border:0;background:none;font-size:23px;padding:3px 10px}form label{display:block;color:#a9b6c6;font-size:12px;margin:15px 0}form label input,form label textarea,form label select{display:block;margin-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;justify-content:space-between;margin-top:25px}.danger{color:#efaaa0;background:none;border-color:#6d4744}#sync.error{color:#f6a49a}@media(max-width:1050px){aside{width:185px;padding:28px 14px}main{margin-left:185px;width:calc(100% - 185px);padding:30px 22px}h1{font-size:24px}#today{display:none}#columns{gap:12px}.column{padding:10px}.task{padding:13px}}@media(max-width:730px){body{display:block}aside{position:static;width:100%;padding:15px;border-right:none;border-bottom:1px solid #303946;display:flex;flex-direction:row;align-items:center;gap:15px}.brand{font-size:25px}.brand span{font-size:14px}.brand small,.aside-bottom{display:none}nav{display:flex;margin:0 0 0 auto;gap:2px}nav button{padding:10px;font-size:16px}nav button span{display:none}main{margin:0;width:100%;padding:24px 15px}header{align-items:flex-start}header .primary{font-size:12px;padding:10px;white-space:nowrap}h1{font-size:22px}header p{font-size:12px}.topline{flex-wrap:wrap;margin-top:25px;gap:13px}#search{max-width:none;width:100%}#columns{grid-template-columns:repeat(3,280px);overflow-x:auto;padding-bottom:12px}.column{min-height:420px}.orbit-caption{left:20px;top:22px;max-width:230px}.orbit-caption h2{font-size:21px}#sphere,#space{min-height:620px}.toolbar button{padding:8px;font-size:12px}#viewport{min-height:470px}.legend{left:15px;gap:12px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}