:root{--color-primary:#3490dc;--color-secondary:#6574cd;--color-success:#38c172;--color-danger:#e3342f;--color-warning:#f6993f;--color-info:#6cb2eb;--color-light:#f8f9fa;--color-dark:#343a40;--color-white:#fff;--color-black:#000;--color-gray-100:#f7fafc;--color-gray-200:#edf2f7;--color-gray-300:#e2e8f0;--color-gray-400:#cbd5e0;--color-gray-500:#a0aec0;--color-gray-600:#718096;--color-gray-700:#4a5568;--color-gray-800:#2d3748;--color-gray-900:#1a202c;--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-headings:var(--font-family-base);--line-height-base:1.5;--spacing-unit:0.25rem;--spacing-1:calc(var(--spacing-unit)*1);--spacing-2:calc(var(--spacing-unit)*2);--spacing-3:calc(var(--spacing-unit)*3);--spacing-4:calc(var(--spacing-unit)*4);--spacing-6:calc(var(--spacing-unit)*6);--spacing-8:calc(var(--spacing-unit)*8);--spacing-12:calc(var(--spacing-unit)*12);--spacing-16:calc(var(--spacing-unit)*16);--border-radius-sm:0.125rem;--border-radius:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-width:1px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-white);color:#1a202c;color:var(--color-gray-900);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-base);min-height:100vh;text-rendering:optimizeSpeed}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}ol,ul{list-style:none}#root{isolation:isolate}.app-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-4);width:100%}.main-content{flex:1 1;padding:2rem 0;padding:var(--spacing-8) 0;width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{--color-light:#1a202c;--color-dark:#f8f9fa;color-scheme:dark}body{background-color:#1a202c;background-color:var(--color-gray-900);color:#edf2f7;color:var(--color-gray-200)}}@media (min-width:640px){.app-container{padding:0 1.5rem;padding:0 var(--spacing-6)}}@media (min-width:768px){.app-container{padding:0 2rem;padding:0 var(--spacing-8)}}@media (min-width:1024px){.app-container{padding:0 3rem;padding:0 var(--spacing-12)}}.visually-hidden:not(:focus):not(:active){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.grid{grid-gap:1rem;grid-gap:var(--spacing-4)}.auto-grid,.grid{display:grid;gap:1rem;gap:var(--spacing-4)}.auto-grid{grid-gap:1rem;grid-gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.flow>*+*{-webkit-margin-before:1rem;-webkit-margin-before:var(--spacing-4);margin-block-start:1rem;margin-block-start:var(--spacing-4)}:focus-visible{outline:2px solid #3490dc}:root{--color-primary:#6a0dad;--color-primary-hover:#7f39fb;--color-secondary:#b8860b;--color-accent:#dc143c;--color-bg-primary:#0a0a23;--color-bg-secondary:#1a0a3a;--color-bg-tertiary:#2e0a4f;--color-bg-input:#1a0a3a;--color-text-primary:#f5e6ca;--color-text-secondary:#d4af37;--color-text-tertiary:#b8860b;--color-text-placeholder:#a67c00;--color-text-accent:#c48b10;--color-text-youtube:#dc143c;--color-text-link:#7f39fb;--color-text-note:#10b981;--color-border:indigo;--color-border-hover:#7f39fb;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--shadow-sm:0 0 5px 1px #6a0dadb3;--shadow:0 0 10px 2px #7f39fbcc,0 0 10px 5px #dc143c99;--shadow-md:0 0 10px 5px #7f39fbe6,0 0 10px 10px #dc143ccc;--shadow-lg:0 0 10px 10px #7f39fb,0 0 10px 10px #dc143c;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}.light-mode{--color-bg-primary:#fff;--color-bg-secondary:#6872c4;--color-bg-tertiary:#e9ecef;--color-bg-input:#fff;--color-text-primary:#ffe600;--color-text-secondary:#c3d42a;--color-text-tertiary:#495057;--color-text-placeholder:#6c757d;--color-text-accent:#1f22aa;--color-text-youtube:#e00a1f;--color-text-link:#161c70;--color-text-note:#0f551e;--color-border:#ced4da;--color-border-hover:#80bdff}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);box-sizing:border-box;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}*,:after,:before{box-sizing:inherit}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);margin-top:0}img{height:auto;max-width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::placeholder{color:var(--color-text-placeholder);opacity:1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute,.sr-only{position:absolute}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16) 0;text-align:center}.empty-state img{margin-bottom:var(--spacing-4)}.empty-state-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.empty-state-subtext{color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-4)}.header-content{justify-content:space-between}.header-content,.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background-color:var(--color-primary);border-radius:var(--border-radius-full);height:2.5rem;justify-content:center;margin-right:var(--spacing-3);width:2.5rem}.logo-text{color:var(--color-text-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.theme-toggle{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--color-bg-tertiary)}.theme-toggle svg{margin-right:var(--spacing-2)}.search-bar{margin:var(--spacing-4) 0;position:relative}.search-input{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-10);width:100%}.search-icon{color:var(--color-text-tertiary);left:var(--spacing-3);position:absolute;top:50%;transform:translateY(-50%)}.filter-bar{align-items:center;display:flex;margin-bottom:var(--spacing-4)}.filter-button{background-color:initial;border:none;color:var(--color-text-tertiary);cursor:pointer;margin-right:var(--spacing-2)}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);min-width:120px;padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);position:relative}.btn,.filter-select{border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm)}.btn{align-items:center;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-2) var(--spacing-4);transition:background-color .2s ease,border-color .2s ease}.btn-primary{background-color:var(--color-primary);border:none;color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-icon{margin-right:var(--spacing-2)}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.modal{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--spacing-6);position:relative;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.modal-title{font-weight:var(--font-weight-semibold)}.modal-close,.modal-title{font-size:var(--font-size-xl)}.modal-close{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-control{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);padding:var(--spacing-3);transition:border-color .2s ease;width:100%}.form-control:focus{border-color:var(--color-primary)}textarea.form-control{min-height:120px;resize:vertical}.type-selector{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.type-option{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-3);transition:background-color .2s ease,border-color .2s ease}.type-option.active{background-color:var(--color-bg-primary);border-color:var(--color-primary)}.type-option.active.note{color:var(--color-text-note)}.type-option.active.link{color:var(--color-text-link)}.type-option.active.youtube{color:var(--color-text-youtube)}.type-option-icon{margin-right:var(--spacing-2)}.form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.entries-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.entry-card{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-4);transition:transform .2s ease,box-shadow .2s ease}.entry-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.entry-type{align-items:center;display:flex;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.entry-type.note{color:var(--color-text-note)}.entry-type.link{color:var(--color-text-link)}.entry-type.youtube{color:var(--color-text-youtube)}.entry-type-icon{margin-right:var(--spacing-2)}.entry-actions{display:flex;gap:var(--spacing-2)}.entry-action-btn{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:color .2s ease}.entry-action-btn:hover{color:var(--color-text-primary)}.entry-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.entry-content{color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.entry-link{color:var(--color-text-link);word-break:break-all}.entry-youtube-thumbnail{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius);display:flex;height:200px;justify-content:center;margin-bottom:var(--spacing-3);width:100%}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.entry-tag{background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.sparkle-container{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.sparkle{height:4rem;position:relative;width:4rem}.sparkle-blue{background-color:#3b82f6;left:0}.sparkle-blue,.sparkle-yellow{border-radius:var(--border-radius-full);height:1.5rem;position:absolute;top:0;width:1.5rem}.sparkle-yellow{background-color:#eab308;right:0}.sparkle-pink{background-color:#ec4899;bottom:0;height:1.5rem;left:0;width:1.5rem}.sparkle-center,.sparkle-pink{border-radius:var(--border-radius-full);position:absolute}.sparkle-center{background-color:#fff;height:1rem;left:50%;top:50%;transform:translate(-50%,-50%);width:1rem}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.logo{margin-bottom:var(--spacing-2)}.search-input{padding:var(--spacing-2) var(--spacing-8)}.type-selector{flex-direction:column}.modal{padding:var(--spacing-4);width:90%}.entry-youtube-thumbnail{height:150px}}
/*# sourceMappingURL=main.38736689.css.map*/