*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e5e5e5;--color-primary: #1a1a1a;--color-primary-hover: #333333;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#root{min-height:100%;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));max-width:480px;margin:0 auto;width:100%}@media(min-height:600px){.page{justify-content:center}}@media(max-height:599px){.page{justify-content:flex-start;padding-top:calc(16px + var(--safe-top))}}@media(max-width:374px){.page{padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.page-header h1{font-size:20px}.page-header p{font-size:14px}.card{padding:16px}}.page-header{text-align:center;margin-bottom:24px;width:100%}.page-header h1{font-size:24px;font-weight:700;margin-bottom:8px}.page-header p{font-size:15px;color:var(--color-text-secondary);line-height:1.5}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;width:100%;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.warning-box{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);padding:16px;margin-bottom:20px}.warning-box p{font-size:14px;line-height:1.5;color:#92400e}.warning-box strong{display:block;margin-bottom:4px;color:#78350f}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);padding:16px;margin-bottom:20px}.info-box p{font-size:14px;line-height:1.5;color:#1e40af}.error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:16px;margin-bottom:20px}.error-box p{font-size:14px;line-height:1.5;color:var(--color-danger)}.success-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:16px;margin-bottom:20px}.success-box p{font-size:14px;line-height:1.5;color:var(--color-success)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .15s;width:100%;min-height:48px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}@media(hover:none){.btn-primary:hover:not(:disabled){background:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:transparent}.btn-danger:hover:not(:disabled){background:var(--color-danger)}}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:#f5f5f5}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--color-success);color:#fff}.btn+.btn{margin-top:8px}.btn-icon{gap:10px}.btn-icon img,.btn-icon svg{width:20px;height:20px;flex-shrink:0}.btn-compact{width:auto;min-height:36px;padding:6px 14px;font-size:13px;flex-shrink:0}.auth-method-list{list-style:none;margin-bottom:20px}.auth-method-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.auth-method-left{display:flex;align-items:center;gap:12px;min-width:0}.auth-method-item:last-child{border-bottom:none}.auth-method-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-method-icon img,.auth-method-icon svg{width:20px;height:20px}.auth-method-info{display:flex;flex-direction:column;gap:2px;min-width:0}.auth-method-type{font-size:13px;color:var(--color-text-secondary);text-transform:capitalize}.auth-method-value{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{font-size:16px;font-weight:600;margin-bottom:12px}.section-subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.btn-group{display:flex;flex-direction:column;gap:8px}.loading{display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.logo{font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.btn-link{display:block;margin:16px auto 0;padding:8px 16px;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--color-text)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-card{background:var(--color-surface);border-radius:var(--radius);padding:24px;width:100%;max-width:400px;box-shadow:0 8px 30px #00000026}.modal-text{font-size:15px;line-height:1.5;color:var(--color-text-secondary);margin-bottom:20px}.modal-actions{display:flex;gap:8px}.modal-actions .btn{flex:1}