:root{--bg:#fff;--band:#f5f5f7;--rail:#fbfbfd;--fill:#e8e8ed;--fill-2:#f5f5f7;--ink:#1d1d1f;--ink-2:#6e6e73;--mute:#86868b;--line:#d2d2d7;--hair:#00000014;--blue:#0071e3;--blue-h:#0077ed;--link:#06c;--green:#34c759;--ok:#248a3d;--bad:#d70015;--orange:#ff9f0a;--acc:#1d1d1f;--acc-h:#000;--tint:#0000000d;--sel:#0000000f;--gen:#1d1d1f;--gen-h:#000;--gen-tint:#0000000d;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--r:20px;--r-lg:20px;--r-sm:10px;--fs-1:32px;--fs-2:20px;--fs-3:16px;--fs-4:13px;--top-h:52px;--shadow-1:0 1px 2px #0000000a, 0 8px 24px #0000000f;--shadow-2:0 2px 8px #0000000f, 0 24px 60px #0000001f;--ease-in:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.2, .9, .3, 1);--t1:.18s;--t2:.3s;--t3:.45s;--stagger:40ms;--pad:clamp(1.2rem, 4vw, 3rem);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #0071e399}::selection{background:#0071e32e}[hidden]{display:none!important}.display{letter-spacing:0;text-wrap:balance;font-weight:600;line-height:1.25}.two span,.muted{color:var(--ink-2)}.btn{background:var(--acc);color:#fff;white-space:nowrap;transition:background var(--t1), transform var(--t1) var(--ease-io);border-radius:980px;justify-content:center;align-items:center;gap:.4rem;padding:.56rem 1.15rem;font-size:16px;line-height:1.2;display:inline-flex}.btn:hover{background:var(--acc-h);text-decoration:none}.btn:active{transform:scale(.97)}.btn.lg{padding:.78rem 1.6rem}.btn.sm{padding:.3rem .8rem;font-size:13px}.btn.gray{background:var(--fill-2);color:var(--ink)}.btn.gray:hover{background:var(--fill)}.btn.gen{background:var(--gen)}.btn.gen:hover{background:var(--gen-h)}.btn:disabled{opacity:.4;cursor:default;transform:none}.more{color:var(--link);white-space:nowrap}.more:after{content:" ›"}.reveal{opacity:0;transition:opacity var(--t3) var(--ease-in) var(--d,0s), transform var(--t3) var(--ease-in) var(--d,0s);transform:translateY(12px)}.reveal.in{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #0000001f;border-top-color:var(--acc);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.wdot{background:var(--ink);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.ring{z-index:3;width:36px;height:36px;color:var(--ink);background:#f5f5f7e6;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.8rem;right:.8rem}.ring svg{width:36px;height:36px}.ring .t{stroke:#0000001f;stroke-width:2px}.ring .p{stroke:var(--ink);stroke-width:2px;transform-origin:50%;transform:rotate(-90deg)}.ring .pause{stroke-width:2.4px}.ring .play{fill:currentColor;stroke:none;display:none}.ring.paused .play{display:block}.ring.paused .pause{display:none}.top{view-transition-name:topbar}@media (width>=861px){.rail{view-transition-name:rail}}html.vt-feed .top,html.vt-feed .composer,html.vt-feed .rail{view-transition-name:none}::view-transition-group(*){animation-duration:.3s;animation-timing-function:cubic-bezier(.2,.9,.3,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.9,.3,1)}html.vt-fade::view-transition-old(root){animation-name:vtOut}html.vt-fade::view-transition-new(root){animation-name:vtIn}@media (width<=720px){html.vt-push::view-transition-old(root),html.vt-push::view-transition-new(root),html.vt-pop::view-transition-old(root),html.vt-pop::view-transition-new(root){mix-blend-mode:normal;animation-duration:.32s}html.vt-push::view-transition-old(root){animation-name:vtBehindL}html.vt-push::view-transition-new(root){animation-name:vtFromR}html.vt-pop::view-transition-old(root){z-index:2;animation-name:vtToR}html.vt-pop::view-transition-new(root){z-index:1;animation-name:vtBehindR}}@media (width>=721px){html.vt-push::view-transition-old(root),html.vt-pop::view-transition-old(root){animation-name:vtOut}html.vt-push::view-transition-new(root),html.vt-pop::view-transition-new(root){animation-name:vtIn}}@keyframes vtOut{to{opacity:0}}@keyframes vtIn{0%{opacity:0;transform:translateY(8px)}}@keyframes vtFromR{0%{transform:translate(100%)}}@keyframes vtToR{to{transform:translate(100%)}}@keyframes vtBehindL{to{opacity:.6;transform:translate(-28%)}}@keyframes vtBehindR{0%{opacity:.6;transform:translate(-28%)}}::view-transition-group(film-hero){border-radius:20px;animation-duration:.38s;overflow:hidden}::view-transition-old(film-hero),::view-transition-new(film-hero){object-fit:cover;width:100%;height:100%}.loadbar{z-index:100;background:var(--ink);transform-origin:0;pointer-events:none;opacity:0;height:2px;transition:opacity .25s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.loadbar.on{opacity:1;animation:6s cubic-bezier(.1,.7,.2,1) forwards loadGrow}.loadbar.done{opacity:0}@keyframes loadGrow{to{transform:scaleX(.92)}}.sheet-scrim{z-index:72;animation:fade var(--t2) both;background:#00000052;position:fixed;inset:0}.sheet-scrim.out{animation:fadeOutS var(--t1) forwards}.osheet{z-index:73;left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));overscroll-behavior:contain;max-height:82dvh;box-shadow:var(--shadow-2);animation:sheetUp var(--t2) var(--ease-spring) both;background:#fff;border-radius:20px;padding:.45rem .45rem .5rem;position:fixed;overflow:auto}.osheet.out{animation:sheetDown var(--t1) var(--ease-io) forwards}@media (width>=721px){.osheet{width:380px;bottom:1.2rem;left:50%;right:auto;translate:-50%}}.osheet .grab{background:var(--line);border-radius:3px;width:36px;height:5px;margin:.25rem auto .5rem;display:block}.osheet-h{padding:.2rem .8rem .5rem}.osheet-h b{font-size:16px;font-weight:600;line-height:1.35;display:block}.osheet-h small{color:var(--ink-2);margin-top:.15rem;font-size:13px;line-height:1.45;display:block}.osheet hr{border:0;border-top:1px solid var(--hair);margin:.3rem .7rem}.osheet-i{text-align:left;width:100%;color:var(--ink);border-radius:10px;align-items:center;gap:.75rem;padding:.78rem .8rem;font-size:16px;display:flex}.osheet-i:active,.osheet-i:hover{background:var(--band)}.osheet-i[disabled]{opacity:.4;pointer-events:none}.osheet-i.danger{color:var(--bad)}.osheet-i .ic{background:var(--band);width:32px;height:32px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.osheet-i .ic svg{width:17px;height:17px}.osheet-i img{object-fit:cover;background:var(--band);border-radius:6px;flex:none;width:32px;height:40px}.osheet-i .t{flex:1;gap:.1rem;min-width:0;display:grid}.osheet-i .t small{color:var(--ink-2);font-size:13px;line-height:1.4}.osheet-i .ck{width:18px;height:18px;color:var(--ink);opacity:0;stroke-width:2.4px}.osheet-i[aria-checked=true]{font-weight:600}.osheet-i[aria-checked=true] .ck{opacity:1}.osheet-x{width:100%;color:var(--ink);background:var(--band);border-radius:10px;margin-top:.3rem;padding:.75rem;font-size:16px;font-weight:500}@keyframes sheetUp{0%{transform:translateY(110%)}}@keyframes sheetDown{to{transform:translateY(110%)}}@keyframes fade{0%{opacity:0}}@keyframes fadeOutS{to{opacity:0}}a,button,[role=button],summary{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}body.reduced *,body.reduced :before,body.reduced :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}body.reduced .reveal{opacity:1;transform:none}.login{z-index:10;background:var(--band);place-items:center;padding:6vh 1rem;display:grid;position:fixed;inset:0;overflow:auto}.login-box{text-align:center;width:min(440px,100%);animation:fadeUp var(--t2) var(--ease-in) both .1s;transition:opacity .45s var(--ease-io), transform .45s var(--ease-io)}.logo{font-weight:700;font-size:var(--fs-3);letter-spacing:.02em;color:var(--ink);white-space:nowrap}.logo span{color:var(--ink-2);letter-spacing:.04em;margin-left:.4em;font-weight:500}.logo:hover{text-decoration:none}.login h1{font-size:var(--fs-1);margin:1.6rem 0 .5rem}.login .sub{color:var(--ink-2);margin:0 0 1.8rem}.fields{text-align:left;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-1);background:#fff;position:relative;overflow:hidden}.field{display:block;position:relative}.field+.field{border-top:1px solid var(--line)}.field input{background:0 0;border:0;outline:0;width:100%;padding:1.55rem 3.6rem .5rem 1rem;font-size:16px}.field span{color:var(--mute);pointer-events:none;transition:transform var(--t1) var(--ease-in), font-size var(--t1);transform-origin:0 0;font-size:16px;position:absolute;top:1.05rem;left:1rem}.field input:focus+span,.field input:not(:placeholder-shown)+span{font-size:13px;transform:translateY(-.6rem)}.field:focus-within{border-radius:var(--r-sm);box-shadow:inset 0 0 0 2px #1d1d1f8c}.go-arrow{width:32px;height:32px;color:var(--mute);border:1.5px solid var(--line);transition:color var(--t1), border-color var(--t1), background var(--t1);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.7rem;right:.7rem}.go-arrow svg{width:16px;height:16px}.login .links{gap:.45rem;margin:1.4rem 0 0;font-size:13px;display:grid}.login{grid-template-rows:1fr auto}.login-box{align-self:center}.login-foot{text-align:center;color:var(--mute);margin:1.6rem 0 0;font-size:13px}.login .out{margin:.9rem 0 0;font-size:13px}.login .out.err{color:var(--bad)}.login .out.ok{color:var(--ok)}.login .fields+.fields{margin-top:.8rem}.join-steps{align-items:center;gap:.35rem;margin:0 0 .9rem;display:flex}.join-steps i{background:var(--line);height:3px;transition:background var(--t1);border-radius:2px;flex:1}.join-steps i.on{background:var(--acc)}.join-steps small{color:var(--mute);margin-left:.3rem;font-size:13px}.jstep{text-align:left;gap:.6rem;display:grid}.jstep .fields+.fields{margin-top:.2rem}.jcode{align-items:stretch;display:flex}.jcode .field{flex:1}.jresend{color:var(--link);border-left:1px solid var(--line);flex:none;padding:0 1rem;font-size:13px}.jresend:disabled{color:var(--mute)}.jsent{color:var(--ink-2);margin:0;font-size:13px}.jback{color:var(--ink-2);justify-self:start;font-size:13px}.login-box .go{background:var(--acc);color:#fff;border-radius:10px;width:100%;margin-top:.9rem;padding:.75rem;font-size:16px;font-weight:500}.login-box .go:disabled{opacity:.5}@keyframes popIn{0%{opacity:0;translate:0 6px;scale:.98}}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.app[data-anon]{grid-template-columns:1fr}.app[data-anon] .only-user,.app:not([data-anon]) .only-anon{display:none!important}.rail{background:var(--rail);border-right:1px solid var(--hair);z-index:30;flex-direction:column;gap:.2rem;height:100vh;padding:1rem .7rem;display:flex;position:sticky;top:0}.app[data-anon] .rail{display:none}.rail>.logo{padding:.35rem .7rem 1.1rem}.rail-nav{gap:.1rem;display:grid}.rail-nav a,.rail-recent a{color:var(--ink);border-radius:10px;align-items:center;gap:.65rem;padding:.5rem .7rem;font-size:16px;display:flex}.rail-nav a:hover,.rail-recent a:hover{background:#0000000a;text-decoration:none}.rail-nav a.on{background:#0000000f;font-weight:600}.rail-nav a svg{color:var(--ink-2)}.rail-nav a.on svg{color:var(--ink)}.rail-h{color:var(--mute);margin:1.3rem .7rem .3rem;font-size:13px;font-weight:600}.rail-recent{flex:1;align-content:start;gap:.1rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.rail-recent a{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:.05rem .6rem;padding:.4rem .55rem;display:grid}.rail-recent .rc{background:center / cover var(--fill-2);width:26px;height:35px;box-shadow:inset 0 0 0 1px var(--hair);border-radius:6px;grid-row:1/3;position:relative}.rail-recent .rc .dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--rail);position:absolute;bottom:-3px;right:-3px}.rail-recent .rc .dot.run,.rail-recent .rc .dot.queue{background:var(--rail)}.rail-recent b{white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.rail-recent small{color:var(--mute);white-space:nowrap;grid-column:2;min-width:0;font-size:11px;line-height:1.4;display:flex}.rail-recent small .tm{text-overflow:ellipsis;min-width:0;overflow:hidden}.rail-recent small .sp{font-variant-numeric:tabular-nums;flex:none}.rail-recent .empty{color:var(--mute);padding:.4rem .7rem;font-size:13px}.dot{background:var(--line);border-radius:50%;justify-self:center;width:9px;height:9px}.dot.run{border:2px solid #00000026;border-top-color:var(--ink);background:0 0;animation:1.1s linear infinite spin}.dot.queue{border:2px solid var(--ink);background:0 0}.dot.idle{background:var(--ink)}.dot.awaiting,.dot.paused{background:var(--orange)}.dot.done{background:var(--green)}.dot.failed{background:var(--bad)}.rail-q{color:var(--mute);text-align:left;margin:.2rem .7rem .4rem;padding:0;font-size:13px}.rail-q:hover{color:var(--ink)}.rail-me{border-top:1px solid var(--hair);padding-top:.5rem;position:relative}.rail-pts{width:100%;color:var(--ink-2);border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .7rem;font-size:13px;display:flex}.rail-pts:hover,.rail-pts[aria-expanded=true]{background:#0000000a}.rail-pts b{color:var(--ink);font-weight:600}.rail-pts.bump{animation:bump .5s var(--ease-in)}.me-btn{text-align:left;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.5rem .55rem;font-size:13px;display:flex}.me-btn:hover{background:#0000000a}.me-btn b{flex:1;min-width:0;font-weight:500}.me-btn small{color:var(--mute);font-size:13px;font-weight:400;display:block}.avatar{color:#fff;background:var(--ink);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid;position:relative}.avatar[data-warn]:after{content:"";border:2px solid var(--rail);background:var(--orange);border-radius:50%;width:9px;height:9px;position:absolute;top:-1px;right:-1px}.me-menu{z-index:40;border:1px solid var(--hair);box-shadow:var(--shadow-2);animation:popIn var(--t1) var(--ease-in) both;background:#fff;border-radius:10px;padding:.35rem;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.me-menu a,.me-menu button{color:var(--ink);text-align:left;border-radius:10px;padding:.5rem .7rem;font-size:13px}.me-menu a:hover,.me-menu button:hover{background:var(--band);text-decoration:none}.me-menu hr{border:0;border-top:1px solid var(--hair);margin:.25rem .3rem}.fb-dot{background:var(--bad);border-radius:50%;flex:none;width:8px;height:8px}.me-menu [data-feedback]{align-items:center;gap:.45rem;display:flex}#railBtn{position:relative}#railBtn .fb-dot{position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #fff}.rail-anon{border-top:1px solid var(--hair);color:var(--ink-2);gap:.6rem;padding:.9rem .7rem .3rem;font-size:13px;display:grid}.rail-anon p{margin:0;line-height:1.5}.stage{flex-direction:column;min-width:0;display:flex}.top{z-index:25;height:52px;padding:0 var(--pad);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hair);background:#fffc;align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.top .logo{display:none}.app[data-anon] .top .logo{display:inline}.tag-beta{color:var(--ink-2);background:var(--band);vertical-align:2px;letter-spacing:0;border-radius:6px;margin-left:.45rem;padding:.12rem .45rem;font-size:11px;font-weight:600}.top-nav{gap:1.3rem;margin-left:1.6rem;font-size:13px;display:flex}.top-nav a{color:var(--ink-2)}.top-nav a:hover{color:var(--ink);text-decoration:none}.top .grow{flex:1}.pill{background:var(--band);color:var(--ink);border-radius:980px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:13px;display:inline-flex}.pill:hover{background:var(--fill);text-decoration:none}.pill.ok:before,.pill.warn:before,.pill.bad:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px}.pill.warn:before{background:var(--orange)}.pill.bad:before{background:var(--bad)}.pill.pts b{font-weight:600}.pill.pts.bump{animation:bump .5s var(--ease-in)}@keyframes bump{30%{background:#34c7592e;transform:scale(1.08)}}.top .text-link{color:var(--ink);padding:.3rem .4rem;font-size:13px}.icon-btn{width:34px;height:34px;color:var(--ink-2);transition:background var(--t1), color var(--t1);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:#0000000d}.icon-btn:active{background:#00000014}.only-m,.m-back,.m-title,.m-more{display:none!important}.main{width:100%;max-width:1240px;padding:0 var(--pad) 5rem;margin:0 auto}@media (width>=861px){.app:not([data-anon]){--top-h:0px}.app:not([data-anon]) .top{display:none}}.odo{font-variant-numeric:tabular-nums;vertical-align:bottom;height:1.2em;line-height:1.2em;display:inline-flex;overflow:hidden}.odo .d{transition:transform .7s var(--ease-in);flex-direction:column;display:flex}.odo .d span{height:1.2em}.toast{z-index:99;opacity:0;pointer-events:none;border:1px solid var(--hair);max-width:min(560px,90vw);box-shadow:var(--shadow-2);transition:transform var(--t2) var(--ease-in), opacity var(--t2);background:#fff;border-radius:10px;padding:.8rem 1.15rem;font-size:13px;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%,16px)}.toast.on{opacity:1;transform:translate(-50%)}.pts-panel{top:58px;right:max(var(--pad), 1rem);z-index:45;border-radius:var(--r);border:1px solid var(--hair);width:300px;box-shadow:var(--shadow-2);animation:popIn var(--t1) var(--ease-in) both;background:#fff;gap:.8rem;padding:1.1rem;display:grid;position:fixed}.pts-panel.from-rail{top:auto;right:auto}.pp-head b{width:max-content;font-size:var(--fs-1);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:.1rem 0 .2rem;font-weight:600;line-height:1.2em;display:flex}.pp-head small,.pp-note{color:var(--ink-2);margin:0;font-size:13px}.pp-redeem{gap:.4rem;display:flex}.pp-redeem input{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;flex:1;min-width:0;padding:.55rem .7rem;font-size:16px}.pp-redeem input:focus{border-color:var(--ink);outline:0;box-shadow:0 0 0 3px #00000014}.pp-out{margin:0;font-size:13px}.pp-out.err{color:var(--bad)}.pp-out.ok{color:var(--ok)}.pp-buy{width:100%;font-weight:600}@media (width<=860px){.app{grid-template-columns:1fr}.rail,.app[data-anon] .rail{width:280px;transition:transform var(--t2) var(--ease-io);box-shadow:var(--shadow-2);display:flex;position:fixed;top:0;left:0;transform:translate(-102%)}body.rail-open .rail,body.rail-open .app[data-anon] .rail{transform:none}body.rail-open:after{content:"";z-index:29;animation:fade var(--t2) both;background:#00000040;position:fixed;inset:0}body.rail-open #app .composer-dock{z-index:28!important}.only-m{display:grid!important}.top{padding:0 .8rem}.top .logo{display:inline}.top-nav{display:none}.toast{top:62px;bottom:auto;transform:translate(-50%,-16px)}}@media (width<=720px){.top-join,.tag-beta,body:not([data-view=home]) #railBtn,body:not([data-view=home]) .top .logo,body:not([data-view=home]) .top .grow,body:not([data-view=home]) .top .pill.pts{display:none!important}body:not([data-view=home]) .m-back{color:var(--ink);margin-left:-.35rem;display:grid!important}body:not([data-view=home]) .m-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin-right:34px;font-size:16px;font-weight:600;overflow:hidden;display:block!important}body[data-view=session] .m-title{margin-right:0}body[data-view=session] .m-more{color:var(--ink);margin-right:-.35rem;display:grid!important}}.rail-recent a[aria-current]{background:#0000000f}@media (width>=2560px){.main{max-width:1560px}}@media (width>=3200px){.main{max-width:2000px}}
