:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#101214;--ink:#101214;--panel:#f8fafb;--line:#d8dde2;--soft:#e7ebef;--accent:#41c06f;--danger:#a32121;--btn:2.875rem;--btn-sm:2.625rem;--radius:.875rem;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.phone-app{place-items:center;min-height:100vh;padding:1.125rem;display:grid}.phone-shell{background:var(--panel);border:.0625rem solid #c8d0d8;border-radius:2.125rem;grid-template-rows:auto 1fr;width:min(26.875rem,100vw);height:min(55rem,100vh - 2.25rem);display:grid;overflow:hidden;box-shadow:0 1.75rem 5.625rem #161f2b2e}.phone-top{background:var(--ink);color:#fff;grid-template-columns:var(--btn) 1fr var(--btn);align-items:center;gap:.625rem;padding:1.125rem;display:grid}.brand-dot,.icon-btn,.composer button,.qr-strip button,.close,.call-controls button,.accept-card button{border:0;border-radius:999rem;place-items:center;display:grid}.brand-dot,.icon-btn{width:var(--btn);height:var(--btn)}.brand-dot{color:var(--ink);background:#fff;font-weight:900}.icon-btn,.accept-card button{background:var(--accent);color:#07120b}.icon-btn.burn{background:var(--danger);color:#fff}.number-pill{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#222930;border:.0625rem solid #38424b;border-radius:999rem;width:100%;min-width:0;padding:.75rem .625rem;font-weight:800;display:block;overflow:hidden}.list{align-content:start;gap:.375rem;padding:.375rem .625rem .75rem;display:grid;overflow:auto}.row{width:100%;color:var(--ink);border-radius:var(--radius);text-align:left;background:0 0;border:0;grid-template-columns:2.625rem 1fr;align-items:center;gap:.625rem;min-height:3.75rem;padding:.5625rem .5rem;display:grid}.row.active{background:#fff}.row svg{color:#4c5964}.row span{gap:.125rem;min-width:0;display:grid}.row strong,.row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row small{color:#68737d}.profile-art{background:var(--soft);border-radius:0;width:7.5rem;height:7.5rem;display:block;overflow:hidden;box-shadow:inset 0 0 0 .0625rem #00000014}.profile-art.small{width:var(--btn-sm);height:var(--btn-sm);border-radius:0}.profile-art svg,.profile-art.photo{background-position:50%;background-size:cover;width:100%;height:100%;display:block}.empty-state{place-items:center;display:grid}.empty-state svg{width:1.875rem;height:1.875rem}.qraft-code{background:#fff;border-radius:0;justify-self:center;place-items:center;width:100%;min-height:0;padding:.375rem;display:grid}.qraft-code svg{border-radius:0;width:100%;height:auto;max-height:10.875rem;display:block}.qraft-code span{color:#66717c}.accept-shell{place-items:center;padding:1.375rem;display:grid}.accept-card{justify-items:center;gap:1.125rem;width:100%;display:grid}.accept-card label{font-weight:800}.accept-card input{text-align:center;background:#fff;border:0;border-radius:1.125rem;outline:0;width:100%;min-height:3.625rem;padding:0 1.125rem;font-size:1.375rem}.accept-card button{width:4.375rem;height:4.375rem}.thread{grid-template-rows:1fr auto;min-height:0;display:grid}.thread-history{align-content:start;gap:.5rem;padding:.875rem .625rem .625rem;display:grid;overflow:auto}.share-card{justify-self:center;justify-items:center;gap:.625rem;width:100%;margin:.25rem 0 .625rem;display:grid}.profile-flip{aspect-ratio:1;width:min(20rem,92%);height:auto;transform-style:preserve-3d;background:0 0;border:0;border-radius:0;padding:0;transition:transform .42s;display:block;position:relative}.profile-flip.flipped{transform:rotateY(180deg)}.profile-face{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.profile-flip .profile-art{border-radius:0;width:100%;height:100%}.profile-back{background:#fff;border-radius:0;padding:0;overflow:hidden;transform:rotateY(180deg);box-shadow:inset 0 0 0 .0625rem #00000014}.profile-back .qraft-code,.profile-back .qraft-code>div{border-radius:0;width:100%;height:100%;padding:0}.profile-back .qraft-code svg{border-radius:0;width:100%;height:100%;max-height:none}.modal-backdrop{z-index:20;background:#05080c6b;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.name-sheet{background:#fff;border-radius:1.5rem;justify-items:center;gap:.875rem;width:min(24rem,100%);padding:1rem;display:grid;box-shadow:0 1.25rem 4rem #11131538}.name-sheet label{font-weight:800}.name-sheet input{border:.0625rem solid var(--line);text-align:center;border-radius:1rem;outline:0;width:100%;min-height:3.25rem;padding:0 1rem;font-size:1.125rem}.modal-actions{grid-template-columns:1fr var(--btn);gap:.5rem;width:100%;display:grid}.modal-actions button{min-height:var(--btn);background:var(--soft);color:var(--ink);border:0;border-radius:999rem;place-items:center;font-weight:800;display:grid}.modal-actions button[type=submit]{background:var(--accent);color:#07120b}.modal-actions button.danger{background:var(--danger);color:#fff}.modal-actions button:disabled{opacity:.35;cursor:default}.event{background:var(--soft);color:#3d4852;border-radius:999rem;justify-self:center;align-items:center;gap:.4375rem;padding:.4375rem .625rem;font-size:.75rem;display:inline-flex}.event svg{width:.9375rem;height:.9375rem}.bubble{overflow-wrap:anywhere;border-radius:1.125rem;gap:.25rem;max-width:82%;padding:.5625rem .6875rem;font-size:.875rem;line-height:1.25;display:grid}.bubble.outgoing{background:var(--ink);color:#fff;border-bottom-right-radius:.375rem;justify-self:end}.bubble.incoming{background:var(--soft);color:var(--ink);border-bottom-left-radius:.375rem;justify-self:start}.bubble small{opacity:.65;font-size:.6875rem}.composer{border-top:.0625rem solid var(--line);background:#fff;grid-template-columns:1fr 2.75rem;gap:.5rem;padding:.5rem;display:grid}.composer button{background:var(--ink);color:#fff}.composer input{background:#eef2f5;border:0;border-radius:999rem;outline:0;min-width:0;padding:0 .875rem}.composer.callable{grid-template-columns:2.75rem 1fr 2.75rem}.composer.locked{grid-template-columns:1fr}.composer.locked input{color:#68737d;font-size:.8125rem}.call-sheet{z-index:10;background:#05080c9e;place-items:center;padding:1.375rem;display:grid;position:fixed;inset:0}.call-card{color:#fff;text-align:center;background:#111315;border-radius:1.875rem;justify-items:center;gap:.75rem;width:min(27.5rem,100%);padding:1.75rem 1.25rem;display:grid;position:relative}.close{color:#fff;background:#2a3138;width:2.125rem;height:2.125rem;position:absolute;top:.875rem;right:.875rem}.avatar{background:#26313a;border-radius:999rem;place-items:center;width:7rem;height:7rem;display:grid}.call-card h2,.call-card p{margin:0}.call-card strong{overflow-wrap:anywhere;color:#f0c84b}.call-controls{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.call-controls button{background:var(--ink);color:#fff;width:4rem;height:4rem}.call-controls .end{background:var(--danger)}.ad{width:100%;min-height:4.5rem;color:var(--ink);background:#fff2b8;border-radius:1rem;place-items:center;padding:.875rem;display:grid}.call-meta{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.call-meta span{background:#242a30;border-radius:999rem;padding:.375rem .5625rem;font-size:.75rem}@media (width<=35rem){.phone-app{padding:0}.phone-shell{border:0;border-radius:0;width:100vw;height:100vh}}@media (width<=20rem){.phone-top{grid-template-columns:var(--btn-sm) 1fr var(--btn-sm);padding:.875rem}.brand-dot,.icon-btn{width:var(--btn-sm);height:var(--btn-sm)}.number-pill{padding:.625rem .375rem;font-size:.8125rem}.list{padding-inline:.5rem}.qraft-code svg{max-height:9.875rem}}
