.home{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#9a9a9a 0%,#c0c0c0 50%,#a8a8a8 100%);opacity:0;pointer-events:none;transition:opacity .4s ease}.home.visible{opacity:1;pointer-events:auto}.home-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.home-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0px;z-index:10;pointer-events:none}.hint-arrow{font-size:24px;color:#0006;animation:float 3s ease-in-out infinite;background:none;border:none;cursor:pointer;padding:0;margin:-40px 0;transition:all .3s;pointer-events:auto;font-family:inherit}.hint-arrow:hover{color:#ffffffe6;transform:scale(1.2);animation:none}.hint-arrow-img{width:200px;height:200px;opacity:.4;transition:opacity .3s,filter .3s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hint-arrow:hover .hint-arrow-img{opacity:1;filter:brightness(0) invert(1)}.hint-up{animation-delay:0s}.hint-down{animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-10px);opacity:.5}}.works{position:fixed;top:0;left:0;width:100%;height:100%;background:#fafafa;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.works::-webkit-scrollbar{display:none}.works.visible{opacity:1;pointer-events:auto}.work-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 40px}.work{max-width:900px;width:100%}.work-image{width:100%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;margin-bottom:20px}.work-image img{width:100%;height:auto;display:block}.work-info{display:flex;justify-content:space-between;align-items:flex-start}.work-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.work-title{font-size:16px;font-weight:400;color:#777;letter-spacing:.02em}.work-year,.work-size{font-size:13px;color:#999;font-weight:300}@media (max-width: 768px){.work-container{padding:80px 20px}}.fragment{position:absolute;cursor:pointer;will-change:transform,filter;transition:none}.fragment-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.fragment:not(.enlarged):hover .fragment-inner{filter:brightness(1.15)}.fragment.record .fragment-inner{border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 3px,rgba(255,255,255,.025) 3px,rgba(255,255,255,.025) 4px),radial-gradient(circle,#1a1a1a 0%,#0d0d0d 40%,#111 70%,#0a0a0a 100%);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:border-color .3s,box-shadow .3s}.fragment.record.playing .fragment-inner{border-color:#ffffff26;box-shadow:0 0 20px #ffffff14,0 0 50px #ffffff08}.record-label{position:absolute;width:36%;height:36%;border-radius:50%;background:radial-gradient(circle,#222 0%,#181818 100%);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:4px}.record-title{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:9px;color:#ffffff8c;text-align:center;line-height:1.2;transform:rotate(-3deg);word-break:break-word;max-width:85%;letter-spacing:.02em}.record-hole{position:absolute;width:4%;height:4%;border-radius:50%;background:#000;z-index:1}.fragment.photo .fragment-inner{width:auto;height:auto;background:none;border:none;overflow:visible}.photo-image{display:block;width:auto;height:auto;image-orientation:from-image}.photo-label{font-size:12px;color:#ffffff59;letter-spacing:.05em}.fragment.photo.enlarged .fragment-inner{background:none;border:none}[data-vibrating="1"]{animation:vibrate .15s infinite}.fragment.photo.enlarged[data-vibrating="1"]{animation:vibrate-strong .12s infinite}@keyframes vibrate{0%{translate:0 0}25%{translate:-.5px .3px}50%{translate:.5px -.3px}75%{translate:-.3px -.5px}to{translate:.3px .5px}}@keyframes vibrate-strong{0%{translate:0 0}25%{translate:-2px 1.5px}50%{translate:2px -1.5px}75%{translate:-1.5px -2px}to{translate:1.5px 2px}}@media (max-width: 768px){.record-title{font-size:7px}}.archive{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .4s ease;cursor:grab;overflow:hidden}.archive.visible{opacity:1;pointer-events:auto}.archive:active{cursor:grabbing}.archive-space{position:absolute;top:0;left:0;width:100%;height:100%}.wave-origin{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.wave-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08);width:0;height:0;animation:wave-expand 4s infinite ease-out}.wave-ring:nth-child(1){animation-delay:0s}.wave-ring:nth-child(2){animation-delay:1.3s}.wave-ring:nth-child(3){animation-delay:2.6s}@keyframes wave-expand{0%{width:0;height:0;opacity:.35}to{width:600px;height:600px;opacity:0}}.archive-title{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff26;pointer-events:none;text-align:center}.archive-hidden-gate{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:transparent;border:none;font-size:12px;cursor:pointer;padding:6px 10px;letter-spacing:.1em;z-index:10;pointer-events:auto;font-family:inherit;background-image:linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#0088ff,#8800ff,#ff0000);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.25;animation:rainbow-shift 4s linear infinite;transition:opacity .5s ease}.archive-hidden-gate:hover{opacity:.6}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.archive-title{font-size:10px;bottom:20px}.archive-hidden-gate{bottom:6px}}.navigation{position:fixed;top:20px;right:20px;z-index:2000}.nav-toggle{width:50px;height:50px;border:none;background:transparent;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.navigation.light .nav-toggle{color:#000}.navigation.silver .nav-toggle{color:#666}.navigation.dark .nav-toggle{color:#fff}.nav-toggle:hover{opacity:.6}.nav-menu{position:fixed;top:0;right:0;width:300px;height:100vh;display:flex;flex-direction:column;gap:0;padding:80px 40px 40px;transform:translate(100%);transition:transform .3s ease}.navigation.light .nav-menu{background:rgba(255,255,255,.98);border-left:1px solid #000}.navigation.silver .nav-menu{background:rgba(192,192,192,.98);border-left:1px solid #666}.navigation.dark .nav-menu{background:rgba(0,0,0,.98);border-left:1px solid rgba(255,255,255,.2)}.nav-menu.open{transform:translate(0)}.nav-menu button{background:none;border:none;font-size:18px;font-weight:300;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:20px 0;text-align:left;font-family:inherit;transition:opacity .3s}.nav-home-icon{font-size:32px!important;text-align:center!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important;padding:25px 0!important;margin-bottom:10px}.navigation.light .nav-menu button{color:#000;border-bottom:1px solid rgba(0,0,0,.1)}.navigation.silver .nav-menu button{color:#333;border-bottom:1px solid rgba(0,0,0,.15)}.navigation.dark .nav-menu button{color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu button:hover{opacity:.5}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}@media (max-width: 768px){.nav-menu{width:100%;padding:80px 20px 40px}}.biography{position:fixed;top:0;left:0;width:100%;height:100%;background:#c0c0c0;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.biography::-webkit-scrollbar{display:none}.biography.visible{opacity:1;pointer-events:auto}.biography-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;padding:120px 60px}.biography-content{max-width:800px;width:100%}.biography-title{font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.1em;margin-bottom:60px;text-transform:uppercase}.biography-section{margin-bottom:50px}.biography-section h2{font-size:16px;font-weight:400;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.biography-section p{font-size:15px;line-height:1.8;color:#444;margin-bottom:15px}.biography-section ul{list-style:none;padding:0}.biography-section li{font-size:14px;line-height:2;color:#444;padding-left:15px;position:relative}.biography-section li:before{content:"—";position:absolute;left:0}@media (max-width: 768px){.biography-container{padding:80px 20px}}.shop{position:fixed;top:0;left:0;width:100%;height:100%;background:#c0c0c0;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.shop::-webkit-scrollbar{display:none}.shop.visible{opacity:1;pointer-events:auto}.shop-header{max-width:1400px;margin:0 auto;padding:100px 40px 40px}.shop-title{font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.1em;text-transform:uppercase}.shop-empty{max-width:1400px;margin:0 auto;padding:60px 40px;color:#555;font-size:14px;letter-spacing:.05em}.shop-grid{max-width:1400px;margin:0 auto;padding:0 40px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.shop-item{cursor:pointer;transition:opacity .3s}.shop-item:hover{opacity:.7}.shop-item-image{width:100%;aspect-ratio:1;background:#e8e8e8;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;margin-bottom:15px}.shop-item-info h3{font-size:15px;font-weight:400;margin-bottom:5px}.shop-item-price{font-size:14px;color:#666}.shop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.shop-modal-content{background:#fff;padding:60px;max-width:500px;width:100%;position:relative}.shop-modal-close{position:absolute;top:20px;right:20px;font-size:32px;background:none;border:none;cursor:pointer;color:#000}.shop-modal-content h2{font-size:24px;font-weight:400;margin-bottom:15px}.shop-modal-price{font-size:18px;margin-bottom:20px;color:#000}.shop-modal-description{font-size:14px;line-height:1.8;color:#666;margin-bottom:30px;white-space:pre-line}.shop-modal-note{font-size:12px;color:#999;font-style:italic}@media (max-width: 768px){.shop-header{padding:80px 20px 40px}.shop-grid{padding:0 20px 60px;grid-template-columns:1fr}.shop-modal-content{padding:40px 20px}}.contact{position:fixed;top:0;left:0;width:100%;height:100%;background:#c0c0c0;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.contact::-webkit-scrollbar{display:none}.contact.visible{opacity:1;pointer-events:auto}.contact-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 40px}.contact-content{max-width:600px;width:100%}.contact-title{font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.1em;margin-bottom:60px;text-transform:uppercase}.contact-form{width:100%}.form-group{margin-bottom:30px}.form-group label{display:block;font-size:12px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:15px;border:1px solid #666;background:rgba(255,255,255,.8);font-family:inherit;font-size:14px}.form-group textarea{min-height:150px;resize:vertical}.contact-submit{background:#555;color:#fff;padding:15px 40px;border:none;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.05em;transition:opacity .3s;font-family:inherit}.contact-submit:hover{opacity:.7}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-message{margin-top:20px;font-size:14px;letter-spacing:.02em}.contact-message.success{color:#2a7d2a}.contact-message.error{color:#a33}@media (max-width: 768px){.contact-container{padding:80px 20px}}.art-generator{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .6s ease;overflow:hidden;z-index:1}.art-generator.visible{opacity:1;pointer-events:auto}.art-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.art-regenerate{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:rgba(255,255,255,.03);border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;padding:0;transition:background .3s;-webkit-tap-highlight-color:transparent}.art-regenerate:hover{background:rgba(255,255,255,.07)}.art-regenerate:active{background:rgba(255,255,255,.1)}.art-regenerate:disabled{cursor:default}.art-regenerate-svg{width:100%;height:100%;transition:opacity .3s}.art-regenerate:hover .art-regenerate-svg{opacity:.9}@keyframes spin-generate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-regenerate-svg.spinning{transform-origin:50% 47%;animation:spin-generate 1.4s linear infinite}.art-menu-toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;border:none;background:transparent;color:#fff9;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s;z-index:2100}.art-menu-toggle:hover{opacity:.5}.art-menu{position:fixed;top:0;right:0;width:300px;height:100vh;display:flex;flex-direction:column;gap:0;padding:80px 40px 40px;background:rgba(0,0,0,.98);border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .3s ease;z-index:2050}.art-menu.open{transform:translate(0)}.art-menu button{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#fffc;font-size:18px;font-weight:300;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:20px 0;text-align:left;font-family:inherit;transition:opacity .3s}.art-menu button:hover{opacity:.5}.art-menu-home{font-size:32px!important;text-align:center!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important;padding:25px 0!important;margin-bottom:10px}.art-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2040}.art-rating-toggle{position:fixed;bottom:30px;left:30px;width:32px;height:32px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);color:#fff6;font-size:14px;border-radius:50%;cursor:pointer;transition:color .3s,border-color .3s,background .3s;display:flex;align-items:center;justify-content:center;font-family:inherit;z-index:20;-webkit-tap-highlight-color:transparent}.art-rating-toggle:hover,.art-rating-toggle:active{color:#ffffffb3;border-color:#ffffff59;background:rgba(255,255,255,.08)}.art-rating-panel{position:fixed;bottom:74px;left:30px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;z-index:20;animation:rating-fade-in .3s ease;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}@keyframes rating-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.art-rating-dots{display:flex;gap:12px}.art-rating-dot{width:28px;height:28px;background:transparent;border:1.5px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .3s,transform .2s,background .2s;-webkit-tap-highlight-color:transparent}.art-rating-dot:hover,.art-rating-dot:active{border-color:#ffffff80;background:rgba(255,255,255,.05);transform:scale(1.1)}.art-rating-dot-inner{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12);transition:background .3s,width .2s,height .2s}.art-rating-dot.filled .art-rating-dot-inner{background:rgba(255,255,255,.6);width:10px;height:10px}.art-rating-dot.active{border-color:#fff9}.art-rating-dot.active .art-rating-dot-inner{background:rgba(255,255,255,.9);width:12px;height:12px}.art-rating-label{font-size:11px;color:#ffffff59;letter-spacing:.15em;min-height:14px}.art-rating-footer{display:flex;align-items:center;gap:12px}.art-rating-count{font-size:10px;color:#ffffff40;letter-spacing:.1em}.art-export-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffff59;font-size:9px;letter-spacing:.1em;padding:3px 10px;border-radius:10px;cursor:pointer;font-family:inherit;transition:color .3s,border-color .3s;-webkit-tap-highlight-color:transparent}.art-export-btn:hover,.art-export-btn:active{color:#fff9;border-color:#ffffff4d}.art-bias-control{display:flex;align-items:center;gap:10px}.art-bias-label{font-size:10px;color:#ffffff4d;letter-spacing:.15em}.art-bias-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:2px;background:rgba(255,255,255,.15);border-radius:1px;outline:none;cursor:pointer}.art-bias-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.45);border:1.5px solid rgba(255,255,255,.25);cursor:pointer;transition:background .2s,transform .2s}.art-bias-slider::-webkit-slider-thumb:hover,.art-bias-slider::-webkit-slider-thumb:active{background:rgba(255,255,255,.65);transform:scale(1.15)}.art-bias-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.45);border:1.5px solid rgba(255,255,255,.25);cursor:pointer}.art-bias-slider::-moz-range-track{height:2px;background:rgba(255,255,255,.15);border:none;border-radius:1px}.art-bias-value{font-size:10px;color:#ffffff4d;min-width:32px}@media (max-width: 768px){.art-menu{width:100%;padding:80px 20px 40px}.art-regenerate{bottom:18px;width:56px;height:56px}.art-rating-toggle{bottom:20px;left:20px;width:36px;height:36px}.art-rating-panel{bottom:66px;left:16px;right:16px;padding:18px 16px}.art-rating-dots{gap:14px}.art-rating-dot{width:34px;height:34px}.art-bias-slider{width:120px}.art-bias-slider::-webkit-slider-thumb{width:22px;height:22px}}.art-core-gate{position:fixed;bottom:10px;left:50%;transform:translate(-50%);background:transparent;border:none;font-size:12px;cursor:pointer;padding:6px 10px;letter-spacing:.1em;z-index:20;pointer-events:auto;font-family:inherit;background-image:linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#0088ff,#8800ff,#ff0000);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.25;animation:rainbow-shift-art 4s linear infinite;transition:opacity .5s ease;-webkit-tap-highlight-color:transparent}.art-core-gate:hover{opacity:.6}@keyframes rainbow-shift-art{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.art-core-gate{bottom:6px}}.core-generator{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .6s ease;overflow:hidden;z-index:1}.core-generator.visible{opacity:1;pointer-events:auto}.core-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.core-regenerate{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:rgba(255,255,255,.03);border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;padding:0;transition:background .3s;-webkit-tap-highlight-color:transparent}.core-regenerate:hover{background:rgba(255,255,255,.07)}.core-regenerate:active{background:rgba(255,255,255,.1)}.core-regenerate:disabled{cursor:default}.core-regenerate-svg{width:100%;height:100%;transition:opacity .5s}@keyframes core-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-regenerate-svg.spinning{transform-origin:50% 47%;animation:core-spin 1.4s linear infinite}.core-menu-toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;border:none;background:transparent;color:#ffffff59;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .5s;z-index:2100}.core-menu-toggle:hover{opacity:.4}.core-menu{position:fixed;top:0;right:0;width:280px;height:100vh;display:flex;flex-direction:column;gap:0;padding:80px 36px 40px;background:rgba(0,0,0,.98);border-left:1px solid rgba(255,255,255,.04);transform:translate(100%);transition:transform .4s ease;z-index:2050}.core-menu.open{transform:translate(0)}.core-menu button{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.03);color:#fff9;font-size:16px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:18px 0;text-align:left;font-family:inherit;transition:opacity .4s}.core-menu button:hover{opacity:.4}.core-menu-home{font-size:28px!important;text-align:center!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important;padding:22px 0!important;margin-bottom:8px}.core-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2040}@media (max-width: 768px){.core-menu{width:100%;padding:80px 20px 40px}.core-regenerate{bottom:18px;width:56px;height:56px}}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5000;opacity:0}.transition-overlay.to-light{background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,0) 100%)}.transition-overlay.to-light.active{animation:lightRising .6s ease-out forwards}@keyframes lightRising{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20%)}}.transition-overlay.to-dark{background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 30%,rgba(0,0,0,0) 100%)}.transition-overlay.to-dark.active{animation:darkFalling .6s ease-out forwards}@keyframes darkFalling{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20%)}}.transition-overlay.to-silver-from-light{background:#c0c0c0}.transition-overlay.to-silver-from-light.active{animation:fadeInOut .4s ease-in-out forwards}.transition-overlay.to-silver-from-dark{background:#c0c0c0}.transition-overlay.to-silver-from-dark.active{animation:fadeInOut .4s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.app{width:100%;height:100%;position:relative}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;overflow:hidden;width:100vw;height:100vh;position:fixed;background:#000}#root{width:100%;height:100%}