.pp{--page:#FDFAF3;--ink:#262068;--mut:#625E94;--card:#FFFFFF;--ln:rgba(38,32,104,.12);--ty:#FFF0C7;--tp:#E7E8FF;--tk:#FDE3F4;--band:#4F50CF;--sh:rgba(20,18,64,.38);--pill:#262068;--pt:#FDFAF3;--chip:#DAECFF;--ct:#262068;--tgb:#FF5B4D;--tgc:#262068;--hd:#262068;--hdc:#FDFAF3;--board:#3B3B3D;--bf:#ECE9E1;width:680px;margin:0 auto;position:relative;background:var(--page);color:var(--ink);transition:background .3s}html.dk .pp{--page:#14122E;--ink:#EDEBFA;--mut:#A9A6D6;--card:#1E1B44;--ln:rgba(237,235,250,.12);--ty:#3A2F12;--tp:#24225C;--tk:#3A1C3A;--band:#0E0C30;--sh:rgba(0,0,0,.5);--pill:#3A36A0;--pt:#F4F1FF;--chip:#DAECFF;--ct:#1E1B52;--tgb:#FFE7A6;--tgc:#1E1B52;--hd:#DAECFF;--hdc:#1E1B52;--board:#232325;--bf:#26243F}.band{position:relative;overflow:hidden}.stk{display:block}.dn,.stk{position:absolute;z-index:4}.dn{width:136px;padding:9px 11px 10px;box-sizing:border-box;background:#FFE5DB;border:2px dashed #ff6200;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:14px;line-height:1.25;color:#FF6200}.meta{display:grid;grid-template-columns:.8fr 1fr 1.3fr .9fr;grid-column-gap:34px;column-gap:34px;grid-row-gap:16px;row-gap:16px;padding:30px 0 28px;border-bottom:.5px solid var(--ln)}.meta b{display:block;font-size:12px;font-weight:400;color:var(--mut);margin-bottom:6px}.meta span{display:block;font-size:14px;line-height:1.5}.gist{font-size:22px;line-height:1.45;letter-spacing:-.3px;margin:30px 0 8px}.ch{padding-top:56px}.chh{gap:12px;margin-bottom:12px}.chh,.num{display:flex;align-items:center}.num{position:relative;z-index:0;justify-content:center;font-size:13px;font-weight:500;color:#262068;flex:none}.num,.num svg.bdg{width:40px;height:40px}.num svg.bdg{position:absolute;inset:0;z-index:-1}.chh h2{font-size:26px;font-weight:500;letter-spacing:-.5px;margin:0;color:var(--ink)}.body{font-size:16px;line-height:1.6;margin:0 0 28px;max-width:560px}.cap{font-size:13px;color:var(--mut);margin:10px 32px 0}.ba{position:relative;height:455px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;margin-top:12px;background:#F4F5F9}.ba img{width:100%;height:100%;object-fit:cover;object-position:top left}.ba .aft,.ba img{position:absolute;inset:0}.ba .aft{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.hdl{width:0;pointer-events:none;z-index:3}.hdl,.hdl i.l{position:absolute;top:0;bottom:0}.hdl i.l{left:-1.5px;width:3px}.hdl i.k,.hdl i.l{background:var(--hd)}.hdl i.k{position:absolute;top:50%;left:-20px;width:40px;height:40px;margin-top:-20px;border-radius:20px;color:var(--hdc);display:flex;align-items:center;justify-content:center;font-size:18px;font-style:normal}.ba input{inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4}.ba input,.tag{position:absolute}.tag{bottom:14px;font-size:12px;padding:5px 10px;border-radius:12px;background:#262068;color:#FDFAF3;z-index:3}.out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.oc{border-radius:16px;padding:16px;background:var(--card);border:.5px solid var(--ln)}.oc svg{width:30px;height:30px;display:block;margin-bottom:10px}.oc b{display:block;font-size:15px;font-weight:500;margin-bottom:6px;line-height:1.3}.oc span{font-size:13px;line-height:1.45;color:var(--mut)}.nx{height:130px;margin-top:64px;margin-left:calc(-1 * var(--bleed,0px));margin-right:calc(-1 * var(--bleed,0px));border-top:.5px solid var(--ln);border-bottom:.5px solid var(--ln);overflow:hidden;cursor:pointer}.nx,.nx .lab{position:relative}.nx .lab{z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 calc(32px + var(--bleed,0px));color:#fff;mix-blend-mode:difference;pointer-events:none}.nx .layer{z-index:1;-webkit-clip-path:circle(0 at 0 0);clip-path:circle(0 at 0 0)}.nx .layer,.nx .shot{position:absolute;inset:0}.nx .shot{overflow:hidden;background:#2A2C9E}.nx .pvi{position:absolute;top:0;bottom:0;left:50%;width:680px;margin-left:-340px}.nx .pvi>svg{position:absolute;inset:0;width:100%;height:100%}.nx .shot .fr{box-shadow:5px 6px 0 rgba(20,18,64,.38);border-width:2px}.st{display:flex;align-items:center;gap:6px;position:absolute;z-index:5}.st b{font-weight:500;font-size:12px;padding:5px 10px;border-radius:12px;line-height:1}.st i{font-style:normal;font-size:13px;color:var(--ink);opacity:.7}html.m .meta{grid-template-columns:1fr 1fr;column-gap:20px}html.m .out{grid-template-columns:1fr}html.m .nx{height:auto;margin-top:48px}html.m .nx .layer{display:none}html.m .nx .lab{height:auto;padding:26px 22px 14px;color:var(--ink);mix-blend-mode:normal}html.m .nx .lab span:last-child{font-size:28px!important;letter-spacing:-1px!important}html.m .nx .lab .ic{font-size:24px!important}.nxm{display:none}html.m .nxm{display:block;position:relative;height:170px;margin:0 22px 8px;border-radius:16px;overflow:hidden}.nxm>svg{position:absolute;inset:0;width:100%;height:100%}.nxm .fr{box-shadow:5px 6px 0 rgba(20,18,64,.38);border-width:2px}.nxm .fr img{object-position:top}.nxm .pk{position:absolute;filter:drop-shadow(3px 4px 0 rgba(20,18,64,.32))}html.m .hero{height:600px}