@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #4f6ef7;--color-primary-hover: #3b5de7;--color-primary-soft: rgba(79, 110, 247, .1);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-soft: rgba(239, 68, 68, .08);--color-success: #22c55e;--color-success-hover: #16a34a;--color-success-soft: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-bg: #f8f9fb;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .04);--shadow-card: 0 8px 24px rgba(79, 110, 247, .12), 0 2px 8px rgba(0, 0, 0, .06);--transition: .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{display:flex;flex-direction:column;min-height:100vh}#app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 1.25rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #0000000a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb}.header-content{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.logo:before{content:"";display:inline-block;width:26px;height:26px;background:var(--color-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}#app-nav{display:flex;gap:.25rem;background:var(--color-bg);padding:4px;border-radius:10px}.nav-link{text-decoration:none;padding:.4rem .85rem;border-radius:8px;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;transition:all var(--transition);position:relative}.nav-link:hover{color:var(--color-text);background:#fff9}.nav-link.active{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:0 1px 4px #00000014}#app-main{flex:1;max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem;width:100%}.screen{animation:screenFadeIn .35s cubic-bezier(.4,0,.2,1)}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:box-shadow var(--transition),transform var(--transition)}.card+.card{margin-top:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.375rem;color:var(--color-text);letter-spacing:.01em}.form-input{width:100%;padding:.7rem .875rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;transition:all var(--transition);background:var(--color-surface);color:var(--color-text);appearance:none;-webkit-appearance:none}.form-input::placeholder{color:#c0c5ce}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-input:hover:not(:focus){border-color:#c0c5ce}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.form-error{color:var(--color-danger);font-size:.8125rem;margin-top:.375rem;font-weight:500}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);text-decoration:none;position:relative;overflow:hidden;letter-spacing:.01em}.btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition)}.btn:active:after{background:#0000000d}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #4f6ef740}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 14px #4f6ef759;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #4f6ef733}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 2px 8px #ef444433}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);box-shadow:0 4px 14px #ef44444d;transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-bg);color:var(--color-text);border-color:#c0c5ce}.btn-block{width:100%}.btn-sm{padding:.45rem .85rem;font-size:.8125rem;border-radius:6px}.credential-card{position:relative;background:linear-gradient(135deg,#1e2a4a,#2d1b69,#1a1145);border:none;border-radius:var(--radius-xl);padding:1.75rem;color:#fff;box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.credential-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #4f6ef72e,0 4px 12px #00000014}.credential-card:before{content:"";position:absolute;top:-40%;right:-20%;width:260px;height:260px;border-radius:50%;background:#4f6ef71f;pointer-events:none}.credential-card:after{content:"";position:absolute;bottom:-30%;left:-15%;width:200px;height:200px;border-radius:50%;background:#8b5cf614;pointer-events:none}.credential-card .credential-type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#fff9;margin-bottom:.75rem;position:relative;z-index:1}.credential-card .credential-type:before{content:"◈";margin-right:.5rem;font-size:.875rem;color:#ffffff80;vertical-align:-1px}.credential-card .credential-issuer{font-weight:600;font-size:1.0625rem;margin-bottom:1.25rem;color:#fff;position:relative;z-index:1;letter-spacing:-.01em}.credential-card .credential-meta{display:flex;gap:2rem;font-size:.75rem;color:#ffffffb3;position:relative;z-index:1}.credential-card .credential-meta dt{font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:.625rem;color:#ffffff73;margin-bottom:.15rem}.credential-card .credential-meta dd{color:#ffffffe6;font-weight:500}.credential-card .credential-actions{position:absolute;top:1.5rem;right:1.5rem;z-index:2}.credential-card .credential-actions .btn-danger{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5;box-shadow:none;backdrop-filter:blur(4px);font-size:.75rem;padding:.35rem .7rem}.credential-card .credential-actions .btn-danger:hover:not(:disabled){background:#ef444459;border-color:#ef444480;color:#fff;box-shadow:none;transform:none}.credential-status{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.credential-status.valid{background:#22c55e26;color:#4ade80}.credential-status.valid:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.credential-status.expired{background:#ef444426;color:#fca5a5}.credential-status.expired:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fca5a5}.empty-state{text-align:center;padding:3.5rem 1.5rem;color:var(--color-text-secondary)}.empty-state:before{content:"";display:block;width:80px;height:80px;margin:0 auto 1.25rem;background:var(--color-primary-soft);border-radius:50%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 7.28V5c0-1.1-.9-2-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-2.28A2 2 0 0022 15V9a2 2 0 00-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z'/%3E%3Ccircle cx='16' cy='12' r='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 7.28V5c0-1.1-.9-2-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-2.28A2 2 0 0022 15V9a2 2 0 00-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z'/%3E%3Ccircle cx='16' cy='12' r='1.5'/%3E%3C/svg%3E");-webkit-mask-size:48px;mask-size:48px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--color-primary);opacity:.5}.empty-state p{margin-bottom:.5rem;font-size:.9375rem}.empty-state p:first-of-type{font-weight:600;color:var(--color-text);font-size:1.0625rem}.empty-state .btn{margin-top:1rem}.prove-container{max-width:420px;margin:2rem auto 0;text-align:center;padding:2rem 1.75rem}.prove-container .screen-title{margin-bottom:.5rem}.prove-container .screen-title:before{content:"";display:block;width:56px;height:56px;margin:0 auto 1rem;background:var(--color-primary-soft);border-radius:16px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E");-webkit-mask-size:36px;mask-size:36px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--color-primary)}.prove-container .site-name{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin:.75rem 0 .5rem}.prove-container .consent-text{color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.5}.prove-container .consent-text strong{color:var(--color-text)}.prove-actions{display:flex;gap:.75rem;margin-top:1.5rem}.prove-actions .btn{flex:1;padding:.75rem 1rem}.progress-bar{width:100%;height:5px;background:var(--color-border);border-radius:3px;overflow:hidden;margin:1.5rem 0;position:relative}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#8b5cf6);border-radius:3px;animation:progressSlide 2.5s ease-in-out;position:relative}.progress-bar .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShimmer 1.5s ease-in-out infinite}@keyframes progressSlide{0%{width:0%}to{width:100%}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-label{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.progress-label:before{content:"";display:inline-block;width:16px;height:16px;margin-right:.5rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.settings-section{margin-bottom:0}.settings-section h3{font-size:.9375rem;font-weight:700;margin-bottom:1rem;color:var(--color-text);letter-spacing:-.01em}.card.settings-section+.card.settings-section{margin-top:.75rem}.debug-info{font-size:.8125rem;color:var(--color-text-secondary);display:grid;grid-template-columns:auto 1fr;gap:.375rem 1rem;align-items:baseline}.debug-info dt{font-weight:600;color:var(--color-text);white-space:nowrap}.debug-info dd{margin-bottom:0;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;animation:alertSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:var(--color-success-soft);color:#15803d;border:1px solid rgba(34,197,94,.2)}.alert-success:before{content:"";display:inline-block;flex-shrink:0;width:18px;height:18px;background:#15803d;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.alert-error{background:var(--color-danger-soft);color:#991b1b;border:1px solid rgba(239,68,68,.15)}.alert-error:before{content:"";display:inline-block;flex-shrink:0;width:18px;height:18px;background:#991b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' style='display:none'/%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.alert-info{background:#3b82f614;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.alert-info:before{content:"";display:inline-block;flex-shrink:0;width:18px;height:18px;background:#1d4ed8;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-enrolled{background:var(--color-success-soft);color:#15803d;border:1px solid rgba(34,197,94,.2)}.badge-not-enrolled{background:#6b72801a;color:var(--color-text-secondary);border:1px solid rgba(107,114,128,.15)}.skip-link{display:block;margin-top:8px;color:var(--color-text-secondary);font-size:.875rem;text-decoration:none;transition:color var(--transition)}.skip-link:hover{color:var(--color-text)}.screen .card>p:first-child{font-size:.9375rem;line-height:1.6}@media(max-width:480px){#app-header{padding:0 .75rem}.header-content{height:54px}.logo{font-size:1.125rem}.logo:before{width:22px;height:22px}#app-nav{gap:.125rem;padding:3px}.nav-link{padding:.35rem .6rem;font-size:.75rem}#app-main{padding:1.25rem .875rem 2rem}.screen-title{font-size:1.25rem;margin-bottom:1.25rem}.card{padding:1.25rem;border-radius:var(--radius)}.form-row{flex-direction:column;gap:0}.credential-card{padding:1.5rem;border-radius:var(--radius-lg)}.credential-card .credential-meta{flex-direction:column;gap:.5rem}.credential-card .credential-actions{position:static;margin-top:1.25rem;text-align:right}.prove-container{margin-top:1rem;padding:1.5rem 1.25rem}.prove-container .screen-title:before{width:48px;height:48px;border-radius:12px;-webkit-mask-size:28px;mask-size:28px}.prove-actions{flex-direction:column}.debug-info{grid-template-columns:1fr;gap:.125rem}.debug-info dt{margin-top:.5rem}.debug-info dt:first-child{margin-top:0}}@media(min-width:481px)and (max-width:768px){#app-main{padding:1.5rem 1rem 2.5rem}}@media(prefers-reduced-motion:reduce){.screen,.alert{animation:none}.progress-bar .progress-fill:after{animation:none}.credential-status.valid:before{animation:none}.progress-label:before{animation:none}.btn-primary:hover:not(:disabled),.btn-danger:hover:not(:disabled){transform:none}.credential-card:hover{transform:none}}@media(prefers-color-scheme:dark){:root{--color-bg: #0f1117;--color-surface: #1a1c24;--color-text: #e4e6eb;--color-text-secondary: #9ca3af;--color-border: #2d3039}#app-header{background:#1a1c24eb;border-bottom-color:var(--color-border)}#app-nav{background:#ffffff0d}.nav-link:hover{background:#ffffff0f}.nav-link.active{background:#4f6ef726;color:#7c9aff;box-shadow:none}.form-input{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.form-input:hover:not(:focus){border-color:#404350}.btn-outline{border-color:var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover:not(:disabled){background:#ffffff0d;border-color:#404350}.alert-success{background:#22c55e1a;color:#4ade80;border-color:#22c55e26}.alert-success:before{background:#4ade80}.alert-error{background:#ef44441a;color:#fca5a5;border-color:#ef444426}.alert-error:before{background:#fca5a5}.alert-info{background:#3b82f61a;color:#93c5fd;border-color:#3b82f626}.alert-info:before{background:#93c5fd}.badge-enrolled{background:#22c55e1f;color:#4ade80;border-color:#22c55e26}.badge-not-enrolled{background:#9ca3af1a;color:#9ca3af;border-color:#9ca3af26}.skip-link{color:var(--color-text-secondary)}.skip-link:hover{color:var(--color-text)}.empty-state:before{opacity:.3}}