@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Inter:wght@300;400;500;600;700&display=swap);:root{--paper-white:#f8f6f0;--paper-cream:#fdf6e3;--ink-blue:#2c3e50;--pencil-gray:#6c757d;--eraser-pink:#fde2e4;--notebook-red:#dc3545;--margin-blue:#a8dadc;--coffee-stain:#d4a574;--ruled-line:#e1e5e9;--paper-shadow:#0000001a;--paper-shadow-hover:#00000026;--paper-texture:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.05' d='M0 0h100v100H0z'/%3E%3C/svg%3E");--font-handwritten:"Kalam",cursive;--font-notebook:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--paper-border-radius:2px;--paper-card-radius:4px;--paper-shadow-small:0 2px 8px var(--paper-shadow);--paper-shadow-medium:0 4px 16px var(--paper-shadow);--paper-shadow-large:0 8px 24px var(--paper-shadow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f6f0;background-color:var(--paper-white);color:#2c3e50;color:var(--ink-blue);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-notebook);margin:0;position:relative}body:before{background-color:#fdf6e3;background-color:var(--paper-cream);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.05' d='M0 0h100v100H0z'/%3E%3C/svg%3E"),repeating-linear-gradient(#0000,#0000 23px,#e1e5e9 24px,#e1e5e9 25px),linear-gradient(90deg,#0000 79px,#a8dadc 80px,#a8dadc 81px,#0000 82px);background-image:var(--paper-texture),repeating-linear-gradient(#0000,#0000 23px,var(--ruled-line) 24px,var(--ruled-line) 25px),linear-gradient(90deg,#0000 79px,var(--margin-blue) 80px,var(--margin-blue) 81px,#0000 82px);background-size:100px 100px,100% 25px,100% 100%;z-index:-2}body:after,body:before{bottom:0;content:"";left:0;position:fixed;right:0;top:0}body:after{background-image:radial-gradient(circle at 15% 20%,#d4a574 0,#0000 8%),radial-gradient(circle at 85% 80%,#d4a574 0,#0000 6%),radial-gradient(circle at 60% 10%,#d4a574 0,#0000 4%);background-image:radial-gradient(circle at 15% 20%,var(--coffee-stain) 0,#0000 8%),radial-gradient(circle at 85% 80%,var(--coffee-stain) 0,#0000 6%),radial-gradient(circle at 60% 10%,var(--coffee-stain) 0,#0000 4%);opacity:.1;z-index:-1}.App{background:#0000;display:flex;min-height:100vh;position:relative}.App:before{animation:float 20s ease-in-out infinite;filter:blur(40px);height:150px;left:5%;opacity:.03;top:10%;width:200px}.App:after,.App:before{background:var(--coffee-stain);border-radius:50%;content:"";position:fixed;z-index:-1}.App:after{animation:float 25s ease-in-out infinite reverse;bottom:15%;filter:blur(35px);height:120px;opacity:.04;right:8%;width:180px}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(5px) translateX(-3px)}75%{transform:translateY(-8px) translateX(8px)}}.main-content{flex:1 1;padding:1rem}.main-content.with-sidebar{margin-left:240px}.content-area{padding:2rem}.paper-card{background:var(--paper-white);border:1px solid var(--ruled-line);border-radius:var(--paper-card-radius);box-shadow:var(--paper-shadow-medium);position:relative;transition:transform .2s ease,box-shadow .2s ease}.paper-card:before{background-image:var(--paper-texture);border-radius:var(--paper-card-radius);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.paper-card:hover{box-shadow:var(--paper-shadow-large);transform:translateY(-2px) rotate(.5deg)}.paper-note{background:var(--paper-cream);border:none;border-radius:var(--paper-card-radius);box-shadow:var(--paper-shadow-small);position:relative;transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease}.paper-note:before{background-image:var(--paper-texture);border-radius:var(--paper-card-radius);bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}.paper-sticky{background:linear-gradient(135deg,#ffeb9c,#ffe066);border:none;border-radius:var(--paper-border-radius);box-shadow:var(--paper-shadow-small);position:relative;transform:rotate(1deg);transition:transform .2s ease,box-shadow .2s ease}.paper-sticky:before{background-image:var(--paper-texture);border-radius:var(--paper-border-radius);bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0}.paper-sticky:hover{box-shadow:var(--paper-shadow-medium);transform:translateY(-2px) rotate(-.5deg)}.paper-index-card{background:var(--paper-white);background-image:linear-gradient(var(--ruled-line) 1px,#0000 1px);background-position:0 40px;background-size:100% 20px;border:1px solid var(--ruled-line);border-radius:var(--paper-border-radius);box-shadow:var(--paper-shadow-small);position:relative}.paper-index-card:before{background-image:var(--paper-texture);border-radius:var(--paper-border-radius);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.sidebar{background:linear-gradient(135deg,var(--coffee-stain) 0,#b8956d 100%);border-radius:0;border-right:3px solid #8b7355;box-shadow:inset -10px 0 20px #0000001a,2px 0 10px #00000026;height:100vh;left:0;padding:1.5rem 1rem 1.5rem 2.5rem;position:fixed;top:0;width:240px;z-index:5}.sidebar:before{background:repeating-linear-gradient(0deg,#8b7355,#8b7355 2px,#0000 0,#0000 20px);content:"";height:100%;position:absolute;right:-3px;top:0;width:6px}.sidebar:after{background:repeating-linear-gradient(0deg,#0000,#0000 18px,#6b5a47 0,#6b5a47 22px);border-radius:50px;content:"";height:calc(100% - 60px);left:20px;position:absolute;top:30px;width:8px}.sidebar-header{border-bottom:2px solid #6b5a47;padding:1rem 0;position:relative;text-align:center;width:100%;z-index:2}.logo{color:var(--paper-white);font-family:var(--font-handwritten);font-size:1.5rem;font-weight:700;text-decoration:none;text-shadow:1px 1px 2px #0000004d}.sidebar-nav{flex-direction:column;gap:.5rem;margin-top:1rem;z-index:2}.sidebar-item,.sidebar-nav{display:flex;position:relative}.sidebar-item{align-items:center;border-color:#0000;border-radius:var(--paper-border-radius);border-width:1px;color:var(--paper-white);cursor:pointer;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.sidebar-item.active{background:#ffffff1a;border-color:#fff6;box-shadow:inset 0 0 10px #ffffff1a;font-weight:500}.sidebar-item-icon{font-size:1.25rem}.sidebar-item-label{font-size:.875rem}.sidebar-divider{border:none;border-top:2px solid #6b5a47;margin:1rem 0;position:relative;z-index:2}.note-card{cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.note-card:hover{box-shadow:var(--paper-shadow-large);transform:translateY(-5px) rotate(0deg) scale(1.02);z-index:10}.note-card:after{background:linear-gradient(45deg,silver,#e0e0e0 50%,silver);border-radius:15px 15px 3px 3px;box-shadow:inset 0 1px 2px #fffc,0 2px 4px #0003;content:"";height:16px;opacity:.7;position:absolute;right:20px;top:-8px;width:30px;z-index:5}.note-card:nth-child(4n):after{display:none}.note-card-image-container{position:relative}.note-card-image{border-bottom:2px solid var(--ruled-line);border-radius:var(--paper-card-radius) var(--paper-card-radius) 0 0;height:180px;object-fit:cover;width:100%}.note-card-status{position:absolute;right:.5rem;top:.5rem}.note-card-checkbox{left:.5rem;position:absolute;top:.5rem}.note-card-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.note-card-title{-webkit-line-clamp:2;color:var(--ink-blue);font-family:var(--font-handwritten);font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.note-card-summary,.note-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card-summary{-webkit-line-clamp:3;color:var(--pencil-gray);font-family:var(--font-notebook);font-size:.875rem;line-height:1.4}.note-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.note-card-more-tags{font-weight:500}.note-card-date,.note-card-more-tags{color:var(--pencil-gray);font-size:.75rem}.note-card-date{font-style:italic;font-weight:400;margin-top:auto;opacity:.8}
/*# sourceMappingURL=main.29c6adfa.css.map*/