:root{--pink:#ff77ad;--dark:#da3f7b;--pale:#ffe4ef;--cream:#fffaf5;--ink:#372c33;--muted:#776d73;--border:#f0d7e1;--green:#e8f6df;--shadow:0 16px 38px rgba(99,57,76,.12)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 5% 0,#ffdce9,transparent 32%),radial-gradient(circle at 95% 8%,#e6f4dc,transparent 26%),var(--cream)}
button,input{font:inherit}.shell{width:min(760px,100%);margin:auto;padding:18px 16px 90px}.brand{display:flex;align-items:center;gap:9px;font-size:1.35rem;padding:10px 4px 22px}.brand span{font-size:1.7rem}.panel,.hero,.app-top{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:25px;box-shadow:var(--shadow);padding:25px}.center{text-align:center;padding:70px 20px}.flower-loader{font-size:4rem;animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.15) rotate(8deg)}}.hidden{display:none!important}.welcome{text-align:center}.hero-flower{font-size:5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900;color:var(--dark);margin:0 0 6px}h1{font-size:clamp(2rem,8vw,3.3rem);line-height:1.04;margin:5px 0 12px}h2{margin:0}.page-title{font-size:2.4rem}.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);border-radius:15px;padding:4px;margin:25px 0 16px}.tabs button{border:0;background:transparent;border-radius:12px;padding:11px;font-weight:800;color:var(--muted)}.tabs button.active{background:white;color:var(--dark);box-shadow:0 4px 12px rgba(80,40,60,.08)}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;font-weight:800}.form input,.search-row input,.message-form input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:#fff}.form input:focus,.search-row input:focus,.message-form input:focus{outline:3px solid #ffd0e2;border-color:var(--pink)}.primary,.secondary,.link-button,.tiny-button,.icon-button{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{background:var(--pink);color:white;box-shadow:0 8px 18px rgba(218,63,123,.22)}.secondary{background:var(--pale);color:var(--dark)}.link-button{background:transparent;color:var(--dark)}.tiny-button{padding:9px 11px;background:var(--pale);color:var(--dark)}.tiny-button.accept{background:var(--green);color:#397027}.tiny-button.decline{background:#f4f1f2;color:var(--muted)}.icon-button{background:var(--pale);color:var(--dark);padding:9px 12px}button:disabled{opacity:.55;cursor:not-allowed}.small,.hint,.empty{font-size:.85rem;color:var(--muted)}.message{min-height:22px;font-weight:800;color:var(--dark)}fieldset{border:1px solid var(--border);border-radius:18px;padding:15px}legend{font-weight:900;padding:0 7px}.choice-grid{display:grid;gap:9px}.avatars{grid-template-columns:repeat(5,1fr)}.languages{grid-template-columns:repeat(2,1fr)}.choice-grid label{display:block}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:grid;place-items:center;min-height:52px;padding:9px;border:2px solid transparent;border-radius:14px;background:var(--cream);text-align:center}.avatars span{font-size:1.8rem}.choice-grid input:checked+span{border-color:var(--pink);background:var(--pale)}.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.app-top span{font-size:1.7rem}.app-nav{position:sticky;top:8px;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:7px;margin-bottom:14px;box-shadow:var(--shadow)}.nav-button{position:relative;display:grid;place-items:center;gap:2px;border:0;background:transparent;border-radius:14px;padding:9px;color:var(--muted);font-weight:900}.nav-button.active{background:var(--pale);color:var(--dark)}.nav-button span{font-size:.75rem}.badge{position:absolute;right:12%;top:4px;background:var(--dark);color:white;border-radius:999px;min-width:20px;padding:2px 5px;font-style:normal;font-size:.7rem}.hero{background:linear-gradient(135deg,#ff71aa,#ff9dc3);color:white;margin-bottom:14px}.hero .eyebrow{color:white}.hero .primary{background:white;color:var(--dark)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stats article{display:grid;place-items:center;background:white;border:1px solid var(--border);border-radius:18px;padding:16px 8px;box-shadow:var(--shadow)}.stats article span{font-size:1.5rem}.stats b{font-size:1.5rem}.stats small{color:var(--muted)}.mini{padding:20px;margin-bottom:14px}.search-row{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading span{display:grid;place-items:center;background:var(--pale);color:var(--dark);min-width:30px;height:30px;border-radius:999px;font-weight:900}.people-list{display:grid;gap:9px}.person-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--border);border-radius:16px;background:var(--cream)}.person-row.chat-choice{cursor:pointer}.person-row.chat-choice:hover{border-color:var(--pink);background:var(--pale)}.person-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pale);font-size:1.55rem;flex:0 0 auto}.person-info{min-width:0;flex:1}.person-info b,.person-info small{display:block}.person-info small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-actions{display:flex;gap:6px}.profile-card{text-align:center}.profile-avatar{font-size:5rem}.profile-card h1{font-size:2.2rem}.chat-panel{padding:0;overflow:hidden}.chat-header{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--border)}.chat-header small{display:block;color:var(--muted)}.message-list{height:min(52vh,500px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(#fff,#fffafc)}.bubble{max-width:78%;padding:10px 13px;border-radius:17px;line-height:1.35;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--pink);color:white;border-bottom-right-radius:5px}.bubble.theirs{align-self:flex-start;background:var(--pale);color:var(--ink);border-bottom-left-radius:5px}.bubble time{display:block;font-size:.67rem;opacity:.72;margin-top:4px}.message-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-top:1px solid var(--border)}
@media(max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}.languages{grid-template-columns:1fr}.panel{padding:20px}.avatars{grid-template-columns:repeat(5,1fr)}.search-row,.message-form{grid-template-columns:1fr}.person-row{align-items:flex-start}.person-actions{flex-direction:column}.nav-button span{font-size:.68rem}}