:root{--primary-color: #000;--secondary-color: #ccc;--background-color: #ddd;--text-color: #000000;--text-color-shadow: #767676;--accent-color: #2563eb;--border-color: #222;--line-color: #111;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-opaque: #000}[data-color-mode=light]{--primary-color: #000;--secondary-color: #ccc;--background-color: #ddd;--text-color: #000000;--text-color-shadow: #767676;--accent-color: #e9e9e9;--border-color: #222;--line-color: #11111170;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-opaque: #000}[data-color-mode=dark]{--primary-color: #aaa;--secondary-color: #505050;--background-color: #303030;--text-color: #aaa;--text-color-shadow: #eeeded;--accent-color: #141414;--border-color: #999999;--line-color: #9999994e;--shadow-color: rgba(255, 255, 255, .1);--shadow-color-opaque: #000}[data-color-mode=grey]{--primary-color: #2c3e50;--secondary-color: #ababab;--background-color: #ecf0f1;--text-color: #2c3e50;--accent-color: #34495e;--border-color: #bdc3c7;--line-color: #9999994e;--shadow-color: rgba(44, 62, 80, .1);--shadow-color-opaque: #2c3e50}[data-color-mode=sepia]{--primary-color: #8b4513;--secondary-color: #d2b48c;--background-color: #f5f1e8;--text-color: #4a3728;--accent-color: #cd853f;--border-color: #c19a6b;--line-color: #c19a6b70;--shadow-color: rgba(139, 69, 19, .15);--shadow-color-opaque: #8b4513}[data-color-mode=blue]{--primary-color: #1565c0;--secondary-color: #e3f2fd;--background-color: #f5f9ff;--text-color: #0d47a1;--accent-color: #2196f3;--border-color: #bbdefb;--line-color: #3c54674e;--shadow-color: rgba(21, 101, 192, .1);--shadow-color-opaque: #1565c0}[data-color-mode=green]{--primary-color: #2e7d32;--secondary-color: #e8f5e8;--background-color: #f8fdf8;--text-color: #1b5e20;--accent-color: #4caf50;--border-color: #c8e6c9;--line-color: #5296544e;--shadow-color: rgba(46, 125, 50, .1);--shadow-color-opaque: #2e7d32}[data-color-mode=purple]{--primary-color: #6a1b9a;--secondary-color: #f3e5f5;--background-color: #faf5ff;--text-color: #4a148c;--accent-color: #9c27b0;--border-color: #e1bee7;--line-color: #803d8c4e;--shadow-color: rgba(106, 27, 154, .1);--shadow-color-opaque: #6a1b9a}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-style:normal;color:var(--text-color);background-color:var(--background-color);transition:background-color .3s ease,color .3s ease}body{height:100vh;width:100vw;overflow:hidden}#root{height:100%;width:100%;overflow:auto}div{display:block}button{display:inline-block;padding:.3rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--background-color);color:var(--text-color);cursor:pointer;transition:background-color .3s ease,color .3s ease}.theme-notebook{min-width:fit-content;background:linear-gradient(to bottom,var(--background-color) 0%,var(--background-color) 4.375rem,var(--line-color) 4.375rem,var(--line-color) 4.5rem,var(--background-color) 4.5rem,var(--background-color) 4.5625rem,var(--line-color) 4.5625rem,var(--line-color) 4.6875rem,var(--background-color) 4.6875rem,var(--background-color) 100%),linear-gradient(to bottom,transparent 0%,transparent 1.5rem,var(--line-color) 1.5rem,var(--line-color) 1.5625rem,transparent 1.5625rem,transparent 3.0625rem,var(--line-color) 3.0625rem,var(--line-color) 3.125rem,transparent 3.125rem,transparent 4.625rem,var(--line-color) 4.625rem,var(--line-color) 4.6875rem,transparent 4.6875rem,transparent 6.1875rem,var(--line-color) 6.1875rem,var(--line-color) 6.25rem,transparent 6.25rem),linear-gradient(to right,transparent 0rem,transparent 6.25rem,rgba(255,0,0,.6) 6.25rem,rgba(255,0,0,.6) 6.375rem,transparent 6.375rem,transparent 100%),var(--background-color);background-size:100% 6.25rem,100% 6.25rem,100% 100%,100% 100%;background-position:0 0,0 7rem,0 7rem,0 0;background-repeat:no-repeat,repeat-y,no-repeat,no-repeat;position:relative}.theme-notebook button{background-color:transparent}.theme-notebook *{--border-color: transparent;background:transparent}.theme-notebook .app{position:relative;width:100%;height:100%}.theme-notebook .app-header{height:4.5rem;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:start;padding:1rem}.theme-notebook .app-nav-settings-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:2.5rem;position:relative;overflow:visible;padding:.5rem}.theme-notebook .app-nav-settings-container .app-nav{width:80%;position:relative;overflow:hidden}.theme-notebook .app-nav-settings-container .app-nav-list{display:flex;flex-direction:row;align-items:center;gap:2rem;width:100%;overflow:auto;min-width:0;max-width:100%}.theme-notebook .app-nav-settings-container .settings{width:20%;position:relative;overflow:visible;display:flex;justify-content:flex-end;align-items:center}.theme-notebook .app-nav-settings-container .settings-trigger{height:2.5rem;width:2.5rem;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.theme-notebook .app-nav-settings-container .settings-popup{z-index:100;background:linear-gradient(45deg,var(--background-color) 0%,var(--background-color) 25%,color-mix(in srgb,var(--shadow-color-opaque) 60%,var(--secondary-color) 40%) 55%,var(--secondary-color) 60%,var(--secondary-color) 100%),linear-gradient(45deg,var(--background-color) 0%,var(--background-color) 25%,color-mix(in srgb,var(--shadow-color-opaque) 60%,var(--secondary-color) 40%) 50%,var(--secondary-color) 60%,var(--secondary-color) 100%);background-blend-mode:color;border-bottom-left-radius:8px;box-shadow:0 4px 12px #00000026,-2px 0 4px #0000004d,0 2px 4px #0000004d;width:min(15rem,50vw);height:min(15rem,50vw);overflow:visible;padding:.5rem;animation:curtainReveal .2s linear forwards;transform-origin:top right;clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}.theme-notebook .app-nav-settings-container .settings-popup .settings-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.theme-notebook .app-nav-settings-container .settings-popup .settings-close{position:absolute;bottom:.5rem;left:.5rem;background:none;border:none;color:var(--text-color);font-size:1.5rem;height:2rem;width:2rem;line-height:1}.theme-notebook .app-nav-settings-container .settings-popup .settings-content{display:flex;flex-direction:column;align-items:end;justify-content:flex-start;width:100%;position:static}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-themes{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;position:static;padding:.5rem 0}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-themes .settings-themes-label{font-size:1.2rem;color:var(--text-color);opacity:.8}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-themes .settings-themes-toggle{display:flex;flex-direction:column;align-items:end;justify-content:flex-end;gap:.5rem;width:100%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-themes .settings-themes-toggle .theme-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-themes .settings-themes-toggle .active{background-color:var(--shadow-color);border:1px solid var(--accent-color)}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes{position:static}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-label{position:absolute;bottom:17.5%;left:3.7%;transform:rotate(45deg);font-size:.85rem;color:var(--text-color);opacity:.8}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle{position:static;width:100%;height:100%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle{position:absolute;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--text-color);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color),0 4px 8px #0000004d}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-light{background-color:#f5f5f5;top:25%;left:5%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-dark{background-color:#333;bottom:5%;right:25%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-grey{background-color:#afb6bc;top:60%;right:60%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-sepia{background-color:#e79d54;top:40%;left:25%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-blue{background-color:#3a99e7;bottom:10%;right:50%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-green{background-color:#6cc96f;bottom:25%;right:40%}.theme-notebook .app-nav-settings-container .settings-popup .settings-content .settings-color-modes .settings-color-modes-toggle .color-mode-circle.color-mode-purple{background-color:#ac44be;top:50%;left:10%}.theme-notebook .app-content{position:relative}.theme-notebook .app-content .all-page{padding:0 0 0 6.5rem;min-width:fit-content;min-height:fit-content}.theme-notebook .app-content .all-page-title{font-size:2.1rem;font-weight:600;text-shadow:0 0 .2rem var(--text-color);color:red;margin:0;padding:.4rem 1.2rem .4rem .8rem;line-height:1}.theme-notebook .app-content .all-page-desc{font-size:1.3rem;font-weight:400;color:var(--text-color);margin:0;padding:1.05rem 1.2rem .4rem .8rem;line-height:1.2}.theme-notebook .app-content .all-page-slides{display:flex;flex-direction:column;align-items:start;justify-content:start;flex-wrap:nowrap;gap:1rem;width:100%;padding:.3rem 1.2rem .4rem .8rem}.theme-notebook .app-content .all-page .all-slides{width:100%;height:50rem;display:flex;flex-direction:row;align-items:start;justify-content:start;align-content:start;flex-wrap:wrap;gap:1rem}.theme-notebook .app-content .all-page .all-slides .all-section{width:25rem;height:16rem;display:flex;flex-direction:column;align-items:start;justify-content:start;flex-wrap:wrap;gap:1rem;background-color:#fff;border-radius:1rem;border:1px solid #000000;padding:1rem}@media (max-width: 540px){.theme-notebook .app-content .all-page .all-slides .all-section{width:20rem;height:12.8rem}}@media (max-width: 450px){.theme-notebook .app-content .all-page .all-slides .all-section{width:15rem;height:9.6rem}}@keyframes curtainReveal{0%{clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%)}10%{clip-path:polygon(80% 0%,100% 0%,100% 20%,80% 20%)}25%{clip-path:polygon(75% 0%,100% 0%,100% 25%,75% 25%)}50%{clip-path:polygon(50% 0%,100% 0%,100% 50%,50% 50%)}75%{clip-path:polygon(25% 0%,100% 0%,100% 75%,25% 75%)}to{clip-path:polygon(-10% -10%,110% -10%,110% 110%,-10% 110%)}}.theme-notebook .card-section,.theme-notebook .section{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:start;flex-wrap:wrap;gap:1rem}