.note{position:absolute;min-width:150px;min-height:50px;background:var(--note-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:10;--note-border-width:1px;--note-border-style:solid;--note-border-color:var(--grid-color);border:var(--note-border-width) var(--note-border-style) var(--note-border-color);overflow:visible;transition:background-color .2s ease;box-sizing:border-box;transform-origin:center center;text-rendering:optimizeSpeed}.note[data-type=image]{border-radius:0!important;box-shadow:none!important;border:1px solid var(--grid-color)}.note[data-type=image] .note-header{border-radius:0!important}.note[data-type=image] .note-body{border-radius:0!important}.note.selected{border:2px solid var(--accent-color);outline:1px solid rgba(0,122,204,.3);box-shadow:none}.note[data-type=image].selected{outline:2px solid var(--accent-color);border:none;box-shadow:none}.note.clean-mode{background:0 0!important;box-shadow:none!important;border:none!important}.note.clean-mode .note-header{display:none}.note.clean-mode .note-body{background:0 0!important}.note[data-type=plaintext]{background:0 0!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:0!important;padding:0;overflow:visible!important;min-width:0!important;min-height:0!important;height:auto!important}.note[data-type=plaintext]:hover{background:0 0!important;outline:0!important}.note[data-type=plaintext].selected{background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important}.note[data-type=plaintext] .note-header{display:none!important}.note[data-type=plaintext] .note-header .note-title{display:none!important}.gizmo-plaintext-drag-chip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:36px;height:14px;display:flex;align-items:center;justify-content:center;gap:2px;background:var(--accent-color,#6366f1);border:1.5px solid #fff;border-radius:7px;cursor:grab;pointer-events:auto;box-shadow:0 1px 4px rgba(0,0,0,.2);z-index:10003;user-select:none}.gizmo-plaintext-drag-chip:active{cursor:grabbing}.gizmo-plaintext-drag-chip .grip-dot{width:2.5px;height:2.5px;border-radius:50%;background:rgba(255,255,255,.95);flex-shrink:0}.note[data-type=plaintext] .note-body{background:0 0!important;padding:0!important;overflow:visible!important;border-radius:0!important}.note[data-type=plaintext] .text-editor{padding:0;outline:0;white-space:pre-wrap;word-break:break-word;min-height:1em;line-height:1.4;cursor:text}.note[data-type=plaintext] .text-editor:empty::before{content:'Type here...';color:var(--text-secondary);opacity:.4;pointer-events:none}.note[data-type=plaintext] .pt-font-indicator{display:none!important}.note-composer-preview .composer-preview-note-plaintext .note-header{display:flex!important}.note-header{height:36px;background:rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.08);cursor:grab;display:flex;align-items:center;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:background-color var(--transition-medium)}.note-header:hover{background-color:rgba(0,0,0,.1)}.note-header:active{cursor:grabbing;background-color:rgba(0,0,0,.15)}.note-header .note-title{user-select:none;outline:0;min-width:20px}.note-header .note-title[contenteditable=true]{user-select:text;cursor:text;background:rgba(255,255,255,.5);border-radius:var(--radius-xs);padding:2px 4px}.note-body{flex:1;overflow:hidden;position:relative;background:var(--note-bg);border-radius:0 0 var(--radius-md) var(--radius-md);transition:background-color .2s ease}.text-editor{width:100%;height:100%;outline:0;cursor:text;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;user-select:text;padding:var(--space-3)}.code-container{display:flex;height:100%;width:100%;font-family:Consolas,monospace;background:var(--code-bg);color:var(--code-text);border-radius:0 0 var(--radius-md) 0}.line-numbers{width:40px;background:color-mix(in srgb,var(--code-line-bg) 60%,transparent);color:var(--code-line-num);text-align:right;padding:10px 5px;font-size:var(--text-sm);line-height:20px;border-right:1px solid var(--grid-color);flex-shrink:0;user-select:none;overflow:hidden;border-radius:0 0 0 var(--radius-md)}.note[style*=background] .line-numbers{background:rgba(0,0,0,.06)}.code-editor{flex:1;padding:10px;font-size:var(--text-sm);line-height:20px;overflow:auto;white-space:pre;outline:0;cursor:text}.code-editor::-webkit-scrollbar{cursor:default}.code-editor::-webkit-scrollbar-corner{background:var(--sb-track)}.kw{color:var(--kw-color);font-weight:700}.str{color:var(--str-color)}.def{color:var(--def-color)}.cmt{color:var(--comment-color);font-style:italic}.img-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-wrapper img{width:100%;height:100%;object-fit:fill;pointer-events:none}.checklist-container{padding:8px 8px 4px;display:flex;flex-direction:column;gap:4px}.chk-progress{height:3px;border-radius:2px;background:var(--border-color,rgba(0,0,0,.08));margin:0 2px 4px;overflow:hidden;flex-shrink:0}.chk-progress-fill{height:100%;background:var(--accent-color);border-radius:2px;transition:width .3s ease}.chk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm,6px);background:var(--surface-1,rgba(0,0,0,.025));border:1px solid var(--border-color,rgba(0,0,0,.06));transition:all var(--ui-motion-fast, .12s) ease;position:relative}.chk-item:hover{border-color:var(--border-color-hover,rgba(0,0,0,.12));box-shadow:0 1px 3px rgba(0,0,0,.04)}.chk-item.completed{opacity:.6;background:0 0;border-color:var(--border-color,rgba(0,0,0,.04))}.chk-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color-strong,rgba(24,24,27,.25));border-radius:50%;cursor:pointer;flex-shrink:0;transition:all var(--ui-motion-medium, .2s) cubic-bezier(.4, 0, .2, 1);position:relative;background:0 0}.chk-checkbox:hover{border-color:var(--accent-color);background:rgba(var(--accent-rgb,99,102,241),.06)}.chk-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.chk-checkbox:checked::after{content:'';position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid var(--on-accent-color,#fff);border-width:0 2px 2px 0;border-radius:0 0 1px 0;transform:rotate(45deg);animation:chk-pop var(--ui-motion-fast,.12s) cubic-bezier(.4,0,.2,1)}@keyframes chk-pop{0%{transform:rotate(45deg) scale(0);opacity:0}60%{transform:rotate(45deg) scale(1.2)}100%{transform:rotate(45deg) scale(1);opacity:1}}.chk-text{flex:1;outline:0;cursor:text;padding:1px 2px;border-radius:var(--radius-xs);transition:all var(--ui-motion-fast, .12s) ease;min-width:50px;font-size:var(--text-sm, .82rem);line-height:1.45;color:inherit}.chk-text:focus{background:rgba(var(--accent-rgb,99,102,241),.04)}.chk-item.completed .chk-text{text-decoration:line-through;text-decoration-color:var(--text-secondary,#71717a);color:var(--text-secondary,#71717a);transition:all var(--ui-motion-medium, .2s) ease}.img-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;border-radius:0!important}.img-wrapper img{width:100%;height:100%;object-fit:fill;border-radius:0!important;display:block}.chk-delete-btn{opacity:0;background:0 0;border:none;width:20px;height:20px;font-size:12px;cursor:pointer;color:var(--text-secondary,#71717a);border-radius:50%;transition:all var(--ui-motion-fast, .12s) ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.chk-item:hover .chk-delete-btn{opacity:.4}.chk-delete-btn:hover{opacity:1!important;background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.chk-add-btn{background:var(--surface-1,rgba(0,0,0,.025));border:1px dashed var(--border-color,rgba(24,24,27,.08));padding:8px 10px;margin:0;border-radius:var(--radius-sm,6px);cursor:pointer;color:var(--text-secondary,#71717a);font-size:0;font-weight:500;transition:all var(--ui-motion-fast, .12s) ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:0;width:100%}.chk-add-btn::before{content:'+';font-size:16px;line-height:1;font-weight:400}.chk-add-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(var(--accent-rgb,99,102,241),.04)}.note[data-type=voice]{background:0 0!important;border:none!important;box-shadow:none!important;border-radius:14px!important;min-height:48px!important}.note[data-type=voice].selected{outline:2px solid var(--accent-color);border-radius:14px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.note[data-type=voice] .note-header{display:none}.note[data-type=voice] .note-body{background:0 0!important;border-radius:14px!important;overflow:visible!important}.voice-note-container{display:flex;align-items:center;gap:8px;padding:0 12px 0 6px;background:var(--voice-bg,var(--accent-color));border-radius:14px;min-width:0;height:100%;width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.1)}.voice-play-btn{width:32px;height:32px;min-width:32px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:var(--voice-text,#fff);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .15s;z-index:2}.voice-play-btn:hover{background:rgba(255,255,255,.28);transform:scale(1.05)}.voice-play-btn svg{width:18px;height:18px}.voice-waveform{flex:1;height:100%;max-height:80%;min-width:0;opacity:.65}.voice-duration{font-size:.7rem;color:var(--voice-text,rgba(255,255,255,.85));font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:.02em;z-index:2;white-space:nowrap}.note[data-type=video]{border-radius:0!important;box-shadow:none!important;border:1px solid var(--grid-color);min-height:200px}.note[data-type=video] .note-header{display:none}.note[data-type=video] .note-body{padding:0!important;margin:0!important;height:100%!important;width:100%!important;box-sizing:border-box;border-radius:0!important;overflow:hidden!important}.note[data-type=video].selected{outline:2px solid var(--accent-color);border:none;box-shadow:none}.video-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;display:block}.note[data-type=gif]{border-radius:var(--radius-md)!important;box-shadow:var(--shadow)!important;border:1px solid var(--grid-color)}.note[data-type=gif] .note-header{display:none}.note[data-type=gif].selected{outline:2px solid var(--accent-color);box-shadow:0 4px 12px rgba(0,0,0,.2)!important}.gif-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.gif-wrapper img{width:100%;height:100%;object-fit:fill;display:block}.sticky-note{--sticky-fill-color:#fff176;box-shadow:0 2px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);background:0 0!important;border:none;min-width:100px;min-height:100px;overflow:visible}.sticky-note .note-body{position:relative;z-index:1;background:var(--sticky-fill-color)!important;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.sticky-note .sticky-drag-handle{position:absolute;top:0;left:0;right:0;height:40px;cursor:move;z-index:2;background:0 0}.sticky-note .sticky-content{width:100%;height:100%;outline:0;display:flex;align-items:center;justify-content:center;cursor:text;font-size:14px;font-weight:500;line-height:1.4;color:#333;position:relative;z-index:3}.sticky-note .sticky-content[data-align=left]{justify-content:flex-start;text-align:left}.sticky-note .sticky-content[data-align=right]{justify-content:flex-end;text-align:right}.sticky-note .sticky-content[data-align=justify]{justify-content:stretch;text-align:justify}.sticky-square{border-radius:0!important}.sticky-square .note-body{border-radius:0!important}.sticky-rounded{border-radius:12px!important}.sticky-rounded .note-body{border-radius:12px!important}.sticky-circle{border-radius:50%!important;aspect-ratio:1}.sticky-circle .note-body{border-radius:50%!important}.sticky-diamond{--sticky-shape-clip:url(#clip-diamond);border-radius:0!important}.sticky-heart{--sticky-shape-clip:url(#clip-heart);border-radius:0!important}.sticky-hexagon{--sticky-shape-clip:url(#clip-hexagon);border-radius:0!important}.sticky-speech-bubble{--sticky-shape-clip:url(#clip-speech-bubble);border-radius:0!important}.sticky-note.sticky-diamond,.sticky-note.sticky-heart,.sticky-note.sticky-hexagon,.sticky-note.sticky-speech-bubble{box-shadow:none;background:0 0!important}.sticky-note.sticky-diamond .note-body,.sticky-note.sticky-heart .note-body,.sticky-note.sticky-hexagon .note-body,.sticky-note.sticky-speech-bubble .note-body{-webkit-clip-path:var(--sticky-shape-clip);clip-path:var(--sticky-shape-clip);border-radius:0!important;background:0 0!important;filter:none!important;will-change:auto}.sticky-note.sticky-diamond .note-body{padding:20%}.sticky-note.sticky-heart .note-body{padding:20% 18% 22%}.sticky-note.sticky-hexagon .note-body{padding:14% 20%}.sticky-note.sticky-speech-bubble .note-body{padding:14% 10% 30% 10%}.sticky-note .sticky-shape-border{position:absolute;top:-10%;left:-10%;width:120%;height:120%;pointer-events:none;display:none;z-index:0;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, .15)) drop-shadow(0 0 1px rgba(0, 0, 0, .08))}.sticky-note .sticky-shape-border-path{fill:var(--sticky-fill-color,transparent);stroke:var(--note-border-color,transparent);stroke-width:calc(2 * var(--note-border-width,0px));stroke-dasharray:var(--sticky-border-dash,none);vector-effect:non-scaling-stroke;paint-order:stroke fill;stroke-linejoin:round;stroke-linecap:round}.sticky-diamond .sticky-shape-border-path,.sticky-hexagon .sticky-shape-border-path{stroke-linejoin:miter;stroke-linecap:square;stroke-miterlimit:4}.sticky-note[data-border-style=dashed].sticky-diamond .sticky-shape-border-path,.sticky-note[data-border-style=dashed].sticky-hexagon .sticky-shape-border-path{stroke-linejoin:round;stroke-linecap:round}.sticky-note.sticky-diamond .sticky-shape-border,.sticky-note.sticky-heart .sticky-shape-border,.sticky-note.sticky-hexagon .sticky-shape-border,.sticky-note.sticky-speech-bubble .sticky-shape-border{display:block}.sticky-note.sticky-diamond,.sticky-note.sticky-heart,.sticky-note.sticky-hexagon,.sticky-note.sticky-speech-bubble{border:none!important}.sticky-note[style*="background-color: #ff8a80"]{color:#4a0000!important}.sticky-note[style*="background-color: #82b1ff"]{color:#002f6c!important}.sticky-note[style*="background-color: #b9f6ca"]{color:#004d25!important}.sticky-note[style*="background-color: #ffff8d"]{color:#330!important}.sticky-note[style*="background-color: #ea80fc"]{color:#4a004d!important}.sticky-note.selected{border:none;outline:2px solid var(--accent-color);box-shadow:none}.sticky-note.sticky-diamond.selected,.sticky-note.sticky-heart.selected,.sticky-note.sticky-hexagon.selected,.sticky-note.sticky-speech-bubble.selected{box-shadow:none;outline:0}.note.has-custom-border{border:none!important}.note.has-custom-border::after{content:'';position:absolute;top:calc(-1 * var(--note-border-width,0px));left:calc(-1 * var(--note-border-width,0px));width:calc(100% + 2 * var(--note-border-width,0px));height:calc(100% + 2 * var(--note-border-width,0px));border-width:var(--note-border-width);border-style:var(--note-border-style);border-color:var(--note-border-color);border-radius:calc(8px + var(--note-border-width,0px));pointer-events:none;box-sizing:border-box;z-index:0}.note.has-custom-border.selected{outline:0!important}.note.has-custom-border.selected::after{outline:2px solid var(--accent-color);outline-offset:0}.sticky-note.has-custom-border{border:none!important}.sticky-note.has-custom-border::after{content:'';position:absolute;top:calc(-1 * var(--note-border-width,0px));left:calc(-1 * var(--note-border-width,0px));width:calc(100% + 2 * var(--note-border-width,0px));height:calc(100% + 2 * var(--note-border-width,0px));border-width:var(--note-border-width);border-style:var(--note-border-style);border-color:var(--note-border-color);border-radius:calc(8px + var(--note-border-width,0px));pointer-events:none;box-sizing:border-box;z-index:0}.sticky-note.has-custom-border.sticky-square::after{border-radius:0!important}.sticky-note.has-custom-border.sticky-rounded::after{border-radius:calc(12px + var(--note-border-width,0px))!important}.sticky-note.has-custom-border.sticky-circle::after{border-radius:50%!important}.sticky-note.has-custom-border.sticky-diamond::after,.sticky-note.has-custom-border.sticky-heart::after,.sticky-note.has-custom-border.sticky-hexagon::after,.sticky-note.has-custom-border.sticky-speech-bubble::after{display:none}.sticky-note.has-custom-border.selected{outline:0}.sticky-note.has-custom-border.selected::after{outline:2px solid var(--accent-color);outline-offset:0}.sticky-note.has-custom-border.sticky-diamond.selected,.sticky-note.has-custom-border.sticky-heart.selected,.sticky-note.has-custom-border.sticky-hexagon.selected,.sticky-note.has-custom-border.sticky-speech-bubble.selected{box-shadow:none}.lod-low .note.has-custom-border::after,.lod-minimal .note.has-custom-border::after{display:none!important}