@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");:root{--folder-green:#aee02b;--folder-green-dark:#94c721;--element-bg:#fff;--text-dark:#1a1a1a;--text-muted:#555;--tab-text:#1a1a1a;--folder-shadow:rgba(0,0,0,.16);--folder-shadow-lift:rgba(0,0,0,.22);--tab-height:clamp(36px,2rem + 0.8vw,44px);--tab-max-width:200px;--tab-slant:clamp(12px,2.2vw,26px);--tab-round:8px;--tab-font:clamp(12px,0.7rem + 0.25vw,14px);--tab-pad:clamp(6px,1.2vw,12px);--tilt:-1.4deg;--lift:8px;--hint-lift:32px;--folder-width:100%;--folder-height:clamp(320px,62vh,560px);--folder-radius:12px;--element-radius:8px;--crease-height:8px;--crease-gap:clamp(10px,1.6vw,16px);--folder-pad-top:calc(var(--tab-height) + var(--crease-gap));--folder-lip:0px;--element-pad:clamp(20px,3.6vw,40px) clamp(18px,4vw,44px);--text-width:65ch;--element-bg-fade:color-mix(in srgb,var(--element-bg),transparent);--shadow-size:14px;--cover-size:40px;--shadow-color:rgba(0,0,0,.16);--desc-size:clamp(15px,0.9rem + 0.4vw,18px);--font-body:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.element-container{justify-content:center;overflow-x:hidden}.folder-row{display:grid;font-family:var(--font-body);-webkit-text-size-adjust:100%}.folder{align-self:start;background:var(--folder-green);border-radius:var(--folder-radius) var(--folder-radius) 0 0;box-sizing:border-box;cursor:pointer;grid-area:1/1;height:var(--folder-height);margin-top:calc(var(--stack-index, 0)*var(--tab-height));max-width:var(--folder-width);padding:var(--folder-pad-top) var(--folder-lip) var(--folder-lip);position:relative;transform-origin:20% 100%;transition:margin-top .35s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.4,.64,1),box-shadow .25s ease;width:100%}.folder:focus-visible{outline:2px solid var(--text-dark);outline-offset:3px}.folder:not(.is-active):focus-visible,.folder:not(.is-active):hover{box-shadow:0 18px 34px var(--folder-shadow-lift);transform:translateY(calc(var(--lift)*-1)) rotate(var(--tilt))}.folder.is-active{cursor:default}@keyframes folder-hint{0%{transform:translateY(0)}8%{transform:translateY(calc(var(--hint-lift)*-1))}16%{transform:translateY(0)}24%{transform:translateY(calc(var(--hint-lift)*-.6))}32%{transform:translateY(0)}to{transform:translateY(0)}}.folder:first-child{animation:folder-hint 6s ease-in-out 1.2s 3}.folder-row.is-touched .folder,.folder:first-child.is-active,.folder:first-child:focus-visible,.folder:first-child:hover{animation:none}.folder-tab{--tab-width:min(var(--tab-max-width),calc((100% - 2*var(--folder-radius) - var(--tab-slant))/var(--folder-count, 3) - var(--tab-slant)));background:var(--folder-green);box-sizing:border-box;clip-path:polygon(calc(var(--tab-slant) - var(--tab-round)*.6) var(--tab-round),calc(var(--tab-slant) - var(--tab-round)*.28) calc(var(--tab-round)*.5625),calc(var(--tab-slant) + var(--tab-round)*.1) calc(var(--tab-round)*.25),calc(var(--tab-slant) + var(--tab-round)*.53) calc(var(--tab-round)*.0625),calc(var(--tab-slant) + var(--tab-round)) 0,calc(100% - var(--tab-slant) - var(--tab-round)) 0,calc(100% - var(--tab-slant) - var(--tab-round)*.53) calc(var(--tab-round)*.0625),calc(100% - var(--tab-slant) - var(--tab-round)*.1) calc(var(--tab-round)*.25),calc(100% - var(--tab-slant) + var(--tab-round)*.28) calc(var(--tab-round)*.5625),calc(100% - var(--tab-slant) + var(--tab-round)*.6) var(--tab-round),100% 100%,0 100%);color:var(--tab-text);font-size:var(--tab-font);font-weight:700;height:calc(var(--tab-height) + 1px);left:calc(var(--folder-radius) + var(--tab-index, 0)*(var(--tab-width) + var(--tab-slant)));line-height:var(--tab-height);padding:0 calc(var(--tab-slant) + var(--tab-pad));position:absolute;text-align:center;top:calc(var(--tab-height)*-1);width:calc(var(--tab-width) + var(--tab-slant)*2)}.folder-tab-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-crease{background:var(--folder-green-dark);border-radius:var(--folder-radius) var(--folder-radius) 0 0;height:var(--crease-height);left:0;position:absolute;right:0;top:0}.folder-body{height:100%}.folder-element{background:linear-gradient(var(--element-bg) 30%,var(--element-bg-fade)) top /100% var(--cover-size) no-repeat local,linear-gradient(var(--element-bg-fade),var(--element-bg) 70%) bottom /100% var(--cover-size) no-repeat local,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.16),transparent) top /100% var(--shadow-size) no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.16),transparent) bottom /100% var(--shadow-size) no-repeat scroll,var(--element-bg);border-radius:var(--element-radius) var(--element-radius) 0 0;box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--element-pad);scrollbar-gutter:stable;text-align:left}.folder-element::-webkit-scrollbar{width:14px}.folder-element::-webkit-scrollbar-thumb{background:rgba(0,0,0,.32);background-clip:padding-box;border:4px solid transparent;border-radius:8px}.folder-element::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:padding-box;border:4px solid transparent}.folder-element-desc{color:var(--text-muted);font-size:var(--desc-size);hyphens:auto;line-height:1.55;max-width:var(--text-width);overflow-wrap:break-word}.folder-element-desc :is(p,ul,ol){margin:0}@media (max-width:600px){:root{--tab-slant:10px;--tab-round:6px;--folder-radius:8px;--element-radius:6px;--tab-max-width:130px;--element-pad:18px 16px;--cover-size:24px;--shadow-size:22px;--folder-height:clamp(280px,58vh,420px)}.folder-row{padding-bottom:24px}.folder-element-desc{line-height:1.5}}@media (hover:none){.folder:not(.is-active):hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.folder{transition:none}.folder:not(.is-active):focus-visible,.folder:not(.is-active):hover{transform:none}.folder:first-child{animation:none}}