:root{color-scheme:dark;--bg: #000;--bg-elevated: #0a0a0a;--card: #0a0a0a;--card-2: #0f0f0f;--card-3: #060606;--border: #1f1f1f;--divider: #1a1a1a;--text-1: #fff;--text-2: #a3a3a3;--text-3: #737373;--text-4: #555;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--blue: #3b82f6;--blue-2: #60a5fa;--radius-card: 14px;--radius-pill: 999px;font-family:DM Sans,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html{min-height:100%;background:#1a1a1a}body{margin:0;min-height:100vh;color:var(--text-1);background:#1a1a1a;font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);background:var(--card-2);color:var(--text-1);border-radius:10px;padding:.55rem .85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}button:hover:not(:disabled){border-color:#2a2a2a;background:#171717}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:linear-gradient(180deg,#27c463,#1fa94f);border-color:#22c55e59;color:#fff}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#2fd66c,#26b858)}button.ghost{background:transparent}input,textarea,select{width:100%;background:#090909;color:var(--text-1);border:1px solid #262626;border-radius:12px;padding:.72rem .8rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{border-color:#60a5fa8c;box-shadow:0 0 0 3px #3b82f61f}textarea{min-height:84px;resize:vertical}label{display:block;color:var(--text-2);font-size:.8rem;margin-bottom:.35rem}h1,h2,h3,p{margin-top:0}.app{max-width:980px;margin:0 auto;padding:2rem 1.25rem 2.5rem}.app h1{margin-bottom:.25rem;font-size:1.55rem;letter-spacing:-.03em}.subtitle{color:var(--text-3);font-size:.88rem;margin-bottom:1.35rem}.tabs{display:flex;gap:.45rem;margin-bottom:1rem;padding-bottom:.85rem;overflow-x:auto}.tab{border-radius:var(--radius-pill);padding:.56rem .95rem;border:1px solid transparent;background:transparent;color:var(--text-3);white-space:nowrap}.tab:hover:not(:disabled){color:var(--text-2);background:#ffffff08}.tab.active{color:var(--text-1);background:#ffffff0a;border-color:#ffffff0f}.card{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:1rem;margin-bottom:1rem;box-shadow:0 20px 40px #0000002e}.card h2{margin-bottom:.75rem;font-size:.98rem;font-weight:600;letter-spacing:-.01em}.row{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.muted{color:var(--text-3)}.err{color:var(--red);font-size:.85rem}.ok{color:var(--green);font-size:.85rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .55rem;border-radius:var(--radius-pill);border:1px solid #2a2a2a;background:#111;color:var(--text-2);font-size:.72rem;letter-spacing:.02em}.mono{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;word-break:break-all}.kvlist{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .8rem;font-size:.82rem}.kvlist dt{color:var(--text-3)}.kvlist dd{margin:0;word-break:break-word}.section-label{font-size:.68rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.15em;padding:.25rem 0 .7rem}.feed{display:flex;flex-direction:column;gap:0}.session-card{background:var(--card);border-radius:var(--radius-card);padding:.9rem;display:flex;flex-direction:column;border:1px solid #1a1a1a}.session-card+.session-card{margin-top:.65rem}.session-card.active{border-color:#3b82f633}.session-card.revoked{border-color:#ef44442e}.session-card.expired{opacity:.5}.session-card-header{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:.7rem}.session-dot{width:.68rem;height:.68rem;border-radius:999px;margin-top:.28rem;flex:0 0 auto;background:var(--text-4);box-shadow:0 0 0 3px #ffffff05}.session-dot.active{background:var(--blue)}.session-dot.revoked{background:var(--red)}.session-dot.expired{background:var(--amber)}.session-name{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.session-meta{margin-top:.12rem;color:var(--text-3);font-size:.8rem}.usage-bar{margin-top:.65rem;height:3px;background:#141414;border-radius:999px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:999px;background:var(--blue)}.usage-bar-fill.muted{background:var(--text-4)}.usage-bar-fill.danger{background:var(--amber)}.frame-section{border-top:1px solid var(--divider);padding-top:.75rem;display:flex;flex-direction:column;gap:.42rem}.frame-row{display:flex;align-items:flex-start;gap:.6rem}.frame-dot{width:.55rem;height:.55rem;border-radius:999px;margin-top:.28rem;flex:0 0 auto;background:var(--text-4)}.frame-dot.pass{background:var(--green)}.frame-dot.off{background:#363636}.frame-mode{min-width:3.8rem;color:var(--text-1);font-size:.79rem;text-transform:lowercase;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.frame-mode.muted,.frame-desc.muted{color:var(--text-4)}.frame-desc{color:var(--text-2);font-size:.8rem}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;margin-top:.1rem}.card-footer-text{color:var(--text-3);font-size:.78rem}.revoke-link{border:none;background:transparent;color:var(--red);padding:0;font-size:.78rem}.revoke-link:hover:not(:disabled){background:transparent;color:#ff6b6b}.pill{padding:.4rem .72rem;border-radius:var(--radius-pill);border:1px solid #232323;background:#111;color:var(--text-2);font-size:.78rem;white-space:nowrap}.pill.active{background:#ffffffeb;color:#050505;border-color:#ffffffeb}.past-sessions-link{background:transparent;border:none;font-family:inherit;color:var(--text-3);font-size:.8rem;padding:.9rem .2rem .65rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;text-align:left}.past-sessions-link:hover{color:var(--text-2);background:transparent}.past-sessions-group{display:flex;flex-direction:column;gap:.65rem}.stack{display:flex;flex-direction:column;gap:.85rem}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:.85rem}@media (max-width: 840px){.app{padding-inline:.9rem}.split{grid-template-columns:1fr}.card-footer{align-items:flex-start;flex-direction:column}}.app-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:stretch;padding:0;position:relative}.phone{width:100vw;height:100vh;height:100dvh;max-width:none;background:var(--bg);border-radius:0;overflow:hidden;border:none;display:flex;flex-direction:column;position:relative;box-shadow:none}.screen{display:none;flex-direction:column;flex:1;min-height:0;overflow:hidden}.screen.active{display:flex}.shell-stage{flex:1;min-height:0;overflow:auto;padding:calc(env(safe-area-inset-top) + 8px) 20px 0;display:flex;flex-direction:column}.shell-stage>*{width:100%}.shell-icon{display:block;width:22px;height:22px;flex-shrink:0}.shell-icon-action{width:22px;height:22px}.tab-bar-wrap{padding:10px 16px calc(18px + env(safe-area-inset-bottom));flex-shrink:0;z-index:10;position:relative}.tab-bar{background:var(--card);border-radius:22px;padding:10px 6px;display:grid;grid-template-columns:repeat(5,1fr)}.tab{background:transparent;border:none;padding:8px 4px;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:#555;border-radius:0}.tab svg{display:block;width:22px;height:22px}.tab span{font-size:10px;color:var(--text-2)}.tab.active{color:var(--green);background:transparent;border-color:transparent}.tab.active span{color:var(--green);font-weight:500}.tab:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--text-2)}.tab.active:hover:not(:disabled){color:var(--green)}.tab:active:not(:disabled){transform:none}.tab-action-btn{background:var(--green);border:none;border-radius:14px;padding:10px 4px;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.tab-action-btn span{font-size:10px;color:#000;font-weight:600}.tab-action-btn svg{color:#000}.tab-action-btn:hover:not(:disabled){background:#2fd66c;border-color:transparent}.tab-action-btn:active:not(:disabled){transform:none}.tray-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:4;display:none}.tray-overlay.open{display:block}.tray{position:absolute;bottom:0;left:0;right:0;background:var(--card);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border);display:none;flex-direction:column;z-index:5;max-height:70%;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.tray.open{display:flex;transform:translateY(0)}.tray-handle{width:36px;height:4px;background:#333;border-radius:2px;align-self:center;margin:12px 0 8px;flex-shrink:0;cursor:pointer}.tray-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px 12px;flex-shrink:0}.tray-title{font-size:14px;color:var(--text-1);font-weight:500}.tray-badge{font-size:10px;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.tray-list{padding:0 24px}.tray-row{padding:10px 0;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center}.tray-row:last-child{border-bottom:none}.tray-row-name{font-size:13px;color:var(--text-2);font-weight:500}.tray-row-sub{font-size:10px;color:var(--text-4);font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.tray-action{padding:16px 24px}.tray-btn{background:transparent;border:1px solid var(--border);border-radius:999px;padding:12px;color:var(--text-1);font-size:13px;font-family:inherit;cursor:pointer;width:100%;text-align:center}.tray-btn:hover:not(:disabled){background:transparent;border-color:#2a2a2a;color:var(--text-2);transform:none}.tray-spacer{height:80px}.action-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--card);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border);display:none;flex-direction:column;z-index:6;max-height:85%;overflow-y:auto}.action-sheet.open{display:flex}.action-sheet-handle{width:36px;height:4px;background:#333;border-radius:2px;align-self:center;margin:12px 0 4px;flex-shrink:0;cursor:pointer}.action-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 0}.action-tile{background:var(--card);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:105px;cursor:pointer;border:.5px solid #1a1a1a;transition:background .15s}.action-tile:hover{background:#161616}.action-tile-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-2)}.action-tile-body{flex:1}.action-tile-name{font-size:13px;color:var(--text-1);font-weight:500}.action-tile-sub{font-size:10px;color:var(--text-4);margin-top:3px;line-height:1.4}.action-tile-frame{font-size:9px;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.5px}.action-divider{height:1px;background:#1a1a1a;margin:14px 18px 0}.action-verify{background:var(--card);border-radius:14px;padding:14px 16px;margin:14px 14px 0;display:flex;align-items:center;gap:12px;cursor:pointer;border:.5px solid #1a1a1a;transition:background .15s}.action-verify:hover{background:#161616}.action-sheet-spacer{height:32px}.devtools{position:fixed;top:10px;left:10px;background:#000c;border:1px solid #333;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:9999;font-size:10px;color:#888;max-height:calc(100vh - 20px);overflow-y:auto}.devtools.collapsed{padding:0;background:transparent;border:none}.devtools.collapsed>*:not(.devtools-toggle){display:none}.devtools-toggle{align-self:flex-end;background:#000000d9;border:1px solid #333;color:#888;width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:2px}.devtools-toggle:hover{background:#141414;color:#fff}.devtools.collapsed .devtools-toggle{margin-bottom:0}.devtools-label{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:1px;padding:4px 6px 0}.dev-btn{background:transparent;border:1px solid #333;color:#aaa;padding:4px 8px;font-size:10px;font-family:inherit;border-radius:4px;cursor:pointer;text-align:left;white-space:nowrap}.dev-btn:hover{background:#141414;color:#fff}.dev-btn.j-built{border-color:#1f3a26;color:#22c55e}.dev-btn.j-built:hover{background:#0a1f12;color:#4ade80}@media (max-width: 640px){.devtools{top:8px;left:8px;font-size:11px}}.grantr-auth-root{min-height:100vh;min-height:100svh;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 34%),#000}.grantr-auth-shell{min-height:100vh;min-height:100svh;max-width:423px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom)) 24px;display:flex;flex-direction:column;color:var(--text-1)}.grantr-auth-screen{min-height:100%;display:flex;flex:1;flex-direction:column;animation:grantr-auth-screen-in .28s ease}.grantr-auth-top{display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:16px}.grantr-auth-back{width:20px;padding:0;border:0;background:transparent;color:var(--text-2);font-size:20px;line-height:1}.grantr-auth-back:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--text-1)}.grantr-auth-stepper{flex:1;display:flex;gap:6px}.grantr-auth-stepper-seg{flex:1;height:3px;border-radius:999px;background:#262626}.grantr-auth-stepper-seg.done{background:var(--green)}.grantr-auth-stepper-seg.active{background:var(--text-1)}.grantr-auth-spacer{width:20px}.grantr-auth-brand{padding-top:40px;color:var(--green);font-size:14px;font-weight:600}.grantr-auth-main{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding-bottom:24px}.grantr-auth-headline{font-size:44px;line-height:.95;letter-spacing:-.03em;font-weight:700}.grantr-auth-headline--big{font-size:56px}.grantr-auth-headline--small{font-size:40px}.grantr-auth-accent{color:var(--green)}.grantr-auth-subcopy{max-width:320px;color:var(--text-2);font-size:16px;line-height:1.45}.grantr-auth-sub{max-width:320px;padding:0 4px;color:var(--text-3);font-size:14px;line-height:1.5}.grantr-auth-bottom{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.grantr-auth-btn{width:100%;padding:18px;border:0;border-radius:999px;font-size:16px;font-weight:500}.grantr-auth-btn--primary{background:var(--text-1);color:#000}.grantr-auth-btn--primary:hover:not(:disabled){background:#f2f2f2}.grantr-auth-btn--secondary{background:transparent;border:1px solid var(--border);color:var(--text-1)}.grantr-auth-inline-note{padding-top:4px;text-align:center;color:var(--text-4);font-size:11px}.grantr-auth-inline-link{border:0;background:transparent;color:var(--text-2);font-size:11px;padding:4px 0 0}.grantr-auth-inline-link:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--text-1)}.grantr-auth-field{display:flex;flex-direction:column;gap:8px}.grantr-auth-input{width:100%;border-radius:14px;border:1px solid var(--border);background:var(--card-2);color:var(--text-1);font-size:16px;padding:18px 20px}.grantr-auth-input::placeholder{color:var(--text-4)}.grantr-auth-input:focus{border-color:var(--green);box-shadow:none}.grantr-auth-hint{padding:0 4px;color:var(--text-4);font-size:12px}.grantr-auth-email-card{display:flex;align-items:center;gap:12px;border-radius:14px;background:var(--card-2);padding:14px 16px}.grantr-auth-email-card-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.grantr-auth-email-card-label{color:var(--text-4);font-size:11px;letter-spacing:.3px}.grantr-auth-email-card-value{overflow:hidden;text-overflow:ellipsis;font-family:DM Mono,monospace;color:var(--text-1);font-size:14px;white-space:nowrap}.grantr-auth-email-status{display:flex;flex-shrink:0;align-items:center;gap:5px;color:var(--green);font-size:11px}.grantr-auth-status-dot,.grantr-auth-gas-dot{width:6px;height:6px;border-radius:999px;background:var(--green);animation:grantr-auth-pulse 1.5s ease-in-out infinite}.grantr-auth-gas-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:16px;border-radius:999px;background:var(--card-2);padding:5px 10px;color:var(--text-3);font-size:11px}.grantr-auth-stages{display:flex;flex-direction:column;gap:10px}.grantr-auth-stage{display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:14px;background:var(--card-2);padding:14px 16px;transition:border-color .25s ease,opacity .25s ease,transform .25s ease}.grantr-auth-stage--pending{opacity:.42}.grantr-auth-stage--active{border-color:#22c55e73;box-shadow:0 0 0 1px #22c55e14}.grantr-auth-stage--done{opacity:.92}.grantr-auth-stage--error{border-color:#ef444473}.grantr-auth-stage-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.grantr-auth-spinner{width:14px;height:14px;border:2px solid var(--text-4);border-top-color:var(--green);border-radius:999px;animation:grantr-auth-spin .8s linear infinite}.grantr-auth-stage-check{color:var(--green);font-size:14px}.grantr-auth-stage-error-mark{color:var(--red);font-size:14px}.grantr-auth-stage-dot{width:8px;height:8px;border-radius:999px;background:#333}.grantr-auth-stage-info{min-width:0;flex:1}.grantr-auth-stage-label{color:var(--text-1);font-size:13px}.grantr-auth-stage-meta{margin-top:3px;color:var(--text-4);font-size:10px;font-family:DM Mono,monospace}.grantr-auth-stage-meta--error{color:var(--red);font-family:inherit}.grantr-auth-detail{overflow:hidden;border:1px solid var(--divider);border-radius:12px;background:var(--card-2)}.grantr-auth-detail summary{list-style:none;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--text-4);font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.grantr-auth-detail summary::-webkit-details-marker{display:none}.grantr-auth-detail summary:after{content:"›";color:var(--text-4);transition:transform .2s ease}.grantr-auth-detail[open] summary:after{transform:rotate(90deg)}.grantr-auth-detail[open] summary{border-bottom:1px solid var(--divider)}.grantr-auth-detail-body{display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px}.grantr-auth-detail-row{display:flex;align-items:center;gap:10px}.grantr-auth-frame-badge{width:60px;flex-shrink:0;border-radius:999px;padding:4px 8px;text-align:center;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.grantr-auth-frame-badge--verify{background:#22c55e1f;color:var(--green)}.grantr-auth-frame-badge--approve{background:#3b82f61f;color:var(--blue-2)}.grantr-auth-frame-badge--default{background:#ffffff0d;color:var(--text-2)}.grantr-auth-detail-copy{min-width:0;flex:1}.grantr-auth-detail-name{color:var(--text-2);font-size:12px;font-weight:500}.grantr-auth-detail-sub{margin-top:1px;color:var(--text-4);font-size:10px;line-height:1.4}.grantr-auth-error{border:1px solid rgba(239,68,68,.18);border-radius:14px;background:#7f1d1d2e;color:#fca5a5;padding:12px 14px;font-size:12px;line-height:1.5}@keyframes grantr-auth-screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes grantr-auth-spin{to{transform:rotate(360deg)}}@keyframes grantr-auth-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (min-width: 768px){.grantr-auth-shell{padding-left:32px;padding-right:32px}}