: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;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--r:18px;--r-lg:22px;--r-sm:12px;--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);--t1:.25s;--t2:.6s;--t3:1s;--stagger:60ms;--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:17px/1.47 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:8px;outline:2px solid #0071e399}::selection{background:#0071e32e}[hidden]{display:none!important}.display{letter-spacing:-.02em;font-weight:700;line-height:1.08}.two span,.muted{color:var(--ink-2)}.btn{background:var(--blue);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:17px;line-height:1.2;display:inline-flex}.btn:hover{background:var(--blue-h);text-decoration:none}.btn:active{transform:scale(.97)}.btn.lg{padding:.78rem 1.6rem}.btn.sm{padding:.3rem .8rem;font-size:14px}.btn.gray{background:var(--fill-2);color:var(--ink)}.btn.gray:hover{background:var(--fill)}.btn:disabled{opacity:.4;cursor:default;transform:none}.more{color:var(--link);white-space:nowrap}.more:after{content:" ›"}.reveal{opacity:0;transition:opacity .9s var(--ease-in) var(--d,0s), transform .9s var(--ease-in) var(--d,0s);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #0071e333;border-top-color:var(--blue);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.ring{z-index:3;width:36px;height:36px;color:var(--ink);backdrop-filter:saturate(180%)blur(10px);background:#e8e8edb8;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}@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)}.login.leaving .login-box{opacity:0;transform:scale(.97)}.logo{letter-spacing:.02em;color:var(--ink);white-space:nowrap;font-size:1.05rem;font-weight:700}.logo span{color:var(--ink-2);letter-spacing:.04em;margin-left:.4em;font-weight:500}.login h1{margin:1.6rem 0 .5rem;font-size:2.4rem}.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:17px}.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:17px;position:absolute;top:1.05rem;left:1rem}.field input:focus+span,.field input:not(:placeholder-shown)+span{font-size:12px;transform:translateY(-.6rem)}.field:focus-within{border-radius:var(--r-sm);box-shadow:inset 0 0 0 2px #0071e380}.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}.fields:has(input[name=p]:valid) .go-arrow{color:#fff;background:var(--blue);border-color:var(--blue)}.login .err{color:var(--bad);margin:.9rem 0 0;font-size:14px}.login .links{gap:.45rem;margin:1.4rem 0 0;font-size:14px;display:grid}.login .hint{color:var(--mute);margin-top:1.6rem;font-size:12px}.login-foot{text-align:center;color:var(--mute);font-size:12px;position:fixed;bottom:1.2rem;left:0;right:0}.app{min-height:100vh;animation:fadeUp var(--t2) var(--ease-in) both;grid-template-columns:232px 1fr;display:grid}.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}.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:15px;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(--blue)}.rail-h{color:var(--mute);margin:1.3rem .7rem .3rem;font-size:12px;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{gap:0;display:grid}.rail-recent b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.rail-recent small{color:var(--mute);font-size:12px}.rail-recent li.new{animation:fadeUp var(--t2) var(--ease-in) both}.rail-me{border-top:1px solid var(--hair);align-items:center;gap:.6rem;padding:.7rem;font-size:14px;display:flex}.rail-me b{flex:1;font-weight:500}.rail-me small{color:var(--mute);font-size:12px;font-weight:400;display:block}.avatar{color:#fff;background:linear-gradient(135deg,#5ac8fa,#0071e3);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.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;justify-content:flex-end;align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.tag-beta{color:var(--ink-2);background:var(--band);border-radius:980px;margin-right:auto;padding:.25rem .65rem;font-size:12px}.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{content:"";background:var(--green);border-radius:50%;width:7px;height:7px}.pill.pts b{font-weight:600}.pill.pts.bump{animation:bump .5s var(--ease-in)}@keyframes bump{30%{background:#34c7592e;transform:scale(1.08)}}.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}.only-m{display:none}.main{width:100%;max-width:1180px;padding:0 var(--pad) 5rem;margin:0 auto}.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);backdrop-filter:blur(20px);transition:transform var(--t2) var(--ease-in), opacity var(--t2);background:#fffffff5;border-radius:14px;padding:.8rem 1.15rem;font-size:14px;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%,16px)}.toast.on{opacity:1;transform:translate(-50%)}@media (width<=860px){.app{grid-template-columns:1fr}.rail{width:268px;transition:transform var(--t2) var(--ease-io);box-shadow:var(--shadow-2);position:fixed;top:0;left:0;transform:translate(-102%)}body.rail-open .rail{transform:none}.only-m{display:grid}.top{padding:0 1rem}.tag-beta{display:none}.top .icon-btn{margin-right:auto}.login h1{font-size:2rem}}.pill.warn:before{content:"";background:#ff9f0a;border-radius:50%;width:7px;height:7px}.pill.bad:before{content:"";background:var(--bad);border-radius:50%;width:7px;height:7px}.rail-nav a[hidden]{display:none}.rail-recent .empty{color:var(--mute);padding:.4rem .7rem;font-size:13px}.login .out{margin:.9rem 0 0;font-size:14px}.login .out.err{color:var(--bad)}.login .out.ok{color:var(--ok)}.login .fields+.fields{margin-top:.8rem}body[data-view=mine] .hero,body[data-view=mine] .composer-dock,body[data-view=mine] .shorts,body[data-view=mine] .session{display:none}