:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;background:light-dark(#edf0f3,#14191e)}
body{margin:0}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid light-dark(#346d62,#a5d9b8);outline-offset:3px}
#app{min-height:100svh;border-radius:0;overflow:visible}#app .loading{padding:80px 24px;text-align:center}#app .brand{display:block;font-size:28px;font-weight:500;letter-spacing:-1px;margin-bottom:32px}
#app .auth-shell{max-width:390px;margin:0 auto;padding:60px 24px}#app .auth-shell h1{font-size:27px;margin:14px 0}#app .auth-shell .eyebrow{font-size:10px}#app .auth-tabs{display:flex;gap:4px;padding:5px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:28px;margin:26px 0 20px;backdrop-filter:blur(18px)}#app .auth-tabs button{flex:1;border:0;border-radius:24px;background:transparent}#app .auth-tabs .active{background:var(--panel);color:var(--ink);box-shadow:0 3px 12px var(--glass-shadow)}
#app .tiny{font-size:11px}#app .center{text-align:center}#app .text-button{background:transparent;border:0;display:block;margin:12px auto;font-size:12px;color:var(--sub)}#app .error{padding:13px 16px;color:light-dark(#8c2525,#ffbaba);background:light-dark(#fff0f0,#412b2b);border-radius:14px;margin:12px 0;font-size:13px}#app .success{padding:13px 16px;border-radius:14px;background:light-dark(#e1eee5,#263f31);color:var(--ink);margin:12px 0;font-size:13px}
#app label{font-size:13px}#app input,#app textarea{min-width:0}#app button:disabled{opacity:.55;cursor:wait}#app .wide{margin-top:14px}#app .primary{background:var(--brand);color:var(--onbrand);border-color:var(--brand)}#app .empty{padding:28px 24px}#app .pass-details p{margin-top:6px}#app .contact-list{display:grid;gap:14px;overflow-wrap:anywhere;padding:12px 0}#app .contact-list a{color:var(--ink);display:block;text-decoration:none;margin-top:3px}#app .contact-list .muted{font-size:11px}#app .pass-content a:hover{text-decoration:underline}
#app .wallet-page-heading h1{font-size:29px}#app .owner-monogram{width:48px;font-size:12px}#app .wallet{touch-action:pan-y}#app .wallet-pass{isolation:isolate}#app .pass-stack>.wallet-pass+.wallet-pass{margin-top:-96px}#app .pass-stack>.selected-pass{z-index:2}#app .pass-content{overflow-wrap:anywhere}#app .qr-box{color:#111;background:#fff!important;border-radius:12px}#app #card-qr{min-height:176px;display:grid;place-items:center}#app #card-qr svg{display:block;width:176px;height:176px}#app .glass-language button{min-height:36px}
#app .person{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;margin:10px 0;background:var(--panel)}#app .person strong{font-weight:500}#app .initial{background:var(--bg)}#app .person>span:last-child{min-width:0;overflow-wrap:anywhere}#app .group+.group{margin-top:28px}#app .gps-record a{color:var(--ink);font-size:12px}#app .scan-area{position:relative;padding:25px 16px;text-align:center;overflow:hidden}#app #scanner-video{display:block;width:100%;border-radius:16px;max-height:350px}#app #scanner-video:not([src]):not([srcObject]){min-height:100px}#app .public-header{display:flex;justify-content:space-between;align-items:center;max-width:500px;margin:auto;padding:24px}#app .public-identity h1{font-size:30px;margin:26px 0 10px}#app .public-save{width:100%;border:0}#app .public-save-note{margin:12px 0 22px}#app .social-links{overflow-wrap:anywhere}#app .social-row{padding-bottom:16px}#app .check-row input{flex:none}#app .social-row label{margin-bottom:8px}#app .social-row label input{margin-top:5px}#app .paper form h3{margin-top:22px}
@media(max-width:380px){#app .auth-shell{padding:36px 20px}#app .pass-top{font-size:11px}#app .pass-owner{font-size:26px}#app .heading-actions{gap:6px}}