.f21-selfie-sheet.f21-selfie-sheet{height:100dvh;padding:0;overflow-y:auto;background:var(--color-gray-900, #111827);color:#fff}.f21-selfie{box-sizing:border-box;min-height:100%;max-width:48rem;margin:auto;padding:clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center;gap:16px}.f21-selfie header{text-align:center;max-width:38rem}.f21-selfie h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.f21-selfie p{line-height:1.5;margin:0}.f21-selfie header p{color:var(--color-gray-200, #e5e7eb)}.f21-selfie-preview{position:relative;overflow:hidden;background:#030712;border-radius:12px;width:100%;flex:0 0 auto;min-height:0;display:flex;align-items:center;justify-content:center}.f21-selfie-preview video{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px}.f21-selfie-hint{font-size:1.125rem;font-weight:600;text-align:center;min-height:3.5rem;width:100%;padding:12px 16px;box-sizing:border-box;color:#fff;background:var(--color-gray-900, #111827)}.f21-selfie-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;padding-bottom:env(safe-area-inset-bottom)}.f21-selfie-actions button{min-width:140px;min-height:48px;padding:12px 20px;background:#fff;color:var(--color-gray-900, #111827);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer}.f21-selfie-actions button:disabled{background:var(--color-gray-700, #374151);border-color:var(--color-gray-500, #6b7280);color:var(--color-gray-200, #e5e7eb);cursor:not-allowed}.f21-selfie-actions button:focus-visible{outline:3px solid var(--color-primary-300, #93c5fd);outline-offset:4px}.f21-selfie-actions button:hover:enabled{background:var(--color-gray-200, #e5e7eb)}.f21-selfie-guide{position:absolute;left:50%;top:50%;aspect-ratio:.78;transform:translate(-50%,-50%);box-sizing:border-box;border:3px solid #fff;border-radius:50%;outline:2px solid var(--color-gray-900, #111827);pointer-events:none}.f21-selfie-guide[data-tone=ready]{border-color:var(--color-success-300, #86efac)}.f21-selfie ::-moz-selection{background:#bfdbfe;color:var(--color-gray-900, #111827)}.f21-selfie ::selection{background:#bfdbfe;color:var(--color-gray-900, #111827)}@media (max-width: 480px){.f21-selfie-actions{gap:8px}.f21-selfie-actions button{min-width:0;flex:1 1 40%}.f21-selfie-actions button:last-child{flex-basis:100%}}.f21-selfie-guide[data-tone=warning]{border-color:var(--color-warning-300, #fcd34d)}.f21-selfie-review{transform:scaleX(-1);position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.f21-selfie-preview[data-error=true]{max-height:6rem}.f21-selfie-error{position:absolute;padding:16px;color:#fff;text-align:center}.f21-selfie-skip{min-height:48px;padding:12px 20px;text-decoration:underline;color:#fff;background:transparent;border:1px solid currentColor;border-radius:12px}.f21-selfie-loading{width:100%;accent-color:var(--color-primary-500, #10b981);height:.5rem}.f21-selfie-content:not([hidden]){display:contents}.f21-selfie-content[hidden]{display:none}.permission-request{box-sizing:border-box;width:100%;max-width:32rem;padding:24px;margin:auto;color:var(--color-gray-900, #111827);background:var(--color-white, #fff);border-radius:12px;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.permission-request h2{color:inherit;font-size:1.5rem;line-height:1.25;margin:0 0 16px}.permission-request p{margin:0 0 16px;color:inherit}.permission-request ol{padding-inline-start:24px;margin:16px 0 24px}.permission-request li+li{margin-top:12px}.permission-actions{display:flex;flex-wrap:wrap;gap:12px}.permission-actions button{font:inherit;font-weight:600;min-height:48px;padding:12px 16px;border:1px solid var(--color-gray-500, #6b7280);border-radius:8px;background:#fff;color:var(--color-gray-900, #111827);cursor:pointer;flex:1 1 120px}.permission-actions button:last-child:not(:only-child){background:var(--color-gray-900, #111827);color:#fff}.permission-actions button:disabled{cursor:wait}.permission-actions button:hover:enabled{text-decoration:underline}.permission-actions button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.permission-request ::-moz-selection{background:#bfdbfe;color:#111827}.permission-request ::selection{background:#bfdbfe;color:#111827}.permission-spinner{display:inline-block;width:16px;height:16px;margin-inline-end:8px;vertical-align:middle;border:2px solid #6b7280;border-top-color:#111827;border-radius:50%;animation:permission-spin 1s linear infinite}@keyframes permission-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.permission-spinner{animation:none}}@media (max-width: 400px){.permission-request{padding:20px}}._CollapsibleContent_4rrkm_1{overflow:hidden}._CollapsibleContent_4rrkm_1[data-state=open]{animation:_slideDown_4rrkm_1 .3s ease-out forwards}._CollapsibleContent_4rrkm_1[data-state=closed]{animation:_slideUp_4rrkm_1 .3s ease-in forwards}@keyframes _slideDown_4rrkm_1{0%{max-height:0}to{max-height:var(--radix-collapsible-content-height)}}@keyframes _slideUp_4rrkm_1{0%{max-height:var(--radix-collapsible-content-height)}to{max-height:0}}[data-sonner-toaster]{position:fixed;font-family:"DegularDisplay",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;z-index:999999999}[data-sonner-toaster][data-theme=light]{--normal-bg: var(--hippo-gray-50);--normal-border: var(--hippo-gray-50);--normal-text: var(--hippo-gray-600);--success-bg: var(--hippo-success-50);--success-border: var(--hippo-success-50);--success-text: var(--hippo-success-600);--info-bg: var(--hippo-accent-blue-light-50);--info-border: var(--hippo-accent-blue-light-50);--info-text: var(--hippo-accent-blue-light-600);--warning-bg: var(--hippo-warning-50);--warning-border: var(--hippo-warning-50);--warning-text: var(--hippo-warning-600);--error-bg: var(--hippo-error-50);--error-border: var(--hippo-error-50);--error-text: var(--hippo-error-600)}[data-sonner-toaster][data-theme=dark]{--normal-bg: var(--hippo-gray-800);--normal-border: var(--hippo-gray-700);--normal-text: var(--hippo-gray-200);--success-bg: var(--hippo-success-800);--success-border: var(--hippo-success-700);--success-text: var(--hippo-success-50);--info-bg: var(--hippo-accent-blue-light-800);--info-border: var(--hippo-accent-blue-light-700);--info-text: var(--hippo-accent-blue-light-50);--warning-bg: var(--hippo-warning-800);--warning-border: var(--hippo-warning-700);--warning-text: var(--hippo-warning-50);--error-bg: var(--hippo-error-800);--error-border: var(--hippo-error-700);--error-text: var(--hippo-error-50)}