@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--primary:#7c3aed;--primary-soft:#efe7ff;--dark:#17121f;--bg:#faf8fc;--card:#fff;--text:#19151d;--muted:#756d7d;--border:#ebe6f2;--success:#22c55e;--danger:#dc2626;--shadow:0 10px 30px #17121f0f;--radius:20px;--tab-h:68px;--font:"Manrope", "Avenir Next", "Segoe UI", sans-serif;color:var(--text);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{overscroll-behavior-x:none;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--bg);min-height:100dvh;color:var(--text);width:100%;position:relative}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.page{padding:1.25rem 1.25rem calc(var(--tab-h) + 1.5rem);max-width:100%;overflow-x:hidden}.tanis-page{touch-action:pan-y;overflow-x:clip}.page.no-tab{padding-bottom:2rem}.stack{flex-direction:column;gap:1rem;display:flex}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:1.65rem;line-height:1.2}h2{font-size:1.25rem}.muted{color:var(--muted);line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.btn{appearance:none;cursor:pointer;border:none;border-radius:999px;padding:.85rem 1.25rem;font-weight:700;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:var(--primary-soft);color:var(--primary)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-danger{color:var(--danger);background:#fee2e2}.btn-block{width:100%}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:600}.field input,.field textarea,.field select{border:1.5px solid var(--border);background:#fff;border-radius:14px;outline:none;padding:.85rem 1rem}.field input:focus,.field textarea:focus{border-color:var(--primary)}.chip-grid{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1.5px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:999px;padding:.55rem .9rem;font-size:.9rem;font-weight:600}.chip.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.tabbar{width:min(480px,100%);height:var(--tab-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:40;padding-bottom:env(safe-area-inset-bottom);background:#ffffffeb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.68rem;font-weight:600;display:flex}.tab.active{color:var(--primary)}.tab .ico{font-size:1.2rem;line-height:1}.badge-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:calc(50% - 28px)}.avatar{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:88px;height:88px;font-size:1.6rem}.row{align-items:center;gap:.75rem;display:flex}.error-box{color:var(--danger);background:#fee2e2;border-radius:14px;padding:.75rem 1rem;font-size:.92rem}.safety-box{color:#9a3412;background:#fff7ed;border-radius:14px;padding:.85rem 1rem;font-size:.9rem;line-height:1.45}.logo-transparent,.auth-logo{background:0 0;width:min(70vw,220px);height:auto;margin:0 auto;display:block}.auth-logo{width:min(42vw,140px);margin-bottom:.5rem}.app-brand-header{background:0 0;align-items:center;gap:.55rem;padding:.85rem 1.25rem .35rem;display:flex}.app-brand-mark{object-fit:contain;background:0 0;flex-shrink:0;width:36px;height:36px}.app-brand-name{letter-spacing:-.02em;color:var(--text);font-size:1.05rem;font-weight:800}.app-brand-footer{padding:.25rem 1rem calc(var(--tab-h) + .35rem);pointer-events:none;justify-content:center;display:flex}.app-brand-foot-mark{object-fit:contain;opacity:.55;background:0 0;width:28px;height:28px}.splash{background:radial-gradient(90% 60% at 80% 0,#efe7ff 0%,#0000 55%),linear-gradient(#faf8fc,#f3edff);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:2.5rem 1.5rem 2rem;display:flex}.splash-actions{flex-direction:column;gap:.75rem;display:flex}.pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.modal-backdrop{z-index:50;background:#17121f73;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:24px;padding:1.5rem}.compose-bar{border-top:1px solid var(--border);background:#fff;align-items:flex-end;gap:.5rem;padding:.75rem;display:flex;position:sticky;bottom:0}.compose-bar textarea{border:1.5px solid var(--border);resize:none;border-radius:16px;flex:1;min-height:44px;max-height:120px;padding:.7rem .9rem}.msg-list{flex-direction:column;gap:.55rem;min-height:50dvh;padding:1rem;display:flex}.bubble{border-radius:16px;max-width:80%;padding:.7rem .9rem;font-size:.95rem;line-height:1.4}.bubble.mine{background:var(--primary);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble.theirs{border:1px solid var(--border);background:#fff;border-bottom-left-radius:6px;align-self:flex-start}.bubble.system{background:var(--primary-soft);color:var(--primary);align-self:center;font-size:.82rem;font-weight:600}.progress{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress>span{background:var(--primary);border-radius:999px;height:100%;display:block}.swipe-deck{touch-action:none;overscroll-behavior:none;isolation:isolate;width:100%;max-width:100%;min-height:420px;margin:.25rem 0 .5rem;position:relative;overflow:hidden}.swipe-deck.is-dragging{touch-action:none}.swipe-hint-banner{z-index:5;color:#fff;white-space:nowrap;pointer-events:none;background:#17121fd1;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:700;animation:.35s swipe-hint-fade;position:absolute;top:.65rem;left:50%;transform:translate(-50%)}@keyframes swipe-hint-fade{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.swipe-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:100%;padding:1rem 1.1rem}.swipe-card-next{opacity:.72;pointer-events:none;z-index:0;position:absolute;inset:0;transform:scale(.96)}.swipe-card-active{z-index:1;will-change:transform;touch-action:none;-webkit-user-drag:none;position:relative}.swipe-stamp{z-index:2;letter-spacing:.06em;pointer-events:none;border:3px solid;border-radius:10px;padding:.35rem .7rem;font-size:1.15rem;font-weight:800;position:absolute;top:1.1rem;transform:rotate(-12deg)}.swipe-stamp.like{color:var(--success);border-color:var(--success);background:#22c55e1f;left:1rem}.swipe-stamp.pass{color:var(--danger);border-color:var(--danger);background:#dc26261a;right:1rem;transform:rotate(12deg)}.swipe-actions{justify-content:center;gap:2rem;padding:.25rem 0 .5rem;display:flex}.swipe-btn{border:1.5px solid var(--border);width:64px;height:64px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:1.55rem;line-height:1;transition:transform .15s,box-shadow .15s;display:grid}.swipe-btn:active:not(:disabled){transform:scale(.94)}.swipe-btn:disabled{opacity:.45;cursor:not-allowed}.swipe-btn.pass{color:var(--danger)}.swipe-btn.like{color:#e11d48;background:#fff1f2;border-color:#fecdd3}