:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top,rgba(244,172,183,.35),transparent 35%),linear-gradient(180deg,#fff9f7,#f8f1eb);color:#241a1f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(244,172,183,.35),transparent 35%),linear-gradient(180deg,#fff9f7,#f8f1eb)}#root{min-height:100vh}.page-shell{max-width:1100px;margin:0 auto;padding:24px 24px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 32px}.brand{font-size:1.3rem;font-weight:700;color:#2d1520;text-decoration:none}.topnav{display:flex;flex-wrap:wrap;gap:10px}.nav-link{display:inline-flex;align-items:center;gap:8px;color:#694b56;text-decoration:none;padding:10px 14px;border-radius:999px}.nav-badge,.unread-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#b42318;color:#fff;font-size:.8rem;font-weight:700}.nav-link-active,.nav-link:hover{background:#b454691a;color:#9e334e}.content-section{display:grid;gap:28px}.content-section.narrow{max-width:680px;margin:0 auto}.hero{margin-bottom:12px}.hero-wide{padding:32px;border-radius:32px;background:#ffffff8c;border:1px solid rgba(180,84,105,.14);box-shadow:0 14px 32px #53353b14}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.section-copy{display:grid;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#b45469;margin:0 0 16px}.hero h1{font-size:clamp(2.6rem,8vw,5.5rem);line-height:.95;margin:0 0 20px;max-width:10ch}.intro{font-size:1.08rem;line-height:1.7;max-width:700px;color:#4f4047}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.panel,.card{background:#ffffffb8;border:1px solid rgba(180,84,105,.15);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px #53353b14}.filter-panel,.filter-grid,.filter-panel-head{display:grid}.filter-panel{gap:18px}.filter-panel-head{gap:12px;align-items:start;grid-template-columns:minmax(0,1fr) auto}.filter-panel-head h2,.filter-panel-head p{margin:0}.filter-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-panel{display:grid;gap:18px}.card h2{margin:0 0 12px;font-size:1.1rem}.card p{margin:0;line-height:1.6;color:#5a4a51}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.field span,.picker-label,.meta-title{font-size:.95rem;font-weight:600;color:#4d2e39}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(120,79,89,.2);border-radius:16px;padding:14px 16px;font:inherit;background:#fffffff2;color:#241a1f}.field textarea{resize:vertical}.picker-group{display:grid;gap:10px}.tag-grid,.chip-row,.action-row,.gift-row{display:flex;flex-wrap:wrap;gap:10px}.tag-button,.chip{border-radius:999px;padding:10px 14px;font:inherit}.tag-button{border:1px solid rgba(120,79,89,.18);background:#fffc;color:#543844;cursor:pointer}.tag-active{background:#b45469;color:#fff;border-color:#b45469}.chip{background:#b454691c;color:#8a3250}.chip-muted{background:#483e4214;color:#5f4c53}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font:inherit;text-decoration:none;border:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button{background:#b45469;color:#fff}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button{background:#ffffffe6;color:#5a3945;border:1px solid rgba(120,79,89,.2)}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.gift-button:hover,.tag-button:hover{transform:translateY(-1px)}.danger-button,.gift-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font:inherit;cursor:pointer}.danger-button{background:#b42318;color:#fff;border:0}.gift-button{border:1px solid rgba(120,79,89,.18);background:#ffffffd9;color:#6a4250}.form-error,.error-message{color:#b42318}.success-message{color:#12704a}.form-hint,.status-message,.profile-head p,.avatar-pill{color:#6d5760}.empty-state{text-align:center}.conversation-list,.chat-layout{display:grid;gap:18px}.conversation-header,.safety-panel{display:grid;gap:12px}.gift-actions{display:grid;gap:10px}.conversation-item{display:flex;align-items:center;gap:14px;padding:20px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(180,84,105,.15);box-shadow:0 14px 32px #53353b14;text-decoration:none}.unread-item{border-color:#b4546957;background:#fff6f8f0;box-shadow:0 18px 36px #b4546924}.conversation-copy h2,.conversation-copy p{margin:0}.conversation-meta{margin-top:8px}.conversation-copy{flex:1}.conversation-preview{margin-top:8px;color:#5d4a52;line-height:1.5}.conversation-copy h2{color:#2d1520}.conversation-copy p{color:#6d5760}.profile-card{display:grid;gap:16px;align-content:start}.profile-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(120,79,89,.12);background:radial-gradient(circle at 30% 25%,#ffffffeb,#ffffffb8 55%,#f3e1e6b8),linear-gradient(180deg,#fffffff5,#f9eef0e0);box-shadow:0 18px 36px #53353b24,0 8px 18px #53353b14;overflow:visible;isolation:isolate;transform:translateZ(0)}.profile-avatar-large{width:132px;height:132px}.profile-avatar-medium{width:84px;height:84px}.profile-avatar-small{width:60px;height:60px;flex:0 0 auto}.profile-avatar-icon{line-height:1;filter:saturate(1.02)}.profile-avatar-large .profile-avatar-icon{font-size:4rem}.profile-avatar-medium .profile-avatar-icon{font-size:2.7rem}.profile-avatar-small .profile-avatar-icon{font-size:1.95rem}.profile-avatar-crown{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:2rem;line-height:1;text-shadow:0 6px 12px rgba(97,63,25,.22),0 0 14px rgba(224,185,82,.22);animation:crownFloat 2.6s ease-in-out infinite}.profile-avatar-gift-rose{box-shadow:0 0 0 5px #e46d8b33,0 0 34px #e46d8b3d,0 22px 38px #53353b29;animation:roseGlow 3.2s ease-in-out infinite}.profile-avatar-gift-starlight{box-shadow:0 0 0 4px #e1c27c42,0 0 36px #e1c27c3d,0 20px 38px #53353b29}.profile-avatar-gift-crown{box-shadow:0 0 0 6px #b4546933,0 0 40px #b454693d,0 22px 40px #53353b2e}.profile-avatar-petal,.profile-avatar-sparkle{position:absolute;line-height:1;pointer-events:none}.profile-avatar-petal{font-size:1rem;color:#db5c85c7;filter:blur(.15px)}.profile-avatar-petal-a{top:10%;left:8%;animation:petalFloatA 4s ease-in-out infinite}.profile-avatar-petal-b{right:10%;bottom:14%;animation:petalFloatB 4.4s ease-in-out infinite}.profile-avatar-sparkle{color:#e5c579e6;text-shadow:0 0 10px rgba(229,197,121,.35)}.profile-avatar-sparkle-a{top:12%;right:8%;animation:sparkleTwinkle 2.4s ease-in-out infinite}.profile-avatar-sparkle-b{left:10%;bottom:12%;animation:sparkleTwinkle 2.8s ease-in-out infinite .4s}@keyframes crownFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}@keyframes roseGlow{0%,to{box-shadow:0 0 0 5px #e46d8b2e,0 0 28px #e46d8b33,0 22px 38px #53353b29}50%{box-shadow:0 0 0 6px #e46d8b3d,0 0 40px #e46d8b47,0 24px 40px #53353b2b}}@keyframes petalFloatA{0%,to{transform:translate(0) rotate(0);opacity:.55}50%{transform:translate(-4px,-8px) rotate(-8deg);opacity:.9}}@keyframes petalFloatB{0%,to{transform:translate(0) rotate(0);opacity:.5}50%{transform:translate(5px,7px) rotate(10deg);opacity:.86}}@keyframes sparkleTwinkle{0%,to{transform:scale(.9);opacity:.45}50%{transform:scale(1.18);opacity:1}}.profile-head h2,.profile-head p,.profile-bio,.meta-group{margin:0}.meta-group{display:grid;gap:8px}.gift-status{margin:0;font-size:.95rem;color:#7f5b67}.message-list{display:grid;gap:12px;min-height:320px}.message-bubble{max-width:78%;padding:14px 16px;border-radius:18px 18px 18px 6px;background:#fffffff2;border:1px solid rgba(120,79,89,.15)}.message-bubble p{margin:0;line-height:1.55}.own-message{margin-left:auto;border-radius:18px 18px 6px;background:#b4546921}.composer{display:grid;gap:14px}.chat-layout{grid-template-columns:minmax(0,1fr)}@media(max-width:960px){.page-shell{padding:20px 20px 80px}.hero-wide{padding:28px;border-radius:28px}.hero h1{font-size:clamp(2.8rem,12vw,4.6rem);max-width:8ch}.intro{font-size:1rem;line-height:1.65}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel,.card{padding:22px}}@media(max-width:640px){.page-shell{padding:12px 12px 84px}.topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:8px 0 22px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#fff9f7eb,#fff9f7b8)}.brand{font-size:1.15rem}.topnav{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.topnav::-webkit-scrollbar{display:none}.nav-link{flex:0 0 auto;min-height:42px;padding:10px 12px;font-size:.95rem}.field-grid,.filter-panel-head,.filter-grid{grid-template-columns:1fr}.hero h1{max-width:none;font-size:clamp(2.6rem,18vw,4rem);line-height:.92;margin-bottom:14px}.hero-wide{padding:20px;border-radius:24px}.eyebrow{letter-spacing:.14em;font-size:.72rem;margin-bottom:10px}.content-section{gap:18px}.section-copy{gap:10px}.panel,.card{padding:18px;border-radius:20px}.card-grid{grid-template-columns:1fr;gap:14px}.action-row,.gift-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.danger-button,.gift-button{width:100%;min-height:50px}.tag-grid,.chip-row{gap:8px}.tag-button,.chip{padding:9px 12px;font-size:.92rem}.conversation-item{position:relative;align-items:flex-start;padding:18px;gap:12px}.unread-bubble{position:absolute;top:16px;right:16px}.conversation-copy{padding-right:28px}.conversation-header,.safety-panel{padding:18px}.message-list{min-height:240px;padding:16px}.message-bubble{max-width:90%;padding:12px 14px}.composer{gap:12px;padding:16px;position:sticky;bottom:10px;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9f7eb}.field input,.field textarea,.field select{padding:13px 14px;border-radius:14px}.profile-card .content-section{gap:12px}.profile-card .panel.form-panel{padding:14px}.form-panel{gap:14px}.filter-panel .action-row{gap:10px}.hero-actions{flex-direction:column}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}}