.hiw{gap:14px;width:100%;max-width:1120px;margin-inline:auto;display:grid}.hiw-page .pub-head{padding-block:var(--sp-4)}.hiw-page .pub-head h1{max-inline-size:none;margin:0;font-size:1.75rem;line-height:1.2}@media (min-width:721px){.hiw{max-width:min(1120px,max(360px,177.78svh - 519.118px))}}.hiw-frame{aspect-ratio:1120/630;border:1px solid var(--app-line);border-radius:var(--r-md);background:#17181b;width:100%;position:relative;overflow:hidden}.hiw-stage{transform-origin:0 0;opacity:0;color:#e6e7ea;background:#17181b;flex-direction:column;width:1120px;height:630px;font-size:14px;display:flex;position:absolute;top:0;left:0}.hiw-stage[data-ready=true]{opacity:1}.hiw-stage:focus-visible{outline:2px solid var(--focus,#fff);outline-offset:-3px}.hiw-bar{color:#a1a4ab;border-bottom:1px solid #2a2c31;flex:none;justify-content:space-between;align-items:center;height:36px;padding:0 16px;font-size:12px;font-weight:500;display:flex}.hiw-body{flex:1;grid-template-columns:400px minmax(0,1fr);gap:12px;min-height:0;padding:12px;display:grid}.hiw-side,.hiw-discord{min-width:0;min-height:0;position:relative}.hiw-discord{--sim-window-height:690px;--sim-window-height-phone:600px;border-radius:var(--r-md);overflow:hidden}.hiw-anchor{pointer-events:none;width:2px;height:2px;position:absolute}.hiw-anchor--home{top:84%;left:62%}.hiw-anchor--discord{top:60%;left:58%}.hiw-discord__wait{border-radius:var(--r-md);color:#b5bac1;text-align:center;background:#313338;align-content:center;justify-items:center;gap:6px;height:100%;display:grid}.hiw-discord__wait p{margin:0}.hiw-discord__wait p:first-child{color:#f2f3f5;font-size:16px;font-weight:600}.hiw-dash{border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-panel);height:100%;color:var(--app-text);align-content:start;gap:10px;padding:14px;font-size:13px;line-height:1.4;display:grid;overflow:hidden}.hiw-dash p{margin:0}.hiw-dash__kicker{color:var(--app-muted);font-size:12px;font-weight:500}.hiw-dash__title{font-size:15px;font-weight:600}.hiw-dash__nav{flex-wrap:wrap;gap:4px;display:flex}.hiw-dash__tab{border:1px solid var(--app-line);border-radius:var(--r-sm);color:var(--app-muted);padding:5px 9px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s}.hiw-dash__tab[data-active=true]{border-color:var(--app-line-strong);background:var(--app-hover);color:var(--app-text)}.hiw-dash__card{border:1px solid var(--app-line);border-radius:var(--r-md);align-content:start;gap:10px;padding:12px;display:grid}.hiw-dash__card--empty{min-height:220px;color:var(--app-muted);align-content:center;place-items:center}.hiw-dash__row{justify-content:space-between;align-items:center;display:flex}.hiw-dash__feature{font-size:14px;font-weight:600}.hiw-dash__switch{align-items:center;gap:8px;display:inline-flex}.hiw-dash__switch-label{color:var(--app-muted);font-size:12px}.hiw-dash__fields{gap:10px;transition:opacity .2s;display:grid}.hiw-dash__fields[data-off=true]{opacity:.45}.hiw-dash__field{gap:4px;display:grid;position:relative}.hiw-dash__label{font-size:12px;font-weight:500}.hiw-dash__input{border:1px solid var(--app-line-strong);border-radius:var(--r-sm);justify-content:space-between;align-items:center;min-height:32px;padding:0 10px;transition:box-shadow .15s;display:flex}.hiw-dash__input[data-empty=true]{color:var(--app-muted)}.hiw-dash__field[data-focus=true] .hiw-dash__input{box-shadow:0 0 0 2px var(--app-line-strong)}.hiw-dash__chevron{width:6px;height:6px;color:var(--app-muted);border-bottom:1.5px solid;border-right:1.5px solid;margin-top:-3px;transform:rotate(45deg)}.hiw-dash__caret{background:var(--app-text);width:1px;height:15px;animation:1s step-end infinite hiw-blink}@keyframes hiw-blink{50%{opacity:0}}.hiw-dash__list{z-index:3;visibility:hidden;border:1px solid var(--app-line-strong);border-radius:var(--r-sm);background:var(--app-panel);box-shadow:var(--shadow-1,0 6px 18px #00000040);opacity:0;margin:4px 0 0;padding:4px;list-style:none;transition:opacity .15s;position:absolute;top:100%;left:0;right:0}.hiw-dash__list[data-open=true]{visibility:visible;opacity:1}.hiw-dash__list li{border-radius:4px;padding:6px 8px}.hiw-dash__save{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.hiw-dash__steps{gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.hiw-dash__case{border:1px solid var(--app-line-strong);border-radius:var(--r-sm);background:var(--app-hover);gap:3px;padding:8px 10px;display:grid}.hiw-dash__case-title{font-weight:600}.hiw-dash__case-line{color:var(--app-muted);font-size:12px}.hiw-caption{background:#1e1f22;border-top:1px solid #2a2c31;flex:none;place-items:center;height:56px;padding:0 24px;display:grid}.hiw-caption p{color:#f2f3f5;text-align:center;margin:0;font-size:19px;font-weight:600}.hiw-cursor{z-index:20;pointer-events:none;filter:drop-shadow(0 2px 3px #00000080);will-change:transform;position:absolute;top:0;left:0}.hiw-cursor svg{transform-origin:3px 2px;transition:transform .12s;display:block}.hiw-cursor:after{content:"";opacity:0;border:2px solid #ffffffd9;border-radius:50%;width:20px;height:20px;transition:opacity .18s,transform .18s;position:absolute;top:-9px;left:-9px;transform:scale(.4)}.hiw-cursor[data-press=true] svg{transform:scale(.9)}.hiw-cursor[data-press=true]:after{opacity:1;transform:scale(1.4)}.hiw-intro,.hiw-end{visibility:hidden;opacity:0;text-align:center;align-content:center;justify-items:center;gap:10px;transition:opacity .5s,visibility 0s linear .5s;display:grid;position:absolute;inset:0}.hiw-intro[data-show=true],.hiw-end[data-show=true]{visibility:visible;opacity:1;transition:opacity .35s,visibility}.hiw-intro{z-index:30;color:#f2f3f5;background:#17181b}.hiw-intro p,.hiw-end p{margin:0}.hiw-intro p:first-child{color:#a1a4ab;font-size:15px;font-weight:500}.hiw-intro p:last-child{letter-spacing:-.02em;font-size:48px;font-weight:700}.hiw-end{z-index:40;background:var(--app-panel);color:var(--app-text)}.hiw-end__title{letter-spacing:-.02em;font-size:44px;font-weight:700}.hiw-end__lead{max-width:460px;color:var(--app-muted);font-size:17px}.hiw-end__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.hiw-controls{scroll-margin-bottom:calc(var(--cookie-lift,0px) + 16px);gap:6px;display:grid}.hiw-controls__main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hiw-time{color:var(--app-muted);font-variant-numeric:tabular-nums;margin-left:8px;font-size:13px}.hiw-progress{gap:4px;display:flex}.hiw-seg{cursor:pointer;background:0 0;border:0;flex:1 1 0;height:40px;padding:0;position:relative}.hiw-seg:before{content:"";background:var(--app-line-strong);border-radius:3px;height:6px;margin-top:-3px;transition:height .12s,margin-top .12s;position:absolute;top:50%;left:0;right:0}.hiw-seg:hover:before{height:10px;margin-top:-5px}.hiw-seg:focus-visible{outline:2px solid var(--focus,currentcolor);outline-offset:1px}.hiw-seg__fill{background:var(--app-text);pointer-events:none;border-radius:3px;width:0;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}.hiw-chapters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hiw-chapter{border:1px solid var(--app-line);border-radius:var(--r-md);width:100%;min-height:44px;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.hiw-chapter:hover{background:var(--app-hover)}.hiw-chapter:focus-visible{outline:2px solid var(--focus,currentcolor);outline-offset:1px}.hiw-chapter[aria-current=true]{border-color:var(--app-line-strong);background:var(--app-hover);font-weight:600}.hiw-chapter__number,.hiw-chapter__time{color:var(--app-muted);font-variant-numeric:tabular-nums;font-size:12px}.hiw-chapter__time{margin-left:auto}@media (max-width:720px){.hiw-frame{aspect-ratio:640/1160}.hiw-stage{width:640px;height:1160px}.hiw-body{grid-template-rows:440px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hiw-discord{--sim-window-height-phone:600px}.hiw-anchor--home{top:90%;left:55%}.hiw-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.hiw-caption p{font-size:24px}.hiw-bar{font-size:16px}}@media (prefers-reduced-motion:reduce){.hiw-intro,.hiw-end,.hiw-cursor svg,.hiw-cursor:after,.hiw-dash__list,.hiw-dash__fields,.hiw-dash__input,.hiw-dash__tab{transition:none}.hiw-dash__caret{animation:none}}