.hp-container{background:#f5f5f5;width:100%;height:100%;position:relative;overflow:hidden}.hp-play-btn{z-index:25;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-play-btn:hover{background:#00000073}.hp-play-btn svg{width:32px;height:32px;margin-left:4px}.hp-container video{object-fit:cover;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;inset:0}.hp-branding{z-index:2;align-items:center;gap:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-branding img{filter:brightness(0);width:80px;height:80px}.hp-branding span{color:#000;letter-spacing:-.5px;align-self:flex-end;margin-bottom:-6px;font-size:64px;font-weight:500}.hp-caption{color:#fff;z-index:2;opacity:0;max-width:500px;font-size:42px;font-weight:500;line-height:1.2;transition:opacity 1.4s ease-out,transform 1.4s ease-out;position:absolute;top:50%;left:40px;transform:translateY(-50%)translate(-30px)}.hp-recorder{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:12px;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(-40px)}.hp-recorder.hp-visible{opacity:1;transform:translate(-50%,-50%)translate(0)}.hp-recorder-outer{border:1.5px solid #ffffffb3;border-radius:20px;padding:20px}.hp-recorder-bar{background:#fff;border-radius:14px;align-items:center;gap:2px;min-width:600px;height:60px;padding:14px 20px;display:flex}.hp-audiogram{flex:1;align-items:center;gap:1.5px;width:100%;height:34px;display:flex}.hp-bar{opacity:.8;background:#000;border-radius:1.5px;width:2px;animation:.7s ease-in-out infinite hp-waveform}@keyframes hp-waveform{0%,to{height:var(--min-h,4px)}50%{height:var(--max-h,32px)}}.hp-mic-btn{background:#000c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.hp-mic-btn svg{color:#fff;width:24px;height:24px}.hp-proc-state{flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;height:34px;display:none}.hp-proc-state.hp-visible{display:flex}.hp-spinner{border:2px solid #d1d1d6;border-top-color:#000;border-radius:50%;flex-shrink:0;width:26px;height:26px;animation:.8s linear infinite hp-spin}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-proc-text{color:#000;font-size:22px;font-weight:500}.hp-answer-card{z-index:3;opacity:0;transition:opacity .3s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-answer-card.hp-visible{opacity:1}.hp-answer-card-outer{border:1.5px solid #ffffffb3;border-radius:20px;width:560px;padding:20px}.hp-answer-card-inner{background:#fff;border-radius:16px;flex-direction:column;padding:24px 28px;transition:max-height 1.5s ease-out;display:flex;overflow:hidden}.hp-question-bubble{color:#fff;background:#000000e6;border-radius:999px;align-self:flex-end;max-width:420px;margin-bottom:14px;padding:10px 16px;font-size:15px;font-weight:500;line-height:1.4}.hp-ai-text{color:#3a3a3c;font-size:15px;line-height:1.5}.hp-code-block{color:#d4d4d4;white-space:pre;background:#1e1e1e;border-radius:10px;margin:8px 0;padding:14px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.hp-code-block .hp-kw{color:#c586c0}.hp-code-block .hp-fn{color:#dcdcaa}.hp-answer-card.hp-right-pos{left:calc(100% - 680px);transform:translateY(-50%)}.hp-answer-card.hp-right-pos .hp-answer-card-outer{width:650px}.hp-answer-card.hp-right-pos .hp-question-bubble{max-width:100%}.hp-camera-bar-wrap{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:12px;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(-40px)}.hp-camera-bar-wrap.hp-visible{opacity:1;transform:translate(-50%,-50%)translate(0)}.hp-camera-outer{border:1.5px solid #ffffffb3;border-radius:20px;padding:20px}.hp-camera-bar{background:#fff;border-radius:14px;align-items:center;gap:16px;min-width:500px;height:60px;padding:14px 20px;display:flex}.hp-camera-viewfinder{color:#aeaeb2;flex:1;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.hp-camera-btn{background:#000c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .15s ease-out;display:flex}.hp-camera-btn.hp-snapped{animation:.4s ease-out forwards hp-btnFlash}@keyframes hp-btnFlash{0%{background:#000c;transform:scale(1)}15%{background:#ffffffe6;transform:scale(.8)}40%{background:#000c;transform:scale(1.05)}to{background:#000c;transform:scale(1)}}.hp-camera-btn svg{color:#fff;width:24px;height:24px}.hp-loop-fade{z-index:20;opacity:0;pointer-events:none;background:#000;border-radius:16px;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.hp-loop-fade.hp-active{opacity:1}.hp-camera-flash{z-index:10;opacity:0;pointer-events:none;background:#fff;border-radius:16px;position:absolute;inset:0}.hp-camera-flash.hp-flash{animation:.4s ease-out forwards hp-flashAnim}@keyframes hp-flashAnim{0%{opacity:.9}to{opacity:0}}.hp-tackle-text{z-index:3;opacity:0;max-width:420px;transition:opacity .8s ease-out,transform .8s ease-out;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.hp-tackle-text.hp-visible{opacity:1}.hp-tackle-heading{color:#fff;margin-bottom:20px;font-size:36px;font-weight:500;line-height:1.25}.hp-tackle-categories{flex-direction:column;gap:10px;display:flex}.hp-tackle-category{color:#ffffffe6;opacity:0;align-items:center;gap:12px;font-size:22px;font-weight:500;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;transform:translate(-20px)}.hp-tackle-category.hp-visible{opacity:1;transform:translate(0)}.hp-tackle-category.hp-active{color:#fff;font-weight:700}.hp-dot{background:#ffffffb3;border-radius:50%;flex-shrink:0;width:8px;height:8px}