:root{font-family:Arial,Helvetica,sans-serif;color:#fafafa;background:#09090b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100dvh;max-width:560px;margin:auto;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:calc(64px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 24px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #27272a}.mark,.small-mark,.hero-icon,.key-art{display:grid;place-items:center;background:#27272a;border:1px solid #3f3f46;border-radius:12px;color:#fafafa}.mark{width:32px;height:32px}.topbar strong,.topbar span{display:block}.topbar strong{font-size:15px}.topbar span{font-size:11px;color:#a1a1aa}.app main{padding:24px}h1{font-size:24px;line-height:1.2;margin:8px 0 12px}h2{font-size:18px;margin:0 0 12px}p{line-height:1.45;margin:0 0 14px}.muted{color:#a1a1aa}.small{font-size:12px}.mono{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.hero{text-align:center;padding:42px 0 24px}.hero p{max-width:360px;margin:0 auto 20px}.hero.compact{padding-top:22px}.hero-icon,.key-art{width:112px;height:112px;margin:0 auto 20px;font-size:48px}.key-art{width:132px;height:132px}.primary,.secondary,.danger-outline{width:100%;min-height:46px;margin:6px 0;padding:10px 16px;border-radius:12px;font-weight:600}.primary{border:0;background:#fafafa;color:#18181b}.secondary{border:0;background:#27272a;color:#fafafa}.danger-outline{background:transparent;border:1px solid #ef444488;color:#ef4444}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.section-title h1,.section-title h2{margin:0}.text-button,.back{border:0;background:none;color:#fafafa;padding:8px 0}.back{margin-bottom:12px}.empty,.history,.account-card,.requester{border:1px solid #27272a;border-radius:16px;padding:20px;margin:12px 0}.empty{color:#a1a1aa;font-size:14px}.history{display:flex;align-items:center;gap:12px;padding:16px}.history-dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex:none}.history strong{font-size:14px}.history p{font-size:12px;color:#a1a1aa;margin:4px 0 0}.account-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.small-mark{width:44px;height:44px;flex:none}.account-heading strong{font-size:16px}.account-heading p{margin:3px 0 0}.camera{position:relative;aspect-ratio:1;background:#18181b;border:1px solid #27272a;border-radius:16px;overflow:hidden;margin:24px 0}.camera video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.scan-frame{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:2px solid #fafafa;border-radius:14px;pointer-events:none}.label{display:block;font-size:12px;color:#a1a1aa;margin:18px 0 8px}.field,.manual input{width:100%;min-height:46px;padding:10px 12px;background:#18181b;border:1px solid #3f3f46;border-radius:10px;color:#fafafa}.field:focus,.manual input:focus{outline:2px solid #a1a1aa}.manual{display:flex;gap:8px}.manual input{min-width:0;flex:1;font-size:13px}.manual button{border:0;border-radius:10px;padding:0 12px;background:#fafafa;color:#18181b}.choice{display:flex;justify-content:space-between;width:100%;margin:10px 0;padding:18px;border:1px solid #27272a;border-radius:12px;background:#09090b;color:#fafafa;text-align:left}.choice span{font-family:monospace;color:#a1a1aa}.approval{text-align:center;padding-top:40px}.requester{text-align:left;margin:22px 0}.requester strong,.requester span{display:block;overflow-wrap:anywhere}.requester span{font-family:monospace;font-size:13px;color:#a1a1aa;margin-top:6px}.approval .label{text-align:left}.success{font-size:54px;color:#10b981}.error{padding:13px;margin:16px 0;border:1px solid #ef4444;border-radius:10px;color:#fca5a5;font-size:13px}.busy{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#27272a;padding:10px 16px;border-radius:10px;z-index:5}.bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);height:calc(68px + env(safe-area-inset-bottom));padding:8px 12px env(safe-area-inset-bottom);display:flex;border-top:1px solid #27272a;background:#09090b;z-index:3}.bottom button{flex:1;border:0;background:transparent;color:#a1a1aa;font-size:12px}.bottom button.current{color:#fafafa;font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000c;padding:20px;z-index:10}.modal{width:min(100%,420px);max-height:90dvh;overflow:auto;padding:22px;background:#18181b;border:1px solid #3f3f46;border-radius:16px}.modal p{font-size:14px;color:#a1a1aa}.words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:48dvh;overflow:auto;margin:18px 0}.words div{padding:8px;border:1px solid #3f3f46;border-radius:6px;font:12px monospace;overflow:hidden}.words span{color:#a1a1aa;margin-right:8px}.key-art{padding:17px}.key-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:100%;aspect-ratio:1}.key-grid span{border-radius:3px}.key-art.small-art{width:40px;height:40px;flex:none;margin:0;padding:5px;border-radius:12px;box-shadow:none}.small-art .key-grid{gap:1px}.small-art .key-grid span{border-radius:1px}.primary,.secondary,.danger-outline{display:flex;align-items:center;justify-content:center;gap:9px}.primary svg,.secondary svg,.danger-outline svg{width:18px;height:18px;flex:none}.back,.text-button{display:inline-flex;align-items:center;gap:6px}.back svg,.text-button svg{width:17px;height:17px}.hero-icon svg{width:50px;height:50px;stroke-width:1.8}.success svg{width:54px;height:54px;stroke-width:2.5}.bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom button svg{width:20px;height:20px;stroke-width:1.8}.app{display:flex;flex-direction:column}.app main{flex:1}.app-notice{margin-top:auto;padding:20px 24px 22px;border-top:1px solid #27272a;color:#a1a1aa;font-size:12px;line-height:1.5;text-align:center}.app-notice p{margin:0}.app-notice .install-warning{display:flex;align-items:flex-start;gap:9px;margin:0 0 13px;padding:12px;border:1px solid #3f3f46;border-radius:10px;background:#18181b;text-align:left}.install-warning svg{width:17px;height:17px;flex:none;margin-top:1px;color:#fbbf24}.app-notice strong{color:#e4e4e7}.app-notice a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}.app-notice a:hover{color:#e4e4e7}.install-overlay{z-index:20}.install-modal{border-color:#71717a;text-align:center}.install-modal>svg{width:34px;height:34px;color:#fbbf24;margin-bottom:12px}.install-modal h2{font-size:21px}.install-modal p{text-align:left}.install-modal strong{color:#fafafa}