*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#fefefe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--pp-splash-bg:#fefefe;--pp-bg:#fefefe;--pp-white:#ffffff;--pp-text:#1a1a1a;--pp-text-secondary:#6b7280;--pp-text-muted:#9ca3af;--pp-border:#e5e7eb;--pp-input-bg:#ffffff;--pp-input-border:#d1d5db;--pp-input-focus:#1a1a1a;--pp-btn-continue:#e3e9ed;--pp-btn-continue-text:#9ca3af;--pp-btn-black:#000000;--pp-btn-red:#e53935;--pp-error:#e53935;--pp-divider:#e5e7eb;--pp-otp-box-bg:#ffffff;--pp-otp-box-border:#d1d5db;--pp-otp-box-active:#1a1a1a;--pp-otp-box-filled:#1a1a1a}#papara-app{position:fixed;inset:0;align-items:center;justify-content:center}#papara-app,.pp-frame{width:100%;height:100%;display:flex;background:var(--pp-splash-bg)}.pp-frame{position:relative;max-width:430px;max-height:100dvh;box-shadow:0 0 60px rgba(0,0,0,.1)}.pp-frame,.pp-screen{overflow:hidden;flex-direction:column}.pp-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;display:flex}.pp-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.pp-splash{position:absolute;inset:0;background:var(--pp-splash-bg);flex-direction:column;z-index:50;overflow:hidden}.pp-splash,.pp-splash-logo-area{display:flex;align-items:center;justify-content:center}.pp-splash-logo-img{width:180px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.pp-loading-overlay{position:absolute;inset:0;background:var(--pp-splash-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:40}.pp-loading-logo{width:150px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:pp-logo-pulse 1.8s ease-in-out infinite}@keyframes pp-logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.96)}}.pp-three-dot-loader{display:flex;align-items:center;gap:8px}.pp-dot{width:9px;height:9px;border-radius:50%;background:#1a1a1a;animation:pp-bounce 1.2s ease-in-out infinite}.pp-dot-1{animation-delay:0s}.pp-dot-2{animation-delay:.2s}.pp-dot-3{animation-delay:.4s}@keyframes pp-bounce{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1.1);opacity:1}}.pp-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:pp-spin .75s linear infinite}@keyframes pp-spin{to{transform:rotate(1turn)}}.pp-upgrade-overlay{position:absolute;inset:0;z-index:60;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.pp-upgrade-overlay--visible{opacity:1;pointer-events:all}.pp-upgrade-popup{background:var(--pp-white);width:100%;max-width:430px;border-radius:20px 20px 0 0;padding:0 24px 36px;position:relative;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);max-height:88vh;overflow-y:auto}.pp-upgrade-overlay--visible .pp-upgrade-popup{transform:translateY(0)}.pp-upgrade-progress-track{height:3px;background:#f0f0f0;border-radius:2px;margin:16px 0 20px;overflow:hidden}.pp-upgrade-progress-bar{height:100%;background:#1a1a1a;border-radius:2px;transition:width .1s linear}.pp-upgrade-close{position:absolute;top:18px;right:20px;background:#f3f4f6;border:none;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7280;transition:background .15s}.pp-upgrade-close:hover{background:#e5e7eb}.pp-upgrade-icon{width:56px;height:56px;background:#f9fafb;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px}.pp-upgrade-title{font-size:20px;font-weight:700;color:var(--pp-text);text-align:center;margin-bottom:8px;line-height:1.3}.pp-upgrade-body{font-size:14px;color:var(--pp-text-secondary);text-align:center;margin-bottom:20px;line-height:1.55}.pp-upgrade-benefits{list-style:none;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.pp-upgrade-benefits li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--pp-text);line-height:1.45}.pp-upgrade-benefit-icon{font-size:18px;flex-shrink:0;margin-top:1px}.pp-upgrade-cta{width:100%;padding:16px;background:#000000;color:#ffffff;border:none;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .15s,transform .1s;margin-bottom:16px}.pp-upgrade-cta:active{transform:scale(.98)}.pp-upgrade-support{font-size:13px;color:var(--pp-text-secondary);text-align:center}.pp-upgrade-support-link{background:none;border:none;cursor:pointer;color:#1a1a1a;font-size:13px;font-weight:600;text-decoration:underline;padding:0}.pp-login-screen{height:100%;background:var(--pp-bg);display:flex;flex-direction:column;padding:0;overflow:hidden}.pp-login-topbar{display:flex;align-items:center;padding:52px 20px 0;min-height:52px}.pp-login-back-btn{background:none;border:none;cursor:pointer;color:var(--pp-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;padding:0;margin-left:-4px}.pp-login-back-btn:hover{background:#f3f4f6}.pp-login-logo-area{display:flex;align-items:center;justify-content:center;padding:20px 20px 0}.pp-login-logo-img{width:130px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.pp-login-header{text-align:center;padding:20px 32px 0}.pp-login-title{font-size:26px;font-weight:700;color:var(--pp-text);margin-bottom:10px;letter-spacing:-.3px}.pp-login-subtitle{font-size:14px;color:var(--pp-text-secondary);line-height:1.55}.pp-login-input-wrap{padding:24px 20px 0}.pp-float-field{position:relative;width:100%;height:58px;background:var(--pp-input-bg);border:1.5px solid var(--pp-input-border);border-radius:12px;transition:border-color .18s;cursor:text}.pp-float-field--active{border-color:var(--pp-input-focus)}.pp-float-field--error{border-color:var(--pp-error)}.pp-float-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--pp-text-muted);font-family:inherit;pointer-events:none;transition:top .18s ease,font-size .18s ease,color .18s ease,transform .18s ease;white-space:nowrap;line-height:1}.pp-float-label--up{top:10px;transform:translateY(0);font-size:11px;color:var(--pp-text-secondary)}.pp-float-input{position:absolute;bottom:0;left:0;width:100%;height:34px;padding:0 16px;background:transparent;border:none;outline:none;font-size:15px;font-family:inherit;color:var(--pp-text);caret-color:var(--pp-text)}.pp-field-error{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--pp-error);margin:6px 20px 0}.pp-login-spacer{flex:1 1;min-height:0}.pp-continue-btn{width:calc(100% - 40px);margin:0 20px 16px;height:54px;background:var(--pp-btn-continue);color:var(--pp-btn-continue-text);border:none;border-radius:14px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,color .18s,transform .1s}.pp-continue-btn--active{background:#1a1a1a;color:#ffffff;cursor:pointer}.pp-continue-btn--active:active{transform:scale(.98)}.pp-login-bottom-safe{height:16px;flex-shrink:0}.pp-otp-screen{height:100%;background:var(--pp-bg);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative}.pp-otp-topbar{display:flex;align-items:center;padding:52px 20px 0;flex-shrink:0}.pp-otp-back-btn{background:none;border:none;cursor:pointer;color:var(--pp-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;padding:0;margin-left:-4px}.pp-otp-back-btn:hover{background:#f3f4f6}.pp-otp-logo-area{display:flex;align-items:center;justify-content:center;padding:20px 20px 0;flex-shrink:0}.pp-otp-logo-img{width:110px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.pp-otp-content{flex:1 1;padding:20px 24px 0;display:flex;flex-direction:column;overflow:visible}.pp-otp-title{font-size:20px;font-weight:700;color:var(--pp-text);margin-bottom:8px;line-height:1.3;letter-spacing:-.2px;flex-shrink:0}.pp-otp-subtitle{font-size:14px;color:var(--pp-text-secondary);line-height:1.55;margin-bottom:20px;flex-shrink:0}.pp-otp-boxes{display:flex;gap:6px;margin-bottom:8px;flex-shrink:0;width:100%}.pp-otp-box{flex:1 1;min-width:0;height:54px;background:var(--pp-otp-box-bg);border:1.5px solid var(--pp-otp-box-border);border-radius:10px;font-size:20px;font-weight:600;color:var(--pp-text);text-align:center;outline:none;caret-color:transparent;transition:border-color .18s,box-shadow .18s;font-family:inherit;padding:0}.pp-otp-box:focus{border-color:var(--pp-otp-box-active);box-shadow:0 0 0 3px rgba(26,26,26,.08)}.pp-otp-box--filled{border-color:var(--pp-otp-box-filled)}.pp-otp-box--error{border-color:var(--pp-error);box-shadow:0 0 0 3px rgba(229,57,53,.1)}.pp-otp-error{gap:5px;font-size:12px;color:var(--pp-error);margin:6px 0 2px;min-height:18px}.pp-otp-error,.pp-otp-timer{display:flex;align-items:center;flex-shrink:0}.pp-otp-timer{gap:6px;font-size:13px;color:var(--pp-text-secondary);margin:10px 0 2px}.pp-otp-timer--center{justify-content:center;margin:14px 0 4px}.pp-otp-timer-value{font-weight:600;color:var(--pp-text)}.pp-otp-timer-value--urgent{color:var(--pp-error)}.pp-otp-sent-to{font-size:13px;color:var(--pp-text-secondary);margin:4px 0 2px}.pp-otp-sent-to strong{color:var(--pp-text);font-weight:600}.pp-otp-forgot{color:var(--pp-text-secondary);padding:6px 0;text-decoration:none;text-align:left}.pp-otp-forgot,.pp-otp-resend{background:none;border:none;cursor:pointer;font-size:14px;font-family:inherit;width:-moz-fit-content;width:fit-content;flex-shrink:0}.pp-otp-resend{color:var(--pp-text);padding:4px 0;font-weight:500;text-decoration:underline}.pp-otp-resend--center{align-self:center}.pp-otp-resend:disabled{color:var(--pp-text-muted);text-decoration:none;cursor:default}.pp-otp-spacer{flex:1 1;min-height:24px}.pp-otp-bottom{padding:0 24px 24px;flex-shrink:0}.pp-verify-btn{width:100%;height:54px;background:var(--pp-btn-continue);color:var(--pp-btn-continue-text);border:none;border-radius:14px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,color .18s,transform .1s}.pp-verify-btn--active{background:#1a1a1a;color:#ffffff}.pp-verify-btn--active:active{transform:scale(.98)}