.theme-icon{--color: #a5a5b0;--size: 1.5rem;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color);width:var(--size)}.theme-icon .moon{position:absolute;animation:keyframes-fill .5s}.theme-icon .sun{position:absolute;display:none;animation:keyframes-fill .5s}.theme-icon input:checked~.moon{display:none}.theme-icon input:checked~.sun{display:block}.theme-icon input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{transform:rotate(-360deg) scale(0);opacity:0}75%{transform:rotate(25deg)}}@media screen and (max-width:600px){.theme-icon{--size: 1.2rem}}#root{width:100%;height:100svh;margin:0;padding:0;text-align:center;overflow:hidden;display:flex;flex-direction:column}header{box-sizing:border-box;width:100%;height:4rem;background-color:var(--surface-color);display:flex;align-items:center;color:var(--text-color);padding:.5rem 2rem;justify-content:space-between;border-bottom:1px solid var(--line-color)}section{box-sizing:border-box;padding:2rem;height:100%;overflow-y:auto;background-color:var(--base-color);scrollbar-color:var(--line-color) var(--surface-color);scrollbar-gutter:stable both-edges}section>.item-list{padding:0;padding-left:0!important;gap:1rem}footer{padding:.5rem 1rem .8rem;width:100%;text-align:left;background-color:var(--surface-color);border-top:1px solid var(--line-color)}.folder{padding:0;display:flex;flex-direction:column}.folder>.dropdown{padding:.8rem 1.2rem;background-color:var(--surface-color);border-radius:.5rem;text-align:start;font-weight:500;border:1px solid var(--line-color);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:filter .2s ease,transform .1s ease}.folder>.dropdown:hover{filter:brightness(.96)}.folder>.dropdown:active{transform:scale(.98)}.folder>.dropdown .chevron{padding-top:.1rem;width:1rem;height:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);fill:var(--text-color)}.folder>.list-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);position:relative}.folder>.list-wrapper:after{position:absolute;left:1.2rem;top:.6rem;content:"";height:calc(100% - .8rem);border-left:var(--line-color) solid 2px;border-radius:1px}.folder>.list-wrapper>.item-list{padding-top:0}.folder.open>.dropdown .chevron{transform:rotate(90deg)}.folder.open>.list-wrapper{grid-template-rows:1fr}.folder.open>.list-wrapper>.item-list{padding-top:.8rem;padding-bottom:.5rem}.item-list{display:flex;flex-direction:column;gap:.8rem;overflow-y:hidden;padding-top:.5rem;padding-left:2.5rem;transition:padding-top .4s ease-out;width:100%;overflow-x:hidden;margin:0 auto;max-width:1200px;box-sizing:border-box}.item-list .link{list-style:none}.item-list .link.link-text a{font-size:1rem;padding:.5rem .8rem;border-radius:.5rem;transition:background-color .2s ease;display:inline-block}.item-list .link.link-text a:hover{background-color:var(--surface-color)}.item-list .link a{font-size:1rem;text-decoration:none;display:flex;align-items:center;gap:1rem;color:var(--secondary-text-color);padding:.5rem;border-radius:.8rem;transition:background-color .2s ease,transform .2s ease,color .2s ease}.item-list .link a:hover{background-color:var(--surface-color);color:var(--text-color);transform:translate(4px)}.item-list .link a img.thumbnail{width:248px;height:140px;border-radius:.6rem;object-fit:cover;box-shadow:0 4px 6px -1px #0000001a;transition:box-shadow .2s ease}.item-list .link a:hover img.thumbnail{box-shadow:0 10px 15px -3px #00000026}.text{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;font-weight:500;line-height:1.4}@media screen and (max-width:600px){section{padding:.5rem;scrollbar-gutter:initial}section>.item-list{gap:.5rem}section .item-list{padding-left:1.5rem;gap:.5rem}section .folder>.list-wrapper:after{left:.6rem}section .item-list .link a{padding:.3rem;gap:.5rem}section .item-list .link a img.thumbnail{width:124px;height:70px;border-radius:.4rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100svh;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--brand-color);text-decoration:inherit}a:hover{color:var(--highlighted-brand-color)}body{margin:0;display:flex;place-items:center;height:100svh;width:100%;min-width:320px;--base-color: #fff;--surface-color: #f6f8fa;--line-color: #d1d9e0;--brand-color: #646cff;--highlighted-brand-color: oklch(from var(--brand-color) calc(l*1.2) c h);--text-color: #1f2328;--secondary-text-color: #404150;background-color:var(--surface-color);color:var(--text-color)}body[dark-mode]{--base-color: #272938;--surface-color: oklch(from var(--base-color) calc(l*1.2) c h);--line-color: oklch(from var(--base-color) calc(l*1.5) c h);--text-color: #f0f0f0;--secondary-text-color: #b0b3c0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--text-color);cursor:pointer;background-color:var(--surface-color)}