:root{--white:#08080a;--band:#0e0e13;--ink:#f5f5f8;--ink-2:#bcbcc6;--ink-3:#8e8e99;--line:rgba(255,255,255,.12);--accent:#c8f065;--accent-hi:#d9ff77;--link:#7fd8ff;--amber:#ff9a5c;--green:#7ee787;--red:#ff7b72;--g1:#0d9ee8;--g2:#17b8a6;--g3:#eaf49a;--g4:#e8481c;--g5:#a8250d;--grad:linear-gradient(120deg,var(--g1),var(--g2) 32%,var(--g3) 54%,var(--g4) 78%,var(--g5));--glass:rgba(14,14,19,.66);--glass-2:rgba(255,255,255,.09);--r:18px;--r-lg:28px;--pill:980px;--gutter:20px;--maxw:980px;--maxw-lg:1180px;--fs:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,sans-serif;--fm:"IBM Plex Mono",ui-monospace,monospace;--ease:cubic-bezier(.22,.61,.36,1);--out:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--white);color:var(--ink);font-family:var(--fs);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}img{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.mega{font-size:clamp(38px,6.6vw,76px);line-height:1.04;font-weight:600;letter-spacing:-.024em;text-wrap:balance}.hero{font-size:clamp(31px,5vw,56px);line-height:1.06;font-weight:600;letter-spacing:-.017em}.sect{font-size:clamp(26px,3.6vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.015em}.sect-s{font-size:clamp(22px,2.9vw,32px);line-height:1.14;font-weight:600;letter-spacing:-.015em}.lead{font-size:clamp(18px,2.1vw,24px);line-height:1.34;color:var(--ink-2);letter-spacing:-.014em}.sub{font-size:clamp(17px,1.8vw,21px);line-height:1.38;color:var(--ink-2);letter-spacing:-.01em}.ct{font-size:clamp(20px,2.1vw,24px);line-height:1.18;font-weight:600;letter-spacing:-.019em}.ct-s{font-size:19px;line-height:1.22;font-weight:600;letter-spacing:-.014em}.body{font-size:17px;color:var(--ink-2)}.body.dk{color:var(--ink)}.body.s{font-size:15px}.sm{font-size:14px;color:var(--ink-2);letter-spacing:-.016em}.fine{font-size:12px;line-height:1.35;color:var(--ink-3);letter-spacing:-.01em}.eb{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent)}.eb.g{color:var(--green)}.eb.n{color:var(--ink-3)}.mono{font-family:var(--fm);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:0}.a{color:var(--accent);text-decoration:none;cursor:pointer}.a:hover{text-decoration:underline}.hi{background:#fdf1c4;padding:0 .12em;border-radius:4px}.w{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.w-lg{max-width:var(--maxw-lg);margin:0 auto;padding:0 var(--gutter)}.band{background:var(--band)}.band2{background:#eef1f8}.p{padding:clamp(48px,7vw,88px) 0}.ps{padding:clamp(36px,5vw,60px) 0}.row{display:flex;align-items:center}.st{display:flex;flex-direction:column}.wrapf{display:flex;flex-wrap:wrap;gap:9px}.g2{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.g3{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.g4{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr))}.sp{flex:1}.hide{display:none!important}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .85s var(--out),transform .85s var(--out);transition-delay:calc(var(--i,0)*65ms)}[data-reveal][data-revealed]{opacity:1;transform:none}.sw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}.sw>i{display:inline-block;font-style:inherit;transform:translateY(112%);transition:transform 1s var(--out);transition-delay:calc(var(--w,0)*52ms)}.split.in .sw>i{transform:none}.ch{display:inline-block;will-change:transform;transition:color .25s linear}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.floaty{animation:floaty 7.5s var(--ease) infinite;animation-delay:calc(var(--i,0)*-1.15s)}@keyframes floatx{0%,to{transform:translate(0)}33%{transform:translate(4px,-6px)}66%{transform:translate(-4px,3px)}}.floatx{animation:floatx 11s var(--ease) infinite;animation-delay:calc(var(--i,0)*-1.7s)}.tcard:hover .floaty,.stagecard:hover .floaty{animation-play-state:paused}.spot{position:fixed;width:640px;height:640px;left:0;top:0;margin:-320px 0 0 -320px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s;background:radial-gradient(circle,rgba(0,102,204,.09),transparent 62%)}.spot.on{opacity:1}.curdot,.curring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s}.curdot{width:6px;height:6px;background:var(--ink);margin:-3px 0 0 -3px}.curring{width:34px;height:34px;border:1px solid rgba(29,29,31,.34);margin:-17px 0 0 -17px;transition:width .3s var(--out),height .3s var(--out),margin .3s var(--out),background-color .3s var(--out),border-color .3s var(--out),opacity .3s}.cursor-on .curdot,.cursor-on .curring{opacity:1}.curring.hot{width:58px;height:58px;margin:-29px 0 0 -29px;background:#0066cc1a;border-color:var(--accent)}.curring.press{width:26px;height:26px;margin:-13px 0 0 -13px}@media(hover:hover)and (pointer:fine){body.cursor-on,body.cursor-on button,body.cursor-on a{cursor:none}body.cursor-on input,body.cursor-on textarea,body.cursor-on [contenteditable]{cursor:text}body.cursor-on .stage,body.cursor-on .el{cursor:default}}@media(hover:none){.curdot,.curring,.spot{display:none}}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:var(--white);display:grid;place-items:center;transition:opacity .6s var(--ease),visibility .6s}#intro.done{opacity:0;visibility:hidden}#intro .word{font-size:clamp(15px,2.2vw,20px);font-weight:600;letter-spacing:-.02em;display:flex;gap:.34em;overflow:hidden}#intro .word span{display:inline-block;transform:translateY(110%);animation:introUp .8s var(--out) forwards;animation-delay:calc(var(--k)*80ms)}#intro .word b{color:var(--accent)}@keyframes introUp{to{transform:none}}#intro .line{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);width:0;animation:introBar 1.15s var(--ease) forwards}@keyframes introBar{to{width:100%}}.mag{transition:transform .3s var(--out),background-color .18s var(--ease)}.bar i{transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--out) .15s}.bar[data-revealed] i{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.split .sw>i{transform:none}.bar i{transform:scaleX(1)}.curdot,.curring,.spot,#intro{display:none}.marq-in{animation:none!important}}.nav{position:sticky;top:0;z-index:60;background:#ffffffbd;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}.nav .w{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wm{font-size:clamp(13px,1.6vw,15px);font-weight:600;letter-spacing:-.02em;white-space:nowrap}.wm b{color:var(--accent)}.navlinks{display:flex;align-items:center;gap:clamp(12px,2vw,26px)}.nl{font-size:12px;white-space:nowrap;color:var(--ink);padding:6px 0;position:relative}.nl.off{color:var(--ink-3)}.nl:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--out)}.nl.on:after{transform:scaleX(1)}.client{display:flex;align-items:center;gap:7px;font-size:12px;padding:5px 10px 5px 5px;border-radius:var(--pill);background:#0000000d;cursor:pointer;position:relative;transition:background-color .2s var(--ease)}.client:hover{background:#00000017}.client select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;padding-right:12px;cursor:pointer}.client:after{content:"";position:absolute;right:11px;top:50%;width:4px;height:4px;border-right:1.4px solid var(--ink-2);border-bottom:1.4px solid var(--ink-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.bswitch{position:relative}.bswitch-menu{position:absolute;top:calc(100% + 10px);right:0;width:max-content;min-width:250px;max-width:320px;max-height:360px;overflow-y:auto;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 16px 40px #00000052,0 2px 8px #0000002e;padding:8px;z-index:70;display:flex;flex-direction:column;gap:2px}.bswitch-head{padding:6px 10px 10px;margin-bottom:2px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line)}.bswitch-opt{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:calc(var(--r) - 6px);text-align:left;transition:background-color .15s var(--ease)}.bswitch-opt:hover,.bswitch-opt.on{background:var(--glass-2)}.bswitch-opt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bswitch-opt-name{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bswitch-opt.on .bswitch-opt-name{font-weight:600}.bswitch-opt-sub{font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bswitch-check{font-size:17px;color:var(--accent);flex:none}.snav{position:sticky;top:48px;z-index:55;background:#f5f5f7db;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.07)}.snav .w{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.steps{display:flex;align-items:center;gap:clamp(14px,2.4vw,26px);overflow-x:auto;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.steps button{font-size:12px;color:var(--ink-2);white-space:nowrap;position:relative;padding:6px 0}.steps button.on{color:var(--ink);font-weight:500}.steps button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--out)}.steps button.on:after{transform:scaleX(1)}.steps button:disabled{color:var(--ink-3);opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--pill);font-size:17px;padding:12px 24px;background:var(--accent);color:#fff;white-space:nowrap;transition:background-color .18s var(--ease),opacity .18s var(--ease),transform .3s var(--out)}.btn:hover:not(:disabled){background:var(--accent-hi)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.s{font-size:14px;padding:8px 17px}.btn.xs{font-size:12px;padding:6px 13px}.btn.grey{background:#0000000f;color:var(--ink)}.btn.grey:hover:not(:disabled){background:#0000001a}.band .btn.grey,.band2 .btn.grey{background:#fff}.btn.ghost{background:transparent;color:var(--accent);padding:12px 2px}.btn.ghost:hover{background:transparent;text-decoration:underline}.c{background:#fff;border-radius:var(--r);padding:clamp(20px,2.4vw,28px)}.c.grey{background:var(--band)}.c.on{outline:2px solid var(--accent);outline-offset:-2px}.pickable{cursor:pointer;transition:transform .3s var(--out),box-shadow .3s var(--out)}.pickable:hover{transform:translateY(-4px)}.trendhero{position:relative;overflow:hidden;padding-top:clamp(44px,6.5vw,92px)}.heroin{position:relative;z-index:2;text-align:center;max-width:940px;margin:0 auto}.qbox{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--pill);padding:9px 9px 9px 24px;box-shadow:0 3px 22px #0000001c;min-height:66px;max-width:580px;margin:clamp(24px,3vw,34px) auto 0}.qdot{width:11px;height:11px;border-radius:50%;flex:none;transition:background-color .6s var(--ease)}.qterm{flex:1;min-width:0;font-size:clamp(17px,2.1vw,25px);font-weight:500;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-align:left}.tch{display:inline-block;animation:termUp .6s var(--out) both;animation-delay:calc(var(--k)*24ms)}@keyframes termUp{0%{transform:translateY(115%);opacity:0}to{transform:none;opacity:1}}.heromesh{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;pointer-events:none;overflow:hidden}.heromesh canvas{width:100%;height:100%;display:block;transform:translate3d(var(--gx,0px),var(--gy,0px),0) scale(1.04);transition:transform .5s var(--out)}.heromesh b{display:none}.heromesh b{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.6;transition:background-color 1.6s var(--ease)}.mb1{width:56vw;height:56vw;left:-10vw;top:-16vw;background:var(--g1);animation:d1 26s var(--ease) infinite}.mb2{width:46vw;height:46vw;right:-8vw;top:-10vw;background:var(--g2);animation:d2 31s var(--ease) infinite}.mb3{width:42vw;height:42vw;left:26vw;top:14vw;background:var(--g3);animation:d3 24s var(--ease) infinite;opacity:.38}.mb4{width:50vw;height:50vw;right:2vw;bottom:-26vw;background:var(--g4);animation:d4 34s var(--ease) infinite;opacity:.48}@keyframes d1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(7vw,5vw) scale(1.16)}}@keyframes d2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-8vw,6vw) scale(1.1)}}@keyframes d3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4vw,-6vw) scale(1.2)}}@keyframes d4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6vw,-8vw) scale(1.12)}}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle,rgba(255,255,255,.55) .6px,transparent .7px);background-size:34px 34px}.trendhero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(72% 62% at 50% 44%,rgba(8,8,10,.88),rgba(8,8,10,.5) 52%,rgba(8,8,10,.08) 76%,transparent 92%),linear-gradient(180deg,rgba(8,8,10,.55),transparent 30%,transparent 72%,rgba(8,8,10,.75))}.meshglow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(300px circle at var(--mx,50%) var(--my,45%),var(--gh,#ecf5a0),transparent 62%);opacity:.28;transition:opacity .5s}.trendhero:hover .meshglow{opacity:.8}.ripple{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;z-index:1;mix-blend-mode:screen;border:1px solid var(--rc,#eaf49a);animation:rip 1.6s var(--out) forwards}@keyframes rip{0%{width:10px;height:10px;opacity:.55;transform:translate(-50%,-50%) rotate(0) scale(.4)}to{width:560px;height:560px;opacity:0;transform:translate(-50%,-50%) rotate(200deg) scale(1)}}.hcap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}.flipwrap{perspective:1400px}@keyframes flipIn{0%{transform:rotateY(-78deg) translateZ(-40px);opacity:0}to{transform:none;opacity:1}}.whycard.flip{animation:flipIn .82s var(--out) both;animation-delay:calc(var(--i)*.11s);transform-style:preserve-3d}.hdots{display:flex;align-items:center;gap:9px}.hdots button{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .4s var(--out)}.hdots button.on{width:44px;border-radius:var(--pill)}.pausebtn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);background:#fff;transition:transform .25s var(--out)}.pausebtn:hover{transform:scale(1.1);color:var(--ink)}.whycard{display:flex;gap:14px;transform-origin:left center;background:#fff;border-radius:14px;padding:14px;align-items:flex-start;transition:transform .3s var(--out),box-shadow .3s var(--out)}.whycard:hover{transform:translateY(-3px);box-shadow:0 10px 26px -12px #0003}.whythumb{width:74px;height:74px;border-radius:10px;flex:none;overflow:hidden;display:grid;place-items:center}.whythumb img{width:100%;height:100%;object-fit:cover}.whythumb .ms{font-size:30px}.whytxt{flex:1;min-width:0}.whytitle{font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.marq{overflow:hidden;position:relative;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.marq-in{display:flex;gap:40px;width:max-content;animation:marq 42s linear infinite}.marq.rev .marq-in{animation-direction:reverse;animation-duration:56s}@keyframes marq{to{transform:translate(-50%)}}.marq:hover .marq-in{animation-play-state:paused}.marq-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);white-space:nowrap}.marq-item b{color:var(--ink);font-weight:600}.marq-item .ms{font-size:15px;color:var(--accent)}.marq:before,.marq:after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}.marq:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.marq:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.qcard{background:#fff;border-radius:var(--r);padding:22px 4px 12px;border:1px solid rgba(0,0,0,.06)}.qhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 18px 14px}.qrow{display:grid;grid-template-columns:26px 1fr 96px 84px;gap:10px;align-items:center;padding:11px 18px;border-top:1px solid rgba(0,0,0,.05);transition:background-color .18s}.qrow:hover{background:#0066cc0a}.qrow.head{border-top:none;padding-bottom:6px}.qrow.head span{font-size:12px;color:var(--ink-3)}.qrank{font-family:var(--fm);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.qname{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbar{height:6px;border-radius:3px;background:#dbe6f7;overflow:hidden}.qbar i{display:block;height:100%;background:var(--accent);border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform .9s var(--out)}.qcard[data-revealed] .qbar i{transform:scaleX(1)}.qchg{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.qchg.up{color:var(--green)}.qchg.dn{color:var(--ink-2)}.brk{display:inline-block;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:var(--pill)}.qfoot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 18px 4px;border-top:1px solid rgba(0,0,0,.05)}.pagebtn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2)}.pagebtn:hover:not(:disabled){background:#0000000f;color:var(--ink)}.pagebtn:disabled{opacity:.3;cursor:not-allowed}.iot{background:#fff;border-radius:var(--r);padding:22px;border:1px solid rgba(0,0,0,.06);position:relative}.brkchip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:13px;color:var(--ink-2)}.brkchip b{color:var(--accent);font-size:15px;font-variant-numeric:tabular-nums}.iotwrap{position:relative;margin-top:16px}.iotwrap svg{width:100%;display:block;overflow:visible}.iotline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:4000;stroke-dashoffset:4000}.iot[data-revealed] .iotline{animation:draw 1.7s var(--out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.iotfill{fill:url(#iotgrad);opacity:0;transition:opacity .9s var(--out) .5s}.iot[data-revealed] .iotfill{opacity:1}.gridline{stroke:#00000012;stroke-width:1}.axtxt{font-family:var(--fm);font-size:10px;fill:var(--ink-3)}.iotdot{fill:#fff;stroke:var(--accent);stroke-width:2.5;opacity:0;transition:opacity .15s}.iotwrap.hov .iotdot{opacity:1}.iottip{position:absolute;transform:translate(-50%,-130%);background:var(--ink);color:#fff;font-size:12px;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none;z-index:5}.iotwrap.hov .iottip{opacity:1}.vline{stroke:#0066cc4d;stroke-width:1;opacity:0}.iotwrap.hov .vline{opacity:1}.railwrap{position:relative}.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px var(--gutter) 28px;scrollbar-width:none;padding-left:max(var(--gutter),calc((100% - var(--maxw-lg))/2 + var(--gutter)));scroll-padding-left:max(var(--gutter),calc((100% - var(--maxw-lg))/2 + var(--gutter)))}.rail::-webkit-scrollbar{display:none}.tcard{flex:none;width:min(84vw,318px);scroll-snap-align:start;border-radius:var(--r);padding:26px 24px;display:flex;flex-direction:column;gap:9px;min-height:430px;background:#fff;cursor:pointer;transition:transform .35s var(--out),box-shadow .35s var(--out);box-shadow:0 1px 2px #00000008}.tcard:hover{transform:translateY(-6px);box-shadow:0 12px 34px -14px #00000038}.tcard.on{outline:2px solid var(--accent);outline-offset:-2px}.tcard h3{font-size:26px;line-height:1.13;font-weight:600;letter-spacing:-.019em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tcard .desc{font-size:15px;color:var(--ink-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tcard .vol{font-size:17px;font-weight:600;letter-spacing:-.019em}.tcard .art{margin-top:auto;border-radius:12px;aspect-ratio:16/11;overflow:hidden;position:relative;display:grid;place-items:center}.tcard .art img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--out)}.tcard:hover .art img{transform:scale(1.05)}.tcard .art .ms{font-size:54px;opacity:.42;position:relative;z-index:2}.tint0{background:#eef4fd}.tint0 .ms{color:#06c}.tint1{background:#eef7f0}.tint1 .ms{color:#008009}.tint2{background:#fdf3ec}.tint2 .ms{color:#b64400}.tint3{background:#f3f0fb}.tint3 .ms{color:#6a3df0}.railnav{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink-2);box-shadow:0 1px 3px #0000001f;transition:transform .25s var(--out),color .2s}.railnav:hover{color:var(--ink);transform:scale(1.08)}@media(max-width:700px){.railnav{display:none}}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--pill);letter-spacing:.02em}.chip.safe{background:#0080091a;color:var(--green)}.chip.review{background:#b644001a;color:var(--amber)}.chip .ms{font-size:13px}.flag{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;transition:transform .25s var(--out)}.flag:hover{transform:translate(3px)}.flag .ms{font-size:19px;color:var(--amber);flex:none}.flagname{font-size:15px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:clamp(18px,3vw,30px);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{font-size:clamp(15px,1.7vw,17px);padding:0 0 14px;color:var(--ink-2);position:relative;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:color .2s var(--ease)}.tabs button.on{color:var(--ink);font-weight:500}.tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--out)}.tabs button.on:after{transform:scaleX(1)}.livetag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--green);background:#00800917;padding:2px 8px;border-radius:var(--pill)}.livetag.grey{color:var(--ink-2);background:#0000000f}.frow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.frow:last-child{border-bottom:none}.flab{font-size:14px;color:var(--ink-2);white-space:nowrap}.seg{display:inline-flex;background:#0000000d;border-radius:var(--pill);padding:3px;flex-wrap:wrap;gap:2px}.band .seg,.band2 .seg{background:#fff}.seg button{padding:8px 16px;border-radius:var(--pill);font-size:14px;color:var(--ink-2);white-space:nowrap;transition:background-color .25s var(--out),color .2s var(--ease)}.seg button.on{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 1px 3px #0000001a}.band .seg button.on,.band2 .seg button.on{background:var(--band)}.search{width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:13px 20px;font-size:17px;transition:border-color .2s,box-shadow .3s var(--out)}.search::placeholder{color:var(--ink-3)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0066cc1f}.crail{display:flex;gap:clamp(18px,3vw,32px);overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.crail::-webkit-scrollbar{display:none}.ci{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none;width:78px}.cd{width:clamp(54px,7vw,66px);height:clamp(54px,7vw,66px);border-radius:50%;display:grid;place-items:center;background:var(--band);transition:transform .35s var(--out);font-weight:600;overflow:hidden}.cd .ms{font-size:27px;color:var(--ink-2);transition:color .25s}.cd img{width:64%;height:64%;object-fit:contain}.band .cd{background:#fff}.ci:hover .cd{transform:scale(1.1) translateY(-3px)}.cl{font-size:12px;font-weight:500;text-align:center;line-height:1.25}.ci.on .cd{outline:2px solid var(--accent);outline-offset:3px}.ci.on .cd .ms,.ci.on .cl{color:var(--accent)}.plist{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none;position:relative}.dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid currentColor;color:var(--green);animation:pg 2.4s var(--ease) infinite}@keyframes pg{0%{transform:scale(.6);opacity:.7}70%,to{transform:scale(1.6);opacity:0}}.stagecard{border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px;min-height:266px;background:#fff;overflow:hidden;position:relative;transition:transform .35s var(--out),box-shadow .35s var(--out);box-shadow:0 1px 2px #00000008}.stagecard.pickable:hover{transform:translateY(-6px);box-shadow:0 12px 34px -14px #00000038}.stagecard .ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#0066cc1a;transition:transform .35s var(--out)}.stagecard:hover .ico{transform:scale(1.08) rotate(-4deg)}.stagecard .ico .ms{font-size:25px;color:var(--accent)}.stagecard .art{margin-top:auto;height:96px;border-radius:12px;position:relative;overflow:hidden}.stagecard.locked{opacity:.62}.stagecard.locked .ico{background:#0000000f}.stagecard.locked .ico .ms{color:var(--ink-3)}.lb{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.lb i{font-style:normal;font-weight:400;color:var(--ink-3)}.f{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 17px;font-size:17px;line-height:1.47;resize:vertical;font-family:var(--fs);transition:border-color .2s,box-shadow .3s var(--out)}.f::placeholder{color:var(--ink-3)}.f:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0066cc1f}.opt{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:#fff;text-align:left;transition:border-color .2s,box-shadow .25s var(--out),transform .25s var(--out)}.opt:hover{transform:translateY(-2px)}.opt.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:500}.chk{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:transparent;font-size:11px;flex:none;transition:all .25s var(--out)}.opt.on .chk,.c.on .chk{background:var(--accent);border-color:var(--accent);color:#fff}.mark{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;flex:none;overflow:hidden}.mark img{width:66%;height:66%;object-fit:contain}.swatch{width:24px;height:24px;border-radius:7px;border:1px solid rgba(0,0,0,.08)}.bar{height:4px;background:#00000014;border-radius:2px;position:relative;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:2px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.note{padding:13px 16px;border-radius:12px;font-size:14px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.note.info{background:#0066cc12;color:#0b4f9e}.skel{background:linear-gradient(90deg,#eeeef0 25%,#e4e4e7,#eeeef0 75%);background-size:200% 100%;animation:sh 1.5s linear infinite;border-radius:8px}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(14px);z-index:300;background:var(--ink);color:#fff;padding:12px 22px;border-radius:var(--pill);font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s var(--out),transform .4s var(--out);max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.cv{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,4%,32px);text-align:center;background:#111;letter-spacing:normal;container-type:inline-size}.cv .art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.cv .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.cv>.z{position:relative;z-index:2}.stagewrap{width:100%;max-width:520px}.stage{position:relative;width:100%;aspect-ratio:var(--ar,1);border-radius:var(--r);overflow:hidden;background:#111;container-type:inline-size;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 18px 50px -22px #00000080}.stage .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.stage .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.el{position:absolute;transform:translate(-50%,-50%);z-index:2}.el.drag{cursor:grab}.el.drag:active{cursor:grabbing}.el .txt{outline:none;white-space:pre-wrap;word-break:break-word;line-height:1.08}.el.sel{outline:1.5px solid #4d9bff;outline-offset:3px}.el.editing{outline:1.5px solid #fff;cursor:text}.el.editing .txt{user-select:text;-webkit-user-select:text}.el .hdl{position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #4d9bff;right:-9px;bottom:-9px;cursor:nwse-resize;z-index:5}.el img{width:100%;height:auto;display:block;pointer-events:none}.guide{position:absolute;background:#4d9bff;z-index:9;pointer-events:none;opacity:0}.guide.v{width:1px;top:0;bottom:0}.guide.h{height:1px;left:0;right:0}.guide.on{opacity:.9}.etool{display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:#fff;border-radius:14px;padding:9px 10px;box-shadow:0 2px 12px #00000017;margin-bottom:14px;position:relative;z-index:20}.etool select,.etool .num{border:1px solid var(--line);border-radius:9px;padding:6px 9px;font-size:13px;background:#fff;max-width:150px}.etool .num{width:58px;text-align:center;font-variant-numeric:tabular-nums}.etool .divide{width:1px;height:24px;background:var(--line);margin:0 3px}.ebtn{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;color:var(--ink-2);transition:background-color .18s,color .18s;flex:none}.ebtn:hover{background:#0000000f;color:var(--ink)}.ebtn.on{background:#0066cc1f;color:var(--accent)}.ebtn .ms{font-size:19px}.ehint{font-size:13px;color:var(--ink-3);padding:0 6px}input[type=color]{width:33px;height:33px;border:1px solid var(--line);border-radius:9px;padding:2px;background:#fff;cursor:pointer}.layerrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;width:100%;text-align:left;transition:background-color .18s}.layerrow:hover{background:#0000000a}.layerrow{cursor:grab}.layerrow:active{cursor:grabbing}.layerrow.dragging{opacity:.45}.layerrow.dropinto{box-shadow:inset 0 2px 0 0 var(--accent)}.layerrow.on{background:#0066cc1a}.layerrow .ms{font-size:18px;color:var(--ink-3);flex:none}.layerrow.on .ms{color:var(--accent)}.layername{font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 44px #0003;transform:translateY(115%);transition:transform .55s var(--out);padding:22px var(--gutter) 26px}.sheet.up{transform:none}.sheet .grab{width:38px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 16px}.sheetinner{max-width:var(--maxw);margin:0 auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.sheetthumb{width:88px;height:88px;border-radius:14px;overflow:hidden;flex:none;position:relative;background:#111}.c,.tcard,.stagecard,.qcard,.whycard,.flag,.pill,.qbox,.opt,.f,.search,.etool,.sheet,.railnav,.pausebtn,.layerrow,input[type=color]{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);color:var(--ink)}.c.grey,.band .cd,.cd{background:var(--glass);border:1px solid var(--line)}.tcard,.stagecard,.qcard{box-shadow:0 1px #ffffff0d inset}.band,.band2{background:var(--band)}.band2{background:#0b0b10}.nav,.snav{background:#08080ab8;border-color:var(--line)}.btn{color:#0a0a0c;font-weight:600}.btn.grey,.band .btn.grey,.band2 .btn.grey{background:var(--glass-2);color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:none;color:var(--link);border:none}.seg{background:var(--glass);border:1px solid var(--line)}.seg button.on,.band .seg button.on,.band2 .seg button.on{background:var(--glass-2);color:var(--ink)}.a,.link{color:var(--link)}.marq{background:#ffffff08;border-color:var(--line)}.marq:before{background:linear-gradient(90deg,var(--white),transparent)}.marq:after{background:linear-gradient(270deg,var(--white),transparent)}.marq-item .ms{color:var(--g3)}.toast{background:#f3f3f6;color:#0a0a0c}.skel{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1c,#ffffff0d 75%);background-size:200% 100%}.qbar{background:#ffffff1a}.qbar i{background:var(--grad)}.brk{background:var(--g3);color:#0a0a0c}.chip.safe{background:#7ee78724;color:var(--green)}.chip.review{background:#ff9a5c29;color:var(--amber)}.livetag{background:#7ee78724;color:var(--green)}.livetag.grey{background:var(--glass-2);color:var(--ink-2)}.note.info{background:#0d9ee81f;color:#9ad9ff}.gridline{stroke:#ffffff14}.hi{background:none;color:transparent;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.spot{background:radial-gradient(circle,rgba(200,240,101,.1),transparent 62%)}.curdot{background:var(--g3)}.curring{border-color:#fff6}.curring.hot{background:#c8f0651f;border-color:var(--g3)}.tint0{background:#0d9ee829}.tint0 .ms{color:#7fd8ff}.tint1{background:#17b8a629}.tint1 .ms{color:#6fe3d3}.tint2{background:#e8481c29}.tint2 .ms{color:#ff9a5c}.tint3{background:#eaf49a29}.tint3 .ms{color:var(--g3)}.stagecard .ico{background:#c8f06524}.stagecard .ico .ms{color:var(--g3)}.el.sel{outline-color:var(--g3)}.el .hdl{border-color:var(--g3)}.guide{background:var(--g3)}.nl:after,.steps button:after,.tabs button:after{background:var(--grad)}.dot{background:var(--green)}.dot:after{color:var(--green)}.bar{background:#ffffff1a}.bar i{background:var(--grad)}.tcard,.stagecard,.whycard,.c.pickable,.qcard,.flag,.pill{position:relative;overflow:hidden;isolation:isolate}.tcard:before,.stagecard:before,.whycard:before,.c.pickable:before,.flag:before,.pill:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;opacity:0;background:var(--grad);background-size:280% 280%;transition:opacity .45s var(--out);animation:sweep 7s linear infinite paused}.tcard:hover:before,.stagecard:hover:before,.whycard:hover:before,.c.pickable:hover:before,.flag:hover:before,.pill:hover:before{opacity:.2;animation-play-state:running}@keyframes sweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tcard:hover h3,.stagecard:hover .ct-s,.whycard:hover .whytitle{color:#fff}.tcard:hover,.stagecard:hover,.whycard:hover{border-color:#ffffff47}body{transition:background-color 1.4s var(--ease)}.gcta{position:relative;border-radius:var(--r-lg);overflow:hidden;padding:clamp(44px,7vw,92px) clamp(24px,4vw,56px);text-align:center;background:var(--grad);background-size:200% 200%;animation:sweep 14s linear infinite}.gcta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle,rgba(0,0,0,.5) .7px,transparent .8px);background-size:26px 26px}.gcta h2,.gcta p{position:relative;z-index:2;color:#0a0a0c}.gcta .btn{position:relative;z-index:2;background:#0a0a0c;color:#f5f5f8}.gcta .btn:hover{background:#000}.etool select,.etool .num,select,textarea,input:not([type=color]):not([type=range]){background:var(--glass);color:var(--ink);border:1px solid var(--line)}select option,datalist option{background:#14141a;color:#f5f5f8}.etool select,.etool .num{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trendhero .lead,.trendhero .fine,.hcap .fine{text-shadow:0 1px 14px rgba(0,0,0,.65)}.trendhero .lead{color:#d6d6de}.qterm,.whytitle{color:var(--ink)}.layerrow .ebtn{opacity:.55}.layerrow:hover .ebtn,.layerrow.on .ebtn{opacity:1}.c,.tcard,.stagecard,.qcard,.whycard,.flag,.pill,.qbox,.opt,.f,.search,.etool,.sheet,.railnav,.pausebtn,.layerrow{border-color:#ffffff29}.whycard,.qbox{background:#0a0a0eb8}.tcard:hover,.stagecard:hover,.whycard:hover{border-color:#ffffff57}.hcap .fine,.trendhero .fine{color:#d3d3dc}@media print{.nav,.snav,.btn,.curdot,.curring,#intro,.sheet,.etool,.marq,.spot{display:none!important}}