:root{--bg:#f5f3ef;--card:#fff;--ink:#17141c;--mut:#6d6976;--line:#e7e3dd;--acc:#e11d48;--acc2:#7c3aed;--ok:#16a34a;--bad:#dc2626;--r:18px;--shadow:0 1px 2px rgba(20,16,30,.05),0 8px 30px rgba(20,16,30,.06)}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.wrap{max-width:1120px;margin:0 auto;padding:22px 20px 120px}header.top{justify-content:space-between;gap:12px;margin-bottom:22px}.brand,header.top{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:-.01em}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;color:#fff;font-size:18px}.demo{font-size:12px;color:var(--mut);background:#fff;border:1px dashed var(--line);padding:5px 10px;border-radius:99px}.steps{margin-bottom:22px;flex-wrap:wrap}.step,.steps{display:flex;gap:8px}.step{align-items:center;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--mut);font-size:14px}.step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--mut);font-size:12px}.step.on{color:var(--ink);border-color:var(--ink)}.step.on b{background:var(--ink);color:#fff}.step.done b{background:var(--ok);color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px}h1{font-size:30px;letter-spacing:-.025em;margin:0 0 6px}h2{font-size:17px;margin:0 0 14px;letter-spacing:-.01em}.sub{color:var(--mut);margin:0 0 20px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input[type=date],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--acc) 40%,transparent);border-color:var(--acc)}textarea{resize:vertical;min-height:60px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:600;background:var(--ink);color:#fff;transition:transform .08s,opacity .2s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn.acc{background:linear-gradient(135deg,var(--acc),#f43f5e)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.big{padding:16px 26px;font-size:16px;border-radius:14px}.btn[disabled]{opacity:.4;cursor:not-allowed}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-size:13px;color:var(--mut)}.chip:hover{border-color:var(--ink);color:var(--ink)}.err{color:var(--bad);font-size:13px;margin-top:8px;min-height:18px}.hide{display:none!important}.post{display:grid;grid-template-columns:200px 1fr;grid-gap:22px;gap:22px;margin-top:22px}.cover{aspect-ratio:4/5;border-radius:16px;background:linear-gradient(160deg,#ffb86b,#f43f5e 55%,#7c3aed);display:grid;place-items:center;font-size:64px;box-shadow:var(--shadow)}.cover.tt{background:linear-gradient(160deg,#25f4ee,#111 55%,#fe2c55)}.plat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:#f3ecff;color:var(--acc2)}.stats{display:flex;gap:22px;margin:14px 0}.stat b{display:block;font-size:22px;letter-spacing:-.02em}.note,.stat span{color:var(--mut);font-size:13px}.note{background:#faf7f2;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.prog{height:10px;border-radius:99px;background:var(--line);overflow:hidden;margin:16px 0 6px}.prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .3s}.skel{height:220px;border-radius:16px;background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%);background-size:200% 100%;animation:sk 1.1s infinite;margin-top:22px}@keyframes sk{to{background-position:-200% 0}}.grid{display:grid;grid-template-columns:380px 1fr;grid-gap:20px;gap:20px;align-items:start}.field{margin-bottom:18px}.field label.l{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.field small{display:block;color:var(--mut);font-size:12.5px;margin-top:4px}.stepper{display:flex;align-items:center;justify-content:space-between;background:#f7f5f2;border-radius:14px;padding:6px}.stepper button{width:38px;height:38px;border-radius:11px;border:0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:20px;line-height:1}.stepper output{font-weight:700;font-size:18px;min-width:40px;text-align:center}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.tog{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--line)}.tog:first-of-type{border-top:0}.tog span b{display:block;font-size:14px}.tog span small{color:var(--mut);font-size:12.5px}.sw{position:relative;width:44px;height:26px;flex:none}.sw input{opacity:0;margin:0;cursor:pointer;z-index:1}.sw i,.sw input{position:absolute;inset:0}.sw i{border-radius:99px;background:#d6d2cb;transition:.2s}.sw i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.sw input:checked+i{background:var(--acc)}.sw input:checked+i:after{transform:translateX(18px)}.sum{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.kpi{background:#faf7f2;border:1px solid var(--line);border-radius:14px;padding:14px}.kpi b{display:block;font-size:26px;letter-spacing:-.03em}.kpi span{font-size:12.5px;color:var(--mut)}.kpi.hl{background:linear-gradient(135deg,#fff1f4,#f5efff);border-color:#f4c9d5}.tabs{display:flex;gap:6px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:13.5px}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tabs input{margin-left:auto;max-width:200px;padding:8px 12px;font-size:13.5px}.list{max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:14px}.ent{display:flex;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:flex-start}.ent:last-child{border:0}.av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px}.ent .t{min-width:0;flex:1 1}.ent .t b{font-size:14px}.ent .t em{font-style:normal;color:var(--mut);font-size:12.5px;margin-left:6px}.ent .t p{margin:2px 0 0;font-size:14px;color:#3a3642;overflow-wrap:anywhere}.badge{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:#fdecec;color:var(--bad);white-space:nowrap;align-self:center}.empty{padding:30px;text-align:center;color:var(--mut)}.bar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:12px 20px;z-index:20}.bar .in{max-width:1120px;margin:0 auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;background:#f0ede8;border-radius:12px;padding:4px}.seg button{border:0;background:transparent;padding:8px 13px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--mut)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}.dur{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mut)}.dur input{width:120px;accent-color:var(--acc)}.bar .sp{flex:1 1}.stage{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 20%,#2a1747,#0f0a1a 65%);color:#fff;flex-direction:column;overflow:auto}.stage,.stage-top{display:flex;align-items:center}.stage-top{width:100%;justify-content:space-between;padding:18px 24px}.stage-top span{font-weight:600;letter-spacing:.02em;opacity:.85}.x{background:rgba(255,255,255,.1);border:0;color:#fff;width:38px;height:38px;border-radius:50%;font-size:18px}.anim{width:100%;display:flex;justify-content:center;padding:10px 20px;min-height:400px;align-items:center}.slot{position:relative;width:min(420px,90vw);height:360px;overflow:hidden;border-radius:22px;background:rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.slot-hl{position:absolute;left:8px;right:8px;top:144px;height:72px;border-radius:16px;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 0 40px rgba(225,29,72,.5)}.slot-strip{position:absolute;left:0;right:0;top:0;will-change:transform}.slot-strip div{height:72px;display:grid;place-items:center;font-size:26px;font-weight:700;letter-spacing:-.01em}.count{text-align:center}.ring{width:260px;height:260px;margin:0 auto;place-items:center;background:conic-gradient(var(--acc) calc(var(--p)*1%),rgba(255,255,255,.1) 0)}.ring,.ring>div{border-radius:50%;display:grid}.ring>div{width:228px;height:228px;background:#150d24;place-items:center;font-size:110px;font-weight:800;letter-spacing:-.04em}.ring>div.pop{animation:pop .5s}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}.flick{margin-top:22px;font-size:22px;font-weight:600;opacity:.7;filter:blur(2px);height:32px}.wheelbox{position:relative;width:min(480px,92vw)}.wheelbox canvas{width:100%;height:auto;display:block}.ptr{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));z-index:2}.result{width:min(560px,92vw);text-align:center;padding:0 0 60px}.wcard{background:#fff;color:var(--ink);border-radius:26px;padding:28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:rise .6s cubic-bezier(.2,1.2,.3,1)}@keyframes rise{0%{transform:translateY(40px) scale(.9);opacity:0}to{transform:none;opacity:1}}.wcard .av{width:96px;height:96px;font-size:40px;margin:-70px auto 12px;border:5px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.25)}.wcard .tag{display:inline-block;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-weight:700;font-size:12px;padding:4px 12px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase}.wcard h3{font-size:30px;margin:10px 0 2px;letter-spacing:-.02em}.wcard .nm{color:var(--mut)}.wcard blockquote{margin:16px 0;padding:12px 16px;background:#f7f5f2;border-left:4px solid var(--acc);border-radius:10px;text-align:left;font-size:15px}.wcard a{color:var(--acc);font-weight:600;text-decoration:none;font-size:14px}.chk{display:flex;gap:10px;justify-content:center;margin-top:16px}.chk .btn{flex:1 1}.btn.okb{background:var(--ok)}.btn.badb{background:#fff;color:var(--bad);border:1px solid #f3c5c5}.st{margin-top:12px;font-size:13px;font-weight:600}.st.g{color:var(--ok)}.st.u{color:var(--bad)}.next{margin-top:18px}.sumbox{background:#fff;color:var(--ink);border-radius:22px;padding:22px;text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.5)}.sumbox h3{margin:0 0 12px}.sumbox .ent{padding:10px 0}.pill{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;align-self:center}.pill.g{background:#e6f7ec;color:var(--ok)}.pill.o{background:#eee;color:#666}.pill.u{background:#fdecec;color:var(--bad)}.pill.s{background:#f3ecff;color:var(--acc2)}pre.proto{background:#0f0a1a;color:#cbd5e1;border-radius:12px;padding:14px;max-height:220px;overflow:auto;font-size:12px;text-align:left}canvas#confetti{inset:0;z-index:60;width:100%;height:100%}.toast,canvas#confetti{position:fixed;pointer-events:none}.toast{left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:11px 18px;border-radius:12px;opacity:0;transition:.3s;z-index:80;font-size:14px}.toast.on{opacity:1;transform:translateX(-50%)}footer.n{margin-top:30px;color:var(--mut);font-size:12.5px}@media(max-width:860px){.grid,.post{grid-template-columns:1fr}.cover{max-width:200px}.sum{grid-template-columns:1fr 1fr 1fr}.bar .sp{display:none}}.nav{display:flex;align-items:center;gap:6px}.nav a,.nav button{color:var(--mut);text-decoration:none;font-size:14px;padding:7px 12px;border-radius:10px;background:none;border:0}.nav a:hover,.nav button:hover{background:#fff;color:var(--ink)}.nav .who{font-size:13px;color:var(--mut);margin-right:4px}.login{max-width:420px;margin:12vh auto 0}.login .card{padding:28px}.spin{display:inline-block;width:14px;height:14px;border:2px solid #d9d4cd;border-top:2px solid var(--acc);border-radius:50%;animation:rot .8s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes rot{to{transform:rotate(1turn)}}.warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:10px 14px;font-size:13.5px}.ind{height:10px;background:var(--line);overflow:hidden;margin:16px 0 6px;position:relative}.ind,.ind i{border-radius:99px}.ind i{position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,var(--acc),var(--acc2));animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{left:-35%}to{left:100%}}.cond{margin-top:14px;text-align:left;border:1px solid var(--line);border-radius:14px;overflow:hidden}.cond .c{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);font-size:14px}.cond .c:first-child{border-top:0}.cond .c span.l{flex:1 1}.cond .c small{color:var(--mut);display:block;font-size:12px}.mini{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:600}.mini.ok{background:#e6f7ec;border-color:#b7e4c7;color:var(--ok)}.mini.no{background:#fdecec;border-color:#f3c5c5;color:var(--bad)}.ic{width:22px;text-align:center;font-weight:700}.ic.g{color:var(--ok)}.ic.r{color:var(--bad)}.ic.w{color:#b45309}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;color:var(--mut);font-weight:600;font-size:12.5px;padding:8px 10px}table.t td,table.t th{border-bottom:1px solid var(--line)}table.t td{padding:11px 10px;vertical-align:top}table.t tr:hover td{background:#faf8f5}.pill2{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:#f0ede8;color:var(--mut)}.pill2.ok{background:#e6f7ec;color:var(--ok)}.pill2.bad{background:#fdecec;color:var(--bad)}.kv{display:grid;grid-template-columns:180px 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:14px}.kv dt{color:var(--mut)}.kv dd{margin:0;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.slotcard{border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;background:#fff}.slotcard .hd{display:flex;gap:12px;align-items:center}.slotcard blockquote{margin:12px 0;padding:10px 14px;background:#f7f5f2;border-left:4px solid var(--acc);border-radius:10px;font-size:14.5px}.av img{width:100%;height:100%;border-radius:50%;object-fit:cover}.wcard .chk{margin-top:14px}.small{font-size:12.5px;color:var(--mut)}.lc{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:linear-gradient(135deg,#fff,#faf7f2)}.lc-h{display:flex;align-items:center;gap:14px}.orbit{position:relative;width:46px;height:46px;flex:none;border-radius:50%;border-left:4px solid #f0ece6;border-bottom:4px solid #f0ece6;border-top:4px solid #f0ece6;border-top-color:var(--acc);border-right:4px solid #f0ece6;border-right-color:var(--acc2);animation:rot .9s linear infinite}.lc-h b{display:block;font-size:16px}.lc-h span{color:var(--mut);font-size:13px}.lc-steps{list-style:none;margin:14px 0 4px;padding:0;display:grid;grid-gap:8px;gap:8px}.lc-steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:#b8b3ab;transition:color .3s}.lc-steps li.on{color:var(--ink);font-weight:600}.lc-steps li.done{color:var(--mut)}.lc-steps i{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-style:normal;font-size:12px;border:2px solid #e2ddd5;color:#fff}.lc-steps li.done i{background:var(--ok);border-color:var(--ok)}.lc-steps li.on i{border-color:var(--acc);border-top-color:transparent;animation:rot .8s linear infinite}.lc .prog{margin:14px 0 6px}.lc .cnt{font-size:13px;color:var(--mut);display:flex;justify-content:space-between}.nav{gap:4px}.nav a{font-weight:500}.nav a.on{color:var(--ink);background:#fff;box-shadow:0 1px 2px rgba(20,16,30,.08)}.nav .sep{width:1px;height:22px;background:var(--line);margin:0 10px}.nav .user{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:99px;background:linear-gradient(135deg,#fff1f4,#f5efff);border:1px solid #efd9e2;color:var(--ink);font-size:13.5px;font-weight:600;margin-right:0}.nav .user i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700}.nav .out{font-size:13px;color:var(--mut);margin-left:4px}