.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}
main{text-align:left;max-width:1200px;margin:0 auto;padding:20px}main h1{text-align:center;color:#2e323b}main h2{margin:48px 0 8px;padding-top:24px;border-top:solid 1px #eee;font-size:16pt;color:#2e323b}main h2:first-of-type{border-top:none;padding-top:0}main section{max-width:760px;margin:24px 0}main h3{margin:0 0 6px;font-size:13pt;color:#2e323b}main p{color:#4c5363;line-height:1.5}main ul{color:#4c5363;line-height:1.5;padding-left:20px}main code{background:#f2f2f2;padding:1px 5px;border-radius:4px;font-size:.95em}main a{color:#8323bf}