.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}
*,: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}
@font-face{font-family:"glacial";src:url("/assets/fonts/glacial-indifference.regular.otf");font-weight:normal;font-style:normal}@font-face{font-family:"glacial";src:url("/assets/fonts/glacial-indifference.bold.otf");font-weight:bold;font-style:bold}body{font-family:"glacial",Arial,Helvetica,sans-serif}
body{margin:0}.site-nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:24px;padding:12px 24px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(0,0,0,.06)}.site-nav .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#2e323b;font-weight:600;font-size:14pt}.site-nav .brand img{height:28px}.site-nav nav{display:flex;gap:20px;margin-right:auto}.site-nav nav a{color:#4c5363;text-decoration:none;font-size:11pt}.site-nav nav a:hover,.site-nav nav a.active{color:#8323bf}.site-nav .cta{padding:8px 18px;border-radius:20px;background:#8323bf;color:#fff;text-decoration:none;font-size:11pt;white-space:nowrap}.site-nav .cta:hover{background:#6c1ba3}.site-nav .menu-toggle{display:none;border:none;background:none;font-size:18pt;color:#2e323b;cursor:pointer}@media(max-width: 720px){.site-nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.08)}.site-nav nav a{padding:14px 24px;border-top:solid 1px #eee}.site-nav.open nav{display:flex}.site-nav .menu-toggle{display:block}}.placeholder-page{max-width:720px;margin:15vh auto;padding:0 24px;text-align:center}.placeholder-page h1{font-size:24pt;color:#2e323b}.placeholder-page p{color:#4c5363;font-size:12pt}
.platforms-page{max-width:900px;margin:0 auto;padding:48px 24px}.platforms-page>h1{font-size:24pt;color:#2e323b;text-align:center;margin-bottom:8px}#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}}@media screen and (min-width: 360px){#ds-legend .icon,#ds-notes>div>span{width:40px;margin-right:16px;box-shadow:2px 3px 6px #f8f8f8}}@media screen and (min-width: 480px){#ds-legend .icon,#ds-notes>div>span{width:48px}}