@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{position:fixed;top:0;left:0;height:100%;width:100%;background:#ffe6f0;display:flex;justify-content:center;align-items:center;z-index:9999;gap:40px;flex-direction:row}.loading-left{display:flex;flex-direction:column;align-items:flex-start}.loading-text{font-family:Jua,sans-serif;font-size:45px;color:#6e5e9c;margin-bottom:10px;text-shadow:1px 1px 2px #fff}.loading-bar{width:725px;height:40px;background-color:#ead7ef;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 5px #9587be}.loading-bar-fill{height:100%;width:0%;background-color:#6e5e9c;border-radius:10px;transition:width .2s ease-out}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%}#about-popup{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;background:#ead7ef;background-image:repeating-linear-gradient(to right,transparent,transparent 19px,#e9c8f1 19px,#e9c8f1 20px),repeating-linear-gradient(to bottom,transparent,transparent 19px,#e9c8f1 19px,#e9c8f1 20px);border-radius:12px;box-shadow:0 20px 40px #0000004d;padding:24px;z-index:1000;opacity:0;transition:opacity .4s ease}#about-popup.visible{opacity:1;pointer-events:auto}#about-popup .close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:8px;color:#fff;background:#7c6ea5;font-size:20px;cursor:pointer;box-shadow:0 4px 8px #0003}#about-popup h2{grid-area:title;color:#6e5e9c;font-family:Jua,sans-serif;font-size:24px;text-align:center;text-transform:lowercase;margin:0 0 16px}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;grid-template-areas:".        title    title   ." ".        frame1   bubble1 ." ".        frame2   frame3  ." ".        frame4   bubble2 ." ".        bubble3  frame5  .";align-items:center}.frame{background:#6e5e9c;padding:8px;border-radius:8px;box-shadow:0 8px 16px #66229e33}.frame img{display:block;width:100%;border-radius:4px}#frame1{grid-area:frame1}#frame2{grid-area:frame2;height:155px}#frame3{grid-area:frame3}#frame4{grid-area:frame4;height:140px}#frame5{grid-area:frame5}.bubble{background:#fff3e5;color:#4d4170;padding:12px;border-radius:8px;font-size:14px;line-height:1.4;position:relative;box-shadow:0 8px 16px #00000026}#bubble1{grid-area:bubble1;height:105px}#bubble2{grid-area:bubble2}#bubble3{grid-area:bubble3;height:65px}#contact-popup{position:fixed;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);background:#ead7ef;padding:24px;border-radius:18px;box-shadow:0 0 20px #00000040;z-index:1000;font-family:Jua,sans-serif;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .4s ease}#contact-popup.visible{opacity:1;pointer-events:auto}#contact-popup h2{margin-bottom:16px;color:#6e5e9c;font-size:24px}.contact-layout{display:flex;gap:24px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000001a;align-items:center}.contact-info{font-size:16px;color:#604f92}.contact-images{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px);gap:12px}.contact-images img{width:60px;height:60px;object-fit:cover;border-radius:8px;background:#fff}#contact-popup .close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:8px;background:#7c6ea5;color:#fff;font-size:20px;cursor:pointer}.hoverable-img{transition:transform .3s ease,box-shadow .3s ease;border-radius:8px}.hoverable-img:hover{transform:scale(1.05);box-shadow:0 0 12px #ff69b499}#projects-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:500px;overflow:hidden;z-index:1000;background:#ead7ef;border:5px solid #604f92;border-radius:6px;box-shadow:8px 8px #4b3a7e;font-family:monospace;color:#333;opacity:0;pointer-events:none;transition:opacity .4s ease}#projects-popup.visible{opacity:1;pointer-events:auto}#projects-popup .title-bar{display:flex;align-items:center;padding:4px 8px;background:#ead7ef;border-bottom:2px solid #9587be}#projects-popup .title-label{margin-right:8px;font-size:12px}#projects-popup .solid-bar{width:100%;height:6px;background-color:#604f92;margin-bottom:8px}#projects-popup .address-select{flex:1;font-family:Jua,sans-serif;font-size:12px;padding:2px 4px;border:2px inset #9587be;background:#fff;margin-right:8px}#projects-popup .close-button{background:#9587be;color:#fff;border:none;width:24px;height:24px;font-size:16px;line-height:20px;text-align:center;border-radius:3px;cursor:pointer}#projects-popup .projects-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,120px);gap:20px;padding:20px;justify-content:center;background:#ead7ef;overflow-y:auto}#projects-popup .folder{background:#fbf5fc;border:2px solid #9587be;border-radius:4px;padding:8px;text-align:center;box-shadow:2px 2px #9587be;cursor:pointer}#projects-popup .folder:hover{background:#e0dee0}.folder{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}.folder img{width:64px;height:64px;margin-bottom:8px}.folder span{font-size:.9rem}#info-popup{position:fixed;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffe8fa;padding:24px;border-radius:18px;box-shadow:0 0 20px #00000040;z-index:1000;font-family:Jua,sans-serif;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .4s ease}#info-popup.visible{opacity:1;pointer-events:auto}.info-popup{width:800px;height:600px;padding:16px;background:#f0f0f0;border-radius:8px;box-shadow:0 4px 12px #00000040}#projects-popup h2,.info-popup h2{margin-top:0;color:#604f92;font-size:1.5rem;text-align:center}#info-popup .close-button{position:absolute;top:16px;right:32px;width:40px;height:40px;border:none;border-radius:8px;background:#7c6ea5;color:#fff;font-size:30px;cursor:pointer}.desktop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.folder{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s}.folder img{width:64px;height:64px}.folder span{margin-top:8px;font-size:.9rem}.folder:hover{transform:scale(1.05)}#folder1-info .info-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}#folder1-info .info-content .folder-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;margin:16px 0}#folder1-info .info-content .folder-images img{width:20px;height:20px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0003}.info-popup .folder1-text p{text-indent:2em;margin-bottom:1em;color:#604f92}.info-popup .carousel{position:relative;width:100%;text-align:center;overflow:hidden}.info-popup .carousel img{max-width:400px;max-height:300px;border-radius:8px;object-fit:contain;display:none;margin:0 auto}.info-popup .carousel img:first-of-type{display:block}.info-popup .carousel .arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5em;z-index:1}.info-popup .carousel .prev{left:.5em}.info-popup .carousel .next{right:.5em}