:root{--bg: #7a5338;--bg-deep: #5f3b27;--panel: #f4eee4;--panel-soft: #f8f3ea;--line: #b98f66;--text: #2b1f17;--muted: #6d5443;--focus: #1469d7;--danger: #bf2d2d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Pretendard Variable,SUIT Variable,Noto Sans KR,Malgun Gothic,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 12%,rgba(255,232,196,.3),transparent 30%),radial-gradient(circle at 85% 0%,rgba(255,236,213,.22),transparent 28%),linear-gradient(165deg,#8d613f,var(--bg-deep))}button,input,select,textarea{font:inherit}.board-app{min-height:100vh;display:flex;flex-direction:column}.board-topbar{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(88,56,33,.55);background:linear-gradient(180deg,#f8eddbf0,#ecdcc5f0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.topbar-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{display:flex;align-items:baseline;gap:8px}.logo{font-size:27px;font-weight:900;letter-spacing:.06em;color:#8c2f00}.brand-subtitle{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toolbar.closed{display:none}.mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid #9f754f;border-radius:10px;background:linear-gradient(180deg,#fff8ea,#efddc6);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.primary-btn,.ghost-btn,.icon-btn,.rainbow-btn{border:1px solid #9f754f;border-radius:10px;background:linear-gradient(180deg,#fff8ea,#efddc6);color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.primary-btn,.ghost-btn{height:36px;padding:0 14px;font-size:13px;font-weight:650}.icon-btn{height:26px;padding:0 8px;font-size:11px}.rainbow-btn{width:36px;height:36px;border-radius:999px;padding:0;display:grid;place-items:center}.rainbow-btn.active{box-shadow:0 0 0 2px #1469d766}.rainbow-dot{width:22px;height:22px;border-radius:999px;border:1px solid rgba(68,43,27,.35);background:conic-gradient(#ff5f6d,#ff5f6d 45deg,#ffb26f 45deg,#ffb26f 90deg,#ffe27b 90deg,#ffe27b 135deg,#6fd19d 135deg,#6fd19d 180deg,#5fa8ff 180deg,#5fa8ff 225deg,#8f74ff 225deg,#8f74ff 270deg,#d677ff 270deg,#d677ff 315deg,#ff78b9 315deg,#ff78b9 360deg)}.primary-btn:disabled,.ghost-btn:disabled,.icon-btn:disabled,.rainbow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.icon-btn.danger{border-color:#c27a7a;color:var(--danger)}.primary-btn:hover,.ghost-btn:hover,.icon-btn:hover,.rainbow-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #4526122e}.active-mode-btn{border-color:#8b5429;background:linear-gradient(180deg,#fff2d2,#ebd3a8);box-shadow:inset 0 0 0 1px #8b542933}.primary-btn:focus-visible,.ghost-btn:focus-visible,.icon-btn:focus-visible,.rainbow-btn:focus-visible,.search-input:focus-visible,.board-title-input:focus-visible,.style-select:focus-visible,.sticky-editor:focus-visible,.color-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.search-input,.board-title-input,.style-select{border:1px solid #af8460;border-radius:10px;background:#fffcf6f2;color:var(--text);padding:0 10px;height:36px;min-width:140px}.board-title-input{min-width:170px}.user-email,.hint-text{font-size:12px;color:var(--muted)}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;min-height:0}.workspace.inspector-open{grid-template-columns:minmax(0,1fr) 280px}.canvas-wrap{min-height:0}.board-canvas{position:relative;width:100%;min-height:calc(100vh - 170px);border-radius:18px;overflow:hidden;border:1px solid rgba(90,58,38,.45);box-shadow:inset 0 0 0 1px #fff0dc26,0 10px 28px #2b150840}.board-canvas.organize-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:start;padding:16px;min-height:calc(100vh - 170px);height:auto!important}.canvas-cork{background:radial-gradient(circle at 20% 14%,rgba(255,203,145,.18),transparent 40%),radial-gradient(circle at 88% 84%,rgba(255,224,185,.14),transparent 34%),repeating-linear-gradient(35deg,#613c233b 0,#613c233b 2px,#8156383d 2px,#8156383d 6px),linear-gradient(180deg,#9b6a44,#7a4f32)}.canvas-whiteboard{background:radial-gradient(circle at 14% 16%,rgba(77,151,232,.12),transparent 35%),radial-gradient(circle at 85% 88%,rgba(117,204,192,.14),transparent 30%),linear-gradient(180deg,#eff4f8,#dbe6f2)}.canvas-paper{background:radial-gradient(circle at 10% 8%,rgba(188,152,108,.14),transparent 32%),repeating-linear-gradient(0deg,#bea27c38,#bea27c38 1px,#efe4d3d9 1px,#efe4d3d9 24px),linear-gradient(180deg,#f6efe4,#eadfce)}.canvas-empty{height:100%;display:grid;place-items:center;font-size:16px;font-weight:550;color:#21150ead}.sticky-note{position:absolute;display:flex;flex-direction:column;border-radius:8px;border:1px solid rgba(26,20,14,.22);box-shadow:0 11px 22px #150e0a42;transform-origin:center top;transition:box-shadow .12s ease,transform .12s ease}.organized-note{position:relative;left:auto!important;top:auto!important;width:100%!important;min-height:220px;height:240px!important;transform:none!important}.sticky-note.selected{box-shadow:0 0 0 2px #1469d770,0 14px 26px #1c140e57}.sticky-note.dragging{opacity:.95;box-shadow:0 18px 34px #110a075c}.note-yellow{background:#ffe98f}.note-pink{background:#ffd1dc}.note-blue{background:#d4e8ff}.note-green{background:#d5f3c9}.note-orange{background:#ffdcb8}.note-purple{background:#e8dbff}.note-mint{background:#d0f3ec}.note-white{background:#fffef8}.sticky-handle{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px dashed rgba(43,29,18,.26);cursor:grab;font-size:11px;color:#2c1e14d6}.sticky-handle:active{cursor:grabbing}.board-canvas.organize-mode .sticky-handle,.board-canvas.organize-mode .sticky-handle:active{cursor:default}.note-actions{display:flex;gap:4px}.sticky-editor{flex:1;width:100%;border:none;background:transparent;resize:none;padding:10px;line-height:1.5;font-size:15px;color:#2f2016}.sticky-editor::placeholder{color:#4b362694}.inspector{border:1px solid rgba(104,68,44,.6);border-radius:16px;padding:12px;background:linear-gradient(180deg,var(--panel),var(--panel-soft));box-shadow:0 10px 24px #2c180c38;overflow:auto}.inspector h2{margin:0 0 10px;font-size:18px;letter-spacing:.01em}.inspector-line{font-size:13px;margin:8px 0;color:#4a3527}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 12px}.color-chip{border:1px solid rgba(60,38,24,.4);border-radius:999px;width:100%;aspect-ratio:1;cursor:pointer}.color-chip.active{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #181f2bb3}.chip-yellow{background:#ffe98f}.chip-pink{background:#ffd1dc}.chip-blue{background:#d4e8ff}.chip-green{background:#d5f3c9}.chip-orange{background:#ffdcb8}.chip-purple{background:#e8dbff}.chip-mint{background:#d0f3ec}.chip-white{background:#fffef8}.size-row{display:flex;gap:8px}.error-text{margin:8px 0;color:var(--danger);font-size:13px;font-weight:600}.trash-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.trash-header h3{margin:0;font-size:14px}.trash-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.trash-item{border:1px dashed rgba(96,64,40,.38);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px;font-size:12px;background:#fffcf6bf}.trash-actions{display:flex;gap:6px}hr{border:none;border-top:1px solid rgba(98,64,44,.24);margin:12px 0}@media (max-width: 1100px){.workspace{grid-template-columns:1fr}.board-canvas{min-height:calc(100vh - 320px)}}@media (max-width: 760px){.topbar-main{width:100%}.mobile-menu-btn{display:grid;place-items:center}.toolbar{display:none;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.toolbar.open{display:grid}.toolbar>*{width:100%}.toolbar .rainbow-btn{width:100%;border-radius:10px}.toolbar .rainbow-dot{margin:0 auto}.search-input,.board-title-input,.style-select{min-width:0}.user-email,.hint-text{grid-column:1 / -1}.board-canvas{border-radius:12px;min-height:1700px}}