:root{--bg: #070908;--bg-card: #0a0b0a;--gold: #c9b070;--gold-bright: #e8c878;--gold-slogan: #d2c090;--gold-footer: #e0b84a;--gold-nest: #d4c48a;--text: #f2eee6;--muted: #8e8a82;--nest-label: #929e96;--nest-glow: #3dff6a;--nest-glow-soft: rgba(61, 255, 106, .28);--bindr-glow: #c44dff;--bindr-glow-soft: rgba(186, 100, 255, .32);--bindr-pink: #e075f0;--well-glow: #2ee6c5;--well-glow-soft: rgba(46, 230, 197, .32);--well-meta: #7fe6b0;--well-open: #77d5a8;--radius: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden}body{min-height:100dvh;max-height:100dvh}#app{height:100dvh;max-height:100dvh;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 90% 42% at 50% 22%,rgba(180,140,70,.11),transparent 62%),radial-gradient(ellipse 70% 30% at 50% 92%,rgba(80,40,90,.08),transparent 55%),var(--bg)}.hub{width:100%;max-width:430px;height:100%;max-height:100dvh;padding:calc(10px + var(--safe-top)) 16px calc(14px + var(--safe-bottom));display:flex;flex-direction:column;position:relative;overflow:hidden}.hub-top{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:28px;margin-bottom:0}.slogan{margin:0;text-align:center;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-style:italic;font-weight:500;font-size:1.22rem;letter-spacing:.01em;color:var(--gold-slogan);text-shadow:0 0 14px rgba(200,184,138,.28);line-height:1.2}.settings-btn{position:absolute;top:50%;right:-2px;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.settings-btn .gear{width:20px;height:20px;display:block;opacity:.92;filter:drop-shadow(0 0 4px rgba(200,184,138,.3))}.settings-btn:active{transform:translateY(-50%) scale(.94)}.brand{position:relative;display:flex;justify-content:center;align-items:center;flex:1 1 auto;min-height:96px;max-height:none;padding:2px 0 8px;margin:0}.brand-glow{position:absolute;width:min(240px,70%);height:min(220px,90%);border-radius:50%;background:radial-gradient(circle,rgba(200,160,80,.22) 0%,rgba(160,120,50,.08) 42%,transparent 70%);top:50%;left:48%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(1px)}.brand-logo{position:relative;z-index:1;height:100%;width:auto;max-width:72%;max-height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 0 18px rgba(200,160,70,.22))}.cards{display:flex;flex-direction:column;gap:14px;flex:0 0 auto}.card{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:6px;min-height:70px;height:70px;padding:10px 12px;border-radius:var(--radius);background:var(--bg-card);border:1.5px solid transparent;isolation:isolate}.card-nest{grid-template-columns:auto minmax(0,1fr) auto;background:linear-gradient(180deg,#0c120e,#080a08);border-color:#50e678b3;box-shadow:0 0 0 .5px #50e67859,0 0 10px var(--nest-glow-soft),0 0 2px #50e67880,inset 0 0 10px #3dff6a08}.card-bindr{background:linear-gradient(180deg,#120a16,#0a080e);border-color:#c86effbf;box-shadow:0 0 0 .5px #c86eff59,0 0 10px var(--bindr-glow-soft),0 0 2px #c86eff8c,inset 0 0 10px #c464ff0a}.card-well{background:linear-gradient(180deg,#071412,#080a0a);border-color:#3ce6c8b8;box-shadow:0 0 0 .5px #3ce6c859,0 0 10px var(--well-glow-soft),0 0 2px #3ce6c88c,inset 0 0 10px #2ee6c50a}.card-hit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0}.card-nest .card-left,.card-nest .card-mid,.card-nest .eye-btn{position:relative;z-index:2}.card-left{display:flex;align-items:center;gap:9px;min-width:0}.app-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0;display:block}.bindr-icon-img{object-fit:contain;background:transparent;border-radius:0;padding:2px}.app-name{font-weight:700;font-size:1.02rem;white-space:nowrap}.nest-name{color:var(--gold-nest);text-shadow:0 0 10px rgba(212,196,138,.35)}.bindr-name{background:linear-gradient(90deg,#c44dff,#ff4ec8);-webkit-background-clip:text;background-clip:text;color:transparent}.well-name{color:#f4f6f5}.card-mid{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0}.nest-mid{align-items:flex-end;text-align:right;padding-right:2px}.nest-mid .meta-label,.nest-mid .nest-value{width:100%;text-align:right}.meta-label{font-size:.58rem;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.nest-label{color:var(--nest-label)}.well-meta{color:var(--well-meta);letter-spacing:.08em}.meta-value{font-size:1.02rem;font-weight:700;color:#fff;letter-spacing:.01em}.nest-value{font-size:1.2rem;font-weight:600;color:var(--nest-label);line-height:1}.well-steps{font-size:1.18rem}.sample-row{display:flex;align-items:center;gap:6px}.fb-badge{width:17px;height:17px;border-radius:50%;background:#1877f2;color:#fff;font-size:.72rem;font-weight:700;display:inline-grid;place-items:center;font-family:Helvetica,Arial,sans-serif;line-height:1;padding-top:1px}.eye-btn{width:34px;height:34px;border-radius:50%;border:1.4px solid rgba(212,196,138,.65);background:transparent;color:#e2d6a8;display:grid;place-items:center;cursor:pointer;justify-self:end;padding:0;box-shadow:0 0 8px #c8b88a33}.eye-btn:active{transform:scale(.94)}.eye-btn svg[hidden]{display:none!important}.open-link{font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap;justify-self:end;padding:6px 2px;position:relative;z-index:1}.bindr-open{color:var(--bindr-pink);text-shadow:0 0 10px rgba(224,117,240,.35)}.well-open{color:var(--well-open);text-shadow:0 0 10px rgba(119,213,168,.35)}.hub-foot{flex:0 0 auto;margin-top:12px;margin-bottom:4px;padding-top:0;text-align:center}.hub-foot p{margin:0;font-weight:800;font-size:.98rem;color:var(--gold-footer);letter-spacing:.01em;text-shadow:0 0 14px rgba(224,184,74,.35)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .22s ease;z-index:40}.sheet-backdrop.show{opacity:1}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);width:min(430px,100%);background:#121214;border:1px solid rgba(212,168,75,.25);border-bottom:0;border-radius:20px 20px 0 0;padding:12px 20px calc(24px + var(--safe-bottom));z-index:50;transition:transform .25s ease;box-shadow:0 -8px 40px #00000080}.sheet.open{transform:translate(-50%)}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#3a3a3e;margin:4px auto 16px}.sheet h2{margin:0 0 6px;font-size:1.15rem;color:var(--gold)}.sheet-note{margin:0 0 16px;color:var(--muted);font-size:.88rem}.sheet-list{list-style:none;margin:0 0 18px;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.sheet-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.sheet-list li:last-child{border-bottom:0}.sheet-list .muted{color:var(--muted);font-size:.8rem;text-align:right}.sheet-close{width:100%;border:1px solid rgba(212,168,75,.4);background:#d4a84b1a;color:var(--gold);font-weight:600;font-size:.95rem;padding:12px;border-radius:12px;cursor:pointer}.sheet-close:active{transform:scale(.98)}@media(max-height:720px){.brand{min-height:72px;max-height:180px}.card{min-height:64px;height:64px}.app-icon{width:42px;height:42px}.hub-foot{margin-top:10px}.slogan{font-size:1.1rem}}@media(max-width:360px){.app-name{font-size:.92rem}.card{padding:8px 10px;gap:4px}.hub{padding-left:12px;padding-right:12px}}@media(min-width:480px){.hub{border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}}.faceid-btn{display:block;margin:0 auto 6px;padding:8px 18px;border-radius:999px;border:1px solid rgba(232,201,120,.7);background:#141006d9;color:#e8c978;font:600 13px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 0 10px #e8c97840;cursor:pointer}.faceid-btn[hidden]{display:none}.faceid-btn:disabled{opacity:.6}.acct-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.acct-actions [hidden]{display:none}.acct-recover{text-align:center;text-decoration:none}.card-copilot{background:linear-gradient(180deg,#15100a,#0a0908);border-color:#f0a030bf;box-shadow:0 0 0 .5px #f0a03059,0 0 10px #f0a0304d,0 0 2px #f0a0308c,inset 0 0 10px #f0a0300a}.copilot-name{color:#e8c878;font-size:.95rem;line-height:1.1}.copilot-meta{color:#f0a030}.copilot-val{font-size:.72rem;white-space:nowrap}.copilot-open{color:#f0b450}.feedback-btn{display:inline-block;margin:0 auto 10px;padding:9px 18px;border:1px solid rgba(233,196,106,.55);border-radius:999px;color:#e9c46a;text-decoration:none;font-weight:600;font-size:.92rem;background:#e9c46a14}.feedback-btn:active{background:#e9c46a33}.card-feedback{background:linear-gradient(180deg,#14110a,#0a0908);border-color:#e9c46a99;box-shadow:0 0 0 .5px #e9c46a4d,0 0 10px #e9c46a38,inset 0 0 10px #e9c46a0a}.fb-icon{display:flex;align-items:center;justify-content:center;font-size:28px;width:48px;height:48px;border-radius:12px;background:#e9c46a1a}.fb-name{color:#e9c46a}.fb-meta{color:#d9b25f}.fb-val{font-size:.72rem;line-height:1.2;white-space:normal}.fb-open{color:#e9c46a}.card-feedback.has-draft .fb-meta{color:#7fe0a0}.card-feedback.has-draft{border-color:#7fe0a099}.copilot-name,.fb-name{white-space:normal;line-height:1.1}.copilot-val,.fb-val{white-space:normal;font-size:.72rem;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-mid>*{max-width:100%}.hub-foot p.demo-note{font-weight:400;font-size:.7rem;line-height:1.35;color:#9c8f74;margin:8px auto 0;max-width:340px}.demo-note a{color:#d9b25f}.card-ai{background:linear-gradient(180deg,#14110a,#0a0908);border-color:#e9c46a99;box-shadow:0 0 0 .5px #e9c46a4d,0 0 10px #e9c46a38}.card-ai .ai-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#e9c46a;border-radius:12px;background:#e9c46a1f;border:1px solid rgba(233,196,106,.45)}.card-ai .ai-name{color:#e9c46a}.card-ai .ai-meta{color:#d9b25f}.card-ai .ai-open{color:#e9c46a}.card-ai .ai-name{font-size:.95rem;line-height:1.1}.card-ai .ai-val{font-size:.72rem;line-height:1.2;white-space:normal}