@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/big-shoulders-display-CH3aOuT8.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/ibm-plex-sans-BD64o3ke.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-C820gu2e.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-mono-600-DpGnXj3s.woff2) format("woff2")}:root{color-scheme:dark;--ink-000: #0A0A0A;--ink-050: #0F0F0F;--ink-100: #161616;--ink-200: #202020;--ink-300: #2E2E2E;--ink-400: #474747;--paper: #F2F0EC;--paper-dim: #A8A49C;--paper-mute: #8D877D;--accent: #C6FF3D;--accent-lift: #D9FF74;--accent-deep: #8FC71E;--accent-wash: rgba(198, 255, 61, .13);--accent-edge: rgba(198, 255, 61, .32);--danger: #FF5F52;--danger-wash: rgba(255, 95, 82, .1);--r-xs: 3px;--r-sm: 5px;--r-md: 7px;--r-lg: 9px;--r-xl: 11px;--r-2xl: 14px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--spring: linear( 0, .007, .029 2.2%, .118, .246 6.4%, .668 12.5%, .858, .968 19.3%, 1.006, 1.033 24.1%, 1.043, 1.047, 1.045, 1.036 31.3%, 1.006 36.5%, .995, .988 41.7%, .986 45.2%, .99 51.4%, 1.001 62.3%, 1.004 71.1%, 1 );--spring-loud: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1 );--effect: cubic-bezier(.2, 0, 0, 1);--display: "Big Shoulders Display", "Archivo Narrow", system-ui, sans-serif;--ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--lift-1: 0 2px 8px rgba(0, 0, 0, .4);--lift-2: 0 10px 30px rgba(0, 0, 0, .5);--lift-3: 0 24px 60px rgba(0, 0, 0, .65)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hf-btn svg,.hf-x svg,.hf-nav-btn svg,.hf-like svg,.hf-seal svg,.hf-avatar-preview svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body{font-family:var(--ui);font-size:16px;background:var(--ink-000);color:var(--paper);min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:relative;width:100%;max-width:460px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--ink-050);padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}#app:before{content:"";position:fixed;inset:0;max-width:460px;margin:0 auto;pointer-events:none;z-index:0;background:radial-gradient(85% 40% at 10% -4%,rgba(198,255,61,.07),transparent 62%)}#app>*{position:relative;z-index:1}.t-display{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,9.5vw,2.8rem);line-height:.96;letter-spacing:-.008em;text-transform:uppercase;text-wrap:balance}.t-title{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.06;letter-spacing:-.004em;text-wrap:balance}.t-heading{font-family:var(--display);font-weight:700;font-size:1.16rem;line-height:1.16;letter-spacing:-.002em}.t-body{font-size:.92rem;line-height:1.5;color:var(--paper-dim);max-width:34ch}.t-meta{font-size:.8rem;line-height:1.45;color:var(--paper-mute)}.t-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute)}.t-eyebrow.on-magenta{color:var(--accent)}.t-eyebrow.on-cyan{color:var(--paper-dim)}.t-eyebrow.on-yellow{color:var(--accent-lift)}.t-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.hf-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:max(14px,env(safe-area-inset-top,0px)) var(--s-5) var(--s-3);background:linear-gradient(to bottom,var(--ink-050) 62%,rgba(15,15,15,0))}.hf-logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:800;font-size:1.22rem;letter-spacing:-.01em;text-transform:uppercase;color:var(--paper)}.hf-logo-mark{width:22px;height:22px;flex-shrink:0}.hf-group-pill{display:flex;align-items:center;gap:var(--s-2);min-height:44px;max-width:60%;padding:7px 8px 7px 14px;background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r-md);font-family:var(--ui);font-size:.82rem;font-weight:600;color:var(--paper);cursor:pointer;transition:background .2s var(--effect),border-color .2s var(--effect)}.hf-group-pill:hover,.hf-group-pill:focus-visible{border-color:var(--accent-edge)}.hf-group-pill>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-code{flex-shrink:0;padding:3px 9px;border-radius:var(--r-xs);background:var(--accent-wash);color:var(--accent-lift);font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hf-views{flex:1;padding:var(--s-2) var(--s-5) var(--s-8)}.hf-view{display:none}.hf-view.is-active{display:flex;flex-direction:column;gap:var(--s-5);animation:viewIn .36s var(--spring)}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hf-section{display:flex;flex-direction:column;gap:var(--s-3)}.hf-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.hf-ribbon{display:flex;flex-direction:column;gap:var(--s-2)}.hf-ribbon-track{display:flex;align-items:flex-end;gap:2px;height:26px}.hf-tick{flex:1;min-width:0;height:26px;border-radius:1px;background:var(--ink-300);transform:scaleY(.4615);transform-origin:bottom;transition:transform .4s var(--spring),background .3s var(--effect)}.hf-tick.is-gone{background:var(--ink-200)}.hf-tick.is-now{transform:scaleY(1);background:var(--paper);box-shadow:0 0 12px #f2f0ec59;animation:nowPulse 2.4s ease-in-out infinite}.hf-tick.is-filled{transform:scaleY(1);background:linear-gradient(to top,var(--accent-deep),var(--accent));animation:none}.hf-tick.is-filled.is-now{box-shadow:inset 0 -4px 0 var(--paper),0 0 12px var(--accent-edge)}@keyframes nowPulse{0%,to{opacity:1}50%{opacity:.5}}.hf-slot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--ink-100);border:1px solid var(--ink-300);border-radius:var(--r-xl)}.hf-slot-time{font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.01em;margin-top:3px}.hf-slot-count{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;padding:8px 14px;border-radius:var(--r-md);background:var(--ink-200);border:1px solid var(--ink-300)}.hf-slot-count b{font-family:var(--mono);font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--paper);line-height:1}.hf-slot-count span{margin-top:3px;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute)}.hf-frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-5);min-height:340px;padding:var(--s-8) var(--s-6);text-align:center;border-radius:var(--r-2xl);background:radial-gradient(120% 88% at 50% 0%,rgba(198,255,61,.08),transparent 60%),var(--ink-100);border:1px solid var(--ink-300);overflow:hidden}.hf-frame:before,.hf-frame:after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--ink-400);pointer-events:none}.hf-frame:before{top:16px;left:16px;border-right:0;border-bottom:0;border-radius:3px 0 0}.hf-frame:after{bottom:16px;right:16px;border-left:0;border-top:0;border-radius:0 0 3px}.hf-frame-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:var(--r-xs);background:var(--accent-wash);border:1px solid var(--accent-edge);color:var(--accent-lift);font-size:.7rem;font-weight:700;letter-spacing:.05em}.hf-frame-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.hf-frame-copy{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.hf-frame-copy .t-body{margin-inline:auto}.hf-shutter{position:relative;width:118px;height:118px;border:0;border-radius:50%;background:var(--accent);color:var(--ink-000);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 0 0 6px var(--accent-wash),0 14px 34px #c6ff3d38,inset 0 2px #ffffff40;transition:transform .5s var(--spring-loud),background .2s var(--effect)}.hf-shutter:hover{background:var(--accent-lift)}.hf-shutter:active{transform:scale(.9);transition-duration:.1s}.hf-shutter svg{width:30px;height:30px;fill:currentColor;stroke:none}.hf-shutter span{font-family:var(--display);font-size:.78rem;font-weight:800;letter-spacing:.03em}.hf-saved{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-6) var(--s-5);background:var(--ink-100);border:1px solid var(--ink-300);border-radius:var(--r-2xl);text-align:center}.hf-saved-shot{width:100%;max-height:210px;object-fit:cover;display:block;border-radius:var(--r-lg);border:1px solid var(--ink-300)}.hf-seal{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--accent-wash);border:1px solid var(--accent-edge);color:var(--accent);animation:sealIn .55s var(--spring-loud)}.hf-seal svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}@keyframes sealIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.hf-saved.is-pending .hf-seal{animation:sealIn .55s var(--spring-loud),sealBreath 1.8s var(--effect) .55s infinite}.hf-saved.is-pending .hf-saved-shot{border-color:var(--accent-edge);box-shadow:0 0 18px var(--accent-wash)}@keyframes sealBreath{0%,to{opacity:1}50%{opacity:.42}}.hf-next{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);margin-top:var(--s-1);background:var(--ink-200);border-radius:var(--r-md)}.hf-next b{font-family:var(--mono);font-size:1.32rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--paper)}.hf-crew{display:flex;gap:var(--s-4);overflow-x:auto;padding:var(--s-1) var(--s-1) var(--s-2);scrollbar-width:none}.hf-crew::-webkit-scrollbar{display:none}.hf-face{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;width:62px}.hf-face-ring{position:relative;width:54px;height:54px;padding:3px;border-radius:50%;background:var(--ink-200);border:2px solid var(--ink-300);transition:border-color .3s var(--effect),background .3s var(--effect)}.hf-face-ring.is-in{border-color:var(--accent);background:var(--accent-wash);box-shadow:0 0 14px var(--accent-edge)}.hf-face-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.hf-face-dot{position:absolute;right:0;bottom:0;width:15px;height:15px;border-radius:50%;background:var(--ink-400);border:2.5px solid var(--ink-100)}.hf-face-ring.is-in .hf-face-dot{background:var(--accent)}.hf-face-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:600;color:var(--paper-mute)}.hf-vault{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-6);border-radius:var(--r-2xl);border:1px solid var(--ink-300);background:repeating-linear-gradient(-45deg,transparent 0 11px,rgba(46,46,46,.5) 11px 13px),var(--ink-100);text-align:center;overflow:hidden}.hf-vault-clock{font-family:var(--mono);font-weight:600;font-size:clamp(2.3rem,13vw,3.1rem);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1;color:var(--paper)}.hf-vault.is-open{border-color:var(--accent-edge);background:radial-gradient(120% 90% at 50% 0%,rgba(198,255,61,.14),transparent 62%),var(--ink-100);animation:vaultOpen .7s var(--spring)}.hf-vault.is-open .hf-vault-clock{color:var(--accent-lift)}@keyframes vaultOpen{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}.hf-vault-actions{display:flex;flex-direction:column;gap:var(--s-2);width:100%;margin-top:var(--s-2)}.hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:52px;padding:14px 22px;border:1px solid transparent;border-radius:var(--r-md);font-family:var(--display);font-size:.92rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;transition:transform .4s var(--spring),background .2s var(--effect),border-color .2s var(--effect),color .2s var(--effect)}.hf-btn:active{transform:scale(.965);transition-duration:.1s}.hf-btn svg{width:18px;height:18px;flex-shrink:0}.hf-btn--primary{background:var(--accent);color:var(--ink-000);box-shadow:0 6px 20px #c6ff3d2e}.hf-btn--primary:hover{background:var(--accent-lift)}.hf-btn--recap{background:var(--accent-lift);color:var(--ink-000);box-shadow:0 6px 20px #d9ff7433}.hf-btn--recap:hover{filter:brightness(1.06)}.hf-btn--ghost{background:var(--ink-200);color:var(--paper);border-color:var(--ink-300)}.hf-btn--ghost:hover{background:var(--ink-300);border-color:var(--ink-400)}.hf-btn--quiet{background:transparent;color:var(--accent);border-color:var(--accent-edge)}.hf-btn--quiet:hover{background:var(--accent-wash);border-color:var(--accent)}.hf-btn--danger{background:transparent;color:var(--danger);border-color:#ff5f5266}.hf-btn--danger:hover{background:var(--danger-wash);border-color:var(--danger)}.hf-btn--small{width:auto;min-height:42px;padding:9px 18px;font-size:.82rem}.hf-btn--wide{flex:1;width:auto}.hf-field{display:flex;flex-direction:column;gap:var(--s-2)}.hf-label{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--paper-mute)}.hf-input{width:100%;min-height:52px;padding:14px 16px;background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r-md);font-family:var(--ui);font-size:.95rem;font-weight:500;color:var(--paper);outline:none;transition:border-color .2s var(--effect),background .2s var(--effect)}.hf-input::placeholder{color:var(--ink-400)}.hf-input:focus{background:var(--ink-100);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.hf-input:focus-visible{outline:none}.hf-input[type=time]{font-family:var(--mono);font-weight:600}.hf-input--code{font-family:var(--mono);font-size:1.4rem;font-weight:600;letter-spacing:.16em;text-align:center;min-height:64px}.hf-input--code::selection{background:var(--accent);color:var(--ink-000)}.hf-row{display:flex;gap:var(--s-2);align-items:stretch}.hf-row .hf-input{flex:1 1 140px;min-width:0}.hf-stack{display:flex;flex-direction:column;gap:var(--s-3)}.hf-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.hf-group{padding:var(--s-4) var(--s-5);background:var(--ink-100);border:1px solid var(--ink-300);border-radius:var(--r-xl);cursor:pointer;transition:border-color .2s var(--effect),background .2s var(--effect)}.hf-group:hover,.hf-group:focus-visible{border-color:var(--ink-400)}.hf-group.is-active{border-color:var(--accent-edge);background:linear-gradient(to right,var(--accent-wash),transparent 55%),var(--ink-100)}.hf-group-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.hf-group-meta{margin-top:5px;font-size:.78rem;color:var(--paper-mute);display:flex;align-items:center;gap:7px}.hf-group-meta strong{color:var(--accent-lift);font-weight:700;letter-spacing:.06em}.hf-badge{flex-shrink:0;padding:4px 10px;border-radius:var(--r-xs);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--ink-200);color:var(--paper-mute)}.hf-group.is-active .hf-badge{background:var(--accent);color:var(--ink-000)}.hf-group-actions{display:flex;gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--ink-300)}.hf-empty{padding:var(--s-6);text-align:center;color:var(--paper-mute);font-size:.86rem;border:1px dashed var(--ink-300);border-radius:var(--r-xl)}.hf-plan{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-xl);background:linear-gradient(135deg,var(--accent-wash),transparent 60%),var(--ink-100);border:1px solid var(--ink-300)}.hf-plan:empty{display:none}.hf-plan strong{display:block;font-family:var(--display);font-size:1.05rem;font-weight:700;margin:3px 0}.hf-plan span{display:block;font-size:.76rem;line-height:1.4;color:var(--paper-mute);max-width:30ch}.hf-perks{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:.86rem;color:var(--paper-dim)}.hf-perks li{display:flex;align-items:flex-start;gap:10px}.hf-perks li:before{content:"";flex-shrink:0;width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--accent)}.hf-steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:var(--s-3)}.hf-steps li{counter-increment:step;display:flex;align-items:center;gap:var(--s-3);font-size:.88rem;color:var(--paper-dim)}.hf-steps li:before{content:counter(step);flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-xs);background:var(--ink-200);border:1px solid var(--ink-300);font-family:var(--mono);font-size:.76rem;font-weight:600;color:var(--paper)}.hf-prices{display:flex;flex-direction:column;gap:var(--s-4)}.hf-price{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;padding:var(--s-4) var(--s-5);text-align:left;background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r-lg);color:var(--paper);font-family:var(--ui);cursor:pointer;transition:border-color .2s var(--effect),background .2s var(--effect)}.hf-price:hover{border-color:var(--accent-edge)}.hf-price.is-best{border-color:var(--accent);background:var(--accent-wash)}.hf-price strong{display:block;font-size:.92rem;font-weight:700}.hf-price small{display:block;margin-top:3px;font-size:.74rem;color:var(--paper-mute)}.hf-price b{font-family:var(--mono);font-size:1.02rem;font-weight:600;white-space:nowrap}.hf-price em{position:absolute;top:-9px;right:16px;padding:3px 9px;border-radius:var(--r-xs);background:var(--accent);color:var(--ink-000);font-family:var(--display);font-size:.62rem;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hf-codebox{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r-lg)}.hf-codebox b{font-family:var(--mono);font-size:1.1rem;font-weight:600;letter-spacing:.04em;color:var(--paper);overflow:hidden;text-overflow:ellipsis}.hf-members{display:flex;flex-direction:column;gap:var(--s-2)}.hf-member{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:10px var(--s-3);background:var(--ink-200);border-radius:var(--r-md)}.hf-member-id{display:flex;align-items:center;gap:11px;min-width:0}.hf-member-id img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--ink-300)}.hf-member-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-member-role{font-size:.72rem;color:var(--paper-mute);margin-top:1px}.hf-kick{flex-shrink:0;min-height:38px;padding:8px 14px;background:transparent;border:1px solid rgba(255,95,82,.35);border-radius:var(--r-md);color:var(--danger);font-family:var(--ui);font-size:.76rem;font-weight:700;cursor:pointer;transition:background .2s var(--effect)}.hf-kick:hover{background:var(--danger-wash)}.hf-avatar-pick{display:flex;align-items:center;gap:var(--s-3)}.hf-avatar-preview{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--ink-200);border:1px dashed var(--ink-400);color:var(--paper-mute)}.hf-avatar-preview img{width:100%;height:100%;object-fit:cover}.hf-avatar-preview svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.hf-scrim{position:fixed;inset:0;z-index:200;display:none;align-items:flex-end;justify-content:center;padding:0;background:#040404b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade .22s var(--effect)}.hf-scrim.is-open{display:flex}#reportModal,#blockedModal{z-index:400}@keyframes fade{0%{opacity:0}to{opacity:1}}.hf-sheet{position:relative;display:flex;flex-direction:column;gap:var(--s-4);width:100%;max-width:460px;max-height:92dvh;overflow-y:auto;padding:var(--s-5) var(--s-5) calc(var(--s-6) + env(safe-area-inset-bottom,0px));background:var(--ink-100);border:1px solid var(--ink-300);border-bottom:0;border-radius:var(--r-2xl) var(--r-2xl) 0 0;box-shadow:var(--lift-3);animation:sheetUp .42s var(--spring)}@keyframes sheetUp{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}.hf-sheet:before{content:"";position:sticky;top:0;align-self:center;width:38px;height:4px;margin-bottom:var(--s-1);border-radius:var(--r-full);background:var(--ink-400)}.hf-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.hf-x{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:var(--ink-200);border:0;border-radius:50%;color:var(--paper-dim);cursor:pointer;transition:background .2s var(--effect),color .2s var(--effect)}.hf-x:hover{background:var(--ink-300);color:var(--paper)}.hf-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.hf-block{display:flex;flex-direction:column;gap:var(--s-2)}.hf-settings{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4)}.hf-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;padding:var(--s-3) var(--s-4);text-align:left;background:var(--ink-100);border:1px solid var(--ink-300);border-radius:var(--r-md);color:var(--paper);cursor:pointer}.hf-switch strong{display:block;font-size:.86rem;font-weight:600}.hf-switch small{display:block;margin-top:2px;font-size:.74rem;color:var(--paper-mute)}.hf-switch i{flex:0 0 auto;position:relative;width:44px;height:26px;border-radius:var(--r-full);background:var(--ink-300);border:1px solid var(--ink-400);transition:background .16s ease,border-color .16s ease}.hf-switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:var(--r-full);background:var(--paper-dim);transition:transform .22s var(--spring),background .16s ease}.hf-switch[aria-checked=true] i{background:var(--accent-wash);border-color:var(--accent-edge)}.hf-switch[aria-checked=true] i:after{transform:translate(18px);background:var(--accent)}.hf-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hf-note{font-size:.72rem;line-height:1.5;color:var(--paper-mute);text-align:center}.hf-note a{color:var(--paper-dim);text-underline-offset:2px}.hf-note a:hover{color:var(--paper)}.hf-terms{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--ink-300);font-size:.7rem;line-height:1.55;color:var(--paper-mute)}.hf-terms-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2) var(--s-5);padding-top:var(--s-1)}.hf-terms-links a{font-size:.72rem;color:var(--paper-dim);text-underline-offset:3px}.hf-terms-links a:hover{color:var(--paper)}.hf-textlink{align-self:center;padding:var(--s-2) var(--s-3);background:none;border:0;color:var(--paper-mute);font-family:var(--ui);font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hf-textlink:hover{color:var(--paper)}.hf-account-id{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-2) 0 var(--s-3)}.hf-account-id img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 0 5px var(--accent-wash)}.hf-person{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);background:var(--ink-100);border:1px solid var(--ink-300);border-radius:var(--r-xl);text-align:left;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s var(--effect),background .2s var(--effect),transform .4s var(--spring)}.hf-person:hover:not(:disabled),.hf-person:focus-visible{border-color:var(--accent-edge)}.hf-person:active:not(:disabled){transform:scale(.985);transition-duration:.1s}.hf-person:disabled{cursor:default;opacity:.5}.hf-person img{width:46px;height:46px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--ink-300)}.hf-person:not(:disabled) img{border-color:var(--accent)}.hf-person-text{flex:1;min-width:0}.hf-person-name{display:block;font-family:var(--display);font-size:1rem;font-weight:700;color:var(--paper)}.hf-person-meta{display:block;margin-top:3px;font-size:.76rem;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--paper-mute)}.hf-person:not(:disabled) .hf-badge{background:var(--accent);color:var(--ink-000)}.hf-recap{position:fixed;inset:0;z-index:300;max-width:460px;margin:0 auto;display:none;flex-direction:column;gap:var(--s-3);padding:calc(max(12px,env(safe-area-inset-top,0px)) + 6px) 14px calc(max(12px,env(safe-area-inset-bottom,0px)) + 8px);background:#000}.hf-recap.is-open{display:flex}.hf-recap-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-shrink:0}.hf-recap-who{display:flex;align-items:center;gap:var(--s-3);min-width:0}.hf-recap-who img{width:42px;height:42px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.hf-recap-name{display:block;font-family:var(--display);font-size:1.05rem;font-weight:800;color:var(--paper)}.hf-recap-meta{display:block;margin-top:2px;font-size:.75rem;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--paper-mute)}.hf-recap-grid{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:6px}.hf-recap-cell{position:relative;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm);background:#000;color:inherit;font:inherit;animation:cellIn .5s var(--spring) both;animation-delay:calc(var(--i) * 42ms)}.hf-recap-cell.is-filled{border-color:transparent;cursor:pointer;transition:transform .4s var(--spring)}.hf-recap-cell.is-filled:active{transform:scale(.96);transition-duration:.1s}.hf-recap-cell img{display:block;width:100%;height:100%;object-fit:cover;animation:shotIn .8s var(--effect) both;animation-delay:calc(var(--i) * 42ms + 80ms)}@keyframes cellIn{0%{opacity:0;transform:translateY(14px) scale(.93)}to{opacity:1;transform:none}}@keyframes shotIn{0%{opacity:0;transform:scale(1.16);filter:blur(14px) saturate(.3)}to{opacity:1;transform:none;filter:none}}.hf-recap-hour{position:absolute;top:6px;left:6px;padding:3px 6px;border-radius:var(--r-xs);font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.02em;color:var(--ink-400)}.hf-recap-cell.is-filled .hf-recap-hour{background:var(--accent);color:var(--ink-000);animation:stampIn .4s var(--spring-loud) both;animation-delay:calc(var(--i) * 42ms + .3s)}@keyframes stampIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.hf-recap-likes{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:var(--r-xs);background:#0a0a0ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--mono);font-size:.66rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-lift)}.hf-recap-likes svg{width:11px;height:11px;fill:currentColor;stroke:none}@media(prefers-reduced-motion:reduce){.hf-recap-cell,.hf-recap-cell img,.hf-recap-cell.is-filled .hf-recap-hour{animation-duration:.01ms;animation-delay:0ms}}.hf-shot{position:fixed;inset:0;z-index:320;max-width:460px;margin:0 auto;display:none;background:#000}.hf-shot.is-open{display:block;animation:shotOpen .32s var(--spring)}@keyframes shotOpen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.hf-shot-head{position:absolute;top:calc(max(12px,env(safe-area-inset-top,0px)) + 10px);left:16px;right:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.hf-shot-who{font-family:var(--display);font-size:1.02rem;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hf-shot-when{display:block;margin-top:2px;font-family:var(--mono);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-lift);text-shadow:0 1px 6px rgba(0,0,0,.6)}.hf-shot-stage{position:absolute;inset:0}.hf-shot-stage img{width:100%;height:100%;object-fit:cover}.hf-shot-caption{position:absolute;bottom:calc(96px + env(safe-area-inset-bottom,0px));left:20px;right:20px;z-index:20;padding:13px 18px;border-radius:var(--r-md);background:#0a0a0ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:.9rem;text-align:center;color:var(--paper)}.hf-shot-caption:empty{display:none}.hf-shot-actions{position:absolute;left:20px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;flex-wrap:wrap;gap:var(--s-2)}.hf-shot-actions:empty{display:none}.hf-shot-action{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:11px 16px;border-radius:var(--r-md);background:#0a0a0ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);color:var(--paper);font-family:var(--ui);font-size:.8rem;font-weight:600;cursor:pointer}.hf-shot-action:hover{background:#0a0a0ae6;border-color:#ffffff4d}.hf-shot-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#momentDeleteBtn:hover{border-color:var(--danger);color:var(--danger)}.hf-reasons{display:flex;flex-direction:column;gap:var(--s-2)}.hf-reason{padding:13px var(--s-4);text-align:left;background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r-md);color:var(--paper-dim);font-family:var(--ui);font-size:.86rem;cursor:pointer;transition:border-color .2s var(--effect),color .2s var(--effect),background .2s var(--effect)}.hf-reason:hover{border-color:var(--accent-edge);color:var(--paper)}.hf-reason.is-on{border-color:var(--accent);background:var(--accent-wash);color:var(--paper);font-weight:600}.hf-member-actions{display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.hf-kick--quiet{border-color:var(--ink-300);color:var(--paper-dim)}.hf-kick--quiet:hover{background:var(--ink-300);color:var(--paper)}.hf-like{position:absolute;right:20px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:20;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 20px;border:0;border-radius:var(--r-full);background:var(--paper);color:var(--ink-000);font-family:var(--mono);font-size:.86rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:var(--lift-2);transition:transform .4s var(--spring-loud),background .2s var(--effect)}.hf-like:active{transform:scale(.92);transition-duration:.1s}.hf-like.is-liked{background:var(--accent)}.hf-like svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2}.hf-like.is-liked svg{fill:currentColor}.hf-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;justify-content:space-around;gap:var(--s-1);width:min(calc(100% - 24px),436px);min-height:66px;padding:9px;background:#141414d1;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--ink-300);border-radius:var(--r-xl);box-shadow:var(--lift-2)}.hf-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:44px;min-height:48px;padding:6px 4px;background:transparent;border:0;border-radius:var(--r-md);color:var(--paper-mute);font-family:var(--ui);font-size:.66rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .2s var(--effect),background .3s var(--effect)}.hf-nav-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--spring)}.hf-nav-btn:hover{color:var(--paper-dim)}.hf-nav-btn.is-active{color:var(--accent);background:var(--accent-wash)}.hf-nav-btn.is-active svg{transform:translateY(-1px) scale(1.08)}.hf-nav-btn img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--ink-400);transition:border-color .2s var(--effect)}.hf-nav-btn:hover img{border-color:var(--accent)}.hf-auth{display:none;flex-direction:column;gap:var(--s-5);width:100%;padding:var(--s-10) var(--s-5) var(--s-8);margin:auto 0}.hf-auth.is-on{display:flex}.hf-auth-head{display:flex;flex-direction:column;gap:var(--s-2)}.hf-auth-form{display:flex;flex-direction:column;gap:var(--s-4)}.hf-auth-form .hf-btn:first-of-type{margin-top:var(--s-2)}.hf-toast{position:fixed;top:max(20px,calc(env(safe-area-inset-top,0px) + 10px));left:50%;z-index:1000;transform:translate(-50%) translateY(-16px);opacity:0;padding:12px 20px;background:var(--paper);color:var(--ink-000);border-radius:var(--r-sm);font-family:var(--ui);font-size:.84rem;font-weight:700;box-shadow:var(--lift-3);pointer-events:none;transition:opacity .25s var(--effect),transform .45s var(--spring)}.hf-toast.is-on{opacity:1;transform:translate(-50%) translateY(0)}@media(orientation:portrait){html.has-dynamic-island .hf-toast{--island: env(safe-area-inset-top, 59px);top:11px;display:grid;place-items:center;width:126px;height:calc(var(--island) - 22px);padding:0;text-align:center;background:#000;color:#fff;box-shadow:none;overflow:hidden;transform:translate(-50%) scale(.94);transition:width .44s var(--spring),height .44s var(--spring),padding .44s var(--spring),border-radius .44s var(--spring),transform .44s var(--spring),opacity .2s var(--effect)}html.has-dynamic-island .hf-toast.is-on{width:min(340px,calc(100vw - 24px));height:calc(var(--island) + 54px);padding:var(--island) 22px 12px;border-radius:var(--r-xl);opacity:1;transform:translate(-50%) scale(1)}html.has-dynamic-island .hf-toast span{opacity:0;transition:opacity .14s var(--effect)}html.has-dynamic-island .hf-toast.is-on span{opacity:1;transition:opacity .24s var(--effect) .16s}}.hf-doc{width:100%;max-width:680px;margin:0 auto;padding:var(--s-10) var(--s-5) var(--s-10);display:flex;flex-direction:column;gap:var(--s-4)}.hf-doc-head{display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-5);border-bottom:1px solid var(--ink-300)}.hf-doc-back{align-self:flex-start;font-size:.8rem;color:var(--paper-dim);text-decoration:none}.hf-doc-back:before{content:"← "}.hf-doc-back:hover{color:var(--paper)}.hf-doc h2{margin-top:var(--s-5);font-family:var(--display);font-size:1.2rem;font-weight:700;letter-spacing:-.006em;color:var(--paper)}.hf-doc p{max-width:68ch;font-size:.95rem;line-height:1.65;color:var(--paper-dim)}.hf-doc strong{color:var(--paper);font-weight:700}.hf-doc a{color:var(--accent-lift);text-underline-offset:3px}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}.is-hidden{display:none!important}@media(max-width:380px){.hf-header,.hf-views{padding-left:var(--s-4);padding-right:var(--s-4)}.hf-frame{padding-inline:var(--s-4)}.hf-nav-btn{font-size:.6rem}}@media(max-width:600px){#mainApp{flex:1 1 auto;display:flex;flex-direction:column}.hf-views{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.hf-view.is-active{width:100%}#viewCamera.is-active{min-height:100%}#viewCamera .hf-frame,#viewCamera .hf-saved{flex:1 1 auto;max-height:420px}#viewSlideshow.is-active{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hf-offline{position:fixed;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 74px);z-index:900;display:flex;align-items:center;gap:9px;max-width:min(92vw,420px);padding:10px 16px;transform:translate(-50%) translateY(10px);opacity:0;background:var(--ink-200);color:var(--paper);border:1px solid var(--ink-300);border-radius:var(--r-sm);font-family:var(--ui);font-size:.82rem;font-weight:600;box-shadow:var(--lift-3);pointer-events:none;transition:opacity .25s var(--effect),transform .45s var(--spring)}.hf-offline[hidden]{display:none}.hf-offline.is-on{opacity:1;transform:translate(-50%) translateY(0)}.hf-offline-mark{flex:none;width:16px;height:16px;fill:none;stroke:var(--paper-dim);stroke-width:2;stroke-linecap:round}