.note-box{border-radius:5px;overflow:hidden;margin:10px auto}.note-box>div{background:#eee;border-left:solid 6px #444;color:#444;padding:15px 10px}.note-box .ok{background:#f2fae7;border-color:#50ae33;color:#509f38}.note-box .warn{background:#fcf9bf;border-color:#f8f022;color:#5b5d2a}.note-box .alert{background:#ffb6ad;border-color:#e52020;color:#731919}#task-bar{position:fixed;height:56px;left:8px;right:320px;bottom:8px;z-index:10001;transition:left .3s ease;display:flex;gap:8px;padding:4px;background:rgba(250,250,250,.7607843137);outline:solid 1px rgba(250,250,250,.8941176471);border-radius:16px;backdrop-filter:blur(4px);background:linear-gradient(0deg, #fefefe, rgba(254, 254, 254, 0.7490196078))}#task-bar .launch{background:var(--el-bg);border-radius:12px;width:48px;height:48px;line-height:48px;text-align:center;font-size:16px;color:var(--text-1)}#task-bar .el{background:var(--comp);outline:solid 1px var(--comp);border-radius:12px;width:48px;height:48px;line-height:48px;text-align:center;font-size:24px;color:var(--text-2)}#task-bar .el.min{opacity:.5;background:rgba(231,231,231,.496);outline-color:#cacaca}#task-bar .el.active{background:var(--accent);outline-color:--accent-active}#task-bar .el.min-animation{animation:taskbarMinAnimation .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}#task-bar .el.un-min-animation{animation:taskbarUnMinAnimation .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes taskbarMinAnimation{0%{transform:translateY(0)}20%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes taskbarUnMinAnimation{0%{transform:translateY(0)}20%{transform:translateY(-10px)}100%{transform:translateY(0)}}.sf-sp,.sf-sp-h{padding-left:10px;padding-right:10px}.sf-sp-f{padding:10px}.sf-sp-v{padding-top:10px;padding-bottom:10px}@media screen and (min-width: 480px){.sf-sp,.sf-sp-h{padding-left:18px;padding-right:18px}.sf-sp-f{padding:18px}.sf-sp-v{padding-top:18px;padding-bottom:18px}}@media screen and (min-width: 800px){.sf-sp,.sf-sp-h{padding-left:24px;padding-right:24px}.sf-sp-f{padding:24px}.sf-sp-v{padding-top:24px;padding-bottom:24px}}@media screen and (min-width: 1200px){.sf-sp,.sf-sp-h{padding-left:30px;padding-right:30px}.sf-sp-f{padding:30px}.sf-sp-v{padding-top:30px;padding-bottom:30px}}#top-content .tools .custom-select{position:relative;width:140px;font-family:Arial,sans-serif}#top-content .tools .custom-select .select-btn{width:100% !important;padding:10px;font-size:16px;cursor:pointer;display:flex;align-items:center;position:relative;background:var(--el-bg);border-radius:8px;border:solid 1px var(--el-border);box-shadow:0 2px 8px rgba(0,0,0,.0117647059);transition:none}#top-content .tools .custom-select .select-btn .arrow{position:absolute;right:8px;transition:transform .3s ease}#top-content .tools .custom-select .options-list{list-style:none;margin:0;padding:0;position:absolute;width:100%;background:var(--el-bg);border:solid 1px var(--el-border);border-top:none;border-radius:0 0 8px 8px;display:none;box-shadow:0 2px 8px rgba(0,0,0,.0117647059)}#top-content .tools .custom-select .option{display:flex}#top-content .tools .custom-select .option:hover{background:rgba(229,247,255,.4509803922)}#top-content .tools .custom-select .option>button{display:block;padding:10px;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:0;height:unset;background:rgba(0,0,0,0)}#top-content .tools .custom-select .option>button:hover{background:#e4f7ff}#top-content .tools .custom-select .option>button:first-child{width:0;flex-grow:1}#top-content .tools .custom-select.open .select-btn{border-radius:8px 8px 0 0}#top-content .tools .custom-select.open .select-btn .arrow{transform:rotate(180deg)}#top-content .tools .custom-select.open .options-list{display:block}.dev-pointer{position:fixed;width:10px;height:10px;border:solid 2px red;border-radius:50%;background:rgba(255,0,0,.6666666667);pointer-events:none;z-index:10002}
@font-face{font-family:"glacial";src:url("../fonts/glacial-indifference.regular.otf");font-weight:normal;font-style:normal}@font-face{font-family:"glacial";src:url("../fonts/glacial-indifference.bold.otf");font-weight:bold;font-style:bold}*,:after,:before{box-sizing:border-box}#uploads{display:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.pd{padding:25px}#top-content{position:sticky;top:0;z-index:10;width:100%;margin-bottom:16px;background:var(--area-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:solid 1px var(--area-border);transition:padding .3s ease,border-color .5s ease,background-color .5s ease}#top-content.no-bg{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}svg.circle-progress circle{fill:none}svg.circle-progress.dw1{width:43px;height:42px}svg.circle-progress.dw1 circle.bg{stroke:var(--el-border);stroke-width:1px;transition:stroke .2s ease}svg.circle-progress.dw1 circle.meter{transform:rotate(-90deg);transform-origin:21px 21px;stroke:#6e6;stroke-width:1px;transition:stroke .2s ease;stroke-linecap:round}#top-content .tools{display:flex;padding-bottom:8px;gap:8px}#top-content .tools button{height:30px;width:32px;text-align:center;background:var(--el-bg);border:none;margin:0;border-radius:16px;transition:background-color .2s ease,border-radius .3s ease;padding:0;color:var(--text-1)}#top-content .tools button:hover{background-color:var(--el-bg-h);border-radius:7px}#top-content .tools button:disabled{background-color:var(--el-bg);opacity:.5;color:var(--text-2)}#top-content .tools>div{display:flex;width:min-content;align-items:center}#top-content .tools>button,#top-content .tools>div{height:32px;background:var(--el-bg);border-radius:8px;border:solid 1px var(--el-border);box-shadow:0 2px 8px rgba(0,0,0,.0117647059)}#top-content .tools>button.labled{width:unset;padding:0 8px}body ::-webkit-scrollbar{width:5px}#left-area .scroll::-webkit-scrollbar{width:5px}#left-area .feed .scroll::-webkit-scrollbar{padding-bottom:40px}body ::-webkit-scrollbar-track,#left-area .scroll::-webkit-scrollbar-track{background-color:rgba(228,228,228,.1098039216);border-radius:100px}body ::-webkit-scrollbar-thumb{border-radius:100px;background-clip:content-box;background-color:#7e899b}#left-area .scroll::-webkit-scrollbar-thumb{border-radius:100px;background-clip:content-box;background-color:#7e899b;background-color:#7e899b}#left-area .scroll{scrollbar-color:rgba(228,228,228,.1098039216) #7e899b;scrollbar-width:thin}
html{scroll-behavior:smooth}.pd{padding:8px}.pd-h{padding-left:8px;padding-right:8px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff}main section h1{font-size:28pt;text-align:center}main section h2{font-size:24pt;text-align:center}main section h3{font-size:20pt}.main>div>div{display:flex;justify-content:center;align-items:center;max-width:900px}.main>div>div,#box{transition:max-width .45s ease}#features>div{padding-top:64px;padding-bottom:64px;margin-left:auto}#login>div{margin-right:auto}#features .content{width:100%;max-width:440px}#features h1{color:#10151e;-webkit-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(at 70%, at 20%, #ee9267 0, #e26475 50%, #8b43c5 120%);background-image:radial-gradient(at 70% 20%, #ee9267 0%, #e26475 50%, #8b43c5 120%);font-size:18pt;margin:0}#features .split{display:flex}#features .split>h2{width:0;flex-grow:1;font-size:16pt;font-weight:bold;margin-top:15px;margin-bottom:10px}#features .split>h2:first-child{color:#a55cd1}#features .split>h2:last-child{color:#fb9c7f;text-align:right}#features .left{width:50%}#features .right{width:50%;margin-left:auto}#features .center{width:50%;margin:0 auto;text-align:center}#features a{box-sizing:border-box;display:block;margin:10px 0;padding-top:10px;padding-bottom:10px;background:#eb9d88;text-decoration:none;color:#fff;text-shadow:0 1px 6px rgba(15,15,15,.1490196078);border-radius:25px}#features a.tools,#features a.notes{background:#fac282;background:linear-gradient(12deg, #f7c079, #f3d572);box-shadow:2px 1px 15px rgba(255,238,170,.2)}#features a.share,#features a.photos{background:#6ecb97;background:linear-gradient(12deg, #6ecb97, #6ecbb7);box-shadow:2px 1px 15px rgba(227,255,207,.2)}#features a.device-transfer,#features a.photography{background:#79d0e5;background:linear-gradient(12deg, #73c3db, #7ddef0);box-shadow:2px 1px 15px rgba(203,234,255,.2)}#features a.music{background:#f16657;background:linear-gradient(12deg, #f16e57, #ff8763);box-shadow:2px 1px 15px rgba(255,169,154,.2)}#features a.cinema{background:#9a2a2a;background:linear-gradient(12deg, #9a2a2a, #af3f31);box-shadow:2px 1px 15px rgba(255,131,131,.2)}#features a.education{background:#4c8d63;background:linear-gradient(12deg, #498b61, #4e9567);box-shadow:2px 1px 15px rgba(148,217,172,.2)}main section{padding-top:60px;max-width:800px;margin:0 auto}section .cnter-half{max-width:420px;margin:0 auto}#ds{max-width:736px;color:#3e4045}#ds>*{margin:56px 0}#ds-tb>.ds-col>div:first-child,#ds .cat{font-weight:bold;color:#474747}#ds .sub{padding-left:16px;color:#555c6c}#ds>h2{color:#81d3e3;text-align:left}#ds-tb{display:flex}#ds-tb>.ds-col{width:48px;text-align:center;font-size:10pt}#ds-tb>.ds-col.no-mobile,#ds-tb>.ds-col.no-tablet{display:none}#ds-tb>.ds-col:first-child{width:0;flex-grow:1;text-align:left;font-size:11pt}#ds-tb>.ds-col>div{position:relative;height:36px;line-height:36px;border-bottom:solid 1px #e7edf0}#ds-tb>.ds-col>div:first-child{padding:4px 0;height:56px;line-height:unset;border-bottom:solid 1px #dff3ff}#ds-tb>.ds-col>div>span{position:absolute;bottom:2px;right:2px;line-height:10px}#ds-tb>.ds-col>div>span>span{color:#868686;background:hsla(0,0%,100%,.6980392157);margin:0 2px;padding:0 2px;border-radius:6px}#ds-tb i{font-size:14pt;line-height:36px}#ds-tb>.ds-col>div:first-child i{font-size:14pt;line-height:28px}.ds-null{background-color:#fff}.ds-no,.ds-no-soft{color:#ffaa95;background-color:snow}.ds-no-soft{color:#ffc7a7}.ds-plan{color:#cde1e4}.ds-dev{color:#88dee4;background-color:#f5fcfc}.ds-partial{color:#ffd95b;background-color:#fffef5}.ds-ok{color:#8de06f;background-color:#f6fef3}#ds .fa-android{color:#8de06f}#ds .fa-apple{color:#969696}#ds .fa-windows,#ds .fa-globe{color:#89d1e7}#ds-legend>div,#ds-notes>div{display:flex}#ds-legend .icon,#ds-notes>div>span{display:block;text-align:center;font-weight:bold;width:32px;border-radius:8px;border-bottom:solid 1px #e7edf0;box-shadow:1px 2px 6px #f2f2f2;margin-right:12px}#ds-legend>div .icon>i{line-height:32px !important}#ds-legend>div{margin:14px 0;align-items:center}#ds-legend .icon{height:32px;line-height:32px}#ds-legend>div>p{width:0;flex-grow:1;margin:0;color:#575757}#ds-notes>div{align-items:flex-start;margin:12px 0}#ds-notes>div>div{width:0;flex-grow:1;color:#8e9297;font-size:11pt;padding:2px 0}#ds-notes>div>span{padding:2px 0;color:#b6c0c2;background:#f2f8f8}#ds-notes p{margin:0}#ds-notes ul{padding-left:16px;margin:4px 0}@media screen and (min-width: 380px){#ds-tb>.ds-col{width:56px}}@media screen and (min-width: 500px){#ds-tb>.ds-col.no-mobile{display:block}#ds-tb>.ds-col.no-tablet{display:none}#ds-tb>.ds-col{width:60px}}@media screen and (min-width: 600px){#ds-tb>.ds-col.no-tablet{display:block}}@media screen and (min-width: 650px){#ds-tb>.ds-col{width:64px}}@media screen and (min-width: 680px){#ds-tb>.ds-col{width:72px}}#creators h1{text-align:center}#creators img{width:100%;height:320px;background:#fcf9e8;border-radius:64px}#tools h1{text-align:center}#tools .desc{text-align:center}#tools .tools{display:flex;position:relative}#tools .description{flex-grow:1;width:0;order:0}#tools .image{flex-grow:1;width:0;order:1}#tools button{border-radius:16px;height:16px;width:16px;top:45%}#tools button.previous{left:-8px}#tools button.next{right:-8px}#login{background:#d8e1eb;background:linear-gradient(16deg, #e5ecf8 0%, #d9e3ed 100%);background-image:url("/assets/img/welcome/sky.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .05s linear}#login>div{min-height:80vh}#box{max-width:360px;width:100%;position:relative}#box>img{position:absolute;left:0;top:-40px;background:#fff;padding:14px;border-radius:24px;width:80px;height:80px;z-index:2}#cross-user{display:flex;position:absolute;width:unset;top:-40px;height:80px;left:96px;right:0;z-index:5;align-items:center;padding:10px;border-radius:24px;text-align:left;background:#fff;color:#1a2c3b;font-weight:bold;font-size:14pt;transition:none}#cross-user>img{width:56px;margin-right:10px}#cross-user>div{flex:1 1}#cross-user span{font-size:9pt;font-weight:normal;color:#263746}#login-content{position:relative;overflow:hidden;background:rgba(247,238,230,.8);border-radius:24px;box-shadow:1px 3px 25px rgba(0,0,0,.0235294118);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);height:302px}#box .tab{z-index:2;position:absolute;top:0;left:0;width:100%;transition:all .5s ease;opacity:.25}#login-content h2{white-space:nowrap;margin:16px 0;margin-left:94px;line-height:24px;font-weight:bold;color:rgba(252,175,150,.5098039216);opacity:0;transition:opacity 1.2s ease}#login-content #form h2{font-size:36pt;transform:translateY(-5px)}#login-content #server-list h2{font-size:18pt;transform:translateY(2px)}@media screen and (min-width: 335px){#login-content #form h2{font-size:42pt;transform:translateY(-8px)}}@media screen and (min-width: 380px){#login-content #server-list h2{font-size:27pt;transform:translateY(-1px)}}#login-content .tab>p{margin:8px 0;line-height:24px;text-align:center;color:#497b97;font-weight:bold;font-size:11pt;transition:opacity .8s ease}#login-content .tab>p>i{width:16px;text-align:center;display:inline-block}#login-content .tab>h2,#login-content .tab>p{opacity:.3}#login-content .tab.active>h2,#login-content .tab.active>p{opacity:1}#form{transform:translateX(-120%)}#server-list{transform:translateX(120%)}#form.active,#server-list.active{transform:translateX(0);opacity:1}#box .tab>div{height:206px;position:relative;z-index:3;background:#fcfcfd;border-radius:24px;padding:16px}#server-list>div{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:16px;grid-gap:16px;align-items:start;align-content:center}#server-list .server{position:relative;height:70px;padding:8px 6px;padding-right:0;background:#eddab6;border-radius:8px;transition:all .2s ease;font-size:11pt;line-height:20px}#server-list .server.ok{background:#ccefec}#server-list .server.error{background:#ffe3e3}#server-list .server span{opacity:.6;font-size:9pt;display:block;line-height:18px;overflow:hidden;text-wrap:nowrap}#server-list .server span.id{position:absolute;right:8px;top:4px;opacity:.15;font-size:18pt;font-weight:bold;line-height:unset}#server-list .server i{width:18px;text-align:center}#server-list .server>div{display:flex;flex-wrap:nowrap}#server-list .server>div>span{width:50%;max-width:68px}#login input,button,span.psw{font-size:14px;margin:0;margin-bottom:16px}#login input{width:100%;padding:8px 16px;line-height:20px;display:inline-block;border:1px solid #e9f3f3;box-sizing:border-box;background:#fff;border-radius:8px}#form input::placeholder{color:#a4b1c0;opacity:1}#form input:-ms-input-placeholder{color:#a4b1c0}#form input::-ms-input-placeholder{color:#a4b1c0}button{background-color:#6bc2e1;color:#fff;padding:8px 16px;line-height:20px;border:none;cursor:pointer;width:100%;border-radius:8px;transition:.6s ease-in}button.ok{background-color:#c8f9c8;border-radius:16px;color:#2d3e2d}span.psw{display:block;color:#262c31;text-align:center}span.psw a{color:#e38d87}@media screen and (max-width: 300px){span.psw{display:block;float:none}}#music>h1{text-align:center;color:#10151e;-webkit-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(at 80%, at 20%, #ffa395 0, #fd6459 60%, #f53a3a 130%);background-image:radial-gradient(at 80% 20%, #ffa395 0%, #fd6459 60%, #f53a3a 130%);margin:0}#music-switch{margin-top:40px}#music-switch>h2,#music-switch .content p{text-align:center}#music-switch .graphics{margin:0 auto;width:240px;height:240px;border-radius:16px;background:#fdada7;background:linear-gradient(345deg, #ffada7, #ffd0c9)}#music-switch .content{flex:1 1}#music-switch .content p{padding:20px 0}footer{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}footer>p{font-weight:normal;position:absolute;left:0;bottom:-32px;opacity:0;width:100%;text-align:center;color:#c0d2ee;transition:all .6s ease;font-size:10pt}footer.bottom>p{bottom:0;opacity:1}footer>p>a{color:#cbc2e6;white-space:nowrap}footer .text{text-align:center}footer h1{margin-bottom:30px;color:#373737;transition:color .5s ease}footer.bottom h1{color:#ee694b}footer.color h1{color:hsla(0,0%,100%,.3803921569)}footer button{width:unset;display:inline-block;padding:15px 30px;border-radius:25px;background:#373737;color:#fff;text-decoration:none;transition:background-color .35s ease;font-weight:bold}footer.bottom button{background:#ee694b}footer.color button{background:rgba(164,95,255,.4666666667)}footer picture{width:100%;position:absolute;left:0;bottom:-64px;right:0;z-index:-1;transition:bottom .3s ease,transform .5s ease}footer.bottom picture{bottom:0}footer.color picture{bottom:0;transform:scale(1.1)}footer img{width:100%;display:block}footer #gd-sc,footer #gd-cl{position:absolute;width:100%;height:100%;bottom:0;z-index:-2;transition:opacity .6s linear;opacity:0}footer #gd-sc{background:linear-gradient(to top, #b1efff, #ffffff)}footer.bottom #gd-sc{opacity:1}footer.color #gd-sc{opacity:.8}footer.color #gd-cl{opacity:.45}@media screen and (min-width: 280px){.pd{padding:16px}.pd-h{padding-left:16px;padding-right:16px}#features h1{font-size:20pt}#features .split>h2{font-size:18pt}footer>p{font-size:11pt}}@media screen and (min-width: 320px){.pd{padding:18px}.pd-h{padding-left:18px;padding-right:18px}#features h1{font-size:22pt}#features .split>h2{font-size:18pt}}@media screen and (min-width: 360px){.pd{padding:20px}.pd-h{padding-left:20px;padding-right:20px}#features h1{font-size:24pt}#ds-legend .icon,#ds-notes>div>span{width:40px;margin-right:16px;box-shadow:2px 3px 6px #f8f8f8}}@media screen and (min-width: 480px){.pd{padding:24px}.pd-h{padding-left:24px;padding-right:24px}#ds-legend .icon,#ds-notes>div>span{width:48px}}@media screen and (min-width: 600px){#music-switch>h2,#music-switch .content p{text-align:left}#music-switch .flex{display:flex;gap:20px;align-items:center}#music-switch .graphics{margin:0}#music-switch .content p{max-width:420px}}@media screen and (min-width: 768px){section.main{display:flex;align-items:stretch}#features{width:0;flex-grow:1;order:0;display:flex;align-items:center}#features>div{width:100%}#login{width:0;flex-grow:1;order:1}.main #login>div{min-height:100vh;min-height:100dvh}#features .content{max-width:440px}}@media screen and (min-width: 1900px){.main>div>div{max-width:600px}#box{max-width:440px}}@-webkit-keyframes jumbo{from{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@keyframes jumbo{from{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.jumbo{position:absolute;--stripes: repeating-linear-gradient(100deg, #fff 0%, #fff 7%, transparent 10%, transparent 12%, #fff 16%);--rainbow: repeating-linear-gradient(100deg, #60e3fa 10%, #f197ff 15%, #95c0ff 20%, #958eff 25%, #60e3fa 30%);background-image:var(--stripes),var(--rainbow);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) invert(100%);-webkit-mask-image:radial-gradient(ellipse at 50% 100%, black 40%, transparent 70%);mask-image:radial-gradient(ellipse at 50% 100%, black 40%, transparent 70%);pointer-events:none;inset:0}.jumbo::after{content:"";position:absolute;inset:0;background-image:var(--stripes),var(--rainbow);background-size:200%,100%;-webkit-animation:jumbo 60s linear infinite;animation:jumbo 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference}