:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#f5f5f0}#root{width:100%}.popup-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.popup-window{position:absolute;background:#fff;border-radius:18px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.popup-titlebar{background:#f5f5f0;border-bottom:1px solid #ddd;padding:12px 16px;display:flex;align-items:center;gap:12px;min-height:44px}.popup-close{width:16px;height:16px;border-radius:50%;background:#ff5f56;border:none;color:#6b0000;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .2s}.popup-close:before{content:"×";transform:translateY(-1px);display:block}.popup-close:hover{background:#ff3b30}.popup-title{font-size:14px;font-weight:600;color:#2c3e50;flex:1;text-align:left}.sketchbook-titlebar-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.sketchbook-nav-btn{width:28px;height:28px;border:none;background:transparent;color:#2c3e50;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:opacity .2s;font-weight:300}.sketchbook-nav-btn:hover{opacity:.6}.popup-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.popup-image-bar{position:relative;width:100%;min-height:132px;background:#fff;overflow:hidden;flex-shrink:0;z-index:20;pointer-events:auto}.popup-image-bar-scroll{display:flex;gap:8px;height:100%;padding:18px 8px 8px;overflow-x:hidden;align-items:center}.popup-image-bar-item{height:116px;width:auto;object-fit:contain;flex-shrink:0;transition:transform .2s ease;cursor:pointer}.popup-image-bar-item:hover{transform:translateY(-10px)}.popup-image-bar-placeholder{display:flex;align-items:center;justify-content:center;height:132px;color:#999;font-size:14px;font-style:italic}.popup-resize-handle{position:absolute;z-index:25}.popup-resize-n{top:0;left:8px;right:8px;height:8px;cursor:ns-resize}.popup-resize-s{bottom:0;left:8px;right:8px;height:8px;cursor:ns-resize}.popup-resize-e{right:0;top:8px;bottom:8px;width:8px;cursor:ew-resize}.popup-resize-w{left:0;top:8px;bottom:8px;width:8px;cursor:ew-resize}.popup-resize-ne{top:0;right:0;width:16px;height:16px;cursor:ne-resize}.popup-resize-nw{top:0;left:0;width:16px;height:16px;cursor:nw-resize}.popup-resize-se{bottom:0;right:0;width:16px;height:16px;cursor:se-resize}.popup-resize-sw{bottom:0;left:0;width:16px;height:16px;cursor:sw-resize}.popup-resize-grip{position:absolute;bottom:2px;right:2px;width:40px;height:40px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 14 Q36 36 14 36' stroke='%23000' stroke-width='3.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");opacity:.6;z-index:30}.skirt-section{position:relative;min-height:min-content;border-bottom:1px solid #e0e0e0;padding:2rem 2rem 4rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.skirt-section:last-child{border-bottom:none}.image-overlay{position:sticky;top:2rem;right:2rem;width:150px;pointer-events:none;z-index:10;float:right;margin-left:2rem;background:#fff;border-radius:8px}.sticky-image-container{width:150px;height:fit-content}.image-caption{margin-top:.5rem;font-size:.75rem;color:#666;text-align:center;line-height:1.3}.section-content{position:relative}.text-container{max-width:800px;margin:0 auto}.text-container p{font-size:1.1rem;line-height:1.8;color:#333;white-space:pre-wrap}.sticky-image-container img{width:100%;max-width:150px;max-height:200px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:transform .2s ease;pointer-events:auto}.sticky-image-container img:hover{transform:scale(1.05)}.image-toggle-arrow{position:fixed;left:0;top:50%;transform:translateY(-50%);background:#2c3e50;color:#fff;border:none;padding:1rem .5rem;font-size:1.5rem;cursor:pointer;z-index:200;border-radius:0 8px 8px 0;transition:all .3s ease}.image-toggle-arrow:hover{background:#34495e;padding-left:.8rem}.image-drawer{position:fixed;left:0;top:0;bottom:0;width:350px;background:#fff;box-shadow:2px 0 12px #0003;z-index:199;padding:2rem;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.image-drawer img{width:100%;height:auto;border-radius:8px}@media(max-width:768px){.text-container{padding-right:0}.image-overlay{display:none}.text-container p{font-size:1rem}.image-drawer{width:280px}.image-drawer img{pointer-events:auto}}.rest-images-container{width:100%;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.rest-images-title{font-size:2em;font-weight:700;margin:0 0 1rem;width:100%;padding:2rem 2rem 1rem;box-sizing:border-box}.rest-images-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;max-width:1200px}.rest-image-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rest-image{max-width:300px;max-height:400px;object-fit:contain;cursor:pointer;transition:transform .2s ease;border:1px solid #ccc}.rest-image-caption{font-size:.85rem;color:#555;text-align:center;max-width:300px;line-height:1.4}.rest-image:hover{transform:scale(1.05)}@media(max-width:768px){.rest-images-grid{gap:1rem}.rest-image{max-width:200px;max-height:300px}}.image-zoom-overlay{position:fixed;inset:0;z-index:2000;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:2rem}.image-zoom-container{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:18px;padding:0;box-shadow:0 10px 40px #00000080;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;flex-direction:column;overflow:hidden}.image-zoom-titlebar{background:#f5f5f0;border-bottom:1px solid #ddd;padding:12px 16px;display:flex;align-items:center;gap:12px;min-height:44px;cursor:move;flex-shrink:0}.image-zoom-close{width:16px;height:16px;border-radius:50%;background:#ff5f56;border:none;color:#6b0000;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .2s;flex-shrink:0}.image-zoom-close:before{content:"×";transform:translateY(-1px);display:block}.image-zoom-close:hover{background:#ff3b30}.image-zoom-title{font-size:14px;font-weight:600;color:#2c3e50;flex:1;text-align:left}.image-zoom-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:auto;gap:1rem}.image-zoom-description{padding:8px 16px;font-size:13px;color:#555;text-align:center;max-width:90%}.image-zoom-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.image-zoom-resize-handle{position:absolute;z-index:10}.image-zoom-resize-n{top:0;left:8px;right:8px;height:8px;cursor:ns-resize}.image-zoom-resize-s{bottom:0;left:8px;right:8px;height:8px;cursor:ns-resize}.image-zoom-resize-e{right:0;top:8px;bottom:8px;width:8px;cursor:ew-resize}.image-zoom-resize-w{left:0;top:8px;bottom:8px;width:8px;cursor:ew-resize}.image-zoom-resize-ne{top:0;right:0;width:16px;height:16px;cursor:ne-resize}.image-zoom-resize-nw{top:0;left:0;width:16px;height:16px;cursor:nw-resize}.image-zoom-resize-se{bottom:0;right:0;width:16px;height:16px;cursor:se-resize}.image-zoom-resize-sw{bottom:0;left:0;width:16px;height:16px;cursor:sw-resize}.image-zoom-resize-grip{position:absolute;bottom:2px;right:2px;width:40px;height:40px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 14 Q36 36 14 36' stroke='%23000' stroke-width='3.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");opacity:.6}.sketchbook-viewer{display:flex;flex-direction:column;height:100%;width:100%}.sketchbook-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;position:relative;background:#f5f5f0}.sketchbook-flipbook{margin:0 auto}.sketchbook-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 20px #0000001a;overflow:hidden}.sketchbook-image{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;pointer-events:none}.sketchbook-controls{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem;background:#f5f5f0;border-top:1px solid #ddd;flex-shrink:0;min-height:60px}.sketchbook-btn{padding:8px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#2c3e50;min-width:100px}.sketchbook-btn:hover:not(:disabled){background:#f8f8f8;border-color:#999;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sketchbook-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.sketchbook-btn:disabled{opacity:.3;cursor:not-allowed}.sketchbook-page-indicator{font-size:14px;font-weight:600;color:#2c3e50;min-width:100px;text-align:center}.mobile-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#0a0a0a;position:relative;overflow:hidden}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}.mobile-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:5}.mobile-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem 1rem;position:relative;z-index:1}.ascii-computer{color:#3f3;font-family:Courier New,Courier,monospace;font-size:clamp(.5rem,2.5vw,.9rem);line-height:1.2;margin:0 0 2rem;text-align:center;white-space:pre;text-shadow:0 0 10px rgba(51,255,51,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(51,255,51,.4),0 0 10px rgba(51,255,51,.2)}to{text-shadow:0 0 10px rgba(51,255,51,.6),0 0 20px rgba(51,255,51,.3),0 0 30px rgba(51,255,51,.1)}}.terminal-output{font-family:Courier New,Courier,monospace;font-size:clamp(.85rem,3.5vw,1.1rem);color:#3f3;text-align:left;width:100%;max-width:400px;padding:0 1rem}.terminal-line{margin:.3em 0;min-height:1.4em;text-shadow:0 0 8px rgba(51,255,51,.4)}.terminal-line.error{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.5)}.cursor{opacity:0;transition:opacity .1s}.cursor.visible{opacity:1}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}97%{opacity:.9}98%{opacity:1}}.mobile-content{animation:flicker 4s infinite}.final-message{margin-top:3rem;font-family:Courier New,Courier,monospace;font-size:clamp(.9rem,3.5vw,1.2rem);color:#3f3;text-align:center;text-shadow:0 0 10px rgba(51,255,51,.5);animation:fadeIn .8s ease-out;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.app{background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c3e50}.opening-section{height:300vh;position:relative;background:#fff}.skirt-animation-container{position:sticky;top:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden;will-change:filter,opacity;pointer-events:none}.skirt-gif{width:auto;height:100vh;object-fit:cover;will-change:transform}.revealed-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.revealed-content h1{font-size:4rem;font-weight:300;letter-spacing:.3em;color:#2c3e50;text-transform:uppercase}.content-wrapper{position:relative;min-height:100vh;background:#fff}.sticky-banner{position:sticky;top:0;width:100%;background:#fff;z-index:100;display:flex;align-items:center;justify-content:center;height:13rem}.banner-content{display:flex;align-items:center;justify-content:center;gap:5%;width:80%;height:60%;max-width:100%}.banner-gif{height:100%;width:auto;max-width:40%;object-fit:contain;flex-shrink:1}.banner-title{font-family:"Rubik 80s Fade",system-ui,sans-serif;font-size:clamp(1.5rem,6vw,7vh);font-weight:900;letter-spacing:.4em;color:#000;text-transform:uppercase;margin:0;white-space:nowrap;line-height:1;flex-shrink:1;min-width:0}.content-section{min-height:100vh;background:#fff;padding:8rem 2rem 4rem;position:relative;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.content-section *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.skirt-categories{max-width:1200px;margin:0 auto 4rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:3rem;row-gap:6rem;padding:2rem}.category-item{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.folder-icon{width:120px;height:auto;object-fit:contain;transition:filter .3s ease}.category-item:hover .folder-icon{filter:brightness(.8)}.category-item span{font-size:.95rem;font-weight:400;color:#2c3e50;text-align:center}.designed-by-section{max-width:1200px;margin:0 auto 6rem;padding:128px 0 0}.designed-by-line{width:100%;height:2px;background-color:#000;margin-bottom:8px}.designed-by-content{display:flex;flex-direction:column;gap:0}.designed-by-title{font-family:"Jacquard 12",system-ui,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.2em;color:#000;margin:0;text-transform:uppercase}.designer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.designer-list li{font-family:Yrsa,serif;font-size:1rem;font-weight:400;letter-spacing:.15em;color:#000;text-transform:capitalize}.site-disclaimer{max-width:1200px;margin:0 auto;padding:3rem 2rem;border-top:1px solid #e0e0e0}.disclaimer-content{text-align:center}.disclaimer-content p{font-family:Yrsa,serif;font-size:.85rem;line-height:1.6;color:#666;margin-bottom:.75rem}.disclaimer-content p:last-child{margin-bottom:0}.popup-skirt-sections{padding:0;margin:0;height:100%;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.popup-banner{display:flex;align-items:center;justify-content:center;gap:5%;width:100%;padding:2rem;background:#fff}.popup-banner-title{font-family:"Rubik 80s Fade",system-ui,sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:900;letter-spacing:.4em;color:#000;text-transform:uppercase;margin:0;white-space:nowrap;line-height:1}.popup-banner-gif{height:80px;width:auto;object-fit:contain}@media(max-width:768px){.revealed-content h1{font-size:2rem;letter-spacing:.2em}.banner-title{font-size:2.5rem;letter-spacing:.2em}.category-grid{grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:4rem}.detail-content{flex-direction:column}.skirt-detail h2{font-size:1.8rem}}