.notes-widget{position:relative;display:flex;flex-direction:column;height:570px;background:var(--card);border:1px solid var(--border);border-radius:17px;padding:20px;overflow:hidden;box-shadow:0 2px .75rem 0 rgba(154,154,154,.15)}.notes-widget:has(.clear-confirm-overlay){overflow:visible}.notes-widget:has(.clear-confirm-overlay) .note-input-container,.notes-widget:has(.clear-confirm-overlay) .notes-header,.notes-widget:has(.clear-confirm-overlay) .notes-list,.notes-widget:has(.clear-confirm-overlay) .priority-legend{filter:blur(10px);transition:filter .2s ease}.notes-header{justify-content:space-between;margin-bottom:16px}.notes-header,.notes-title{display:flex;align-items:center}.notes-title{font-size:24px;font-weight:600;color:white;margin:0;font-family:var(--font-onest),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.notes-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;margin-left:8px;background:rgba(255,255,255,.1);border-radius:12px;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);vertical-align:middle;line-height:1}.notes-header-actions{display:flex;align-items:center;gap:8px}.clear-completed-btn,.restore-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;color:rgba(255,255,255,.5);transition:all .2s ease;padding:0}.clear-completed-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#EF4444}.restore-btn:hover{background:rgba(80,200,120,.15);border-color:rgba(80,200,120,.3);color:#50C878}.clear-completed-btn:active,.restore-btn:active{transform:scale(.95)}.note-input-form{margin-bottom:16px;width:100%}.note-input-wrapper{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px 4px 4px 16px;transition:all .2s ease;width:100%;box-sizing:border-box}.note-input-wrapper:focus-within{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.note-input{flex:1;background:transparent;border:none;outline:none;color:white;font-size:14px;padding:8px 0;font-family:var(--font-onest),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:0}.note-input::placeholder{color:rgba(255,255,255,.3)}.note-priority-selector{display:flex;gap:4px}.priority-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;opacity:1}.priority-high{background:rgba(139,53,53,.3)}.priority-medium{background:rgba(144,129,81,.3)}.priority-low{background:rgba(169,169,169,.3)}.priority-high:hover{background:rgba(139,53,53,.5)}.priority-medium:hover{background:rgba(144,129,81,.5)}.priority-low:hover{background:rgba(169,169,169,.5)}.priority-btn:disabled{cursor:not-allowed;opacity:.3}.priority-btn svg{transition:all .2s ease;color:rgba(255,255,255,.4)}.priority-btn:hover svg{color:rgba(255,255,255,.7)}.notes-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding-right:4px}.notes-list::-webkit-scrollbar{width:6px}.notes-list::-webkit-scrollbar-track{background:transparent}.notes-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.notes-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.note-item{display:flex;align-items:center;gap:12px;padding:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}.note-item.new{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.note-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.note-item.completed{opacity:.85;background:linear-gradient(135deg,rgba(80,200,120,.12),rgba(80,200,120,.06));border-color:rgba(80,200,120,.25);box-shadow:0 0 0 1px rgba(80,200,120,.1),0 2px 8px rgba(80,200,120,.08);position:relative}.note-item.deleting{animation:slideOut .2s ease-out forwards}@keyframes slideOut{to{opacity:0;transform:translateX(100%)}}.note-checkbox{flex-shrink:0;width:20px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;align-self:flex-start;margin-top:4px}.checkbox-inner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.note-checkbox:hover .checkbox-inner{border-color:rgba(255,255,255,.5)}.note-item.completed .checkbox-inner{background:linear-gradient(135deg,#50C878,#40B868);border-color:#50C878;color:white;box-shadow:0 2px 8px rgba(80,200,120,.3),inset 0 1px 0 rgba(255,255,255,.2);transform:scale(1)}.note-item.completed .note-checkbox:hover .checkbox-inner{background:linear-gradient(135deg,#60D888,#50C878);box-shadow:0 4px 12px rgba(80,200,120,.4),inset 0 1px 0 rgba(255,255,255,.3);transform:scale(1.05)}.note-item:not(.completed) .checkbox-inner svg{opacity:0;transform:scale(.5)}.note-item.completed .checkbox-inner svg{opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:checkmarkPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkmarkPop{0%{opacity:0;transform:scale(.3) rotate(-15deg)}50%{transform:scale(1.15) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.note-content{flex:1;display:flex;align-items:flex-start;gap:8px;min-width:0}.note-priority{flex-shrink:0;width:4px;min-height:20px;border-radius:2px;align-self:stretch}.note-priority.priority-low{background:#A9A9A9}.note-priority.priority-medium{background:#908151}.note-priority.priority-high{background:#8b3535}.note-title{color:white;font-size:15px;margin:0;padding:0;overflow:visible;white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.4;font-family:var(--font-onest),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.note-item.completed .note-title{text-decoration:line-through;opacity:.75;color:rgba(255,255,255,.7);position:relative}.note-item.completed .note-priority{background:linear-gradient(180deg,#50C878,#40B868);box-shadow:0 0 6px rgba(80,200,120,.5);width:4px}.note-delete-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:rgba(255,255,255,.4);transition:all .2s ease;opacity:0}.note-item:hover .note-delete-btn{opacity:1}.note-delete-btn:hover{background:rgba(239,68,68,.1);color:#EF4444}.note-delete-btn:active{transform:scale(.95)}.notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:rgba(255,255,255,.4);text-align:center}.empty-icon{margin-bottom:16px;opacity:.3}.empty-title{font-size:18px;font-weight:600;color:rgba(255,255,255,.6);margin:0 0 8px;font-family:var(--font-onest),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.empty-description{font-size:14px;color:rgba(255,255,255,.4);margin:0}.notes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#EF4444;text-align:center;padding:20px}.notes-error p{margin:8px 0;font-size:14px}.retry-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;padding:8px 16px;font-size:14px;cursor:pointer;margin-top:12px;transition:all .2s ease}.retry-btn:hover{background:rgba(255,255,255,.2)}.notes-debug{text-align:center;color:rgba(255,255,255,.6);font-size:12px;margin-top:16px}.notes-debug p{margin:8px 0}.notes-loading{display:flex;flex-direction:column;gap:8px}.loading-skeleton{height:52px;background:rgba(255,255,255,.05);border-radius:12px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.priority-legend{justify-content:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.legend-item,.priority-legend{display:flex;align-items:center}.legend-item{gap:4px}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot.priority-high{background:rgba(139,53,53,.6)}.legend-dot.priority-medium{background:rgba(144,129,81,.6)}.legend-dot.priority-low{background:rgba(169,169,169,.6)}.legend-dot.priority-completed{background:rgba(80,200,120,.6)}.legend-text{font-size:10px;color:rgba(255,255,255,.3);font-weight:300;text-transform:uppercase;letter-spacing:.5px}.clear-confirm-overlay{display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.clear-confirm-overlay,.clear-confirm-overlay:before{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px}.clear-confirm-overlay:before{content:"";background:rgba(0,0,0,.85)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clear-confirm-modal{position:relative;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.clear-confirm-modal .empty-icon{margin-bottom:16px;color:rgba(198,32,21,.8)}.confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.confirm-btn{min-width:100px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:var(--font-onest),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.confirm-btn-cancel{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2)}.confirm-btn-cancel:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.confirm-btn-delete{background:#c62015;color:white}.confirm-btn-delete:hover{background:#b01d13}.confirm-btn:active{transform:scale(.97)}@media (max-width:1279px){.notes-widget{height:570px}}.dark .notes-widget{box-shadow:none;border-color:#3D3D3D}:root:not(.dark) .notes-title{color:#1a1a1a}:root:not(.dark) .notes-count{background:rgba(0,0,0,.06);color:rgba(0,0,0,.6)}:root:not(.dark) .clear-completed-btn,:root:not(.dark) .restore-btn{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);color:rgba(0,0,0,.5)}:root:not(.dark) .clear-completed-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#DC2626}:root:not(.dark) .restore-btn:hover{background:rgba(80,200,120,.1);border-color:rgba(80,200,120,.2);color:#50C878}:root:not(.dark) .note-input-wrapper{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08)}:root:not(.dark) .note-input-wrapper:focus-within{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.15)}:root:not(.dark) .note-input{color:#1a1a1a}:root:not(.dark) .note-input::placeholder{color:rgba(0,0,0,.4)}:root:not(.dark) .priority-btn svg{color:rgba(0,0,0,.5)}:root:not(.dark) .priority-btn:hover svg{color:rgba(0,0,0,.8)}:root:not(.dark) .notes-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}:root:not(.dark) .notes-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}:root:not(.dark) .note-item{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06)}:root:not(.dark) .note-item:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}:root:not(.dark) .note-item.completed{background:linear-gradient(135deg,rgba(80,200,120,.1),rgba(80,200,120,.04));border-color:rgba(80,200,120,.2);box-shadow:0 0 0 1px rgba(80,200,120,.08),0 2px 8px rgba(80,200,120,.06)}:root:not(.dark) .note-item.completed .note-title{color:rgba(0,0,0,.5)}:root:not(.dark) .note-item.completed .note-priority{background:linear-gradient(180deg,#50C878,#40B868);box-shadow:0 0 4px rgba(80,200,120,.4)}:root:not(.dark) .checkbox-inner{border:2px solid rgba(0,0,0,.3)}:root:not(.dark) .note-checkbox:hover .checkbox-inner{border-color:rgba(0,0,0,.5)}:root:not(.dark) .note-title{color:#1a1a1a}:root:not(.dark) .note-delete-btn{color:rgba(0,0,0,.4)}:root:not(.dark) .note-delete-btn:hover{background:rgba(239,68,68,.1);color:#DC2626}:root:not(.dark) .notes-empty-state{color:rgba(0,0,0,.4)}:root:not(.dark) .empty-title{color:rgba(0,0,0,.6)}:root:not(.dark) .empty-description{color:rgba(0,0,0,.4)}:root:not(.dark) .confirm-btn-cancel{background:rgba(0,0,0,.05);color:#1a1a1a;border:1px solid rgba(0,0,0,.15)}:root:not(.dark) .confirm-btn-cancel:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}:root:not(.dark) .loading-skeleton{background:rgba(0,0,0,.03)}:root:not(.dark) .priority-legend{border-top:1px solid rgba(0,0,0,.05)}:root:not(.dark) .legend-text{color:rgba(0,0,0,.4)}:root:not(.dark) .clear-confirm-overlay:before{background:rgba(255,255,255,.9)}:root:not(.dark) .notes-debug{color:rgba(0,0,0,.6)}:root:not(.dark) .note-item.new{animation:slideIn .2s ease-out}@font-face{font-family:onest;src:url(/_next/static/media/7ba44211461bc4c1-s.p.ttf) format("truetype");font-display:swap;font-weight:100;font-style:normal}@font-face{font-family:onest;src:url(/_next/static/media/969367921b49946d-s.p.ttf) format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:onest;src:url(/_next/static/media/29f6d6dfdf455e9a-s.p.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:onest;src:url(/_next/static/media/71aabf68cb695cd9-s.p.ttf) format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:onest;src:url(/_next/static/media/b32c82f6bb4cda70-s.p.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:onest;src:url(/_next/static/media/5ed4d1b32339cbce-s.p.ttf) format("truetype");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:onest;src:url(/_next/static/media/0c4cf9de51959319-s.p.ttf) format("truetype");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:onest Fallback;src:local("Arial");ascent-override:91.30%;descent-override:28.71%;line-gap-override:0.00%;size-adjust:106.24%}.__className_76154b{font-family:onest,onest Fallback}.__variable_76154b{--font-onest:"onest","onest Fallback"}