:root{color:#292821;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#ebe8df;font-family:Pretendard,Noto Sans KR,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{color:#292821;grid-template-rows:auto 1fr;height:100svh;display:grid;overflow:hidden}.toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000002;background:#f9f7f0f0;border-bottom:1px solid #d8d4c9;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 22px;display:flex;position:relative}.brand,.toolbar-actions,.brand>div{align-items:center;display:flex}.brand{gap:11px}.brand>div{flex-direction:column;align-items:flex-start;line-height:1.05}.brand strong{letter-spacing:-.5px;font:800 22px/1 Arial Rounded MT Bold,sans-serif}.brand small{color:#777269;margin-top:5px;font-size:11px}.brand-mark{background:#ffe46b;border:1px solid #d9b632;border-radius:10px 10px 13px;place-items:center;width:39px;height:39px;font-weight:900;display:grid;box-shadow:3px 4px #e5ca55}.toolbar-actions{gap:9px}.toolbar button{font:inherit}.status{color:#857f74;align-items:center;gap:6px;margin-right:7px;font-size:12px;display:inline-flex}.status i{background:#c7a65b;border-radius:50%;width:7px;height:7px}.status.online i{background:#45a26a;box-shadow:0 0 0 3px #45a26a1c}.tool-button,.add-button{color:#504c43;cursor:pointer;background:#fffefa;border:1px solid #cec9be;border-radius:9px;padding:9px 13px}.tool-button.active{background:#f6efcf;border-color:#a9995d}.add-button{color:#fff;background:#292823;border-color:#24231f;font-weight:700}.toolbar button:hover{transform:translateY(-1px)}.board{-webkit-user-select:none;user-select:none;background-color:#ebe8df;background-image:linear-gradient(#d9d5ca66 1px,#0000 1px),linear-gradient(90deg,#d9d5ca66 1px,#0000 1px),radial-gradient(circle at 15% 10%,#fff8,#0000 33%);background-size:24px 24px,24px 24px,100% 100%;min-height:0;position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 10px 24px #6a65561a}.board-hint{z-index:1000001;color:#7d776c;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.note{border-radius:3px 3px 8px;transition:box-shadow .15s;box-shadow:5px 7px 16px #514d4133,inset 0 1px #fff9;border:0!important}.note:hover{box-shadow:7px 10px 24px #514d4144,inset 0 1px #fff9}.note:after{content:"";pointer-events:none;border-top:0 solid #0000;border-bottom:18px solid #00000017;border-left:18px solid #0000;border-right:0 solid #0000;position:absolute;bottom:0;right:0}.note-yellow{background:#ffe77a}.note-pink{background:#ffc7d8}.note-blue{background:#bfe5f2}.note-green{background:#cce8b6}.note-purple{background:#dbcafa}.note-orange{background:#ffd09c}.note article{grid-template-rows:33px 24px 1fr 22px;height:100%;display:grid;overflow:hidden}.note-handle{color:#615c4b99;cursor:grab;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:flex}.note-handle:active{cursor:grabbing}.drag-dots{font-size:16px;line-height:1}.note-actions{gap:3px;margin-left:auto;display:flex}.note-actions button{color:#5d584c;cursor:pointer;background:0 0;border:0;border-radius:50%;width:23px;height:23px;font-size:18px;line-height:1}.note-actions button:hover{background:#fff5}.color-row{opacity:0;align-items:center;gap:5px;padding:0 10px;transition:opacity .15s;display:flex}.note:hover .color-row{opacity:1}.color-dot{cursor:pointer;border:1px solid #655f5244;border-radius:50%;width:13px;height:13px;padding:0}.color-dot.selected{outline-offset:1px;outline:2px solid #464237}.dot-yellow{background:#ffe77a}.dot-pink{background:#ffc7d8}.dot-blue{background:#bfe5f2}.dot-green{background:#cce8b6}.dot-purple{background:#dbcafa}.dot-orange{background:#ffd09c}.note-content,.note textarea{box-sizing:border-box;color:#343125;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;resize:none;background:0 0;border:0;outline:0;width:100%;min-height:0;padding:7px 13px;font:500 15px/1.55 Pretendard,Noto Sans KR,sans-serif;overflow:auto}.note-content{cursor:text}.note-content .placeholder{color:#615c4b77;font-weight:400}.note time{color:#615c4b80;text-align:right;padding:0 12px;font-size:9px}.guide{z-index:1000000;pointer-events:none;background:#e25656;position:absolute;box-shadow:0 0 0 1px #fff8}.guide.vertical{width:1px;top:0;bottom:0}.guide.horizontal{height:1px;left:0;right:0}.empty-state{color:#4b4637;cursor:pointer;background:#ffe77a;border:0;border-radius:3px 3px 9px;width:235px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:7px 9px 22px #514d4138}.empty-state b,.empty-state span{display:block}.empty-state b{margin-bottom:8px;font-size:18px}.empty-state span{color:#77705d;font-size:12px}.modal-backdrop{z-index:2000000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25231d66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.create-card{background:#fffdf7;border:1px solid #d7d1c3;border-radius:15px;width:min(470px,100%);padding:25px;box-shadow:0 24px 70px #25231d55}.create-card small{color:#9b7d22;letter-spacing:1.7px;font-size:10px;font-weight:800}.create-card h2{margin:4px 0 17px;font-size:25px}.create-card>textarea{box-sizing:border-box;color:#292821;resize:vertical;background:#fff;border:1px solid #d9d2c3;border-radius:9px;width:100%;height:145px;padding:14px;font:14px/1.55 inherit}.form-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:17px;display:flex}.palette{gap:9px;padding-bottom:7px;display:flex}.palette .color-dot{width:20px;height:20px}.form-row label{color:#6e685d;flex-direction:column;gap:5px;font-size:11px;display:flex}.form-row input{color:#292821;background:#fff;border:1px solid #d9d2c3;border-radius:7px;width:165px;padding:8px 10px}.create-card>p{color:#80796d;margin:13px 0 0;font-size:11px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;background:#fff;border:1px solid #cbc5b8;border-radius:8px;padding:9px 14px}.modal-actions button[type=submit]{color:#fff;background:#292823;border-color:#292823;font-weight:700}.toast{z-index:3000000;color:#fff;background:#292823;border-radius:9px;padding:11px 15px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0004}.toast button{color:#ffe77a;cursor:pointer;background:0 0;border:0;margin-left:13px;font-weight:800}.toast.error{background:#823e38}@media (width<=700px){.toolbar{min-height:58px;padding:9px 11px}.brand small,.status,.board-hint{display:none}.brand-mark{width:34px;height:34px}.tool-button{padding:8px;font-size:11px}.add-button{padding:8px 10px;font-size:12px}.form-row{flex-direction:column;align-items:stretch}.form-row input{box-sizing:border-box;width:100%}}