.nina-beat{box-sizing:border-box;max-width:460px;min-height:calc(100dvh - var(--header-bar-height));margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;text-align:center}.nina-beat,.nina-beat-hero{display:flex;align-items:center}.nina-beat-hero{flex:1;flex-direction:column;justify-content:center;padding:16px 0 24px}.nina-beat.listed{justify-content:center;gap:8px}.nina-beat.listed .nina-beat-hero{flex:none}.nina-beat-portrait{width:132px;height:132px;transition:width .3s ease,height .3s ease,margin .3s ease;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--line);margin-bottom:28px}.nina-beat-portrait.small{width:72px;height:72px;margin-bottom:20px}.nina-beat h1{font-family:var(--headline);font-weight:500;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin:0 0 14px}.nina-beat-lede{font-size:18px;line-height:1.5;margin:0;max-width:34ch}.nina-beat-actions{width:100%;display:flex;flex-direction:column;position:sticky;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1}.nina-beat-actions:before{content:"";position:absolute;inset:-28px -20px calc(-24px - env(safe-area-inset-bottom));z-index:-1;background:linear-gradient(to bottom,transparent,var(--paper) 28px);pointer-events:none}.nina-beat-actions .nina-beat-note{position:absolute;left:0;right:0;bottom:calc(100% + 8px)}.nina-beat-yes{width:100%;min-height:60px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:600 20px/1 var(--sans);letter-spacing:.01em;cursor:pointer}.nina-beat-yes:hover{filter:brightness(1.06)}.nina-beat-yes:disabled{cursor:default;opacity:.7}.nina-beat-note{margin:0;min-height:1.5em;font-size:14px;line-height:1.5;color:var(--muted)}.nina-beat-words{display:flex;flex-direction:column;align-items:center}.nina-beat-words.leaving{animation:nina-beat-out .2s ease-in forwards}.nina-beat-words.entering{animation:nina-beat-in .32s ease-out both}@keyframes nina-beat-out{to{opacity:0;transform:translateY(-12px)}}@keyframes nina-beat-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.nina-beat-words.entering,.nina-beat-words.leaving{animation:none}.nina-beat-portrait{transition:none}}.nina-beat-topics{--topics-gap:8px;--topics-pad:4px;--topics-fade:28px;box-sizing:border-box;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:var(--topics-gap);margin-top:24px;padding:var(--topics-pad);max-height:calc(4.5 * var(--tag-height) + 4 * var(--topics-gap) + var(--topics-pad));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;--fade-top:#000;--fade-bottom:#000;mask-image:linear-gradient(to bottom,var(--fade-top),#000 var(--topics-fade),#000 calc(100% - var(--topics-fade)),var(--fade-bottom))}.nina-beat-topics::-webkit-scrollbar{display:none}.nina-beat-topics[data-fade-top]{--fade-top:transparent}.nina-beat-topics[data-fade-bottom]{--fade-bottom:transparent}.nina-beat-ask{display:contents}.nina-beat-finishing{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px}:root[data-nina-yes] .nina-beat-finishing,:root[data-session=member] .nina-beat[data-state=loading] .nina-beat-finishing{display:flex}.nina-beat-signing-yes,:root[data-nina-yes] .nina-beat-ask,:root[data-nina-yes] .nina-beat-signing-member,:root[data-session=member] .nina-beat[data-state=loading] .nina-beat-ask{display:none}:root[data-nina-yes] .nina-beat-signing-yes{display:inline}.nina-beat-signing{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--muted);font-size:16px}.nina-beat-spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:nina-beat-spin .9s linear infinite}@keyframes nina-beat-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.nina-beat-spinner{animation-duration:2s}}.nina-beat-home{justify-content:center;margin-top:8px;min-width:180px;border-radius:999px;text-align:center}.nina-card{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px;text-align:left}.nina-card.phone{min-height:196px}.nina-card.desktop{min-height:420px}.nina-card-head{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.nina-card-title{margin:0;font:600 17px/1.3 var(--sans);color:var(--ink)}.nina-card-sub{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.nina-card.connected{justify-content:center;gap:8px;text-align:center}@media (max-height:760px){.nina-beat{padding-top:8px}.nina-beat-hero{padding:8px 0 16px}.nina-beat-portrait{width:112px;height:112px;margin-bottom:20px}.nina-beat-portrait.small{width:52px;height:52px;margin-bottom:12px}.nina-beat h1{font-size:34px}.nina-beat[data-step=topics] h1{font-size:30px;margin-bottom:8px}.nina-beat-lede{font-size:16px}.nina-beat-topics{--tag-height:30px;--tag-padding-x:12px;--tag-font:400 13px/1 var(--sans);--topics-gap:6px;margin-top:16px}.nina-beat-yes{min-height:54px;font-size:18px}}@media (max-height:620px){.nina-beat-portrait{width:88px;height:88px;margin-bottom:16px}.nina-beat-portrait.small{width:40px;height:40px;margin-bottom:8px}.nina-beat h1{font-size:30px}.nina-beat[data-step=topics] h1{font-size:26px}.nina-beat[data-step=topics] .nina-beat-lede{font-size:14px}}.nina-beat-text{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.nina-beat-text h2{font-family:var(--headline);font-weight:500;font-size:22px;margin:0}.nina-beat-text .connect-text-lead{margin:0;color:var(--muted)}body.nina-beat-page .mobile-dock-placeholder,body.nina-beat-page .nina-collapsed{display:none}