*{user-select:none;-ms-user-select:none;-webkit-user-select:none;outline:0;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}::selection{background:transparent}ol,ul{list-style:none}*{scrollbar-width:auto;scrollbar-color:#333 #010102}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#010102}*::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px;border:0px none #333}html{width:100%;height:100%;touch-action:none;-webkit-text-size-adjust:100%}body{width:100%;height:100%;background-color:#010102;color:#fff;overflow:hidden;font-family:SUITE,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:500;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";touch-action:none;-webkit-user-select:none;user-select:none;min-width:280px;min-height:330px}a{color:#f15b00;text-decoration:none;transition-duration:.2s;transition-property:color}a:hover{color:#fff;text-decoration:none}#root{position:relative;overflow:hidden;width:100%;height:100%}#root.over{cursor:pointer}.dark{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#010102;z-index:5}.bt-photo{position:fixed;z-index:12;bottom:0;right:0;width:140px;height:130px;cursor:pointer;transform-origin:right bottom}.info{position:fixed;z-index:13;right:16px;top:22px}.info-index{font-size:12px;font-weight:400;text-align:right;padding:0 8px}.info-select{padding:4px 8px;cursor:pointer;text-align:right}.info-select i{font-size:9px;font-weight:400;display:inline;font-style:normal;padding-right:4px}.info-select p{font-size:12px;font-weight:400;display:inline;font-style:normal}.dark-top{position:fixed;width:100%;height:200px;background-image:url(/img/gra-top2.png);background-repeat:repeat-x;background-size:100% 100%;left:0;top:0;z-index:4;pointer-events:none}.dark-bottom{position:fixed;width:70%;height:374px;background-image:url(/img/gra-bottom.png);background-size:100% 100%;left:0;bottom:0;z-index:4;pointer-events:none}#canvas{position:fixed;left:0;top:0;width:100%;height:100%;z-index:5;pointer-events:none}#logo{position:fixed;left:4px;top:4px;z-index:8;cursor:pointer}#about{position:fixed;left:0;top:0;z-index:200;background-color:#000000e0;width:100%;height:100%;display:none;align-items:center;justify-content:center;flex-direction:column}#about>div{max-width:380px;margin:0 24px}#about h1{display:block;width:100%;height:100px;display:flex;align-items:center;justify-content:start;text-indent:-9999px}.about-canvas{width:260px;height:100px}#about p{width:100%;font-weight:500}#about p>span{margin-top:16px;display:block;font-weight:500;font-size:13px}#auth{position:absolute;z-index:40;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:300px}.privacy{position:absolute;bottom:20px;left:50%;margin-left:-80px;width:160px;text-align:center;font-size:12px}.privacy a{color:#555658}.privacy a:hover{color:#f15b00}.auth-con{display:flex;flex-direction:column;justify-content:center}.auth-buttons{display:flex;flex-direction:column;gap:16px;margin-top:16px}.button{position:relative;font-size:14px;border-radius:6px;border:1px solid #fff;height:42px;width:302px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;color:#fff;background-color:transparent;box-sizing:border-box;transition-duration:.2s;transition-property:border,background-color;overflow:hidden}.button.album{cursor:default;background-color:transparent}.button:hover{border:1px solid #f15b00;background-color:#555658;color:#fff}.button.album:hover{border:1px solid #fff;background-color:transparent}.google-photo{background-color:#fff}.gphoto-text{color:#000}.instagram-album{background-color:#3a75ea;display:flex;justify-content:start}.instagram-album p{width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instagram-album:hover{background-color:#6398e9}.button i{display:block;width:24px;height:24px;margin:0 10px;padding:0;transform:scale(.7)}.button i svg{fill:#fff}.auth-logo{width:96px;height:41px;background-image:url(/img/logo.png);background-repeat:no-repeat;background-size:96px 41px;margin:0 auto}.gphoto-album{position:relative;width:100%;height:100%}.gphoto-album-con{width:100%;height:calc(100% - 42px);overflow-y:scroll;overflow-x:hidden}.gphoto-album-foot{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between}.gphoto-album-bt{height:42px;display:flex;align-items:center;justify-content:start;background-color:transparent;transition-duration:.2s;transition-property:background-color,opacity;cursor:pointer;opacity:1;font-size:12px;flex-wrap:nowrap;padding:0 12px}.gphoto-album-bt-next{justify-content:end}.gphoto-album-bt:hover{background-color:#555658}.gphoto-album-bt span{font-style:normal;font-size:14px;font-weight:400}.gphoto-album-bt span{margin:0 8px 0 0}.gphoto-album-bt-next span{margin:0 0 0 8px}.gphoto-album-bt.disable{pointer-events:none;opacity:.2}.max-msg{display:flex;align-items:center;font-size:10px;color:#fff}.max-msg span{color:#f15b00;margin-left:4px}.gphoto-album-move{display:flex;flex-direction:column;width:100%;padding:8px 0}.album-list{height:40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;cursor:pointer;background-color:transparent;transition-duration:.2s;transition-property:background-color;padding:4px 8px}.album-list:hover{background-color:#555658}.album-list>i{height:40px;width:40px;display:block;margin:0;padding:0;background-size:cover;background-position:center;border-radius:8px}.album-list>i img{height:100%;width:100%;display:block;margin:0;padding:0}.album-list>p{width:calc(100% - 80px);font-size:13px;text-align:left;padding:0 8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.album-list>span{width:40px;font-size:10px;color:#f15b00;text-align:right;padding-right:4px}.check{font-size:12px;color:#ffffffb3;display:flex;justify-content:center;align-items:center}.check-dom{margin:0;padding:6px;display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;cursor:pointer}.check-dom:hover .check-box{background-color:#555658}.check-box{width:18px;height:18px;border-radius:8px;background-color:transparent;border:1px solid #fff;display:flex;justify-content:center;align-items:center;margin-right:6px;transition-duration:.2s;transition-property:background-color;box-sizing:border-box}.check-box>p{width:16px;height:16px;display:flex;justify-content:center;align-items:center}.check-box svg{width:16px;height:16px;fill:none;stroke:#f15b00;stroke-miterlimit:10;stroke-width:3px;stroke-dasharray:18;stroke-dashoffset:18;transition:stroke-dashoffset 0s}.check-box.active svg{transition:stroke-dashoffset .3s cubic-bezier(.596,.492,.01,1)}.check-box.on svg{stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.596,.492,.01,1)}.switch{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}.switch>p{font-size:12px;transition-duration:.2s;transition-property:color;padding:12px;font-weight:400}.switch-button{width:52px;background-color:transparent;height:26px;border-radius:15px;border:1px solid #fff;position:relative;transition-duration:.2s;transition-property:background-color;cursor:pointer}.switch-button:hover{background-color:#555658}.switch-button p{width:24px;height:24px;position:absolute;left:1px;top:1px;transition:transform .3s cubic-bezier(.596,.492,.01,1);transform:translate(26px);pointer-events:none}.switch-button p span{display:block;width:24px;background-color:#fff;height:24px;border-radius:12px;transition-duration:.12s;transition-property:width,transform;transition-timing-function:ease-out}.switch-button.active p{transition:transform .3s cubic-bezier(.596,.492,.01,1)}.switch-button:active p span{width:30px;transform:translate(-6px)}.high .switch-button:active p span{width:30px;transform:translate(0)}.switch-h{color:#fff}.switch-l,.high .switch-h{color:#f15b00}.high .switch-l{color:#fff}.high .switch-button p{transform:translate(0)}.loading{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;background-color:#000000e0}.g-loading{position:absolute;width:28px;height:28px;left:50%;top:50%;z-index:999;margin:-14px 0 0 -14px;animation:container-rotate 1568ms linear infinite}.msg-dialog{position:fixed;width:100%;height:100%;left:0;top:0;z-index:40000000;display:flex;justify-content:center;align-items:center}.msg-dialog-bg{position:absolute;z-index:400;left:0;top:0;width:100%;height:100%;background-color:#000000e0}.msg-dialog-box{position:relative;z-index:403;width:320px;border:1px solid #fff;background-color:#000;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;overflow:hidden;box-sizing:border-box}.msg-dialog-head{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between}.msg-dialog-head>h2{font-weight:400;font-size:18px;padding:0 0 0 16px}.msg-dialog-close{width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;margin:0 4px 0 0;color:#fff;transition-duration:.2s;transition-property:color}.msg-dialog-close:hover{color:#f15b00}.msg-dialog-con{padding:8px 16px;font-weight:500;font-size:14px}.msg-dialog-foot{width:100%;height:50px;display:flex;align-items:center;justify-content:center}.msg-dialog-ok{width:60px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition-duration:.2s;transition-property:color;color:#fff}.msg-dialog-ok:hover{color:#f15b00}.n-lk{position:absolute;width:100%;height:100%;opacity:0}.n-pe{border-color:#fff;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.n-Hk{border-color:#fff;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.n-Eo{border-color:#fff;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.n-Hn{border-color:#fff;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.n-Jb-Mi{position:absolute;width:50%;height:100%;top:0;overflow:hidden;border-color:inherit}.n-Jb-Mi.n-Lc{left:0}.n-Jb-Mi.n-vd{right:0}.n-En-ya{position:absolute;box-sizing:border-box;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.n-Ni{position:absolute;top:0;bottom:0;right:0;left:0}.n-Jb{box-sizing:border-box;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;animation:none}.n-Jb-Mi .n-Jb{width:200%}.n-En-ya .n-Jb{width:1000%;left:-450%}.n-Jb-Mi.n-Lc .n-Jb{border-right-color:transparent!important;transform:rotate(129deg);animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.n-Jb-Mi.n-vd .n-Jb{left:-100%;border-left-color:transparent!important;transform:rotate(-129deg);animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@keyframes container-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@keyframes blue-fade-in-out{0%{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes red-fade-in-out{0%{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes yellow-fade-in-out{0%{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes green-fade-in-out{0%{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes left-spin{0%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@keyframes right-spin{0%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}.debug{position:fixed;left:0;top:0;width:300px;height:400px;background-color:#fff;color:#000;font-size:12px;overflow-y:scroll;z-index:999999999}.debug-video{position:absolute;z-index:999999999;left:50%;top:50%;width:260px;height:40px;margin:-20px 0 0 -130px;background-color:red;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.list-selector{position:absolute;z-index:102;bottom:14px;left:20px;width:120px;cursor:pointer}.list-selector-con{text-align:center;font-weight:400;font-size:12px}.list-selector-arrow{position:absolute;z-index:103;left:0;top:15px;width:24px;height:14px}.list-selector-arrow svg{fill:#fff;margin-top:-5px;transform:scaleY(-1)}.list-selector-popup{text-align:center;font-weight:400;font-size:12px;position:absolute;z-index:104;bottom:60px;left:24px;width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;border:1px solid #fff;box-sizing:border-box;background-color:#000c;transform-origin:bottom center}.list-selector-popup-con{display:flex;flex-direction:column;padding:12px 8px}.list-selector-popup-item{position:relative;height:36px;padding-right:36px;text-align:left}.list-selector-popup-item i{cursor:pointer;width:36px;height:36px;position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:-4px;font-style:normal;font-weight:400}.list-selector-popup-item i:hover p{color:#f15b00;border-color:#f15b00}.list-selector-popup-item i p{transition-duration:.2s;transition-property:color,border-color;color:#fff;stroke-width:1.5px;width:20px;height:20px;padding:0;margin:0;font-style:normal;font-size:12px;border-radius:50%;border-style:dotted;border-width:1px;border-color:#fff;display:flex;align-items:center;justify-content:center}.list-selector-popup-item>p{cursor:pointer;padding:0 8px;height:100%;color:#fff;transition-duration:.2s;transition-property:color;line-height:36px}.list-selector-popup-item.on>p{color:#f15b00}.slider{position:absolute;z-index:102;right:0;top:0;width:60px;height:60px;cursor:move;cursor:grab}.slider-box{width:24px;height:24px;position:absolute;z-index:102;top:18px;right:6px}.slider:active{cursor:grabbing}.slider svg{fill:#f15b00;width:24px;height:24px;transition-duration:.2s;transition-property:fill;margin:0;padding:0}.slider:active svg{fill:#fff}#root.grab{cursor:grabbing}#root.grab .slider svg{fill:#fff}.label{position:absolute;z-index:101;left:0;top:0;pointer-events:none;margin-top:-22px;transform-origin:center bottom;width:1px;height:20px}.label p{display:block;color:#fff;font-size:18px;font-weight:400;position:absolute;left:0;top:0;transform:translate(-50%,-4px);white-space:nowrap;padding:4px 8px}.list-button{width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;bottom:20px;z-index:82;cursor:pointer}.caption{position:fixed;width:100%;height:100%;display:flex;z-index:105;left:0;top:0;align-items:center;justify-content:center;pointer-events:none;font-family:SUITE,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-size:14px;font-weight:400;line-height:1.8}.caption div{position:block;max-width:80%;pointer-events:none}.caption>div>span{font-size:14px;line-height:1.8;display:inline;pointer-events:none;color:#fff;padding:2px 4px;border-radius:4px;background-color:#000c;-webkit-box-decoration-break:clone;box-decoration-break:clone;word-wrap:break-word}.carousel-box{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;transform-origin:center;overflow:hidden}.carousel-item{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0}.ivideo-box{position:absolute;z-index:1;left:0;top:0;transform-origin:center;overflow:hidden}.ivideo-move,.ivideo-move div{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;transform-origin:center}.time-label{position:absolute;right:24px;top:24px;font-size:13px;font-weight:400;color:#fff;text-align:right;z-index:2}.ivideo-box video,.ivideo{position:absolute;z-index:1;left:0;top:0;width:100%!important;height:100%!important;transform-origin:center}.glc{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%}@media (max-height: 370px){#auth{align-items:start}.auth-con{margin-top:16px}.auth-buttons{gap:12px}}@media (max-width: 320px){.auth-con{width:calc(100% - 16px)}.auth-buttons,.button{width:100%}#auth{justify-content:center}#gphoto>div,#gphoto>div>div{width:100%}}@media (hover: hover) and (pointer: fine){.slider:hover svg{fill:#fff}}