.header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1000;background:inherit;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}.app--dark .header{border-color:var(--color-border-dark)}.header__title{font-size:1.5rem;font-weight:700}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shadowPulse{0%,to{filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}}.header__title--rainbow{background:linear-gradient(270deg,red,#f90,#3c3,#00f,#60c,#f39,red);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 6s linear infinite,shadowPulse 2s ease-in-out infinite}.header__menu-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;display:none}@media (max-width: 768px){.header__menu-button{display:block}}.theme-toggle{border-radius:6px;background:transparent;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border:none;padding:0 0 .25rem}.theme-toggle:hover{background:#0000001a}.app--dark .theme-toggle:hover{background:#ffffff1a}.sidebar{background:var(--color-sidebar-light);border-right:1px solid var(--color-border-light);color:var(--color-text-light);width:16rem;padding:1rem;box-sizing:border-box;flex:0 0 16rem;overflow-y:auto;height:100%;transition:transform .3s ease}.sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.sidebar__title{font-size:1.25rem;font-weight:700}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem}.sidebar__button{width:100%;text-align:left;padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:inherit;cursor:pointer;transition:brightness .5s}.sidebar__button:hover{background:var(--color-border-light);filter:brightness(1.1)}.sidebar__search-wrapper{position:relative;margin-bottom:1rem}.sidebar__search{display:block;width:170px;padding:.5rem .75rem .5rem 2.5rem;font-size:1rem;border:1px solid var(--color-border-light);border-radius:6px;outline:none;background:var(--color-note-bg-light);color:var(--color-note-text-light);transition:border .2s ease-in-out}.sidebar__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;opacity:.6}.app--light .sidebar__search:focus{border-color:var(--color-accent-light)}.app--dark .sidebar{background:var(--color-sidebar-dark);border-right:1px solid var(--color-border-dark);color:var(--color-text-dark)}.app--dark .sidebar__button:hover{background:var(--color-border-dark)}.sidebar__button--active{background:var(--color-accent-light);color:#fff;transition:opacity .5s}.app--dark .sidebar__button--active{background:var(--color-accent-dark);color:#fff}.app--dark .sidebar__search{background:var(--color-note-bg-dark);border-color:var(--color-sidebar-dark);color:var(--color-note-text-dark)}.app--dark .sidebar__search:focus{border-color:var(--color-border-dark)}@media (max-width: 768px){.sidebar{position:fixed;top:60px;left:0;width:70%;max-width:18rem;height:calc(100vh - 60px);background:var(--color-sidebar-light);overflow-y:auto;transform:translate(-100%);opacity:0;transition:transform .35s ease-in-out,opacity .35s ease-in-out;z-index:200;box-shadow:4px 0 12px #0000004d;border-right:1px solid var(--color-border-light)}.sidebar--open{transform:translateY(0);opacity:1}body.sidebar-open{overflow:hidden}}.main{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;padding:1rem;box-sizing:border-box}.main__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.main__notes{position:relative;margin-top:1rem;font-size:.875rem;padding:1rem;border-radius:8px;box-sizing:border-box;white-space:pre-wrap;flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.app--light .main__notes:before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;border-radius:8px;z-index:0}.app--light .main__notes{position:relative;background:var(--color-note-bg-light);color:var(--color-note-text-light);z-index:1}.app--dark .main__notes:before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;border-radius:8px;z-index:0}.app--dark .main__notes{background:var(--color-note-bg-dark);color:var(--color-note-text-dark)}.main__search-result{margin-bottom:1.5rem}.main__search-category{font-weight:700;margin-bottom:.5rem;color:var(--color-accent-light)}.app--dark .main__search-category{color:var(--color-accent-dark)}.main__no-results{font-style:italic;color:var(--color-secondary-light)}.app--dark .main__no-results{color:var(--color-secondary-dark)}.main__notes__content{display:block;padding:1rem;width:100%;box-sizing:border-box}.overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.overlay__content{background:var(--color-note-bg-light);color:var(--color-note-text-light);padding:2rem;border-radius:10px;text-align:center;max-width:300px;box-shadow:0 4px 12px #0000004d}.app--dark .overlay__content{background:var(--color-note-bg-dark);color:var(--color-note-text-dark)}.overlay__button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:6px;background:var(--color-accent-dark);color:#fff;cursor:pointer}.overlay__button:hover{filter:brightness(1.1)}.overlay--sidebar{background:#0006;justify-content:flex-start;align-items:stretch;z-index:150}html,body{margin:0;padding:0;height:100%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:6px;border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}:root{--color-bg-light: #f8e6c1;--color-sidebar-light: #fff4dc;--color-text-light: #1a1a1a;--color-note-bg-light: #dba87e;--color-note-text-light: #1a1a1a;--color-accent-light: #e07a5f;--color-border-light: #d6b18a;--color-bg-dark: #0d1117;--color-sidebar-dark: #161b22;--color-text-dark: #f4f1de;--color-note-bg-dark: #2c2c2c;--color-note-text-dark: #f4f1de;--color-accent-dark: #f77f00;--color-border-dark: #5ec61a}.app--light{background:radial-gradient(circle at top left,#fff4dc,#f8e6c1 70%,#ff7518);color:var(--color-text-light);position:relative;overflow:hidden;overflow-y:auto;overflow-x:hidden;--scrollbar-track: #f8e8d0;--scrollbar-thumb: #c67d4f;--scrollbar-thumb-hover: #a55b2a}.app--light:before{content:"";position:absolute;background-image:url(https://www.transparenttextures.com/patterns/wood-pattern.png);opacity:.2;pointer-events:none;z-index:0}.app--dark{background:radial-gradient(circle at top left,#1a0b2e,#0d1117 70%,#000);color:var(--color-text-dark);position:relative;overflow:hidden;overflow-y:auto;overflow-x:hidden;--scrollbar-track: #1a0f1f;--scrollbar-thumb: #7d3ca6;--scrollbar-thumb-hover: #b56cff}.app--dark:before{content:"";position:absolute;inset:0;background-image:url(https://www.transparenttextures.com/patterns/asfalt-light.png);opacity:.15;pointer-events:none}.app{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;position:relative;overflow:hidden}.app__body{display:flex;height:100vh;margin:0;padding:60px 0 0;box-sizing:border-box;overflow:hidden;position:relative}.floating__button{position:fixed;bottom:1rem;right:1rem;background:#fff;border:1px solid #ccc;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;box-shadow:0 2px 6px #00000026}@media (max-width: 768px){.app__body{flex-direction:column}.app__overlay{display:block;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.app__overlay--active{opacity:1;pointer-events:all}}