.hiwl{--loop:20s;--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-lg);--r-pill:var(--radius-pill);--ease:var(--ease-standard);flex-direction:column;align-items:center;margin-top:40px;display:flex}.hiwl .anim{animation-duration:var(--loop);animation-iteration-count:infinite;animation-timing-function:var(--ease);animation-fill-mode:both}.hiwl .stage-scroll{width:100%;max-width:100%;padding:8px 0;position:relative;overflow:hidden;container-type:inline-size}.hiwl .stage{align-items:center;gap:0;width:820px;min-width:820px;margin:0 auto;display:flex}.hiwl .side{flex-direction:column;align-items:center;gap:14px;display:flex}.hiwl .side-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warm-600);font-size:13px}.hiwl .phone{background:var(--ink-900);width:290px;height:590px;box-shadow:var(--shadow-lg);border-radius:44px;flex-shrink:0;padding:10px;position:relative}.hiwl .screen{background:var(--bone);border-radius:35px;width:100%;height:100%;position:relative;overflow:hidden}.hiwl .notch{background:var(--ink-900);border-radius:var(--r-pill);z-index:40;width:84px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hiwl .view{opacity:0;flex-direction:column;padding:56px 18px 18px;display:flex;position:absolute;inset:0}.hiwl .brandbar{font-family:var(--font-display);color:var(--pine-900);align-items:center;gap:7px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.hiwl .brandbar .ctx{font-family:var(--font-mono);color:var(--warm-500);margin-left:auto;font-size:11px;font-weight:400}.hiwl .brandbar svg{width:18px;height:18px}.hiwl .shead{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-900);font-size:23px;font-weight:700;line-height:1.15}.hiwl .sub{color:var(--warm-600);font-size:14px;line-height:1.45}.hiwl .pill{border-radius:var(--r-pill);align-items:center;gap:7px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.hiwl .pill .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.hiwl .pill.ok{background:var(--green-100);color:var(--green-600)}.hiwl .pill.wait{background:var(--amber-100);color:var(--amber-600)}.hiwl .note{background:var(--pine-50);color:var(--pine-800);border-radius:var(--r-md);gap:9px;margin-top:auto;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.hiwl .note svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.hiwl .icon-sq{background:var(--pine-100);width:38px;height:38px;color:var(--pine-700);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hiwl .icon-sq svg{width:20px;height:20px}.hiwl .v-s0{background:#161310;justify-content:center;align-items:center;padding:0}.hiwl .vf-frame{padding:24px;position:relative}.hiwl .vfc{border:2.5px solid #ffffffd9;width:26px;height:26px;position:absolute}.hiwl .vfc.tl{border-bottom:0;border-right:0;border-top-left-radius:8px;top:0;left:0}.hiwl .vfc.tr{border-bottom:0;border-left:0;border-top-right-radius:8px;top:0;right:0}.hiwl .vfc.bl{border-top:0;border-right:0;border-bottom-left-radius:8px;bottom:0;left:0}.hiwl .vfc.br{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:0;right:0}.hiwl .vf-tag{border-radius:14px;width:186px;overflow:hidden;box-shadow:0 10px 34px #00000080}.hiwl .vf-chip{white-space:nowrap;color:var(--ink-900);border-radius:var(--r-pill);background:#fffffff0;padding:9px 15px;font-size:12.5px;font-weight:600;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hiwl .v-splash{text-align:center;justify-content:center;align-items:center;gap:12px}.hiwl .v-splash .mark{width:72px;height:72px}.hiwl .v-splash .serial{font-family:var(--font-mono);color:var(--warm-500);letter-spacing:.06em;font-size:13px}.hiwl .tiles{flex-direction:column;gap:9px;margin-top:14px;display:flex}.hiwl .tile{text-align:left;background:var(--white);border:1.5px solid var(--sand-300);border-radius:var(--r-lg);align-items:center;gap:11px;min-height:62px;padding:12px;display:flex}.hiwl .tile b{color:var(--ink-900);font-size:14.5px;line-height:1.25;display:block}.hiwl .tile small{color:var(--warm-600);font-size:12px}.hiwl .tile .chev{color:var(--warm-500);flex-shrink:0;width:16px;height:16px;margin-left:auto}.hiwl .otp{gap:7px;margin:16px 0 10px;display:flex}.hiwl .otp span{border:1.5px solid var(--sand-300);border-radius:var(--r-sm);background:var(--white);width:36px;height:46px;font-family:var(--font-mono);color:var(--ink-900);justify-content:center;align-items:center;font-size:21px;display:flex}.hiwl .otp span i{opacity:0;font-style:normal}.hiwl .v-wait{text-align:center;justify-content:center;align-items:center;gap:12px}.hiwl .beacon{background:var(--honey-100);width:64px;height:64px;color:var(--honey-800);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.hiwl .beacon svg{width:28px;height:28px}.hiwl .beacon:after{content:"";border:2px solid var(--honey-300);animation:hiwl-beacon 2s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes hiwl-beacon{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.hiwl .v-lock{background:var(--pine-950);color:#eaf5f1;text-align:center;align-items:center;padding-top:84px}.hiwl .lock-time{font-family:var(--font-display);letter-spacing:-.02em;color:#eaf5f1;font-size:56px;font-weight:600}.hiwl .lock-date{color:var(--pine-300);margin-top:2px;font-size:14px}.hiwl .notif{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-md);text-align:left;opacity:0;gap:10px;padding:12px 14px;display:flex;position:absolute;top:170px;left:14px;right:14px}.hiwl .notif svg{flex-shrink:0;width:22px;height:22px;margin-top:2px}.hiwl .notif .t{color:var(--ink-900);justify-content:space-between;gap:8px;font-size:13px;font-weight:700;display:flex}.hiwl .notif .t em{color:var(--warm-500);font-size:12px;font-style:normal;font-weight:400}.hiwl .notif p{color:var(--ink-700);margin:1px 0 0;font-size:13.5px;line-height:1.35}.hiwl .req-card{background:var(--white);border:1px solid var(--sand-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-top:14px;padding:16px}.hiwl .req-card .kicker{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--warm-500);margin-bottom:6px;font-size:10.5px}.hiwl .hbtn{border-radius:var(--r-md);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:15px;font-weight:600;display:flex}.hiwl .hbtn svg{width:17px;height:17px}.hiwl .hbtn.signal{background:var(--honey-500);color:var(--pine-950)}.hiwl .hbtn.secondary{background:var(--white);color:var(--ink-900);border-color:var(--sand-300)}.hiwl .hbtn.danger{background:var(--white);color:var(--clay-600);border-color:var(--clay-100)}.hiwl .hbtn-row{gap:9px;display:flex}.hiwl .hbtn-col{flex-direction:column;gap:9px;margin-top:auto;display:flex}.hiwl .chat-head{color:var(--ink-900);border-bottom:1px solid var(--sand-200);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;font-size:13px;font-weight:600;display:flex}.hiwl .chat-head .who{flex-direction:column;display:flex}.hiwl .chat-head small{color:var(--warm-500);font-size:11px;font-weight:400}.hiwl .msgs{flex-direction:column;flex:1;gap:9px;display:flex}.hiwl .bubble{border-radius:var(--r-lg);opacity:0;max-width:82%;padding:9px 13px;font-size:14px;line-height:1.4}.hiwl .bubble.them{background:var(--white);border:1px solid var(--sand-200);color:var(--ink-900);border-bottom-left-radius:6px;align-self:flex-start}.hiwl .bubble.me{background:var(--pine-700);color:#eaf5f1;border-bottom-right-radius:6px;align-self:flex-end}.hiwl .bubble.sys{text-align:center;background:var(--honey-50);border:1px solid var(--honey-200);color:var(--honey-800);border-radius:var(--r-md);align-self:center;max-width:95%;font-size:12.5px}.hiwl .blabel{color:var(--warm-500);opacity:0;margin-top:-4px;padding:0 4px;font-size:10.5px}.hiwl .inputbar{background:var(--white);border:1.5px solid var(--sand-300);border-radius:var(--r-pill);color:var(--warm-500);align-items:center;gap:9px;margin-top:12px;padding:11px 15px;font-size:14px;display:flex}.hiwl .inputbar svg{width:18px;height:18px;color:var(--pine-700);margin-left:auto}.hiwl .relay{flex-shrink:0;justify-content:center;align-items:center;width:180px;height:590px;display:flex;position:relative}.hiwl .track{border-top:2px dashed var(--sand-300);position:absolute;top:50%;left:-8px;right:-8px}.hiwl .node{z-index:2;background:var(--white);border:1px solid var(--sand-200);width:64px;height:64px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.hiwl .node svg{width:36px;height:36px}.hiwl .relay-label{text-align:center;width:150px;position:absolute;top:calc(50% + 44px);left:50%;transform:translate(-50%)}.hiwl .relay-label b{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--warm-600);font-size:11px;font-weight:500;display:block}.hiwl .relay-label span{color:var(--warm-500);margin-top:3px;font-size:12px;line-height:1.35;display:block}.hiwl .ping-dot{background:var(--honey-500);opacity:0;z-index:3;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;box-shadow:0 0 0 4px #eea63c38}@container (max-width:860px){.hiwl .stage{transform-origin:410px;animation:hiwl-cam var(--loop) var(--ease) infinite;margin:0}.hiwl .caption{padding:0 14px;font-size:17.5px}}@keyframes hiwl-cam{0%,41%{transform:translate(calc(50cqw - 175px))}44%,48%{transform:translate(calc(50cqw - 410px))}51%,70%{transform:translate(calc(50cqw - 645px))}76%,95.5%{transform:translate(calc(50cqw - 410px))scale(.44)}99.5%,to{transform:translate(calc(50cqw - 175px))}}.hiwl .caption-bar{text-align:center;width:min(680px,100%);height:64px;margin-top:24px;position:relative}.hiwl .caption{color:var(--ink-900);opacity:0;justify-content:center;align-items:flex-start;font-size:21px;font-weight:500;line-height:1.35;display:flex;position:absolute;inset:0}.hiwl .progress{background:var(--sand-200);border-radius:2px;width:min(680px,100%);height:3px;margin-top:8px;overflow:hidden}.hiwl .progress i{background:var(--pine-500);transform-origin:0;height:100%;animation:hiwl-progress var(--loop) linear infinite;display:block;transform:scaleX(0)}@keyframes hiwl-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hiwl.paused .anim,.hiwl.paused .otp span i,.hiwl.paused .progress i,.hiwl.paused .stage,.hiwl.paused .beacon:after{animation-play-state:paused!important}.hiwl .controls{justify-content:center;align-items:center;gap:12px;min-height:48px;margin-top:18px;display:flex}.hiwl .ctl{background:var(--white);border:1.5px solid var(--sand-300);width:48px;height:48px;color:var(--pine-700);cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.hiwl .ctl:hover{background:var(--pine-50)}.hiwl .ctl:active{transform:translateY(1px)}.hiwl .ctl svg{width:20px;height:20px}.hiwl .again{background:var(--honey-500);height:48px;color:var(--pine-950);font-family:var(--font-text);border-radius:var(--r-pill);cursor:pointer;border:none;align-items:center;padding:0 20px;font-size:15px;font-weight:600;display:none}.hiwl .again:active{transform:translateY(1px)}.hiwl.finished .again{display:flex}.hiwl .rm-play{z-index:45;background:color-mix(in oklab, var(--bone) 55%, transparent);cursor:pointer;font-family:var(--font-text);color:var(--pine-900);border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.hiwl .rm-play .label{background:var(--white);border:1px solid var(--sand-200);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);padding:7px 15px}.hiwl .rm-play .disc{background:var(--honey-500);width:76px;height:76px;color:var(--text-on-signal);box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.hiwl .rm-play .disc svg{width:30px;height:30px;margin-left:4px}.hiwl .rm-play:hover .disc{background:var(--honey-600)}.hiwl .rm-play:active .disc{transform:translateY(1px)}.hiwl .v-s0{animation-name:kf-s0}@keyframes kf-s0{0%{opacity:1}9%{opacity:1}10.5%{opacity:0}98%{opacity:0}99.8%,to{opacity:1}}.hiwl .vf-tag{animation-name:kf-vftag}@keyframes kf-vftag{0%{transform:scale(.94)}10.5%,98%{transform:scale(1.07)}to{transform:scale(.94)}}.hiwl .v-s1{animation-name:kf-s1}@keyframes kf-s1{0%,9.5%{opacity:0}11%{opacity:1}15.5%{opacity:1}17.5%,to{opacity:0}}.hiwl .v-s2{animation-name:kf-s2}@keyframes kf-s2{0%,17%{opacity:0;transform:translateY(10px)}19%{opacity:1;transform:none}29.5%{opacity:1}31.5%,to{opacity:0}}.hiwl .tile-select{animation-name:kf-tile-select}@keyframes kf-tile-select{0%,25.3%{background:var(--white);border-color:var(--sand-300);transform:none}25.8%{transform:translateY(1px)}26.5%,to{background:var(--pine-50);border-color:var(--pine-500);transform:none}}.hiwl .v-s3{animation-name:kf-s3}@keyframes kf-s3{0%,30.5%{opacity:0;transform:translateY(10px)}32.5%{opacity:1;transform:none}40.5%{opacity:1}42.5%,to{opacity:0}}.hiwl .otp span i{animation-duration:var(--loop);animation-iteration-count:infinite;animation-timing-function:var(--ease);animation-fill-mode:both}.hiwl .otp span:first-child i{animation-name:kf-d1}@keyframes kf-d1{0%,33.5%{opacity:0}34.3%,to{opacity:1}}.hiwl .otp span:nth-child(2) i{animation-name:kf-d2}@keyframes kf-d2{0%,34.6%{opacity:0}35.4%,to{opacity:1}}.hiwl .otp span:nth-child(3) i{animation-name:kf-d3}@keyframes kf-d3{0%,35.7%{opacity:0}36.5%,to{opacity:1}}.hiwl .otp span:nth-child(4) i{animation-name:kf-d4}@keyframes kf-d4{0%,36.8%{opacity:0}37.6%,to{opacity:1}}.hiwl .otp span:nth-child(5) i{animation-name:kf-d5}@keyframes kf-d5{0%,37.9%{opacity:0}38.7%,to{opacity:1}}.hiwl .otp span:nth-child(6) i{animation-name:kf-d6}@keyframes kf-d6{0%,39%{opacity:0}39.8%,to{opacity:1}}.hiwl .v-s4{animation-name:kf-s4}@keyframes kf-s4{0%,41.5%{opacity:0;transform:translateY(10px)}43.5%{opacity:1;transform:none}69.5%{opacity:1}71.5%,to{opacity:0}}.hiwl .v-s5{animation-name:kf-s5}@keyframes kf-s5{0%,70.5%{opacity:0;transform:translateY(10px)}72.5%{opacity:1;transform:none}96%{opacity:1}98.5%,to{opacity:0}}.hiwl .sc-sys{animation-name:kf-sc-sys}@keyframes kf-sc-sys{0%,73%{opacity:0}74.5%,to{opacity:1}}.hiwl .sc-them,.hiwl .sc-them-label{animation-name:kf-sc-them}@keyframes kf-sc-them{0%,81.5%{opacity:0}83%,to{opacity:1}}.hiwl .sc-me{animation-name:kf-sc-me}@keyframes kf-sc-me{0%,85.5%{opacity:0}87%,to{opacity:1}}.hiwl .v-o1{animation-name:kf-o1}@keyframes kf-o1{0%{opacity:1}56.5%{opacity:1}58.5%{opacity:0}98%{opacity:0}99.8%,to{opacity:1}}.hiwl .notif{animation-name:kf-notif}@keyframes kf-notif{0%,49%{opacity:0;transform:translateY(-16px)}50.5%{opacity:1;transform:none}56.5%{opacity:1}58%,to{opacity:0}}.hiwl .v-o2{animation-name:kf-o2}@keyframes kf-o2{0%,57%{opacity:0;transform:translateY(10px)}59%{opacity:1;transform:none}69.5%{opacity:1}71.5%,to{opacity:0}}.hiwl .accept-press{animation-name:kf-accept}@keyframes kf-accept{0%,67.3%{filter:none;transform:none}67.9%{filter:brightness(.96);transform:translateY(2px)}68.7%,to{filter:none;transform:none}}.hiwl .v-o3{animation-name:kf-o3}@keyframes kf-o3{0%,70.5%{opacity:0;transform:translateY(10px)}72.5%{opacity:1;transform:none}96%{opacity:1}98.5%,to{opacity:0}}.hiwl .ow-sys{animation-name:kf-sc-sys}.hiwl .ow-me{animation-name:kf-ow-me}@keyframes kf-ow-me{0%,76.5%{opacity:0}78%,to{opacity:1}}.hiwl .ow-them,.hiwl .ow-them-label{animation-name:kf-ow-them}@keyframes kf-ow-them{0%,90%{opacity:0}91.5%,to{opacity:1}}.hiwl .dot1{animation-name:kf-dot1;animation-timing-function:linear}@keyframes kf-dot1{0%,43%{opacity:0;left:-6px}43.8%{opacity:1}48.2%{opacity:1;left:calc(100% - 6px)}49%,to{opacity:0;left:calc(100% - 6px)}}.hiwl .dot2{animation-name:kf-dot2;animation-timing-function:linear}@keyframes kf-dot2{0%,78%{opacity:0;left:calc(100% - 6px)}78.8%{opacity:1}81.2%{opacity:1;left:-6px}82%,to{opacity:0;left:-6px}}.hiwl .dot3{animation-name:kf-dot3;animation-timing-function:linear}@keyframes kf-dot3{0%,86.5%{opacity:0;left:-6px}87.3%{opacity:1}89.7%{opacity:1;left:calc(100% - 6px)}90.5%,to{opacity:0;left:calc(100% - 6px)}}.hiwl .node{animation-name:kf-node}@keyframes kf-node{0%,45.2%{box-shadow:var(--shadow-md)}46.2%{box-shadow:var(--shadow-md), 0 0 0 10px #eea63c38}47.4%,79%{box-shadow:var(--shadow-md)}80%{box-shadow:var(--shadow-md), 0 0 0 10px #eea63c38}81.2%,87.6%{box-shadow:var(--shadow-md)}88.6%{box-shadow:var(--shadow-md), 0 0 0 10px #eea63c38}89.8%,to{box-shadow:var(--shadow-md)}}.hiwl .cap1{animation-name:kf-cap1}@keyframes kf-cap1{0%{opacity:0}1.5%{opacity:1}28%{opacity:1}30%,to{opacity:0}}.hiwl .cap2{animation-name:kf-cap2}@keyframes kf-cap2{0%,30%{opacity:0}32%{opacity:1}40.5%{opacity:1}42.5%,to{opacity:0}}.hiwl .cap3{animation-name:kf-cap3}@keyframes kf-cap3{0%,42.5%{opacity:0}44.5%{opacity:1}55%{opacity:1}57%,to{opacity:0}}.hiwl .cap4{animation-name:kf-cap4}@keyframes kf-cap4{0%,57%{opacity:0}59%{opacity:1}69.5%{opacity:1}71%,to{opacity:0}}.hiwl .cap5{animation-name:kf-cap5}@keyframes kf-cap5{0%,71%{opacity:0}73%{opacity:1}95.5%{opacity:1}97.5%,to{opacity:0}}