.hsc{--b:#D85A30;--amb:#F2A03D;--base:#0E1014;--ln:rgba(255,255,255,.1);--t2:#A7AEC1;--t3:#6B7280;position:relative;width:100%;max-width:980px;margin:8px auto 0;z-index:2;box-sizing:border-box}.hsc *{box-sizing:border-box}.hsc-tabs{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;padding:0 8px;max-width:100%}.hsc-tab{font-size:12.5px;font-weight:600;color:var(--t2);background:#ffffff0a;border:1px solid var(--ln);padding:6px 12px;border-radius:999px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:inherit}.hsc-tab:hover{color:#fff;border-color:#fff3}.hsc-tab.on{background:var(--b);border-color:var(--b);color:#fff}.hsc-tab:focus-visible{outline:2px solid var(--amb);outline-offset:2px}.hsc-viewer{position:relative;display:flex;align-items:center;justify-content:center;min-height:486px;max-width:100%}.hsc-fit{display:flex;justify-content:center;align-items:center;max-width:100%}.hsc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:.15s;backdrop-filter:blur(6px)}.hsc-arrow:hover{background:var(--b);border-color:var(--b)}.hsc-arrow:focus-visible{outline:2px solid var(--amb);outline-offset:2px}.hsc-arrow.prev{left:0}.hsc-arrow.next{right:0}.hsc-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4}.hsc-device{position:relative;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.7,.2,1)}.hsc-device.swapping{opacity:0;transform:translateY(10px) scale(.985)}.hsc-vp{background:var(--base);overflow:hidden;position:relative}.hsc-vp iframe{border:0;display:block;transform-origin:top left;background:var(--base)}.hsc-vp.loading:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.06) 50%,transparent 80%);background-size:200% 100%;animation:hsc-shim 1.1s linear infinite}@keyframes hsc-shim{to{background-position:-200% 0}}.hsc-device.tablet .hsc-bezel{background:linear-gradient(150deg,#2a2d33,#15171b);padding:14px 16px;border-radius:26px;box-shadow:0 30px 70px #0009,inset 0 0 0 1px #ffffff0d}.hsc-device.tablet .hsc-vp{border-radius:12px}.hsc-cam{position:absolute;top:7px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#3a3d44}.hsc-device.desktop .hsc-bezel{background:linear-gradient(150deg,#2a2d33,#15171b);padding:14px 14px 16px;border-radius:14px;box-shadow:0 30px 70px #0009,inset 0 0 0 1px #ffffff0d}.hsc-device.desktop .hsc-vp{border-radius:6px}.hsc-stand{margin:0 auto;width:120px;height:34px;background:linear-gradient(180deg,#23262b,#16181c)}.hsc-foot{margin:0 auto;width:240px;height:12px;border-radius:0 0 8px 8px;background:#1a1c20;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.hsc-device.phone .hsc-bezel{background:linear-gradient(150deg,#2a2d33,#15171b);padding:11px;border-radius:38px;box-shadow:0 30px 70px #0009,inset 0 0 0 1px #ffffff0d}.hsc-device.phone .hsc-vp{border-radius:28px}.hsc-island{position:absolute;top:9px;left:50%;transform:translate(-50%);width:64px;height:15px;border-radius:99px;background:#0a0807;z-index:30}.hsc-swipehint{display:none;text-align:center;font-size:11px;color:var(--t3);margin-top:12px;letter-spacing:.3px}.hsc-ctrl{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}.hsc-dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.hsc-dots .d{width:24px;height:24px;display:grid;place-items:center;cursor:pointer;background:none;border:0;padding:0}.hsc-dots .d:after{content:"";width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:.2s}.hsc-dots .d.on:after{background:var(--b);width:22px;border-radius:99px}.hsc-dots .d:focus-visible{outline:2px solid var(--amb);outline-offset:0;border-radius:50%}.hsc-meta{font-size:12px;color:var(--t2);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.hsc-meta b{color:#fff}.hsc-meta .dev{display:inline-flex;align-items:center;gap:5px;color:var(--amb);font-weight:600}.hsc-meta .dev svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.hsc-prog{width:200px;height:3px;border-radius:99px;background:#ffffff1a;overflow:hidden}.hsc-prog .fill{height:100%;background:var(--b);width:0%;transition:width .1s linear}@media(max-width:820px){.hsc-viewer{min-height:0}.hsc-arrow{display:none}.hsc-swipehint{display:block}.hsc-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x proximity;padding:0 16px 4px;-ms-overflow-style:none;scrollbar-width:none}.hsc-tabs::-webkit-scrollbar{display:none}.hsc-tab{flex:0 0 auto;scroll-snap-align:center}}.signup-modal[hidden]{display:none}.signup-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}.signup-backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(6px)}.signup-card{position:relative;background:#15171c;border:1px solid rgba(99,102,241,.3);border-radius:22px;padding:28px;max-width:440px;width:calc(100% - 32px);box-shadow:0 20px 60px #00000080}.signup-card h3{font-size:24px;font-weight:800;margin:0 0 6px;color:#fff}.signup-sub{color:#a1a8b4;margin:0 0 20px;font-size:14px}.signup-card label{display:block;color:#c8ccd4;font-size:13px;font-weight:600;margin-bottom:12px}.signup-card .opt{color:#6c7280;font-weight:400}.signup-card input{display:block;width:100%;margin-top:6px;background:#0e1014;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;box-sizing:border-box}.signup-card input:focus{outline:2px solid #6366f1;outline-offset:0}.signup-card #signup-submit{width:100%;margin-top:8px}.signup-close{position:absolute;top:12px;right:14px;background:transparent;border:0;color:#6c7280;font-size:22px;cursor:pointer}.signup-close:hover{color:#fff}.signup-result{margin:14px 0 0;padding:12px;border-radius:10px;font-size:13px;min-height:0}.signup-result.ok{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.signup-result.err{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}
