*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0c101b;--surface: #1C1C1E;--surface-2: #2C2C2E;--text: #FFFFFF;--text-dim: #8E8E93;--border: #38383A;--accent-red: #3d0d0d}html,body{height:100%;background:#0c101b;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text)}#root{height:100%;display:flex;justify-content:center;background:#0c101b}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;padding:56px 32px 48px;transition:opacity .4s ease,visibility .4s ease;opacity:1;visibility:visible;pointer-events:auto}.splash--hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-gear{display:flex;justify-content:flex-end;color:var(--text);opacity:.7}.splash-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding-bottom:60px}.splash-logo{font-size:96px;font-weight:700;line-height:1;color:var(--text);letter-spacing:-.02em}.splash-tagline{font-size:20px;font-weight:400;color:var(--text);opacity:.75;text-align:center;line-height:1.5;white-space:pre-line}.splash-bottom{display:flex;flex-direction:column;align-items:center;gap:28px}.splash-login{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;background:#2aadb5;color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .15s}.splash-login:active{opacity:.85}.splash-footer{font-size:14px;color:var(--text);opacity:.55;letter-spacing:.01em}.app{width:100%;max-width:430px;min-height:100%;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.screen-centered{align-items:center;justify-content:center}.screen-header{padding:56px 24px 12px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.screen-header h1{font-size:17px;font-weight:600;letter-spacing:-.01em}.timer-row{padding:4px 24px 0;flex-shrink:0}.countdown-timer{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text);opacity:.85}.spinner-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.nafath-spinner{animation:nafath-spin 8s linear infinite;flex-shrink:0}.nafath-spinner--static{animation:none;opacity:.3}@keyframes nafath-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 60px;text-align:center;pointer-events:none}.spinner-label-pre{font-size:15px;font-weight:400;line-height:1.4;color:var(--text);opacity:.9}.spinner-label-name{font-size:17px;font-weight:700;color:var(--text)}.actions{padding:20px 24px 40px;display:flex;flex-direction:column;gap:14px;align-items:center;flex-shrink:0}.btn-accept{width:100%;padding:17px;background:#fff;color:#000;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-accept:active{opacity:.85}.btn-ghost{background:none;border:none;color:var(--text);font-size:17px;font-weight:400;cursor:pointer;padding:8px 16px;opacity:.85}.btn-ghost:active{opacity:.5}.btn-icon-back{position:absolute;left:20px;background:none;border:none;color:var(--text);font-size:18px;line-height:1;cursor:pointer;padding:4px 8px;opacity:.8}.challenge-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:52px;padding:24px 32px}.challenge-instruction{font-size:16px;font-weight:400;line-height:1.55;text-align:center;color:var(--text);opacity:.9}.number-options{display:flex;gap:20px;align-items:center;justify-content:center}.number-btn{width:88px;height:88px;border-radius:50%;background:#111926;border:1.5px solid var(--border);color:var(--text);font-size:26px;font-weight:600;cursor:pointer;transition:transform .1s ease,background .15s;flex-shrink:0}.number-btn:active{transform:scale(.93)}.number-btn.selected{background:var(--surface-2);border-color:#666;transform:scale(.93)}.waiting-screen-header{margin-bottom:120px}.waiting-screen-header h1{font-size:18px}.waiting-spinner-area{position:relative;display:flex;align-items:center;justify-content:center}.pin-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:36px;padding:32px 24px 0}.pin-instruction{font-size:15px;font-weight:400;color:var(--text);opacity:.85;text-align:center;line-height:1.5}.pin-dots{display:flex;gap:16px;align-items:center;justify-content:center}.pin-dots--shake{animation:shake .5s ease}.pin-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:transparent;transition:background .15s,border-color .15s}.pin-dot--filled{background:#fff;border-color:#fff}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;width:100%;max-width:266px}.pin-key{aspect-ratio:1;border-radius:50%;background:#111926;border:1px solid var(--border);color:var(--text);font-size:20px;font-weight:400;cursor:pointer;transition:background .1s,transform .1s;font-family:inherit}.pin-key:active{background:var(--surface-2);transform:scale(.93)}.pin-key--action{aspect-ratio:unset;border-radius:12px;background:none;border:none;font-size:13px;font-weight:500;padding:11px}.pin-footer{padding:8px 24px 40px;display:flex;justify-content:center}.result-icon{font-size:72px;font-weight:300;line-height:1;margin-bottom:8px}.result-text{font-size:22px;font-weight:600}.bottom-nav{display:flex;background:#0c101b;border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom,12px);flex-shrink:0;position:relative}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;color:var(--text-dim);font-size:14px;font-weight:500;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;cursor:pointer;padding:30px 0;position:relative;transition:color .15s}.nav-item.active{color:var(--text);font-weight:700}.nav-indicator{width:108px;height:3px;border-radius:0 0 3px 3px;background:#fff;position:absolute;top:0;transform:translate(-50%);transition:left .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.settings-body{flex:1;overflow-y:auto;padding:8px 20px 40px;display:flex;flex-direction:column;gap:36px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding-left:4px}.settings-card{background:#111926;border-radius:12px;overflow:hidden}.settings-field{display:flex;flex-direction:column;padding:10px 16px}.settings-field--row{flex-direction:row;align-items:center;gap:8px;padding-right:10px}.settings-field-inner{display:flex;flex-direction:column;flex:1;min-width:0}.btn-copy{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s}.btn-copy:hover{color:var(--text)}.settings-field label{font-size:11px;color:var(--text-dim);margin-bottom:2px}.settings-field input{background:none;border:none;color:var(--text);font-size:15px;outline:none;width:100%;padding:2px 0;font-family:inherit}.settings-field input::placeholder{color:var(--text-dim);opacity:.5}.settings-divider{height:1px;background:var(--border);margin:0 16px}.btn-save{align-self:flex-end;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-save:active{background:var(--surface-2)}