@import url(https://fonts.cdnfonts.com/css/coolvetica);*{box-sizing:border-box}body{background:#050505;color:#f5f5f5;margin:0;min-height:100vh;overflow:hidden}body,button,input,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{color-scheme:dark}.app{background:#050505;color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.app,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:#0f0f0f;border-right:1px solid #ffffff14;flex-direction:column;width:320px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.5rem 1.75rem}.sidebar-header h1{font-size:1.3rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.sidebar-header .logo{font-family:Coolvetica,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.6rem;letter-spacing:.08em;text-transform:none}.sidebar-actions{display:flex;gap:.5rem;position:relative}.panel-tabs{border-bottom:1px solid #ffffff1f;border-top:1px solid #ffffff1f;display:grid;flex-shrink:0;grid-template-columns:repeat(2,1fr);height:40px;overflow:hidden;position:relative}.panel-tabs:after{background:#ffffff14;content:"";inset:0;position:absolute;transform:translateX(0);transition:transform .26s cubic-bezier(.4,0,.2,1);width:50%}.panel-tabs.archive:after{transform:translateX(100%)}.panel-tabs button{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:.75rem;letter-spacing:.08em;padding:.4rem 0;position:relative;text-transform:uppercase;transition:background .2s ease,color .2s ease;z-index:1}.panel-tabs button.active{color:#fff;font-weight:600}.panel-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.panel-body.current{animation:slide-right .26s cubic-bezier(.4,0,.2,1)}.panel-body.archive{animation:slide-left .26s cubic-bezier(.4,0,.2,1)}.action-menu{background:#111;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 20px 40px #00000059;min-width:150px;padding:.35rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:10}.action-menu button{background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;padding:.5rem .75rem;text-align:left;width:100%}.action-menu button:hover{background:#ffffff14;color:#fff}.icon-button{align-items:center;background:#151515;border:1px solid #fff3;border-radius:10px;color:#f1f1f1;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;line-height:1;padding:0;transition:border-color .2s ease,box-shadow .2s ease;width:32px}.icon-plus{padding-bottom:4px}.icon-button span{display:inline-block;transition:transform .15s ease}.icon-button:focus-visible,.icon-button:hover{border-color:#fff9;box-shadow:0 0 12px #ffffff40}.icon-button:focus-visible span,.icon-button:hover span{transform:scale(1.1)}.icon-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.notes-list{flex:1 1;gap:.75rem;min-height:0;overflow-y:auto;padding:1rem 1.25rem}.note-item,.notes-list{display:flex;flex-direction:column}.note-item{align-items:flex-start;background:#111;border:1px solid #0000;border-radius:12px;color:inherit;cursor:pointer;gap:.35rem;padding:1rem;position:relative;text-align:left;transition:border .15s ease,background .15s ease,box-shadow .15s ease,padding .15s ease,transform .15s ease}.note-item.selecting{border-style:dashed}.note-item.active{background:linear-gradient(120deg,#161616,#0f0f0f);border-color:#ffffff59}.note-item.selected{background:#22c55e26;border-color:#4ade80cc;box-shadow:inset 0 0 0 1px #22c55e33;padding:1.2rem;transform:scale(.98)}.note-item.selected .note-meta strong{font-size:.95rem}.note-meta{color:#d1d1d1;display:flex;font-size:.9rem;justify-content:space-between;width:100%}.note-meta strong{color:#fff;font-size:1rem}.note-item p{color:#ffffffa6;font-size:.85rem;margin:0}.note-delete{color:#fff6;font-size:1.1rem;position:absolute;right:.75rem;top:.75rem}.note-delete.disabled{opacity:.25;pointer-events:none}.editor{background:radial-gradient(circle farthest-corner at top left,#111,#050505);display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden;padding:2.5rem}.editor.empty{align-items:center;color:#fff6;font-style:italic;justify-content:center}.editor-title{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:1.5rem}.editor-body,.editor-title{background:#0000;border:none}.editor-body{color:#ffffffd9;flex:1 1;font-size:1rem;line-height:1.8;overflow:auto;resize:none}.editor-body::-webkit-scrollbar,.notes-list::-webkit-scrollbar{width:6px}.editor-body::-webkit-scrollbar-track,.notes-list::-webkit-scrollbar-track{background:#0000}.editor-body::-webkit-scrollbar-thumb,.notes-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.editor-body,.notes-list{scrollbar-color:#ffffff40 #0000;scrollbar-width:thin}.bulk-actions{animation:bulk-slide-up .22s ease-out;border-bottom:1px solid #ffffff1f;border-top:1px solid #ffffff1f;display:grid;flex-shrink:0;grid-template-columns:repeat(2,1fr);margin-top:auto}.bulk-btn{background:#0000;border:none;color:#ffffffa6;cursor:pointer;font-size:.75rem;letter-spacing:.08em;padding:.6rem 0;text-transform:uppercase;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.bulk-btn.apply{background:#ffffff0a;border-left:1px solid #ffffff1f;color:#ffffff73}.bulk-btn.apply.archive,.bulk-btn.apply.unarchive{background:#22c55e1f;color:#bbf7d0f2}.bulk-btn.apply.delete{background:#f871711f;color:#fecacaf2}.bulk-btn.apply.disabled,.bulk-btn.apply:disabled{background:#ffffff0a;box-shadow:none;color:#ffffff4d;cursor:not-allowed;transform:none}.bulk-btn:hover{background:#ffffff14;box-shadow:0 8px 20px #0000004d;transform:translateY(-1px)}.bulk-btn:disabled:hover{background:#ffffff0a;box-shadow:none;transform:none}@keyframes bulk-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:.85;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:.85;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.editor input:focus,.editor textarea:focus,.icon-button:focus,.note-item:focus-visible{outline:2px solid #fff6;outline-offset:2px}.empty-state{border:1px dashed #ffffff1a;border-radius:12px;color:#ffffff73;padding:2rem 1rem;text-align:center}
/*# sourceMappingURL=main.b63c9496.css.map*/