@import url(https://fonts.googleapis.com/css2?family=Single+Day:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.splash-overlay{display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.ds-wrap{cursor:pointer;line-height:0;position:relative;width:min(86vw,560px)}.ds-img{object-fit:contain;-webkit-user-select:none;user-select:none;z-index:1}.cover-all,.ds-img{height:100%;inset:0;position:absolute;width:100%}.enter-gif{height:auto;left:50%;max-width:90%;pointer-events:none;position:absolute;top:-10%;transform:translateX(-50%);z-index:5}.ds-screen-gif{object-fit:contain;pointer-events:none;z-index:2}.ds-screen-hotspot{background:#0000;z-index:3}.ds-light-img{object-fit:contain;pointer-events:none;z-index:4}:root{--primary-color:#feffbc;--secondary-color:#daffec;--accent-color:#fdfd96;--text-color:#00dcd1;--second-text-color:#b580a0;--phone-col:clamp(150px,30vw,300px);--h1-fluid:clamp(28px,9vw,50px)}body,html{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100svh}main{flex:1 0 auto}body{background-attachment:scroll;background-color:#e3d3e5;background-image:url(/portfolio/static/media/Untitled.e3afc8cec6edef101b08.png);background-position:50%;background-repeat:repeat;background-size:cover;color:#00dcd1;color:var(--text-color);font-family:Single Day,sans-serif;min-height:100svh}h1,p{margin:0 0 20px;text-align:center}h2{color:#987dc5;font-size:3em;margin:0}p{font-size:1.7rem;line-height:1.6}a{color:#feffbc;color:var(--primary-color);text-decoration:none}button{background-color:#fdfd96;background-color:var(--accent-color);border:none;border-radius:12px;cursor:pointer;font-size:1.1em;justify-content:center;padding:10px}.masthead,button{align-items:center}.masthead{display:flex;flex-direction:column;margin-top:10px;position:relative}.header{background:#feffbc;background:var(--primary-color);border-radius:28px;box-shadow:0 4px 10px #39000040;display:inline-flex;inline-size:max-content;margin:0 auto;max-inline-size:min(88vw,980px);overflow:hidden;padding:clamp(15px,1.2vw,12px) clamp(15px,2.4vw,22px)}.header,.nav-list{align-items:center;flex-wrap:wrap;justify-content:center}.nav-list{display:flex;gap:clamp(14px,4.8vw,46px);list-style:none;margin:0;padding:0}.nav-list li a{border-radius:24px;color:#00dcd1;color:var(--text-color);display:inline-block;font-size:clamp(18px,2.4vw,28px);font-size:var(--fs-nav,clamp(18px,2.4vw,28px));line-height:1.15;padding:.15em .3em;transition:background-color .2s ease;white-space:nowrap}.nav-list li a.active,.nav-list li a[aria-current=page]{background:#0000;color:#00dcd1;color:var(--text-color);color:#bfa6ff}.nav-list li a:active,.nav-list li a:hover{animation:welcome-aurora 12s ease-in-out infinite alternate;background:#daffec;background:var(--secondary-color);background-image:linear-gradient(90deg,#f4c1ff80,#99a5ff80,#acff8680,#76ffff80);background-position:0 86%;background-repeat:no-repeat;background-size:300% auto}.nav-list li a:active{transform:translateY(1px) scale(.98)}.nav-list li a:focus-visible{outline:2px dashed #00000040;outline-offset:3px}@media (max-width:420px){.nav-list{gap:clamp(10px,4.5vw,18px)}.nav-list li a{font-size:clamp(16px,4.6vw,20px)}}.logo-container{align-items:center;display:flex;justify-content:center;margin:12px 0 16px;width:100%}.logo-image{display:block;width:min(520px,70vw)}.boombox-inline{pointer-events:none;position:absolute;right:12px;top:12px;z-index:10}.boombox-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:0;border-radius:12px;cursor:pointer;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));line-height:0;padding:0;pointer-events:auto}.boombox-btn img{display:block;height:auto;width:clamp(56px,7.5vw,120px)}.logo-image{height:auto;max-width:100%;width:450px}.home-container{justify-content:center;margin:0;padding:10px}.content,.home-container{align-items:center;display:flex}.content{gap:20px;justify-content:space-between;max-width:1000px;padding-top:20px;width:100%}.text-content{border-radius:50px;color:#917eff;max-width:1000px;text-align:center;text-shadow:0 4px 10px #46000000}.text-content>p:first-of-type{background-color:#afffa400;border-radius:50px;padding:.7em}.welcome-text{animation:welcome-aurora 12s ease-in-out infinite alternate;background-image:linear-gradient(90deg,#f4c1ff80,#99a5ff80,#acff8680,#76ffff80);background-position:0 86%;background-repeat:no-repeat;background-size:300% auto;border-radius:22px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fdfd96;display:inline-block;font-size:clamp(28px,9vw,50px);font-size:var(--h1-fluid);margin:0 auto;padding:0 .7em;text-shadow:0 4px 10px #3900001a}@keyframes welcome-aurora{0%{background-position:0 86%}to{background-position:100% 86%}}.mindy-wrap{--bubble-top:0px;--bubble-right:0px;--bubble-shift-x:0px;--bubble-scale:1;background:#0000;border:0;cursor:pointer;flex:0 0 auto;line-height:0;overflow:visible;padding:0;position:relative;width:clamp(150px,20vw,380px)}.mindy-spacer{display:block;height:auto;visibility:hidden;width:100%}.mindy-base{display:block;height:100%;position:absolute;right:0;top:0;transform-origin:right center;transition:transform .18s ease,filter .18s ease;width:auto;z-index:1}.mindy-wrap.is-hover:not(.is-greet) .mindy-base{transform:scale(1.02)}.mindy-bubble{display:block;height:100%;opacity:0;pointer-events:none;position:absolute;right:var(--bubble-right);top:var(--bubble-top);transform:translateX(var(--bubble-shift-x)) scale(var(--bubble-scale));transform-origin:right center;transition:opacity .16s ease,transform .16s ease;width:auto;z-index:2}.mindy-wrap.is-greet .mindy-bubble{opacity:1;transform:translateX(var(--bubble-shift-x)) scale(1.02)}.footer{--cat-size:clamp(200px,35vw,600px);--gap:-4;--text-size:clamp(16px,1.8vw,22px);--text-line:1.2;margin:10% 0 0;overflow:hidden;padding:0;position:relative}.footer-text{color:#976eff;font-size:var(--text-size);line-height:var(--text-line);margin:-10px 0 0;padding-bottom:6px;text-align:center;z-index:1}.catbunny-runner{animation:bunnyAcross 20s linear infinite;animation:bunnyAcross var(--run-time,20s) linear infinite;height:1;left:calc(var(--cat-size)*-1);pointer-events:none;position:relative;width:var(--cat-size);z-index:3}.catbunny-sprite{display:block;height:100%;object-fit:contain;width:100%}@keyframes bunnyAcross{0%{left:calc(var(--cat-size)*-1)}to{left:calc(80% + var(--cat-size))}}@supports (padding:env(safe-area-inset-bottom)){footer.footer{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:600px){.header{border-radius:20px;max-width:90vw}.nav-list{flex-wrap:wrap;gap:clamp(8px,4vw,20px)}.nav-list li a{font-size:clamp(16px,5vw,20px)}.logo-image{width:min(69vw,340px)}.content{align-items:center;flex-direction:column;gap:12px;padding-top:8px}.welcome-text{font-size:clamp(28px,9vw,40px);margin:10px 0}.text-content p,p{font-size:clamp(18px,5vw,1.7rem);text-align:center}}.contact-form-container{animation:welcome-aurora 12s ease-in-out infinite alternate;background-image:linear-gradient(90deg,#f4c1ff50,#99a5ff50,#acff8650,#76ffff50);background-position:0 86%;background-repeat:no-repeat;background-size:300% auto;border-radius:15px;box-shadow:0 4px 10px #0000001a;margin:60px auto clamp(16px,4vh,48px);padding:clamp(16px,2.5vw,28px) clamp(20px,3.5vw,40px);width:min(70vw,860px)}.contact-form,.contact-form *{box-sizing:border-box}.contact-form{grid-row-gap:14px;display:grid;grid-template-columns:1fr;row-gap:14px}.contact-form-container h2{color:#fdfd96;font-size:3rem;margin-bottom:10px;margin-top:10px;text-align:center;text-shadow:0 4px 10px #3900001a}.contact-form-container p{font-size:1.5rem;margin-bottom:20px}.contact-form label{color:#fdfd96;display:block;font-size:1.5rem;margin-bottom:8px;text-shadow:0 4px 10px #3900001a}.contact-form input,.contact-form textarea{border:1px solid #d5cdef;border-radius:8px;color:#000;font-family:Single Day,sans-serif;font-size:1.2rem;margin-bottom:20px;padding:10px}.contact-form textarea{min-height:100px;resize:vertical;scrollbar-gutter:stable both-edges}.contact-form button{background-color:#fdfd96;background-color:var(--accent-color);border:none;border-radius:20px;color:#00dcd1;color:var(--text-color);cursor:pointer;display:block;font-family:Single Day,sans-serif;font-size:1.3em;margin:10px auto;padding:10px 20px}.contact-form button:hover{background-color:#ffea74}.seg{grid-gap:6px;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#feffbce6;border-radius:999px;box-shadow:0 3px 10px #0000001a;display:grid;gap:6px;grid-template-columns:1fr 1fr;justify-content:center;margin:0 auto 40px;padding:6px;position:auto;top:8px;width:min(300px,50vw);z-index:5}.seg-btn{background:#0000;border:0;border-radius:999px;color:#00dcd1;color:var(--text-color);cursor:pointer;font-family:Single Day,system-ui,sans-serif;font-size:clamp(16px,3.6vw,24px);font-weight:500;padding:10px 16px;position:relative;z-index:2}.seg-btn.on{color:#bfa6ff}.seg-indicator{animation:welcome-aurora 12s ease-in-out infinite alternate;background:#daffec;background:var(--secondary-color);background-image:linear-gradient(90deg,#f4c1ff80,#99a5ff80,#acff8680,#76ffff80);background-position:0 86%;background-repeat:no-repeat;background-size:300% auto;border-radius:999px;box-shadow:inset 0 3px 10px #0000;height:calc(100% - 12px);left:6px;position:absolute;top:6px;transition:transform .25s ease;width:calc(50% - 6px);z-index:1}.seg.videos .seg-indicator{transform:translateX(100%)}.gallery-masonry{column-gap:30px;column-width:280px;margin:0 auto 36px;width:min(1200px,94vw)}.mitem{background:#c9b3ff4d;border-radius:12px;box-shadow:0 6px 16px #0000000f;break-inside:avoid;display:block;margin:0 0 16px;overflow:hidden;page-break-inside:avoid;transition:transform .15s ease,box-shadow .15s ease}.mitem:hover{box-shadow:0 10px 22px #00000017;transform:translateY(-2px)}.mitem img{display:block;height:auto;width:100%}.video-grid{grid-gap:clamp(14px,2.8vw,28px);display:grid;gap:clamp(14px,2.8vw,28px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 40px;width:min(1200px,94vw)}.video-card{background:#ffffff8c;border:2px solid #c9b3ff73;border-radius:16px;box-shadow:0 6px 16px #0000000f;padding:10px;transition:transform .18s ease,box-shadow .18s ease}.video-card:hover{box-shadow:0 10px 22px #00000017;transform:translateY(-2px)}.video-card iframe{aspect-ratio:16/9;border:0;border-radius:10px;display:block;width:100%}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:30px}.gallery-image{height:100%;object-fit:cover;width:100%}.gallery-image,.gallery-item{border-radius:10px;transition:transform .3s ease}.gallery-item{align-items:center;background-color:#c9b3ff4d;box-shadow:0 4px 10px #00000017;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.gallery-item:hover{transform:scale(1.05)}h3{color:#85c1d2;font-size:1.1rem;margin-top:10px;text-align:center}.masonry{column-gap:clamp(10px,2vw,18px);column-width:clamp(220px,24vw,320px);padding:clamp(15px,3vw,24px)}.masonry-item{break-inside:avoid;color:inherit;display:block;margin:0 0 clamp(10px,2vw,18px);page-break-inside:avoid;text-decoration:none}.masonry-card{background:#c9b3ff4d;border-radius:12px;box-shadow:0 4px 10px #00000014;overflow:hidden}.masonry-img{border-radius:12px;display:block;height:auto;transition:transform .25s ease;width:100%}.masonry-item:hover .masonry-img{transform:scale(1.02)}.art-piece-detail{align-items:center;color:#b294ff;display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:20px;text-align:center}.art-piece-image{margin-bottom:10px;max-height:80vh;max-width:90%;object-fit:contain}.navigation-buttons{align-items:center;display:flex;justify-content:center;margin-top:-10px}.arrow{color:#fdfd96;color:var(--accent-color);cursor:pointer;font-size:3rem;padding:0 20px;text-shadow:0 4px 10px #3900001a;transition:color .3s ease}.arrow,.arrow:hover{text-decoration:none}.arrow:hover{color:#ffea74}.back-button{background-color:#fdfd96;background-color:var(--accent-color);border-radius:50px;box-shadow:0 4px 10px #00000014;color:#00dcd1;color:var(--text-color);display:inline-block;font-size:1.3rem;margin-top:0;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.back-button:hover{background-color:#ffea74;text-decoration:none}.gameboy-wrap{line-height:0;margin:20px auto 10px;position:relative;width:min(800px,92vw)}.gameboy-frame{display:block;height:auto;pointer-events:none;width:100%}.gameboy-screen{border-radius:10px;height:47%;left:29.1%;position:absolute;top:25%;width:43%}.gameboy-screen iframe{background:#000;border:0;height:100%;inset:0;position:absolute;width:100%}.gba-hotspot{background:#0000;background:rgba(179,255,0,.481);border:0;cursor:pointer;padding:0;position:absolute}.dpad-left{left:11.3%;top:40.3%}.dpad-left,.dpad-right{border-radius:5px;height:6%;width:4%}.dpad-right{left:18.6%;top:40.4%}.btn-a{left:85.2%;top:35.5%}.btn-a,.btn-b{border-radius:50%;height:8.9%;width:5.9%}.btn-b{left:77.1%;top:40%}.gba-hotspot:focus-visible{outline:2px dashed #ffffffe6;outline-offset:2px}.gba-icon{color:#ff73e3;font-size:clamp(15px,1.6vw,18px);line-height:1;mix-blend-mode:multiply;pointer-events:none;text-shadow:0 1px 2px #ffffffd9;-webkit-user-select:none;user-select:none}.blog-two-col{grid-gap:clamp(30px,7vw,100px);align-items:start;display:grid;gap:clamp(30px,7vw,100px);grid-template-columns:clamp(150px,30vw,300px) 1fr;grid-template-columns:var(--phone-col) 1fr;margin:clamp(40px,10vh,100px) auto clamp(12px,4vh,40px);width:min(1100px,96vw)}.blog-side{place-self:start center}.phone-wrap{--s-top:18.9%;--s-left:12.5%;--s-w:75%;--s-h:51%;position:relative;width:clamp(150px,30vw,300px);width:var(--phone-col)}.phone-frame{display:block;height:auto;pointer-events:none;width:100%}.phone-screen{border-radius:7px;height:var(--s-h);left:var(--s-left);overflow:hidden;position:absolute;top:var(--s-top);width:var(--s-w)}.phone-photo{display:block;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.phone-arrow{aspect-ratio:1/1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;background:#0000;border:0;border-radius:999px;bottom:20%;box-shadow:0 3px 10px #0000001f;cursor:pointer;display:grid;padding:0;place-items:center;position:absolute;width:clamp(24px,14%,46px);z-index:1}.phone-arrow.left{left:17%}.phone-arrow.right{right:17%}.phone-arrow svg{fill:none;stroke:#fff;stroke-width:4px;pointer-events:none}.phone-arrow:focus-visible{border-radius:999px;outline:2px dashed #00000059;outline-offset:3px}.blog-main{align-items:stretch;display:flex;flex-direction:column;gap:10px}.blog-heading{animation:welcome-aurora 12s ease-in-out infinite alternate;background-image:linear-gradient(90deg,#f4c1ff80,#99a5ff80,#acff8680,#76ffff80);background-position:0 86%;background-repeat:no-repeat;background-size:300% auto;border-radius:22px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fdfd96;display:inline-block;font-size:clamp(28px,9vw,50px);font-size:var(--h1-fluid);margin:0 auto;padding:0 .7em;text-shadow:0 4px 10px #3900001a}.blog-intro{color:#917eff;max-width:1000px;text-shadow:0 4px 10px #46000000}.blog-post h2{color:#676666;font-size:2rem;text-align:center}.blog-post{background:#bcffb166;border:5px dashed #fff;border-radius:30px;max-height:calc(100svh - 220px);overflow:auto;padding:clamp(14px,3vw,26px);scrollbar-gutter:stable}.wip-note{color:#a1a1a1;max-width:1000px;text-shadow:0 4px 10px #46000000}.blog-post::-webkit-scrollbar{width:10px}.blog-post::-webkit-scrollbar-thumb{background:#987dc500;background-clip:padding-box;border:3px solid #0000;border-radius:999px}.blog-post::-webkit-scrollbar-track{background:#0000;border-radius:999px;margin-block:14px;margin-inline:2px 8px}.blog-post-title{text-align:center}.lightbox{background:#3100594d;cursor:zoom-out;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.lightbox img{border-radius:12px;max-height:92vh;max-width:92vw}@media (max-width:900px){.blog-two-col{gap:16px;grid-template-columns:1fr;width:min(700px,96vw)}.blog-side{order:1;place-self:center}.blog-main{order:2}.phone-wrap{position:relative;top:auto}}.wall{padding:24px;text-align:center}.wall-title{animation:welcome-aurora 12s ease-in-out infinite alternate;background-image:linear-gradient(90deg,#f4c1ff80,#99a5ff80,#acff8680,#76ffff80);background-position:0 86%;background-repeat:no-repeat;background-size:300% auto;border-radius:22px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fdfd96;display:inline-block;font-family:Single Day,system-ui,-apple-system,sans-serif;font-size:clamp(28px,9vw,50px);font-size:var(--h1-fluid);margin:40px auto 30px;padding:0 .7em;text-shadow:0 4px 10px #3900001a}.toolbar{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.btn{border:none;border-radius:999px;color:#676666;cursor:pointer;font-family:Single Day,sans-serif;font-size:1.3em;padding:10px 16px;transition:transform .05s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:#e0ff71;box-shadow:0 6px 0 #abda00}.btn.primary:hover{box-shadow:0 8px 0 #abda00}.btn.subtle{background:#f2f2f5;box-shadow:0 2px 0 #d0d0d7}.board{background:#f7f1e6;background-image:radial-gradient(#e0d6c6 1px,#0000 0),radial-gradient(#e0d6c6 1px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px,20px 20px;border-radius:16px;box-shadow:inset 0 2px 10px #0000000f,0 12px 40px #00000014;margin:0 auto;max-width:1080px;min-height:620px;overflow:hidden;position:relative}.note{background-position:50%;background-size:cover;cursor:grab;display:grid;height:180px;place-items:center;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:180px}.note:active{cursor:grabbing}.note-img{background:#0000;height:78%;object-fit:contain;pointer-events:none;width:78%}.note-delete{background:#0000;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:20px;height:28px;padding:10px;position:absolute;right:3px;top:-3px;width:28px}.modal-backdrop{display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.modal{align-items:center;background:#f1ecff;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;justify-content:center;max-width:90vw;padding:24px;width:fit-content}.modal .modal-sticky{background-position:50%;background-size:cover;border-radius:12px;height:520px;overflow:hidden;position:relative;width:520px}@media (max-width:640px){.modal .modal-sticky{height:90vw;width:90vw}}.modal-canvas{background:#0000;border:none;cursor:url(/portfolio/static/media/pencil.ccbf1e66af0a5a0fb21f.png),auto;height:100%;inset:0;position:absolute;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
/*# sourceMappingURL=main.f4410c02.css.map*/