:root{--brand:oklch(.56 .176 253.5);--brand-foreground:oklch(.99 0 0);--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--col:28rem}.theme-shell{--radius:1.25rem;--background:oklch(.16 .008 260);--foreground:oklch(.97 .003 250);--card:oklch(.215 .009 262);--card-foreground:oklch(.97 .003 250);--popover:oklch(.215 .009 262);--primary:oklch(.62 .17 253);--primary-foreground:oklch(.14 .01 260);--secondary:oklch(.27 .01 262);--secondary-foreground:oklch(.97 .003 250);--muted:oklch(.27 .01 262);--muted-foreground:oklch(.7 .012 258);--accent:oklch(.3 .04 255);--accent-foreground:oklch(.97 .003 250);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/14%);--ring:oklch(.62 .17 253);--surface:oklch(.215 .009 262);--destructive:oklch(.704 .191 22.216)}*,*:before,*:after{box-sizing:border-box}html,body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;margin:0}body{background:var(--background);color:var(--foreground)}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:var(--primary)}.sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.screen{background:var(--background);color:var(--foreground);min-height:100vh}.col{max-width:var(--col);width:100%;margin:0 auto}.onboarding{padding:2.5rem 1.5rem 2rem}.shell-header{display:flex;align-items: center;gap:1rem;padding:2rem 1.25rem 0}.shell-main{padding:1.25rem 1.25rem 8rem}.wordmark{color:var(--primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.points-pill{background:var(--secondary);color:var(--secondary-foreground);border-radius:9999px;margin-left:auto;padding:.375rem 1rem;font-size:.8125rem;font-weight:700}h1,h2,h3{margin:0}.h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.h2{letter-spacing:-.01em;font-size:1.125rem;font-weight:800}.lede{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.9375rem;font-weight:500;line-height:1.6}.caption{color:var(--muted-foreground);font-size:.75rem;font-weight:500;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin:1.5rem 0 .75rem;font-size:.875rem;font-weight:700}.err{color:var(--destructive);margin:.75rem 0 0;font-size:.875rem;font-weight:600}.field{display:flex;flex-direction:column;gap:.375rem}.field>label{color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.field input,.field select{border:1px solid var(--border);background:var(--surface);color:var(--foreground);outline:none;appearance:none;border-radius:1rem;width:100%;padding:.875rem 1rem;transition:border-color .15s;font-size:1rem;font-weight:500}.field input::placeholder{color:color-mix(in oklch,var(--muted-foreground)70%,transparent)}.field input:focus,.field select:focus{border-color:var(--primary)}.fields{display:flex;flex-direction:column;gap:1rem}.btn{display:block;background:var(--primary);color:var(--primary-foreground);text-align:center;border-radius:9999px;width:100%;padding:1rem 1.5rem;transition:opacity .15s;font-size:1rem;font-weight:700}.btn:hover:not(:disabled){opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-text{display:block;color:var(--primary);text-align:center;width:100%;padding:.875rem;font-size:.9375rem;font-weight:700}.btn-text.muted{color:var(--muted-foreground)}.segmented{display:flex;background:var(--surface);border-radius:9999px;gap:0;padding:4px}.segmented button{color:var(--muted-foreground);border-radius:9999px;flex:1;padding:.625rem 1rem;transition:background .15s,color .15s;font-size:.875rem;font-weight:700}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.consent{display:flex;align-items: flex-start;gap:.75rem;margin-top:.75rem}.consent input{accent-color:var(--primary);flex:none;width:20px;height:20px;margin:.1rem 0 0}.consent p{color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.55}.consent a{color:var(--primary);text-decoration:underline;font-weight:700}.live-choice{display:flex;border:1px solid var(--border);background:var(--surface);border-radius:1rem;align-items: flex-start;gap:.75rem;margin-top:1rem;padding:.875rem 1rem}.live-choice input{accent-color:var(--primary);flex:none;width:20px;height:20px;margin:.1rem 0 0}.live-choice .copy{display:flex;flex-direction:column;gap:.2rem}.live-choice b{font-size:.875rem;font-weight:700}.live-choice span{color:var(--muted-foreground);font-size:.75rem;line-height:1.45}.progress{margin:1.25rem 0 1.75rem}.progress .nav{display:flex;justify-content:space-between;align-items: center}.progress .nav button{display:inline-flex;color:var(--primary);align-items: center;gap:.25rem;font-size:.875rem;font-weight:700}.progress .nav button:disabled{opacity:.3;cursor:not-allowed}.progress .pills{display:flex;gap:6px;margin-top:.75rem}.progress .pills i{background:var(--muted);border-radius:9999px;flex:1;height:6px}.progress .pills i.on{background:var(--primary)}.progress .step{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.75rem;font-weight:600}.hero{color:oklch(.99 0 0);background-image:linear-gradient(145deg,oklch(.6 .17 250)0%,oklch(.5 .19 262)100%);border-radius:1.5rem;padding:1.5rem}.hero .welcome{opacity:.8;font-size:.875rem;font-weight:600}.hero .name{letter-spacing:-.02em;margin:.125rem 0;font-size:1.875rem;font-weight:800}.hero .meta{opacity:.8;font-size:.875rem}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.tile{background:var(--card);color:var(--card-foreground);border-radius:1rem;padding:1rem}.tile .k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:.75rem;font-weight:700}.tile .v{letter-spacing:-.02em;margin-top:.25rem;font-size:1.5rem;font-weight:800}.strip{display:flex;overflow-x:auto;scrollbar-width:none;gap:.75rem;margin:0 -1.25rem;padding:0 1.25rem .25rem}.strip::-webkit-scrollbar{display:none}.brand-tile{background:var(--card);text-align:left;border-radius:1rem;flex:none;width:8rem;padding:.875rem}.brand-tile .mark{display:grid}.brand-tile .mark{display:grid;color:oklch(.99 0 0);border-radius:.75rem;place-items: center;width:40px;height:40px;font-size:1rem;font-weight:800}.brand-tile .nm{display:block;color:var(--card-foreground);margin-top:.625rem;font-size:.875rem;font-weight:700}.brand-tile .st{display:block;color:var(--muted-foreground);margin-top:.125rem;font-size:.75rem;font-weight:600}.brand-tile .st.on{color:var(--primary)}.benefit-tile{background:var(--card);border-radius:1rem;flex:none;width:11rem;padding:.875rem}.benefit-tile b{display:block;color:var(--card-foreground);font-size:.875rem;font-weight:700}.benefit-tile span{display:block;color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem;line-height:1.45}.row-link{display:flex;background:var(--card);color:var(--card-foreground);border-radius:1rem;justify-content:space-between;align-items: center;width:100%;padding:1rem;font-size:.9375rem;font-weight:600}.row-link .go{color:var(--primary);font-weight:700}.add-card{aspect-ratio:1.586;border:2px dashed var(--border);background:color-mix(in oklch,var(--card)60%,transparent);display:flex;color:var(--muted-foreground);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items: center;gap:.625rem;width:100%;transition:border-color .15s,color .15s}.add-card:hover{border-color:var(--primary);color:var(--primary)}.add-card .plus{background:var(--primary);color:var(--primary-foreground);display:grid;border-radius:9999px;place-items: center;width:56px;height:56px}.add-card b{color:var(--card-foreground);font-size:1rem;font-weight:700}.add-card span{font-size:.75rem}.deck{display:flex;flex-direction:column;gap:1.5rem}.card-item{display:block;text-align:left;animation:rise .6s cubic-bezier(.16,1,.3,1)both;width:100%}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.face-card{position:relative;aspect-ratio:1.586;overflow:hidden;background-size:cover;border-radius:1rem;width:100%;box-shadow:0 2px 4px #00000073,0 20px 40px -22px #000000f2}.face-card.compact{border-radius:.75rem;flex:none;width:8.5rem}.face-card img{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.face-card .scrim{position:absolute;background:linear-gradient(#0000,#00000052 55%,#000000d1);height:58%;inset:auto 0 0}.face-card .info{position:absolute;display:flex;color:#fff;text-shadow:0 1px 4px #000000e6;flex-direction:column;align-items: flex-start;gap:.2rem;bottom:.875rem;left:1rem;right:1rem}.face-card.compact .info{bottom:.5rem;left:.625rem;right:.625rem}.face-card .info .nm{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.face-card .info .l4{letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem;font-weight:600}.face-card.compact .info .l4{font-size:.6875rem}.face-card.pending:after{content:"";position:absolute;animation:sweep 2.2s ease-in-out infinite;background:linear-gradient(100deg,#0000 30%,#ffffff14 46%,#0000 62%) 0 0/300% 100%;inset:0}@keyframes sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem .25rem 0}.card-meta .nm{color:var(--foreground);font-size:.9375rem;font-weight:700}.card-meta .connected{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);white-space:nowrap;font-size:.6875rem;font-weight:700}.sheet-head{display:flex;align-items: flex-start;gap:1rem}.readonly-field{display:grid;gap:.375rem;margin-top:.875rem}.readonly-field .label{color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.readonly-field .box{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:1rem;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:500}.verified-tick{display:grid;background:var(--primary);color:var(--primary-foreground);animation:pop .35s cubic-bezier(.16,1,.3,1)both;border-radius:9999px;place-items: center;width:56px;height:56px;font-size:1.75rem;font-weight:700;line-height:1}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.progressline{display:flex;color:var(--foreground);align-items: center;gap:.625rem;margin:1.5rem 0 1.75rem;font-size:.9375rem;font-weight:600}.progressline .dot{background:var(--primary);animation:pulse 1.6s ease-in-out infinite;border-radius:9999px;flex:none;width:8px;height:8px}.empty-panel{background:var(--card);color:var(--muted-foreground);border-radius:1rem;padding:1rem;font-size:.875rem}.skeleton{display:inline-block;background:var(--muted);animation:pulse 1.6s ease-in-out infinite;border-radius:9999px;height:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.scrim{position:fixed;display:flex;z-index:50;background:#0009;justify-content:center;align-items: flex-end;inset:0}.sheet{max-width:var(--col);background:var(--card);color:var(--card-foreground);overflow-y:auto;border-radius:1.5rem 1.5rem 0 0;width:100%;max-height:90vh;padding:1.5rem 1.5rem 2.5rem}.grab{background:var(--muted);border-radius:9999px;width:40px;height:4px;margin:0 auto 1rem}.sheet .field input,.sheet .field select{border-radius:.75rem}.detail-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.detail-list .r{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.875rem}.detail-list .r dt{color:var(--muted-foreground)}.detail-list .r dd{text-align:right;margin:0;font-weight:600}.sheet-head .detail-list{gap:.25rem;margin-top:.5rem}.sheet-head .detail-list .r{display:grid;grid-template-columns:auto 1fr;gap:.5rem}.sheet-head .detail-list .r dd{text-align:left}.ok-note{color:var(--primary);margin:.625rem 0 0;font-size:.8125rem;font-weight:700}.bad-note{color:var(--destructive);margin:.625rem 0 0;font-size:.8125rem;font-weight:700}.footnote{color:var(--muted-foreground);margin:1.25rem 0 0;font-size:.75rem;line-height:1.5}.expiry-row{display:flex;align-items: center;gap:.5rem}.expiry-row input{text-align:center;width:4rem}.expiry-row .sep{color:var(--muted-foreground);font-weight:700}.tabbar{position:fixed;z-index:40;border-top:1px solid var(--border);background:color-mix(in oklch,var(--card)95%,transparent);backdrop-filter:blur(12px);bottom:0;left:0;right:0}.tabbar .inner{max-width:var(--col);display:flex;margin:0 auto;padding:.75rem 1rem}.tabbar button{display:flex;color:var(--muted-foreground);flex-direction:column;flex:1;align-items: center;gap:.25rem}.tabbar button.on{color:var(--primary)}.tabbar .lbl{font-size:.75rem;font-weight:700}.pill-tabs{display:flex;gap:.5rem;margin:1.25rem 0 .75rem}.pill-tabs button{text-transform:uppercase;letter-spacing:.06em;background:var(--card);color:var(--muted-foreground);border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.pill-tabs button.on{background:var(--primary);color:var(--primary-foreground)}.log-list{display:flex;flex-direction:column;gap:.5rem}.log{background:var(--card);border-radius:1rem;padding:.875rem}.log .top{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.log .svc{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-size:.75rem;font-weight:700}.log .at{color:var(--muted-foreground);font-size:.75rem}.log .path{word-break:break-all;color:var(--card-foreground);margin-top:.375rem;font-size:.75rem;font-weight:500}.log .meta{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem}.splash{display:flex;flex-direction:column;justify-content:space-between;min-height:70vh}.splash .top{padding-top:4rem}.splash .brandmark{letter-spacing:-.03em;color:var(--primary);font-size:2.25rem;font-weight:800;line-height:1.1}.splash h1{letter-spacing:-.02em;margin-top:2rem;font-size:1.875rem;font-weight:800;line-height:1.15}.splash .bottom{padding-top:3rem}.centred{display:flex;text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:.75rem;min-height:60vh}.spinner{border:3px solid var(--muted);border-top-color:var(--primary);animation:spin .9s linear infinite;border-radius:9999px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.otp-input{border:1px solid var(--border);background:var(--surface);text-align:center;letter-spacing:.5em;text-indent:.5em;outline:none;color:var(--foreground);border-radius:1rem;width:100%;padding:1.25rem 1rem;font-size:1.875rem;font-weight:800}.otp-input:focus{border-color:var(--primary)}.hint{background:var(--surface);color:var(--muted-foreground);border-radius:1rem;margin-top:.75rem;padding:.875rem 1rem;font-size:.75rem}.hint b{color:var(--foreground)}.stack{display:flex;flex-direction:column;gap:.75rem}.mt-2{margin-top:2rem}.mt-1{margin-top:1.25rem}.sample-inline{background:color-mix(in oklch,var(--muted)55%,transparent);border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);border-radius:.625rem;margin:0 0 1.25rem;padding:.5rem .875rem;font-size:.6875rem;font-weight:700}.who{margin:.25rem 0 1.25rem}.who .nm{letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.who .meta{color:var(--muted-foreground);margin-top:.25rem;font-size:.8125rem;font-weight:500}.who .meta b{color:var(--primary);font-weight:700}.dev-link{display:block;color:var(--muted-foreground);text-align:center;width:100%;margin-top:2rem;padding:.75rem;font-size:.75rem;font-weight:600}