:root{--ink:#20211d;--muted:#7b7c72;--paper:#f1f0e9;--red:#de684f;--line:#cbc9bd;--yellow:#efe1a4;--blue:#c9dce5;--white:#fffef9}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input{font:inherit}.topbar{height:68px;background:rgba(255,254,249,.96);border-bottom:1px solid #deddd5;display:flex;align-items:center;padding:0 24px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.5px;width:250px}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(8deg)}.brand-mark i{display:block;background:var(--red);border-radius:1px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--ink)}.board-title-wrap{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px}.back-button{border:0;background:none;font-size:25px;color:#85857b;cursor:pointer}.board-title{border:0;background:transparent;width:190px;text-align:center;font-weight:600;color:var(--ink);padding:6px;border-radius:6px}.board-title:focus{outline:1px solid #bbb9ad;background:white}.save-state{font:10px DM Mono,monospace;text-transform:uppercase;color:#9c9c91;position:absolute;top:31px;left:50%;transform:translateX(-50%);opacity:0;transition:.2s}.save-state.saving{opacity:1}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.text-button,.share-button{border:0;background:none;cursor:pointer;font-weight:600;font-size:13px}.text-button{color:#89897f}.share-button{background:var(--ink);color:white;border-radius:6px;padding:11px 15px}.share-button span{margin-left:7px;color:#d1d0c6}.viewport{position:absolute;inset:68px 0 0;overflow:hidden;cursor:grab;background-color:#efeee7;background-image:radial-gradient(#c4c2b7 1px,transparent 1px);background-size:22px 22px}.viewport.dragging{cursor:grabbing}.canvas{position:absolute;width:2200px;height:1400px;transform-origin:0 0}.canvas-note{position:absolute;left:42px;top:34px;font:10px DM Mono,monospace;letter-spacing:1.3px;color:#aaa89c}.links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.links path{stroke:#78786f;stroke-width:1.6;fill:none;stroke-dasharray:5 5}.links path.highlight{stroke:var(--red);stroke-dasharray:none;stroke-width:2}.item{position:absolute;min-width:120px;min-height:70px;cursor:move;user-select:none;filter:drop-shadow(0 9px 12px rgba(57,54,43,.11));transition:filter .15s}.item.selected{filter:drop-shadow(0 0 0 #de684f) drop-shadow(0 9px 12px rgba(57,54,43,.16));outline:2px solid var(--red);outline-offset:4px}.item.connecting{outline:2px dashed var(--red);outline-offset:5px}.item .delete{position:absolute;right:-9px;top:-10px;border:0;width:21px;height:21px;border-radius:50%;background:var(--ink);color:white;cursor:pointer;display:none;z-index:5}.item.selected .delete{display:block}.note{width:236px;padding:24px 23px 28px;background:var(--yellow);transform:rotate(-1.2deg)}.note.blue{background:var(--blue);transform:rotate(1deg)}.note.white{background:var(--white);transform:rotate(.5deg)}.note [contenteditable]{outline:none;user-select:text;cursor:text;line-height:1.52;font-size:15px;min-height:40px}.note .eyebrow{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:1px;color:#767064;margin-bottom:10px}.image-card{background:var(--white);padding:8px 8px 28px;max-width:300px;transform:rotate(.7deg)}.image-card img{display:block;width:100%;max-height:270px;object-fit:cover;pointer-events:none}.image-card .caption{position:absolute;left:12px;bottom:8px;font:10px DM Mono,monospace;color:#77766d}.link-card{width:260px;background:var(--white);padding:19px 20px;border-left:4px solid var(--red)}.link-card .link-domain{font:10px DM Mono,monospace;color:#939287;text-transform:uppercase;margin-bottom:8px}.link-card a{color:var(--ink);font-weight:700;text-decoration:none;line-height:1.3}.link-card p{font-size:12px;color:#77766d;margin:7px 0 0}.toolbar{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;padding:6px;background:#242520;border-radius:9px;box-shadow:0 14px 32px rgba(24,24,20,.25)}.tool{width:71px;border:0;background:transparent;color:#cccac0;padding:8px 4px 6px;border-radius:5px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 0;align-items:center;font-size:10px}.tool:hover,.tool.active{background:#3b3c35;color:white}.tool-icon{grid-column:1/-1;font-size:18px;height:21px}.tool kbd{font:8px DM Mono,monospace;color:#818178;margin-right:5px}.toolbar-divider{width:1px;background:#484941;margin:7px 4px}.zoom-panel{position:fixed;right:24px;bottom:25px;height:38px;display:flex;align-items:center;background:rgba(255,254,249,.95);border:1px solid #d7d5c9;border-radius:7px;box-shadow:0 5px 14px rgba(40,39,33,.08)}.zoom-panel button{width:36px;height:100%;border:0;background:none;cursor:pointer;font-size:16px}.zoom-panel span{font:10px DM Mono,monospace;width:46px;text-align:center}.zoom-panel .fit{border-left:1px solid #deddd5}.paste-hint{position:fixed;left:25px;bottom:28px;display:flex;align-items:center;gap:9px;color:#87867d;font-size:11px}.paste-hint kbd{font:9px DM Mono,monospace;background:#fffefa;border:1px solid #d1cfc3;border-radius:4px;padding:5px 7px;color:#65655e}.toast{position:fixed;z-index:50;top:84px;left:50%;transform:translate(-50%,-10px);background:var(--ink);color:white;padding:10px 15px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){.brand{width:auto}.brand span:last-child{display:none}.board-title-wrap{left:45%}.topbar{padding:0 13px}.text-button{display:none}.share-button{padding:9px 10px}.toolbar{bottom:16px}.tool{width:55px}.tool span:nth-child(2),.tool kbd{display:none}.zoom-panel{display:none}.paste-hint{display:none}}