:root{--bg:#f4f3f0;--panel:rgba(255,255,255,.78);--panel-solid:#fff;--text:#17171d;--muted:#6f7280;--border:rgba(35,35,45,.12);--grid:rgba(45,45,60,.18);--pink:#ff007f;--shadow:0 18px 50px rgba(28,28,36,.13)}
body.dark{--bg:#17181d;--panel:rgba(37,39,47,.84);--panel-solid:#25272f;--text:#f5f5f7;--muted:#a9abb6;--border:rgba(255,255,255,.1);--grid:rgba(255,255,255,.12);--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);user-select:none}.glass-panel{background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.topbar{position:fixed;z-index:100;top:14px;left:18px;right:18px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px}.brand-wrap{display:flex;align-items:center;gap:12px}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#9c4dff,#ff347f);display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:4px;place-content:center;box-shadow:0 7px 18px rgba(255,0,127,.3)}.logo-mark span:nth-child(1){background:#ffe043}.logo-mark span:nth-child(2){background:#50dbdf}.logo-mark span:nth-child(3){background:#ff70a8}.logo-mark span:nth-child(4){background:#63dbba}.logo-mark span{border-radius:3px}.brand{font-size:18px;font-weight:800}.board-path{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:7px}.icon-btn,.tool-btn{border:0;background:transparent;color:var(--text);cursor:pointer;display:grid;place-items:center;border-radius:11px}.icon-btn{width:38px;height:38px}.icon-btn:hover,.tool-btn:hover,.tool-btn.active{background:rgba(255,0,127,.11);color:var(--pink)}.icon-btn svg,.tool-btn svg{width:19px;height:19px}.icon-btn.small{width:30px;height:30px}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer}.primary-btn{height:40px;padding:0 14px;background:var(--text);color:var(--bg)}.primary-btn svg,.secondary-btn svg,.danger-btn svg{width:16px}.left-toolbar{position:fixed;z-index:90;left:18px;top:92px;width:54px;padding:7px;border-radius:17px;display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 120px);overflow:auto}.tool-btn{width:40px;height:40px}.toolbar-sep{height:1px;background:var(--border);margin:5px}.viewport{position:fixed;inset:0;overflow:hidden;cursor:default;background:var(--bg)}.viewport.panning{cursor:grabbing}.grid-layer{position:absolute;inset:0;background-image:radial-gradient(circle,var(--grid) 1.2px,transparent 1.2px);background-size:24px 24px;pointer-events:none}.world{position:absolute;left:0;top:0;transform-origin:0 0;width:1px;height:1px}.connection-layer,.draw-canvas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.draw-canvas.active{pointer-events:auto;cursor:crosshair}.connection-layer{z-index:5}.draw-canvas{z-index:12}.card{position:absolute;min-width:180px;min-height:130px;background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 32px rgba(20,20,28,.12);overflow:visible;transform-origin:center;user-select:none}.card.selected{outline:2px solid var(--pink);box-shadow:0 0 0 5px rgba(255,0,127,.12),0 18px 35px rgba(20,20,28,.18)}.card.locked{outline-style:dashed}.card-header{height:38px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;cursor:grab;border-bottom:1px solid rgba(80,80,100,.08);font-size:12px;font-weight:700;color:var(--muted)}.card.locked .card-header{cursor:not-allowed}.card-title{border:0;background:transparent;color:inherit;width:75%;font-weight:700;outline:0}.card-content{padding:14px;height:calc(100% - 38px);overflow:auto}.card textarea,.card input[type=text],.free-text{user-select:text}.note-text,.sticky-text{width:100%;height:calc(100% - 30px);resize:none;border:0;background:transparent;outline:0;color:inherit;font-family:'Patrick Hand',cursive;font-size:21px;line-height:1.3}.note-footer{height:30px;display:flex;gap:5px;align-items:center}.swatch{width:17px;height:17px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer}.font-btn{font-size:10px;border:0;background:rgba(80,80,100,.08);color:inherit;border-radius:6px;padding:3px 5px;cursor:pointer}.sticky{border-radius:6px;box-shadow:4px 8px 22px rgba(0,0,0,.17)}.sticky .card-header{border:0}.sticky .card-content{padding-top:4px}.check-list{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:center;gap:8px}.check-item input[type=text]{flex:1;border:0;border-bottom:1px solid transparent;background:transparent;color:inherit;outline:0}.check-item.done input[type=text]{text-decoration:line-through;opacity:.5}.progress{height:6px;background:rgba(100,100,120,.13);border-radius:99px;overflow:hidden;margin:4px 0 12px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#ff007f,#8c4fff);transition:width .2s}.add-item{border:1px dashed var(--border);background:transparent;color:var(--muted);border-radius:8px;padding:7px;width:100%;cursor:pointer}.column-card{background:rgba(130,130,150,.05);border-style:dashed}.column-drop{min-height:95px;display:flex;flex-direction:column;gap:10px}.column-drop .embedded-preview{background:var(--panel-solid);border:1px solid var(--border);border-radius:10px;padding:10px;font-size:12px;cursor:pointer}.image-card img{width:100%;height:100%;object-fit:cover;border-radius:0 0 14px 14px}.image-placeholder{height:100%;display:grid;place-items:center;border:1px dashed var(--border);border-radius:10px;color:var(--muted);cursor:pointer}.link-card a{color:#7367ff;font-weight:700;word-break:break-all}.color-block{height:80%;border-radius:11px;display:grid;place-items:center;font-size:24px;font-weight:800;text-shadow:0 1px 3px rgba(255,255,255,.5)}.copy-color{margin-top:8px;width:100%;border:0;padding:8px;border-radius:8px;cursor:pointer}.nested-card{display:grid;place-items:center;text-align:center;cursor:pointer}.nested-card svg{width:48px;height:48px;color:var(--pink)}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-radius:4px;background:var(--pink);cursor:nwse-resize;z-index:4}.anchor{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--pink);opacity:0;z-index:5;cursor:crosshair}.card:hover .anchor,.card.selected .anchor{opacity:1}.anchor.top{top:-6px;left:50%;transform:translateX(-50%)}.anchor.bottom{bottom:-6px;left:50%;transform:translateX(-50%)}.anchor.left{left:-6px;top:50%;transform:translateY(-50%)}.anchor.right{right:-6px;top:50%;transform:translateY(-50%)}.inspector{position:fixed;z-index:95;right:18px;top:92px;width:270px;border-radius:18px;padding:14px}.inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.inspector-section{margin:12px 0}.inspector-section label{font-size:12px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:7px}.inspector input[type=range]{width:100%}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.secondary-btn{padding:9px 6px;background:rgba(100,100,120,.09);color:var(--text);font-size:11px}.danger-btn{width:100%;padding:10px;background:#e9425c;color:white;margin-top:14px}.check-row{display:flex;gap:8px;font-size:12px;align-items:center}.bottom-nav{position:fixed;z-index:90;bottom:18px;left:50%;transform:translateX(-50%);height:48px;padding:5px 8px;border-radius:15px;display:flex;align-items:center;gap:3px}.zoom-label{border:0;background:transparent;color:var(--text);min-width:55px;font-weight:700;cursor:pointer}.draw-options{position:fixed;z-index:90;bottom:18px;left:18px;border-radius:14px;padding:7px 9px;display:flex;align-items:center;gap:8px}.draw-options input[type=color]{width:34px;height:34px;border:0;background:transparent}.toast{position:fixed;z-index:200;bottom:80px;right:20px;padding:12px 16px;border-radius:12px;background:#202128;color:#fff;box-shadow:var(--shadow);font-size:13px}.hidden{display:none!important}.selection-marquee{position:absolute;border:1px solid var(--pink);background:rgba(255,0,127,.08);z-index:50;pointer-events:none}.free-text{position:absolute;min-width:100px;min-height:30px;padding:4px;color:var(--text);font-family:'Architects Daughter',cursive;font-size:24px;outline:1px dashed transparent}.free-text.selected{outline-color:var(--pink)}
@media(max-width:780px){.topbar{left:8px;right:8px;top:8px}.top-actions .icon-btn:nth-child(-n+5){display:none}.primary-btn span{display:none}.left-toolbar{left:8px;top:82px;flex-direction:row;width:calc(100vw - 16px);max-height:none;overflow-x:auto;overflow-y:hidden}.toolbar-sep{width:1px;height:28px}.inspector{right:8px;top:auto;bottom:78px;width:260px;max-height:60vh;overflow:auto}.bottom-nav{bottom:12px}.brand{font-size:16px}}