*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}.app-root{display:flex;flex-direction:column;height:100%}.floating-hamburger{position:fixed;top:16px;left:16px;z-index:1000;touch-action:manipulation}.hamburger-circle{width:48px;height:48px;padding:0;border:none;background:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #0003;transition:all .2s;touch-action:manipulation;-webkit-user-select:none;user-select:none}.hamburger-circle:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}.hamburger-circle.active{background:#f0f0f0}.hamburger-dropdown{position:absolute;top:56px;left:0;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0003;min-width:220px;z-index:1000;padding:4px 0}.menu-item{display:block;width:100%;padding:12px;min-height:44px;border:none;background:transparent;text-align:left;font-size:14px;cursor:pointer;transition:background .2s;touch-action:manipulation}.menu-item:hover:not(.menu-title):not(.menu-info){background:#f0f0f0}.menu-title{font-weight:600;color:#333;cursor:default;border-bottom:1px solid #eee;margin-bottom:4px}.menu-info{color:#666;cursor:default;font-size:13px}.board{width:100%;height:100%;position:relative;overflow:scroll;background:radial-gradient(circle at top,#f9f9f9,#e5e5e5);touch-action:pan-x pan-y}.board:before{content:"";position:absolute;width:5000px;height:5000px;left:0;top:0}.note{position:absolute;background:#fff7b0;border:1px solid #e0d26a;box-shadow:0 2px 4px #00000026;display:flex;flex-direction:column;resize:none;touch-action:none}.note-header{min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:#0000000d;cursor:move;-webkit-user-select:none;user-select:none;font-size:12px;touch-action:none}.note-header.long-press-active{transform:scale(.98);opacity:.8;transition:transform .1s,opacity .1s}.delete-btn{border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;padding:4px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.note-body{flex:1;border:none;padding:6px;font-size:13px;background:transparent;resize:none;outline:none}.resize-handle{position:absolute;width:44px;height:44px;bottom:0;right:0;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.15) 50%);touch-action:none}.context-menu{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;padding:4px;box-shadow:0 2px 6px #0003;z-index:999}.context-menu button{border:none;background:transparent;padding:8px 12px;min-height:44px;font-size:13px;cursor:pointer;width:100%;text-align:left;touch-action:manipulation}.context-menu button:disabled{opacity:.5;cursor:default}.context-menu button:hover:not(:disabled){background:#f2f2f2}.color-menu{display:flex;flex-direction:column;gap:2px;padding:6px;min-width:120px}.color-option{padding:12px!important;min-height:44px;border:2px solid!important;border-radius:4px;font-size:12px;font-weight:500;text-align:center!important;touch-action:manipulation}.color-option:hover{opacity:.8;background:inherit!important;filter:brightness(.95)}