.fqn-root{--fqn-yellow:#F5C518;--fqn-sky:#7EDDD6;--fqn-blue:#4A7FDB;--fqn-white:#F9F7F2;--fqn-black:#2A2A2A;--fqn-orange:#F07B3F;--fqn-panel:rgba(20, 20, 35, 0.97);--fqn-border:rgba(255, 255, 255, 0.08);--fqn-radius:14px;--fqn-shadow:0 30px 80px rgba(0, 0, 0, 0.6);--fqn-hand:'Caveat', cursive;--fqn-body:'DM Sans', sans-serif}.fqn-root svg{display:block;flex-shrink:0;max-width:100%}.fqn-btn-icon,.fqn-btn-icon svg{width:18px;height:18px;flex-shrink:0}.fqn-btn-sm-icon,.fqn-btn-sm-icon svg{width:15px;height:15px;flex-shrink:0}.fqn-icon-sm,.fqn-icon-sm svg{width:16px;height:16px;flex-shrink:0}.fqn-icon-xs,.fqn-icon-xs svg{width:13px;height:13px;flex-shrink:0}.fqn-title-icon,.fqn-title-icon svg{width:22px;height:22px;flex-shrink:0;opacity:.85}.fqn-chip-check,.fqn-chip-check svg{width:14px;height:14px;color:rgb(0 0 0 / .55)}.fqn-empty-state-icon,.fqn-empty-state-icon svg{width:56px!important;height:56px!important;opacity:.25}.fqn-empty-list-icon,.fqn-empty-list-icon svg{width:34px!important;height:34px!important;opacity:.25}.fqn-toast-icon,.fqn-toast-icon svg{width:16px;height:16px;flex-shrink:0;color:#4ade80}.fqn-confirm-icon,.fqn-confirm-icon svg{width:28px;height:28px;color:#ff6b6b}.fqn-open-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,var(--fqn-yellow),var(--fqn-orange));border:none;border-radius:50px;font-family:var(--fqn-hand);font-size:14px;font-weight:600;color:#1a1200;cursor:pointer;white-space:nowrap;box-shadow:0 4px 18px rgb(245 197 24 / .35);transition:transform .22s,box-shadow .22s,opacity .15s;letter-spacing:.2px}.fqn-open-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 30px rgb(245 197 24 / .5)}.fqn-open-btn:active{transform:scale(.97)}.fqn-open-btn:disabled{opacity:.7;cursor:wait}.fqn-loading-dots::after{content:'';animation:fqnDots 1.2s infinite steps(1)}@keyframes fqnDots{0%{content:'.'}33%{content:'..'}66%{content:'...'}}.fqn-backdrop{position:fixed;inset:0;z-index:9999;background:rgb(5 5 20 / .78);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.fqn-backdrop-enter{transition:opacity .3s ease}.fqn-backdrop-enter-start{opacity:0}.fqn-backdrop-enter-end{opacity:1}.fqn-modal{position:relative;width:96vw;height:94vh;max-width:1600px;background:var(--fqn-panel);border:1px solid var(--fqn-border);border-radius:22px;box-shadow:var(--fqn-shadow);display:flex;flex-direction:column;overflow:hidden}.fqn-modal-enter{transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .3s}.fqn-modal-enter-start{transform:scale(.88) translateY(40px);opacity:0}.fqn-modal-enter-end{transform:scale(1) translateY(0);opacity:1}.fqn-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 14px;border-bottom:1px solid var(--fqn-border);flex-shrink:0;gap:12px}.fqn-modal-title{font-family:var(--fqn-hand);font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:.4px;white-space:nowrap}.fqn-header-actions{display:flex;align-items:center;gap:10px}.fqn-save-changes-btn{padding:7px 18px;border-radius:50px;border:none;background:rgb(34 197 94 / .15);color:#4ade80;font-family:var(--fqn-body);font-weight:600;font-size:12px;cursor:pointer;letter-spacing:.3px;white-space:nowrap;transition:background .2s,transform .2s;display:inline-flex;align-items:center;gap:6px}.fqn-save-changes-btn:hover{background:rgb(34 197 94 / .3);transform:translateY(-1px)}.fqn-save-changes-btn:disabled{opacity:.6}.fqn-close-btn{width:32px;height:32px;border-radius:50%;background:rgb(255 80 80 / .12);border:1px solid rgb(255 80 80 / .28);color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;flex-shrink:0}.fqn-close-btn:hover{background:rgb(255 80 80 / .32);transform:rotate(90deg) scale(1.1)}.fqn-modal-body{display:flex;flex:1;overflow:hidden}.fqn-editor-pane{flex:1;display:flex;flex-direction:column;padding:20px 22px;overflow:hidden}.fqn-no-note-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(255 255 255 / .2);font-family:var(--fqn-hand);font-size:20px;gap:16px;text-align:center}.fqn-color-label{font-size:11px;color:rgb(255 255 255 / .38);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px;font-family:var(--fqn-body)}.fqn-color-row{display:flex;gap:9px;margin-bottom:18px;flex-wrap:wrap}.fqn-color-chip{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid #fff0;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.fqn-color-chip:hover{transform:scale(1.18)}.fqn-color-chip.active{border-color:#fff;box-shadow:0 0 0 2px rgb(255 255 255 / .38);transform:scale(1.13)}.fqn-editor{display:flex;flex-direction:column;flex:1;min-height:0}.fqn-posit-wrapper{flex:1;display:flex;flex-direction:column;border-radius:var(--fqn-radius);overflow:hidden;box-shadow:6px 8px 24px rgb(0 0 0 / .5),-2px -2px 0 rgb(255 255 255 / .07) inset;position:relative;transition:background .22s;min-height:0}.fqn-posit-tape{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:46px;height:18px;border-radius:3px;background:rgb(255 255 255 / .32);z-index:2}.fqn-posit-header{padding:16px 16px 10px;border-bottom:2px dashed rgb(0 0 0 / .65);flex-shrink:0}.fqn-posit-title-input{width:100%;background:transparent!important;border:none!important;outline:none!important;font-family:var(--fqn-hand);font-size:22px!important;font-weight:700;color:rgb(0 0 0 / .75);resize:none!important}.fqn-posit-title-input:focus{box-shadow:none!important}.fqn-posit-title-input::placeholder{color:rgb(0 0 0 / .3)!important}.fqn-posit-content-input{flex:1;padding:12px 16px;background:transparent!important;border:none!important;outline:none!important;font-family:var(--fqn-hand);font-size:17px;line-height:1.6;resize:none!important;min-height:0}.fqn-posit-content-input:focus{box-shadow:none!important}.fqn-posit-content-input::placeholder{color:rgb(0 0 0 / .28)}.fqn-posit-fold{position:absolute;bottom:0;right:0;width:26px;height:26px;background:linear-gradient(135deg,transparent 50%,rgb(0 0 0 / .11) 50%);border-radius:0 0 var(--fqn-radius) 0}.fqn-save-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex-shrink:0}.fqn-save-btn{padding:9px 26px;border-radius:50px;border:none;background:linear-gradient(135deg,#4ade80,#22c55e);color:#052e16;font-family:var(--fqn-body);font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 4px 16px rgb(34 197 94 / .38);transition:transform .18s,box-shadow .18s;display:inline-flex;align-items:center;gap:7px}.fqn-save-btn:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgb(34 197 94 / .52)}.fqn-save-btn:active{transform:scale(.96)}.fqn-discard-btn{padding:9px 26px;border-radius:50px;border:none;background:rgb(255 80 80 / .14);color:#ff6b6b;font-family:var(--fqn-body);font-weight:600;font-size:13px;cursor:pointer;transition:background .18s,transform .18s;display:inline-flex;align-items:center;gap:7px}.fqn-discard-btn:hover{background:rgb(255 80 80 / .3);transform:translateY(-1px)}.fqn-list-pane{width:270px;flex-shrink:0;border-left:1px solid var(--fqn-border);display:flex;flex-direction:column;background:rgb(255 255 255 / .02)}.fqn-list-header{padding:14px 16px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--fqn-border);flex-shrink:0}.fqn-list-title{font-size:12px;font-weight:600;color:rgb(255 255 255 / .45);letter-spacing:1.1px;text-transform:uppercase;font-family:var(--fqn-body)}.fqn-add-btn{width:28px;height:28px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--fqn-yellow),var(--fqn-orange));color:#1a1200;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgb(245 197 24 / .4);transition:transform .2s,box-shadow .2s;flex-shrink:0}.fqn-add-btn:hover{transform:scale(1.14) rotate(90deg);box-shadow:0 6px 16px rgb(245 197 24 / .52)}.fqn-notes-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.fqn-notes-list::-webkit-scrollbar{width:4px}.fqn-notes-list::-webkit-scrollbar-track{background:#fff0}.fqn-notes-list::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .1);border-radius:4px}.fqn-note-card{border-radius:10px;overflow:hidden;transition:transform .18s,box-shadow .18s;animation:fqnSlideIn .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}@keyframes fqnSlideIn{from{transform:translateX(28px);opacity:0}to{transform:translateX(0);opacity:1}}.fqn-note-card:hover{transform:translateX(-3px) scale(1.02);box-shadow:4px 4px 18px rgb(0 0 0 / .4)}.fqn-note-card.active{outline:2px solid rgb(255 255 255 / .48);outline-offset:1px}.fqn-note-card-band{height:7px}.fqn-note-card-body{width:100%;background:rgb(30 30 50 / .9);padding:9px 12px 8px;text-align:left;border:none;cursor:pointer;display:block}.fqn-note-card-title{font-family:var(--fqn-hand);font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.fqn-note-card-preview{font-size:11px;color:rgb(255 255 255 / .38);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--fqn-hand)}.fqn-note-card-actions{display:flex;align-items:center;justify-content:space-between;padding:5px 12px 7px;background:rgb(30 30 50 / .9)}.fqn-order-btns{display:flex;gap:5px}.fqn-icon-btn{width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.fqn-icon-btn:hover{transform:scale(1.18)}.fqn-up-btn{background:rgb(74 127 219 / .22);color:#6fa3ff}.fqn-down-btn{background:rgb(74 127 219 / .22);color:#6fa3ff}.fqn-del-btn{background:rgb(255 80 80 / .16);color:#ff7070}.fqn-up-btn:hover,.fqn-down-btn:hover{background:rgb(74 127 219 / .42)}.fqn-del-btn:hover{background:rgb(255 80 80 / .36)}.fqn-empty-list{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(255 255 255 / .18);gap:10px;font-family:var(--fqn-hand);font-size:15px;text-align:center;padding:18px}.fqn-confirm-backdrop{position:absolute;inset:0;z-index:20;background:rgb(5 5 20 / .72);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:22px}.fqn-confirm-enter{transition:opacity .22s ease}.fqn-confirm-enter-start{opacity:0}.fqn-confirm-enter-end{opacity:1}.fqn-confirm-leave{transition:opacity .18s ease}.fqn-confirm-leave-start{opacity:1}.fqn-confirm-leave-end{opacity:0}.fqn-confirm-box{background:rgb(28 28 46 / .98);border:1px solid rgb(255 80 80 / .22);border-radius:18px;box-shadow:0 0 0 1px rgb(255 80 80 / .08),0 24px 60px rgb(0 0 0 / .7),0 0 40px rgb(255 60 60 / .08) inset;padding:36px 40px 32px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.fqn-confirm-box-enter{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s}.fqn-confirm-box-enter-start{transform:scale(.82) translateY(20px);opacity:0}.fqn-confirm-box-enter-end{transform:scale(1) translateY(0);opacity:1}.fqn-confirm-box-leave{transition:transform .2s ease,opacity .2s}.fqn-confirm-box-leave-start{transform:scale(1) translateY(0);opacity:1}.fqn-confirm-box-leave-end{transform:scale(.9) translateY(10px);opacity:0}.fqn-confirm-icon-wrap{width:58px;height:58px;border-radius:50%;background:rgb(255 80 80 / .14);border:1px solid rgb(255 80 80 / .3);display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 0 24px rgb(255 60 60 / .18)}.fqn-confirm-title{font-family:var(--fqn-hand);font-size:22px;font-weight:700;color:#fff;letter-spacing:.3px}.fqn-confirm-body{font-family:var(--fqn-body);font-size:13px;color:rgb(255 255 255 / .5);line-height:1.6;margin:0}.fqn-confirm-note-name{display:block;margin-top:4px;font-weight:600;color:rgb(255 255 255 / .78);font-family:var(--fqn-hand);font-size:16px;word-break:break-word}.fqn-confirm-actions{display:flex;gap:10px;margin-top:6px;width:100%}.fqn-confirm-cancel-btn{flex:1;padding:10px 0;border-radius:50px;border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .06);color:rgb(255 255 255 / .65);font-family:var(--fqn-body);font-weight:600;font-size:13px;cursor:pointer;transition:background .18s,color .18s,transform .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.fqn-confirm-cancel-btn:hover{background:rgb(255 255 255 / .12);color:#fff;transform:translateY(-1px)}.fqn-confirm-delete-btn{flex:1;padding:10px 0;border-radius:50px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-family:var(--fqn-body);font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 4px 16px rgb(220 38 38 / .4);transition:box-shadow .18s,transform .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.fqn-confirm-delete-btn:hover{box-shadow:0 7px 22px rgb(220 38 38 / .58);transform:translateY(-1px)}.fqn-confirm-delete-btn:active{transform:scale(.96)}.fqn-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:rgb(25 25 45 / .96);border:1px solid rgb(255 255 255 / .1);color:#fff;padding:9px 20px 9px 16px;border-radius:50px;font-size:13px;font-weight:500;font-family:var(--fqn-body);z-index:10000;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:8px}.fqn-toast-enter{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}.fqn-toast-enter-start{transform:translateX(-50%) translateY(50px);opacity:0}.fqn-toast-enter-end{transform:translateX(-50%) translateY(0);opacity:1}.fqn-toast-leave{transition:transform .25s ease,opacity .25s}.fqn-toast-leave-start{transform:translateX(-50%) translateY(0);opacity:1}.fqn-toast-leave-end{transform:translateX(-50%) translateY(50px);opacity:0}.fqn-save-changes-btn{position:relative;padding:7px 18px;border-radius:50px;border:none;font-family:var(--fqn-body);font-weight:600;font-size:12px;cursor:pointer;letter-spacing:.3px;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s,transform .2s,opacity .2s;display:inline-flex;align-items:center;gap:6px}.fqn-save-changes-btn--active{background:rgb(34 197 94 / .15);color:#4ade80;box-shadow:0 0 0 1px rgb(34 197 94 / .25)}.fqn-save-changes-btn--active:hover{background:rgb(34 197 94 / .28);box-shadow:0 0 0 1px rgb(34 197 94 / .45),0 4px 14px rgb(34 197 94 / .2);transform:translateY(-1px)}.fqn-save-changes-btn--idle{background:rgb(255 255 255 / .04);color:rgb(255 255 255 / .2);cursor:not-allowed;box-shadow:none}.fqn-save-changes-btn--idle:disabled{cursor:not-allowed}.fqn-save-changes-btn--idle:hover,.fqn-save-changes-btn--idle:disabled:hover{background:rgb(255 255 255 / .04);transform:none}.fqn-pending-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:fqnPulse 1.6s ease-in-out infinite}@keyframes fqnPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.fqn-note-card-title-row{display:flex;align-items:center;gap:5px;overflow:hidden;margin-bottom:2px}.fqn-note-card-title-row .fqn-note-card-title{margin-bottom:0;min-width:0}.fqn-unsaved-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:rgb(251 191 36 / .18)}.fqn-unsaved-icon,.fqn-unsaved-icon svg{width:10px!important;height:10px!important;color:#fbbf24}.fqn-note-card.unsaved{box-shadow:-3px 0 0 0 rgb(251 191 36 / .55)}.fqn-warn-box{border-color:rgb(251 191 36 / .28)!important;box-shadow:0 0 0 1px rgb(251 191 36 / .08),0 24px 60px rgb(0 0 0 / .7),0 0 40px rgb(251 191 36 / .06) inset!important}.fqn-warn-icon-wrap{background:rgb(251 191 36 / .14)!important;border-color:rgb(251 191 36 / .35)!important;box-shadow:0 0 24px rgb(251 191 36 / .15)!important}.fqn-warn-icon,.fqn-warn-icon svg{color:#fbbf24!important}.fqn-warn-stay-btn{flex:1;padding:10px 0;border-radius:50px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1c0f00;font-family:var(--fqn-body);font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 4px 16px rgb(217 119 6 / .38);transition:box-shadow .18s,transform .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.fqn-warn-stay-btn:hover{box-shadow:0 7px 22px rgb(217 119 6 / .55);transform:translateY(-1px)}.fqn-warn-stay-btn:active{transform:scale(.96)}.fqn-warn-discard-btn{flex:1;padding:10px 0;border-radius:50px;border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .06);color:rgb(255 255 255 / .55);font-family:var(--fqn-body);font-weight:600;font-size:13px;cursor:pointer;transition:background .18s,color .18s,transform .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.fqn-warn-discard-btn:hover{background:rgb(255 80 80 / .14);color:#ff8080;border-color:rgb(255 80 80 / .2);transform:translateY(-1px)}