:root{color-scheme:dark;font-family:Space Mono,ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Consolas,monospace;background:#0a0a0a;color:#fafafa;--background: #0a0a0a;--surface: #161616;--surface-alt: #101010;--border: #262626;--text: #fafafa;--muted: #8a8a8a;--accent: #b8ff2e;--display: "Archivo", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "Space Mono", ui-monospace, "SFMono-Regular", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(184,255,46,.05),transparent 24rem),var(--background);color:var(--text);font-family:var(--mono)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}.app-shell{min-height:100vh;padding:2rem 1.25rem 3rem}.loading-shell{display:grid;place-items:center;color:var(--muted)}.install-banner{width:min(100%,72rem);margin:0 auto 1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(135deg,rgba(184,255,46,.12),transparent 52%),linear-gradient(180deg,var(--surface),var(--surface-alt))}.install-copy{display:grid;gap:.35rem}.install-copy h2{margin:0;font-family:var(--display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em}.install-copy p:last-child{margin:0;color:var(--muted);line-height:1.5}.install-steps{display:grid;gap:.75rem;margin-top:.35rem}.install-step{display:flex;align-items:center;gap:.75rem;padding:.85rem .95rem;border-radius:1rem;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.install-step-number{flex-shrink:0;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#0a0a0a;font-weight:800;font-size:.82rem}.install-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.auth-layout,.shell-layout{width:min(100%,72rem);margin:0 auto}.auth-layout{display:grid;gap:1.5rem;align-items:start}.hero-card,.panel{background:linear-gradient(180deg,var(--surface),var(--surface-alt));border:1px solid var(--border);border-radius:1.75rem}.hero-card{padding:1.75rem}.hero-card h1,.shell-header h1{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(3.75rem,15vw,8rem);letter-spacing:-.08em;line-height:.92}.hero-copy{max-width:28rem;color:var(--muted)}.hero-kicker{margin:0 0 .75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.24em;font-size:.7rem}.auth-panel,.panel{padding:1.5rem}.auth-context{margin-bottom:1rem}.mode-switch{display:flex;flex-wrap:wrap;gap:.75rem}.mode-tab,.nav-chip,.ghost-button{border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);padding:.7rem 1rem}.mode-tab.active,.nav-chip.active{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:700}.panel-copy h2{margin:1rem 0 .35rem;font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em}.panel-copy p,.placeholder-panel p,.empty-copy,.recovery-hint,.pass-meta,.bro-meta,.add-note,.stat-label,.empty-state p{margin:0;color:var(--muted);line-height:1.5}.split-copy{display:flex;justify-content:space-between;gap:1rem;align-items:start}.auth-form{display:grid;gap:1rem;margin-top:1.5rem}.auth-form label{display:grid;gap:.5rem;color:var(--muted);font-size:.95rem}.auth-form input{background:#0f0f0f;border:1px solid var(--border);border-radius:1rem;color:var(--text);padding:.95rem 1rem}.auth-form input:focus,.ghost-button:focus,.accent-button:focus,.nav-chip:focus,.mode-tab:focus{outline:2px solid var(--accent);outline-offset:2px}.accent-button{border:0;border-radius:999px;background:var(--accent);color:#0a0a0a;padding:.9rem 1.25rem;font-weight:800}.accent-button:disabled{opacity:.7;cursor:wait}.recovery-hint{margin-top:1rem}.shell-layout{display:grid;gap:1.25rem}.shell-footer{display:flex;justify-content:center;padding:.5rem 0 1rem}.footer-link{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:.15rem}.footer-link:hover{color:var(--text);border-bottom-color:#b8ff2e66}.shell-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.main-nav{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem}.brofile-grid,.feature-grid,.panel-stack{display:grid;gap:1.25rem}.qr-shell{display:grid;place-items:center;min-height:16rem;margin:1rem 0;border-radius:1.5rem;border:1px solid var(--border);background:#111}.qr-markup svg{width:min(100%,15rem);height:auto}.qr-placeholder{color:var(--muted)}.token-line,.recovery-code,.mono,.pass-code{font-family:var(--mono)}.token-line,.recovery-code{display:block;padding:.9rem 1rem;border-radius:1rem;background:#0e0e0e;border:1px solid var(--border);overflow-wrap:anywhere}.pass-list{display:grid;gap:.75rem;margin-top:1.25rem}.broup-form{margin-top:1.25rem}.pass-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#101010}.pass-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.card-actions{display:flex;justify-content:flex-end;margin-top:1rem}.bro-list{display:grid;gap:.75rem}.broup-list{display:grid;gap:.9rem;margin-top:1.25rem}.broup-row{display:grid;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:1rem;background:#101010}.broup-main{display:grid;gap:.85rem}.broup-name{margin:0;font-family:var(--display);font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.broup-meta{margin:.2rem 0 0;color:var(--muted)}.broup-members{display:flex;flex-wrap:wrap;gap:.5rem}.broup-actions{display:flex;flex-wrap:wrap;gap:.75rem}.member-picker{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#101010}.member-picker-copy p:last-child{margin:0;color:var(--muted)}.member-grid{display:flex;flex-wrap:wrap;gap:.75rem}.member-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:999px;background:#0f0f0f;color:var(--text);cursor:pointer}.member-chip.active{border-color:#b8ff2e80;background:#b8ff2e14}.member-chip input{margin:0}.summary-list{display:grid;gap:.75rem}.summary-cap-note{margin-top:.45rem;color:var(--muted)}.summary-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:1rem;background:#101010}.summary-row.unread{border-color:#b8ff2e66;background:linear-gradient(90deg,rgba(184,255,46,.08),transparent 42%),#101010}.summary-main{display:grid;gap:.2rem}.summary-title{margin:0;font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.summary-meta{margin:0;color:var(--muted)}.summary-chip{padding:.4rem .65rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.bro-card{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#101010}.bro-handle{margin:0;font-family:var(--display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.bro-send-button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.15rem;border:1px solid var(--border);border-radius:1rem;background:linear-gradient(90deg,rgba(184,255,46,.08),transparent 42%),#0f0f0f;color:var(--text);text-align:left;transition:border-color .15s ease,transform .15s ease}.bro-send-button:hover{border-color:#b8ff2e8c;transform:translateY(-1px)}.bro-send-copy{display:grid;gap:.3rem;min-width:0}.bro-send-word{font-family:var(--display);font-size:clamp(2.1rem,5vw,3rem);font-weight:900;line-height:.9;color:var(--accent);letter-spacing:-.06em}.bro-card-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center}.bro-card-hint{color:var(--muted);font-size:.86rem;line-height:1.4}.quiet-button{padding:0;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:.16rem}.quiet-button:hover{color:var(--text)}.unbro-button{flex-shrink:0}.empty-state{display:grid;gap:.5rem;min-height:16rem;align-content:center}.empty-state h3{margin:0;font-size:1.6rem}.add-panel,.stack-form{display:grid;gap:1rem}.stack-form label{display:grid;gap:.5rem;color:var(--muted)}.inline-note{color:var(--muted);line-height:1.5}.strong-note{padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(184,255,46,.22);background:#b8ff2e0f}.stack-form input{background:#0f0f0f;border:1px solid var(--border);border-radius:1rem;color:var(--text);padding:.95rem 1rem}.add-note{padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border);background:#101010}.stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.push-note{display:grid;gap:.65rem;margin-top:1.25rem;padding:1rem;border-radius:1rem;border:1px solid var(--border);background:#101010}.push-note p,.push-error-copy{margin:0;line-height:1.5}.push-note p{color:var(--muted)}.push-error-copy{color:#ff8b7c}.push-actions{display:flex;justify-content:flex-end;margin-top:1rem}.stat-card{display:grid;gap:.25rem;padding:1rem;border-radius:1rem;border:1px solid var(--border);background:#101010}.stat-value{font-family:var(--display);font-size:2rem;font-weight:800;line-height:1}.shell-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-end}.live-pill{display:inline-flex;align-items:center;min-height:2.6rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.live-pill.live{border-color:#b8ff2e73;color:var(--accent)}.brotification{position:fixed;top:1rem;right:1rem;z-index:25;width:min(26rem,calc(100vw - 2rem));display:grid;gap:1rem;padding:1rem 1rem 1.1rem;border-radius:1.35rem;border:1px solid rgba(184,255,46,.28);background:linear-gradient(135deg,rgba(184,255,46,.14),transparent 45%),#0c0c0cf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:broSlideIn .18s ease-out}.brotification-copy{margin:0;font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.brotification-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.bro-burst{position:fixed;inset:0;z-index:24;display:grid;place-items:center;align-content:center;gap:.4rem;background:#0a0a0ac2;animation:broBurstFade .85s ease-out forwards;pointer-events:none}.bro-burst-word{font-family:var(--display);font-size:clamp(6rem,28vw,16rem);line-height:.82;font-weight:900;letter-spacing:-.08em;color:var(--accent)}.bro-burst p{margin:0;color:var(--text);text-transform:uppercase;letter-spacing:.16em;font-size:.82rem}.toast{position:fixed;inset:1rem 1rem auto;z-index:20;margin-inline:auto;width:fit-content;max-width:calc(100vw - 2rem);padding:.85rem 1rem;border-radius:999px;background:var(--accent);color:#0a0a0a;font-weight:800}.placeholder-panel{display:grid;gap:.75rem;min-height:16rem;align-content:center}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:grid;place-items:center;padding:1rem}.modal-panel{width:min(100%,32rem);display:grid;gap:1rem}.onboarding-panel h2{margin:0;font-family:var(--display);font-size:2rem;font-weight:800;letter-spacing:-.04em}.onboarding-panel p{margin:0;color:var(--muted);line-height:1.55}@keyframes broSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes broBurstFade{0%{opacity:0;transform:scale(.96)}16%{opacity:1;transform:scale(1)}82%{opacity:1}to{opacity:0;transform:scale(1.02)}}@media(max-width:859px){.install-banner,.bro-card-footer{align-items:start;flex-direction:column}}@media(min-width:860px){.auth-layout{grid-template-columns:1.1fr .9fr}.feature-grid{grid-template-columns:1fr 1fr}.panel-span{grid-column:1 / -1}.brofile-grid{grid-template-columns:1.15fr .85fr}.brofile-grid .panel:last-child{grid-column:1 / -1}.broup-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}}