.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);background:var(--klipp-modal-backdrop, rgba(10, 10, 15, .82));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal__card{position:relative;display:flex;flex-direction:column;width:min(540px,100%);min-width:min(380px,100%);max-height:calc(100dvh - (2*clamp(1rem,4vw,2rem)));margin:auto;background:var(--klipp-modal-bg, #16161f);border-radius:var(--klipp-modal-radius, 24px);box-shadow:0 32px 64px -24px #00000080;border:1px solid var(--klipp-modal-border, rgba(255, 255, 255, .08));padding:clamp(1.5rem,4vw,2rem)}.modal__content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--klipp-modal-focus-ring-inset, 6px)}.modal__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--klipp-modal-close-color, rgba(255, 255, 255, .6));cursor:pointer;border-radius:50%;transition:background-color .2s,color .2s}.modal__close:hover{background:#ffffff14;color:#fffffff2}.modal__close svg{display:block}@media(max-width:768px){.modal__backdrop{padding:0;align-items:stretch}.modal__card{width:100%;min-width:100%;max-height:100dvh;min-height:100dvh;margin:0;border-radius:0;border:none;box-shadow:none;padding:clamp(1rem,4vw,1.5rem)}}.country-picker{position:relative;flex-shrink:0}.country-picker__trigger{display:flex;align-items:center;gap:.35rem;padding:0 .5rem 0 .75rem;height:100%;min-height:2.85rem;min-width:5rem;max-width:7rem;border:none;border-radius:12px 0 0 12px;background:transparent;color:#f4f4f6;font-size:.95rem;cursor:pointer;transition:background-color .18s}.country-picker__trigger:hover:not(:disabled){background:#ffffff1a}.country-picker__trigger:disabled{cursor:not-allowed;opacity:.6}.country-picker__flag{font-size:1.1rem;line-height:1}.country-picker__code{font-weight:500}.country-picker__chevron{margin-left:auto;opacity:.7;transition:transform .2s}.country-picker--open .country-picker__chevron{transform:rotate(180deg)}.country-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:260px;max-width:320px;max-height:280px;background:#1a1a24;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 32px #0006;overflow:hidden;display:flex;flex-direction:column}.country-picker__dropdown--portal{z-index:10001}.country-picker__search-wrap{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.country-picker__search{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#f4f4f6;font-size:.9rem}.country-picker__search::placeholder{color:#fff6}.country-picker__search:focus{outline:none;border-color:var(--klipp-accent-focus, rgba(42, 213, 255, .5))}.country-picker__list{overflow-y:auto;padding:.25rem;margin:0;list-style:none}.country-picker__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;border:none;border-radius:8px;background:transparent;color:#f4f4f6;font-size:.9rem;text-align:left;cursor:pointer;transition:background-color .15s}.country-picker__option:hover{background:#ffffff14}.country-picker__option--selected{background:#2ad5ff1f}.country-picker__option-flag{font-size:1rem;line-height:1;flex-shrink:0}.country-picker__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.country-picker__option-code{color:#fff9;font-size:.85rem}.toast__container{position:fixed;z-index:10000;pointer-events:none;padding:.5rem}.toast__container--bottom-right{right:max(clamp(1.5rem,4vw,3rem),env(safe-area-inset-right,0px));bottom:max(clamp(1.5rem,4vw,3rem),env(safe-area-inset-bottom,0px));left:auto;max-width:min(calc(100vw - 2rem),420px)}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:.65rem;padding:.85rem 1.15rem;border-radius:16px;font-weight:500;font-size:.98rem;font-family:var(--font-sans, system-ui, sans-serif);background:var(--klipp-modal-bg, #16161f);color:#f4f4f6;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px -24px #00000080;transform-origin:bottom right;animation-duration:.28s;animation-fill-mode:forwards;max-width:100%;word-break:break-word}.toast--info{border-color:#2ad5ff4d}.toast--success{border-color:#66ffb859}.toast--warning{border-color:#fecf6b59}.toast--error{border-color:#f8717166}.toast__message{display:inline-flex;align-items:center;gap:.4rem}.toast__close{border:none;background:none;color:#ffffff80;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:50%;cursor:pointer;transition:background-color .18s ease,color .18s ease}.toast__close:hover{background-color:#ffffff1a;color:#ffffffe6}.toast--enter{animation-name:toastEnter}.toast--exit{animation-name:toastExit}@keyframes toastEnter{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,20px,0) scale(.95)}}.signup{width:min(440px,100%);background:transparent;padding:12px 0}.signup__form{padding:0;display:flex;flex-direction:column;gap:1.5rem}.signup__header{display:flex;justify-content:center}.signup__brand{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.signup__logo{width:48px;height:48px;display:block;flex-shrink:0}.signup__title{margin:0;font-size:1.5rem;font-weight:700;color:#f4f4f6;letter-spacing:-.02em;font-family:var(--font-display, system-ui, sans-serif);text-align:center}.signup__field{display:flex;flex-direction:column;gap:.5rem}.signup__identifier{position:relative;display:flex;align-items:stretch}.signup__identifier--phone{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;transition:border-color .18s ease,background .18s ease;overflow:hidden}.signup__identifier--phone:focus-within{border-color:var(--klipp-accent-focus, rgba(42, 213, 255, .5));outline:3px solid rgba(42,213,255,.15);outline-offset:2px;background:#ffffff14}.signup__identifier--phone .country-picker{flex-shrink:0}.signup__identifier--phone .country-picker__trigger{border:none;border-radius:12px 0 0 12px;border-right:1px solid rgba(255,255,255,.12);background:transparent;min-height:100%;overflow:hidden}.signup__identifier--phone input{flex:1;min-width:0;border:none;background:transparent;padding-left:.5rem}.signup__identifier input{flex:1;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;font-size:1rem;color:#f4f4f6;transition:border-color .18s ease,box-shadow .18s ease}.signup__identifier--phone input{border-radius:0 12px 12px 0}.signup__identifier:not(.signup__identifier--phone) input{width:100%}.signup__field input::placeholder{color:#ffffff59}.signup__field input:focus{outline:3px solid rgba(42,213,255,.15);outline-offset:2px;border-color:var(--klipp-accent-focus, rgba(42, 213, 255, .5));background:#ffffff14}.signup__identifier--phone input:focus{outline:none;border:none;box-shadow:none;background:transparent}.signup__field input.signup__field-input--error,.signup__identifier--phone.signup__identifier--error{border-color:#f8717180}.signup__field input.signup__field-input--error,.signup__identifier--phone.signup__identifier--error{background:#f8717114}.signup__field-error{font-size:.875rem;color:#f87171;font-weight:500}.signup__captcha{display:flex;flex-direction:column;gap:.5rem;align-items:center}.signup__submit{padding:1rem 1.15rem;border-radius:12px;border:none;background:var(--klipp-accent-btn, linear-gradient(135deg, #2ad5ff 0%, #66ffb8 100%));color:#0b0f14;font-weight:600;font-size:1.05rem;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.signup__submit:focus{outline:none}.signup__submit:focus-visible{outline:3px solid rgba(42,213,255,.5);outline-offset:2px}.signup__submit:disabled{cursor:not-allowed;opacity:.68}.signup__submit:not(:disabled):hover{transform:translateY(-1px);opacity:.95}.signup__divider{position:relative;text-align:center;color:var(--klipp-modal-muted, rgba(255, 255, 255, .45));font-size:.875rem;padding:.25rem 0}.signup__divider:before,.signup__divider:after{content:"";position:absolute;top:50%;height:1px;width:35%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translateY(-50%)}.signup__divider:before{left:0}.signup__divider:after{right:0}.signup__providers{display:flex;flex-direction:column;gap:.75rem}.signup__providers--row{flex-direction:row;justify-content:center;gap:.75rem}.signup__provider-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f4f4f6;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.signup__provider-button:hover:not(:disabled){transform:translateY(-1px);border-color:#fff3;background:#ffffff1a}.signup__provider-button:disabled{opacity:.6;cursor:not-allowed}.signup__provider-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.signup__provider-icon svg{width:100%;height:100%}.signup__provider-button--google,.signup__provider-button--apple,.signup__provider-button--instagram{color:#f4f4f6}.otp-code__card{width:100%;min-width:min(380px,100%);background:transparent;padding:0}.otp-code__card--embedded{max-width:100%}.otp-code__header{text-align:center;margin-bottom:1rem}.otp-code__title{margin:0;font-size:clamp(1.2rem,2.5vw,1.5rem);color:#f4f4f6;letter-spacing:-.02em}.otp-code__subtitle{margin:.5rem 0 0;color:#ffffff9e;font-size:.95rem;line-height:1.5}.otp-code__form{display:flex;flex-direction:column;gap:1rem}.otp-code__inputs{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:nowrap;padding:.25rem 0;min-width:0}.otp-code__inputs[data-digit-count="4"]{min-width:calc(176px + 1.5rem)}.otp-code__inputs[data-digit-count="6"]{min-width:calc(264px + 2.5rem)}.otp-code__inputs[data-digit-count="8"]{min-width:calc(352px + 2.85rem)}.otp-code__inputs[data-digit-count="10"]{min-width:calc(440px + 3.85rem)}.otp-code__inputs--split{flex-wrap:nowrap;justify-content:center}.otp-code__divider{width:.85rem;height:2px;background:#fff3;border-radius:999px}.otp-code__group{display:flex;align-items:center;gap:.5rem}.otp-code__cell{display:inline-block}.otp-code__input{width:44px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f4f4f6;text-align:center;font-size:1.25rem;font-weight:700;transition:border-color .18s ease,box-shadow .18s ease}.otp-code__input:focus{outline:none;border-color:#2ad5ff80;box-shadow:0 0 0 3px #2ad5ff29}.otp-code__input:disabled{opacity:.65}.otp-code__primary{padding:.9rem 1rem;border-radius:14px;border:none;background:linear-gradient(135deg,#2ad5ff,#66ffb8);color:#0b0f14;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.otp-code__primary:disabled{cursor:not-allowed;opacity:.68}.otp-code__primary:not(:disabled):hover{opacity:.95;transform:translateY(-1px)}.otp-code__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;color:#ffffffa6;font-size:.9rem;container-type:inline-size;container-name:otp-actions}@container otp-actions (max-width: 240px){.otp-code__actions-divider{flex-basis:100%;width:100%;text-align:center;padding:.25rem 0;line-height:1}}.otp-code__link{border:none;background:none;color:#5ee7ff;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.otp-code__link:disabled{opacity:.65;cursor:not-allowed}.otp-code__actions-divider{display:inline-block;min-width:1ch;color:#fff9;opacity:.9;-webkit-user-select:none;user-select:none}.recaptcha{display:flex;justify-content:center}.recaptcha--disabled{opacity:.65;pointer-events:none}.recaptcha--missing{font-size:.875rem;color:#fff9;text-align:center}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0f14;color:#e6e8eb;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.app-page{text-align:center;max-width:28rem}.app-page h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.app-page p{margin:0 0 1.5rem;color:#9ca3af;font-size:.9375rem}.app-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.app-actions button{padding:.625rem 1.25rem;font-size:1rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:background .15s,color .15s}.app-actions button:focus-visible{outline:2px solid #2ad5ff;outline-offset:2px}.app-actions .btn-primary{background:linear-gradient(135deg,#2ad5ff,#66ffb8);color:#0b0f14}.app-actions .btn-primary:hover{opacity:.95}.app-actions .btn-secondary{background:#1f2937;color:#e6e8eb}.app-actions .btn-secondary:hover{background:#374151}.app-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}