@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-tracking:initial;--tw-leading:initial}}}@layer components{.folder-stack{--folder-overlap:clamp(5em, 12vw, 6em);padding-top:var(--folder-overlap);isolation:isolate;background:linear-gradient(90deg,#9a6a2f6b,#ffefc41a 5% 95%,#9a6a2f6b) 0 calc(100% - clamp(8.5rem,18vw,10rem)) /100% clamp(8.5rem,18vw,10rem) no-repeat,linear-gradient(#f5dca7,#f0cf88 11%,#e1b467 30%,#cf964c) 0 calc(100% - clamp(8.5rem,18vw,10rem)) /100% clamp(8.5rem,18vw,10rem) no-repeat;flex-direction:column;padding-bottom:clamp(4.5rem,10vw,5.75rem);display:flex;position:relative}.folder-category-marker{z-index:2;color:#ffe8ae;width:clamp(8.25rem,24vw,12rem);max-width:min(100%,12rem);min-height:clamp(1.95rem,4.2vw,2.3rem);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px #4e0e2180;background:linear-gradient(#ffdde9b3,#ffdde900 18%),linear-gradient(#b53f6a,#8e2349 62%,#67132f);border:clamp(3px,.7vw,4px) solid #5a132a;border-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:center;align-items:center;padding:.2rem .9rem .35rem;font-size:clamp(.68rem,1.5vw,.82rem);font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:calc(100% - clamp(.2rem,.5vw,.35rem));left:0;box-shadow:inset 0 1px #ffe1eb94,0 2px #4a0c1fb8}.folder-stack:before{content:"";z-index:6;pointer-events:none;background:linear-gradient(#fffae4eb,#fff4d461 2.5%,#fff4d400 3.5%),linear-gradient(#f8dfab,#f3d698 12%,#e7be72 12%,#d3a055 24% 100%);border:clamp(3px,.7vw,4px) solid #7f5a2d;border-radius:0 0 14px 14px;height:clamp(8.5rem,18vw,10rem);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #fff8e1b8,inset 0 -3px #57340f33,0 8px 18px #130a034d}.folder-stack:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(circle,#563614e6 0 10%,#0000 11%),linear-gradient(#f6e6bc,#dcb770 60%,#ba8441);border:2px solid #6a4d26;border-radius:999px;width:clamp(7rem,20vw,9rem);height:clamp(1rem,2.8vw,1.3rem);position:absolute;bottom:clamp(1.05rem,2.4vw,1.3rem);left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fffcebc7,inset 0 -1px #5b3b1833,0 1px #472c1247}.folder-stack>.retro-folder{margin-top:calc(-1 * var(--folder-overlap))}.folder-stack>.retro-folder[data-tab-position=left]{--folder-tab-left:var(--folder-tab-edge-offset)}.folder-stack>.retro-folder[data-tab-position=center]{--folder-tab-left:calc(50% - (var(--folder-tab-width) / 2))}.folder-stack>.retro-folder[data-tab-position=right]{--folder-tab-left:calc(100% - var(--folder-tab-width) - var(--folder-tab-edge-offset))}.folder-stack[data-has-open-folder]>.retro-folder:not([data-open]){pointer-events:none}.retro-folder{--folder-top-gap:clamp(2.2rem, 6vw, 3rem);--folder-exposed-height:clamp(5.4rem, 14vw, 6.6rem);--folder-face-height:clamp(7.5rem, 20vw, 9rem);--folder-tab-width:35%;--folder-tab-edge-offset:clamp(.55rem, 1.4vw, .75rem);--folder-tab-left:var(--folder-tab-edge-offset);--folder-border-width:clamp(3px, .7vw, 4px);--folder-tab-height:clamp(2.7rem, 7vw, 3.3rem);--folder-tab-radius:clamp(6px, 1.2vw, 8px);--folder-face-radius:clamp(7px, 1.4vw, 10px);--folder-face-radius-sm:clamp(3px, .8vw, 4px);--folder-side-pad:clamp(1rem, 2.8vw, 2rem);--folder-top-pad:clamp(.7rem, 1.5vw, .75rem);--folder-bottom-pad:clamp(2rem, 5vw, 2.5rem);--folder-body-pad:clamp(1rem, 2.5vw, 1.5rem);--folder-body-size:clamp(.82rem, 2vw, .92rem);--folder-chevron-size:clamp(1.15rem, 3vw, 1.55rem);--folder-scale:1;padding-top:var(--folder-top-gap);pointer-events:none;z-index:1;transform:translate3d(var(--folder-shift-x,0),var(--folder-shift-y,0),0) scale(var(--folder-scale));transform-origin:0 0;transition:transform .32s cubic-bezier(.22,1.2,.36,1),filter .22s,z-index linear;position:relative}.folder-tab-shell,.folder-face{appearance:none;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 0);font:inherit;background-color:#0000;border-width:0}.folder-view{max-height:var(--folder-exposed-height);pointer-events:auto;transition:max-height .32s cubic-bezier(.22,1.2,.36,1);overflow:hidden}.folder-tab-shell{top:calc(var(--spacing,.25rem) * 0);z-index:30;cursor:pointer;text-align:left;left:var(--folder-tab-left);pointer-events:auto;width:var(--folder-tab-width);position:absolute}.folder-tab{border-bottom-style:var(--tw-border-style);color:#3f2a10;min-height:var(--folder-tab-height);border-color:#8b6836;border-bottom-width:0;border-width:var(--folder-border-width);border-top-left-radius:var(--folder-tab-radius);border-top-right-radius:var(--folder-tab-radius);width:100%;image-rendering:pixelated;background-color:#ddb66e;background-image:linear-gradient(#f5dfa2 0% 16%,#e7c785 16% 74%,#d4aa61 74% 100%);justify-content:center;align-items:center;padding:clamp(.35rem,1vw,.45rem) clamp(.5rem,1.4vw,.9rem);display:inline-flex;position:relative;box-shadow:0 2px #ad824b,1px 1px #3e230a14}.folder-tab:before{content:"";background:linear-gradient(90deg,#fff5d2d9,#fff5d259);height:2px;position:absolute;top:6px;left:10px;right:10px}.folder-tab-title{text-align:center;--tw-tracking:.04em;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance;max-width:100%;font-size:clamp(.58rem,1.15vw,.95rem);line-height:1.02;display:block;overflow:hidden}.folder-face{z-index:20;cursor:pointer;text-align:left;color:#473016;width:100%;min-height:var(--folder-face-height);border-color:#8b6836;border-width:var(--folder-border-width);border-radius:var(--folder-face-radius);border-top-left-radius:var(--folder-face-radius-sm);padding:var(--folder-top-pad) var(--folder-side-pad) var(--folder-bottom-pad);background-color:#efcf8e;background-image:linear-gradient(#fbebbc 0% 9%,#f4d9a0 9% 68%,#e7c27e 68% 100%);justify-content:space-between;align-items:flex-start;gap:clamp(.75rem,2vw,1rem);transition:background .22s,box-shadow .22s,filter .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #ad824b,1px 1px #3e230a14}.folder-face:before{content:"";background:linear-gradient(90deg,#fff5d6f2,#fff5d673);height:3px;position:absolute;top:8px;left:12px;right:12px}.folder-face:after{content:"";inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);background:linear-gradient(#0000,#764e191f),repeating-linear-gradient(90deg,#ffe8b408 0 6px,#c6924708 6px 12px);height:10px;position:absolute}.folder-face-copy{min-width:calc(var(--spacing,.25rem) * 0);flex:1;align-self:flex-start;padding-right:clamp(2.25rem,7vw,3rem)}.folder-description-full{margin-top:calc(var(--spacing,.25rem) * 2);max-height:calc(var(--spacing,.25rem) * 0);--tw-leading:1.42;color:#4a3216;opacity:0;max-width:92%;line-height:1.42;font-size:var(--folder-body-size);transition:max-height .24s,opacity .18s;overflow:hidden}.folder-chevron{--tw-leading:1;color:#8a6330;line-height:1;font-size:var(--folder-chevron-size);text-shadow:1px 1px #fff0c233;transition:transform .28s cubic-bezier(.22,1.2,.36,1);display:block;position:absolute;top:clamp(1.45rem,4vw,2.25rem);right:clamp(1rem,2.5vw,1.5rem)}.folder-chevron:before{content:"▾"}.folder-body{border-top-style:var(--tw-border-style);color:#3e2a13;margin-top:calc(-1 * var(--folder-border-width));border-color:#8b6836;border-top-width:0;border-width:var(--folder-border-width);padding:var(--folder-body-pad) var(--folder-body-pad) var(--folder-body-pad);opacity:0;pointer-events:none;background-color:#f2d8a3;background-image:linear-gradient(#fff4d7 0% 11%,#f7e0b3 11% 72%,#eac788 72% 100%);border-bottom-right-radius:clamp(12px,2.2vw,14px);border-bottom-left-radius:clamp(12px,2.2vw,14px);height:0;position:relative;overflow:hidden;box-shadow:0 2px #ad824b,1px 1px #3e230a14}.folder-detail-panel{color:#442d12;border-color:#a67a42;border-width:var(--folder-border-width);background-color:#f8edcf;border-radius:clamp(6px,1.2vw,8px);padding:clamp(.85rem,2vw,1.1rem);box-shadow:inset 0 1px #fffae8d9}.retro-folder[data-open]{--folder-shift-x:1.35rem;--folder-shift-y:-.3rem;z-index:30}.retro-folder[data-open] .folder-face{background-color:#f1d7a1;background-image:linear-gradient(#fff0c9 0% 9%,#f7dfb0 9% 68%,#eccd95 68% 100%);box-shadow:0 3px #ad824b,2px 2px #3e230a1a}.retro-folder[data-open] .folder-view{max-height:var(--folder-open-height,var(--folder-face-height))}.retro-folder[data-open] .folder-description-full{opacity:1;max-height:4rem}.retro-folder[data-open] .folder-chevron{transform:translateY(-1px)scale(1.08)}.retro-folder[data-open] .folder-body{pointer-events:auto}.folder-stack[data-has-open-folder] .retro-folder:not([data-open]){filter:saturate(.8)brightness(.97)}@media(hover:hover)and (pointer:fine){.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-tab-shell:hover) .folder-view,.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-view:hover) .folder-view{max-height:var(--folder-open-height,var(--folder-face-height))}.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-tab-shell:hover):not([data-open]),.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-view:hover):not([data-open]){--folder-shift-y:-2.5rem;--folder-scale:1.018}.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-tab-shell:hover) .folder-face,.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-view:hover) .folder-face{background-color:#f2d9a7;background-image:linear-gradient(#fff1cf 0% 9%,#f7e1b5 9% 68%,#ebcb90 68% 100%);box-shadow:0 3px #ad824b,2px 2px #3e230a1a}.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-tab-shell:hover) .folder-description-full,.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-view:hover) .folder-description-full{opacity:1;max-height:4rem}.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-tab-shell:hover) .folder-chevron,.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-view:hover) .folder-chevron{transform:translateY(-1px)scale(1.08)}}@media(max-width:720px){.folder-category-marker{width:clamp(7rem,42vw,9.5rem);max-width:min(100%,9.5rem)}.retro-folder{--folder-tab-edge-offset:clamp(.45rem, 1.2vw, .6rem);--folder-tab-height:clamp(2.9rem, 10vw, 3.4rem)}.folder-description-full{max-width:84%}.retro-folder[data-open]{--folder-shift-x:.6rem;--folder-shift-y:-.12rem}@media(hover:hover)and (pointer:fine){.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-tab-shell:hover):not([data-open]),.folder-stack:not([data-has-open-folder]) .retro-folder:has(.folder-view:hover):not([data-open]){--folder-shift-y:-.16rem;--folder-scale:1.01}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}