@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #19e6c4;--bg-light: #f6f8f8;--bg-dark: #11211e;--text: #0f172a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,sans-serif}body{background:var(--bg-light);color:var(--text)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,#1e3a8a,#020617 70%);color:#e5e7eb}.app-container{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.app-header h1{font-size:28px;font-weight:800}.header-actions{display:flex;gap:12px}.app-header button{background:#ffffff14;border:none;border-radius:999px;padding:8px 14px;color:#e5e7eb;cursor:pointer;transition:background .2s ease}.app-header button:hover{background:#ffffff2e}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#22d3ee2e,#0f172aeb),#ffffff0a;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px #02061747}.install-banner-copy{max-width:720px}.install-banner-kicker{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#67e8f9}.install-banner h2{margin:0 0 8px;font-size:24px;font-weight:800;color:#f8fafc}.install-banner p{margin:0;color:#dbeafe;line-height:1.6}.install-banner-helper{margin-top:10px!important;font-size:14px;color:#bfdbfe!important}.install-banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.install-banner-actions button{border:none;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.install-banner-actions button:hover{transform:translateY(-1px)}.install-banner-primary{background:#67e8f9;color:#082f49}.install-banner-primary:hover{background:#a5f3fc}.install-banner-secondary{background:#ffffff14;color:#e2e8f0}.install-banner-secondary:hover{background:#ffffff29}.welcome{text-align:center;margin-bottom:36px}.welcome p{font-size:16px;color:#cbd5f5}.auth-buttons{display:flex;justify-content:center;gap:20px;margin-top:28px}.auth-buttons button{padding:14px 26px;border-radius:999px;font-size:16px;border:none;cursor:pointer}.auth-buttons button:first-child{background:#22d3ee;color:#020617;font-weight:700}.auth-buttons button:last-child{background:transparent;border:1px solid rgba(255,255,255,.3);color:#e5e7eb}.spaces{margin-bottom:64px}.spaces-grid{display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.spaces-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.spaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.install-banner{flex-direction:column;align-items:flex-start;padding:18px}.install-banner h2{font-size:20px}.install-banner-actions{width:100%;flex-wrap:wrap}.install-banner-actions button{width:100%;justify-content:center}.spaces-grid{grid-template-columns:1fr}.app-container{padding:16px}.app-header h1{font-size:22px}}.space-card{min-height:180px;border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;box-shadow:0 12px 30px #00000059;transition:transform .2s ease,box-shadow .2s ease;width:100%}.space-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000073}.space-card h4{font-size:18px;font-weight:700;margin-bottom:8px}.space-card p{font-size:14px;opacity:.85;line-height:1.5}.space-card .enter{margin-top:auto;font-weight:600;font-size:14px;opacity:.9}.space-stories{background:linear-gradient(135deg,#6366f1,#4f46e5)}.space-burnout{background:linear-gradient(135deg,#7c3aed,#4c1d95)}.space-solitude{background:linear-gradient(135deg,#334155,#0f172a)}.space-rupture{background:linear-gradient(135deg,#ef4444,#7f1d1d)}.space-expatriation{background:linear-gradient(135deg,#10b981,#064e3b)}.space-changement{background:linear-gradient(135deg,#3b82f6,#1e3a8a)}.space-story{background:linear-gradient(135deg,#020617,#111827)}.space-personal{background:linear-gradient(135deg,#0ea5e9,#075985)}.space-match{background:linear-gradient(135deg,#f97316,#7c2d12)}.space-ai{background:linear-gradient(135deg,#22c55e,#14532d)}.anonymity{text-align:center;font-size:13px;color:#94a3b8;margin-top:24px}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#1e3a8a,#020617 65%);padding:1rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont}.login-container{width:100%;max-width:420px;background:#fff;border-radius:28px;padding:2.2rem 2rem;box-shadow:0 40px 80px #02061759,inset 0 1px #fff6}.login-header{display:flex;align-items:center;margin-bottom:1.8rem}.login-header button{background:#0f172a0f;border:none;border-radius:999px;width:15px;height:15px;padding:0;font-size:1rem;font-weight:400;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.login-header button:hover{background:#0f172a1f}.login-header button:active{transform:scale(.92)}.login-header h1{flex:1;text-align:center;font-size:1.2rem;font-weight:200;color:#020617}.login-container h2{text-align:center;font-size:1.8rem;font-weight:800;margin-bottom:.4rem;color:#020617}.login-container p{text-align:center;color:#64748b;font-size:.95rem;margin-bottom:2rem}.login-error{background:#fee2e2;color:#991b1b;font-size:.85rem;padding:.7rem 1rem;border-radius:12px;margin-bottom:1rem}.login-container input[type=text],.login-container input[type=password],.login-container input:not([type]){width:100%;height:58px;border-radius:999px;border:1.5px solid #c7d2fe;padding:0 1.6rem;font-size:1rem;background:#f8fafc;color:#020617;transition:all .25s ease;margin-bottom:1rem}.login-container input::placeholder{color:#64748b}.login-container input:focus{outline:none;border-color:#facc15;background:#fff;box-shadow:0 0 0 4px #facc1540}.login-container label{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#475569;margin:.8rem 0 1.6rem}.login-container input[type=checkbox]{accent-color:#3b82f6;width:18px;height:18px}.login-container button:last-of-type{width:50%;height:60px;border-radius:999px;border:none;font-size:1.15rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 18px 35px #3b82f673;cursor:pointer;transition:all .2s ease}.login-container button:last-of-type:hover{transform:translateY(-1px);box-shadow:0 25px 45px #3b82f68c}.login-container button:last-of-type:active{transform:scale(.97)}.login-container button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.8rem;text-align:center;font-size:.85rem;color:#64748b}.login-footer a{color:#2563eb;font-weight:600;text-decoration:none}.register-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#1e3a8a,#020617);padding:16px}.register-container{width:100%;max-width:440px;background:#fff;border-radius:28px;padding:2.4rem 2rem;box-shadow:0 40px 80px #00000059;position:relative}.back-btn{position:absolute;top:18px;left:18px;width:34px;height:34px;border-radius:50%;border:none;background:#00000014;cursor:pointer}.register-container h1{text-align:center;font-size:1.9rem;font-weight:800}.subtitle{text-align:center;color:#334155;margin-bottom:1.6rem;font-size:.95rem}form input,form select{width:100%;height:54px;border-radius:999px;padding:0 1.4rem;border:1.5px solid #c7d2fe;margin-bottom:1rem;font-size:.95rem;background:#f8fafc}form input:focus,form select:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 1px #facc1540}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#334155;margin:.6rem 0 1.2rem;line-height:1.3}.checkbox input{width:16px;height:16px;cursor:pointer}form button{width:100%;height:56px;border-radius:999px;border:none;font-size:1.05rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;box-shadow:0 18px 35px #3b82f673}.footer{margin-top:1.4rem;text-align:center;font-size:.85rem;color:#334155}@media (max-width: 480px){.register-container{padding:2rem 1.4rem}.register-container h1{font-size:1.6rem}form input,form select{height:50px;font-size:.9rem}form button{height:52px;font-size:.95rem}}.info-page{max-width:860px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(2px 2px at 20% 30%,#ffffff55,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#ffffff66,transparent),radial-gradient(1px 1px at 40% 80%,#ffffff55,transparent),radial-gradient(1.5px 1.5px at 80% 70%,#ffffff66,transparent),linear-gradient(180deg,#0f172a,#020617);color:#e5e7eb}.info-header{display:flex;align-items:center;padding:20px 20px 12px;position:relative}.info-header h1{flex:1;text-align:center;font-size:20px;font-weight:700}.back-button{background:none;border:none;font-size:22px;cursor:pointer;color:#e5e7eb}.info-hero{text-align:center;padding:32px 20px 24px}.info-icon{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1e3a8a);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.info-hero h2{font-size:28px;margin-bottom:10px}.info-hero p{color:#cbd5f5;font-size:15px;max-width:680px;margin:0 auto;line-height:1.65}.info-card{background:#fffffff2;color:#020617;border-radius:22px;margin:14px 20px;padding:22px;box-shadow:0 10px 30px #00000040}.info-card.warning{border-left:4px solid #dc2626;background:#fff7f7}.info-card h3{margin:0 0 10px;font-size:19px}.info-card p{margin:0 0 12px;line-height:1.65;color:#1e293b}.info-list{padding-left:18px;margin:0}.info-list li{margin-bottom:10px;font-size:15px;line-height:1.55}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.pricing-box{border-radius:16px;padding:16px;background:#eef2ff;border:1px solid rgba(37,99,235,.08)}.pricing-box.accent{background:#ecfeff;border-color:#0891b21f}.pricing-box h4,.price,.pricing-box p{margin:0}.price{font-size:22px;font-weight:700;color:#1d4ed8;margin:8px 0}.info-footer{margin-top:auto;padding:20px;text-align:center}.info-footer button{width:100%;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;padding:14px;border-radius:999px;font-size:16px;margin-bottom:12px;cursor:pointer}.info-footer p{font-size:13px;color:#c7d2fe}@media (max-width: 700px){.info-page{max-width:100%}.pricing-grid{grid-template-columns:1fr}.info-card{margin:12px 14px;padding:18px}.info-hero h2{font-size:24px}}.group-chat{--chat-bg: linear-gradient(180deg, #0f172a 0%, #020617 100%);--chat-panel: rgba(15, 23, 42, .94);--chat-panel-border: rgba(148, 163, 184, .22);--chat-text: #e5eef9;--chat-muted: #94a3b8;--chat-accent: #38bdf8;--chat-accent-contrast: #04131f;--chat-banner-bg: rgba(56, 189, 248, .14);--chat-banner-text: #d7f3ff;--chat-note-bg: rgba(15, 118, 110, .14);--chat-note-text: #d7fff8;--chat-bubble-own: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);--chat-bubble-own-text: #03141f;--chat-bubble-other: rgba(15, 23, 42, .84);--chat-bubble-other-text: #f8fafc;--chat-translation-bg: rgba(255, 255, 255, .08);--chat-shadow: 0 20px 60px rgba(2, 6, 23, .34);--chat-danger: #fb7185;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;background:var(--chat-bg);color:var(--chat-text);overflow:hidden}.group-chat__shell{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden}.group-chat__header{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:20px 24px 18px;background:var(--chat-panel);border-bottom:1px solid var(--chat-panel-border);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.group-chat__back{width:46px;height:46px;border:none;border-radius:999px;background:var(--chat-accent);color:var(--chat-accent-contrast);font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 14px 30px color-mix(in srgb,var(--chat-accent) 30%,transparent)}.group-chat__heading{text-align:center;padding-right:46px}.group-chat__heading h1{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1}.group-chat__presence{margin-top:8px;display:inline-flex;align-items:center;gap:8px;color:var(--chat-muted);font-size:.95rem}.group-chat__presence-dot{width:10px;height:10px;border-radius:999px;background:var(--chat-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--chat-accent) 18%,transparent)}.group-chat__subtitle{margin:10px 0 0;color:var(--chat-muted);font-size:1rem}.group-chat__flash{margin:14px 24px 0;padding:12px 14px;border-radius:16px;background:#f871711f;border:1px solid rgba(248,113,113,.24);color:#ffe2e2}.group-chat__stream{flex:1 1 auto;display:flex;flex-direction:column;gap:16px;padding:20px 24px 28px;overflow-y:auto;min-height:0}.group-chat__banner,.group-chat__note,.group-chat__empty,.group-chat__typing{width:min(100%,54rem);margin:0 auto}.group-chat__history-controls{width:min(100%,54rem);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:18px;background:#0f172a57;border:1px solid color-mix(in srgb,var(--chat-accent) 18%,transparent)}.group-chat__history-controls button{border:none;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:700;background:color-mix(in srgb,var(--chat-accent) 78%,white 22%);color:var(--chat-accent-contrast)}.group-chat__history-controls button:disabled{opacity:.6;cursor:not-allowed}.group-chat__history-controls span{color:var(--chat-muted);font-size:.9rem}.group-chat__banner{padding:14px 18px;border-radius:18px;text-align:center;background:var(--chat-banner-bg);color:var(--chat-banner-text);border:1px solid color-mix(in srgb,var(--chat-accent) 22%,transparent)}.group-chat__note{padding:16px 18px;border-radius:18px;background:var(--chat-note-bg);color:var(--chat-note-text);border:1px solid color-mix(in srgb,var(--chat-accent) 20%,transparent)}.group-chat__note p{margin:8px 0 0}.group-chat__empty{padding:18px;border-radius:18px;text-align:center;color:var(--chat-muted);background:#0f172a3d;border:1px dashed var(--chat-panel-border)}.group-chat__message{display:flex;align-items:flex-end;gap:12px;width:100%}.group-chat__message.is-own{justify-content:flex-end}.group-chat__message.is-other{justify-content:flex-start}.group-chat__avatar{width:40px;height:40px;flex:0 0 40px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.14);box-shadow:var(--chat-shadow)}.group-chat__profile-trigger{padding:0;border:none;background:transparent;border-radius:999px;cursor:pointer}.group-chat__profile-trigger:disabled{cursor:default}.group-chat__profile-trigger:focus-visible,.group-chat__author-button:focus-visible{outline:2px solid color-mix(in srgb,var(--chat-accent) 50%,white 20%);outline-offset:3px}.group-chat__message-main{max-width:min(78%,42rem);display:flex;flex-direction:column}.group-chat__bubble-card{width:100%;padding:0;text-align:left;border:1px solid transparent;background:transparent;cursor:pointer}.group-chat__bubble-card.is-active .group-chat__bubble{border-color:color-mix(in srgb,var(--chat-accent) 42%,transparent)}.group-chat__message-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 6px}.group-chat__author{font-size:.85rem;font-weight:700;color:var(--chat-muted)}.group-chat__author-button{padding:0;border:none;background:transparent;color:var(--chat-muted);font-size:.85rem;font-weight:700;cursor:pointer}.group-chat__author-button:hover{color:var(--chat-text)}.group-chat__bubble{padding:14px 16px;border-radius:20px;border:1px solid transparent;line-height:1.45;box-shadow:var(--chat-shadow);word-break:break-word}.group-chat__bubble-card.is-own .group-chat__bubble{background:var(--chat-bubble-own);color:var(--chat-bubble-own-text);border-bottom-right-radius:8px}.group-chat__bubble-card.is-other .group-chat__bubble{background:var(--chat-bubble-other);color:var(--chat-bubble-other-text);border-bottom-left-radius:8px}.group-chat__translated{margin-top:8px;padding:12px 14px;border-radius:16px;background:var(--chat-translation-bg);color:var(--chat-text);border-left:3px solid var(--chat-accent)}.group-chat__meta{display:flex;gap:8px;margin-top:6px;padding:0 6px;font-size:.8rem;color:var(--chat-muted)}.group-chat__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.group-chat__actions.is-own{justify-content:flex-end}.group-chat__actions.is-other{justify-content:flex-start}.group-chat__actions button{border:1px solid color-mix(in srgb,var(--chat-accent) 24%,transparent);background:#0f172a66;color:var(--chat-text);border-radius:999px;padding:8px 12px;cursor:pointer}.group-chat__actions button.danger{border-color:#fb718552;color:var(--chat-danger)}.group-chat__typing{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:#0f172a80;color:var(--chat-muted)}.group-chat__typing-indicator{display:inline-flex;align-items:center;gap:4px}.group-chat__typing-indicator span{width:8px;height:8px;border-radius:999px;background:var(--chat-accent);animation:group-chat-bounce 1s infinite ease-in-out}.group-chat__typing-indicator span:nth-child(2){animation-delay:.12s}.group-chat__typing-indicator span:nth-child(3){animation-delay:.24s}.group-chat__profile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#020617b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group-chat__profile-card{width:min(100%,420px);position:relative;padding:28px 24px 24px;border-radius:28px;background:color-mix(in srgb,var(--chat-panel) 92%,white 8%);border:1px solid color-mix(in srgb,var(--chat-accent) 24%,var(--chat-panel-border));box-shadow:var(--chat-shadow);text-align:center}.group-chat__profile-card h3{margin:14px 0 8px;font-size:1.4rem}.group-chat__profile-card p{margin:0;color:var(--chat-muted)}.group-chat__profile-avatar{width:84px;height:84px;border-radius:999px;object-fit:cover;border:3px solid color-mix(in srgb,var(--chat-accent) 42%,transparent);box-shadow:var(--chat-shadow)}.group-chat__profile-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:none;border-radius:999px;background:#ffffff14;color:var(--chat-text);cursor:pointer;font-size:1.4rem;line-height:1}.group-chat__profile-actions{display:grid;gap:10px;margin-top:20px}.group-chat__profile-actions button{min-height:48px;border:none;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;background:var(--chat-accent);color:var(--chat-accent-contrast)}.group-chat__profile-actions button.ghost{background:#ffffff14;color:var(--chat-text);border:1px solid color-mix(in srgb,var(--chat-accent) 20%,transparent)}.group-chat__profile-actions button:disabled{opacity:.6;cursor:not-allowed}.group-chat__footer{margin-top:auto;padding:14px 24px calc(16px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--chat-panel) 92%,black 8%);border-top:1px solid color-mix(in srgb,var(--chat-accent) 18%,var(--chat-panel-border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:10;box-shadow:0 -18px 40px #02061738;flex-shrink:0}.group-chat__editing{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 14px;border-radius:16px;background:#38bdf81f;color:var(--chat-banner-text)}.group-chat__editing button{border:none;border-radius:999px;background:transparent;color:inherit;cursor:pointer}.group-chat__composer{display:flex;align-items:center;gap:12px;padding:8px;border-radius:28px;background:color-mix(in srgb,var(--chat-panel) 74%,white 26%);border:1px solid color-mix(in srgb,var(--chat-accent) 24%,transparent);box-shadow:0 10px 24px #0206172e,inset 0 1px #ffffff14}.group-chat__composer input{flex:1;min-width:0;padding:15px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--chat-accent) 22%,var(--chat-panel-border));background:color-mix(in srgb,var(--chat-panel) 68%,white 32%);color:var(--chat-text);font-size:1rem;box-shadow:inset 0 1px #ffffff0f}.group-chat__composer input::placeholder{color:color-mix(in srgb,var(--chat-muted) 88%,var(--chat-text) 12%)}.group-chat__composer input:focus{outline:2px solid color-mix(in srgb,var(--chat-accent) 40%,transparent);outline-offset:2px}.group-chat__send{border:none;border-radius:999px;padding:15px 20px;background:var(--chat-accent);color:var(--chat-accent-contrast);font-weight:700;cursor:pointer;min-width:108px;box-shadow:0 10px 24px color-mix(in srgb,var(--chat-accent) 28%,transparent)}.group-chat__send:disabled{cursor:not-allowed;opacity:.45}@keyframes group-chat-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}@media (max-width: 900px){.group-chat__header{gap:12px}.group-chat__stream,.group-chat__footer,.group-chat__header{padding-left:16px;padding-right:16px}.group-chat__heading{padding-right:0;text-align:left}.group-chat__presence{justify-content:flex-start}.group-chat__message-main{max-width:calc(100% - 52px)}.group-chat__composer{gap:10px}}@media (max-width: 640px){.group-chat__header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding-top:14px;padding-bottom:14px}.group-chat__back{width:42px;height:42px}.group-chat__heading{text-align:left;padding-right:0}.group-chat__heading h1{font-size:1.9rem}.group-chat__presence,.group-chat__subtitle{font-size:.95rem}.group-chat__message{gap:8px}.group-chat__avatar{width:34px;height:34px;flex-basis:34px}.group-chat__message-main{max-width:calc(100% - 42px)}.group-chat__stream{gap:14px;padding:14px 12px 20px}.group-chat__banner,.group-chat__history-controls,.group-chat__note,.group-chat__empty,.group-chat__typing{width:100%}.group-chat__bubble,.group-chat__translated{padding:12px 14px}.group-chat__profile-card{padding:24px 18px 18px;border-radius:24px}.group-chat__footer{padding:10px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -14px 28px #02061733}.group-chat__editing{align-items:flex-start;flex-direction:column}.group-chat__composer{align-items:center;gap:8px;padding:7px;border-radius:24px}.group-chat__composer input{padding:13px 14px;font-size:.95rem}.group-chat__send{min-width:84px;padding:13px 14px;font-size:.92rem}}.story-editor-page{min-height:100vh;background:radial-gradient(circle at top,rgba(59,130,246,.22),transparent 30%),linear-gradient(180deg,#0f172a,#020617 72%);display:flex;justify-content:center;align-items:flex-start;padding:clamp(4.5rem,8vw,5.5rem) clamp(1rem,2.5vw,1.5rem) calc(2rem + env(safe-area-inset-bottom,0px));color:#fff;font-family:Inter,system-ui,sans-serif}.back-btn{position:fixed;top:24px;left:24px;width:60px;height:60px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0006;transition:all .2s ease}.back-btn:hover{background:#ffffff2e}.editor-card{width:100%;max-width:900px;padding:clamp(1.25rem,2vw + .75rem,2rem);border-radius:32px;background:#02061761;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px #02061747;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.editor-header h1{margin:0;font-size:34px;font-weight:700;opacity:.95}.editor-intro{max-width:520px;margin:10px 0 0;color:#ffffffad;line-height:1.55}.drafts-btn{background:#ffffff14;padding:10px 18px;border-radius:999px;border:none;color:#fffc;cursor:pointer;transition:.2s}.drafts-btn:hover{background:#ffffff2e}.drafts-btn:disabled{opacity:.55;cursor:not-allowed}.editor-feedback{display:grid;gap:12px;margin-bottom:1.25rem}.editor-notice{display:flex;align-items:center;min-height:52px;padding:14px 16px;border-radius:18px;border:1px solid transparent;line-height:1.5}.editor-notice-success{background:#22c55e24;border-color:#86efac47;color:#dcfce7}.editor-notice-info{background:#3b82f624;border-color:#93c5fd47;color:#dbeafe}.editor-notice-error{background:#f8717124;border-color:#fca5a547;color:#fee2e2}.editor-draft-hint{margin:0;color:#ffffffb8;line-height:1.5}.title-input,.body-textarea{width:100%;box-sizing:border-box;margin-top:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 18px;color:#fff;font-size:clamp(1rem,.8rem + .5vw,1.125rem);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.title-input::placeholder{font-size:clamp(1.35rem,1.05rem + 1vw,1.75rem);opacity:.28}.body-textarea::placeholder{opacity:.34}.title-input:focus,.body-textarea:focus{outline:none;border-color:#60a5facc;background:#ffffff0d;box-shadow:0 0 0 4px #3b82f62e}.body-textarea{min-height:260px;resize:vertical;line-height:1.65}.tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}.tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e5e7eb;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.tag:hover{background:#ffffff29;transform:translateY(-1px)}.tag.on{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;box-shadow:0 10px 25px #3b82f673}.tag:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa33,0 10px 25px #3b82f652}.actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:2rem;padding:12px;border-radius:24px;background:#0206179e;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:5}.story-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:none;cursor:pointer;font-weight:700;font-size:15px;white-space:nowrap;flex:0 0 auto}.story-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.story-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-spinner{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:story-spin .75s linear infinite}.story-btn-ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#ffffffd1}.story-btn-primary{position:static;min-width:160px;background:linear-gradient(135deg,#f8fafc,#dbeafe);color:#0f172a;border:1px solid rgba(191,219,254,.95);box-shadow:0 16px 38px #0f172a3d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.story-btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fff,#bfdbfe);box-shadow:0 20px 42px #0f172a47}.story-btn-primary:active{background:linear-gradient(135deg,#e2e8f0,#93c5fd)}@keyframes story-spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000085;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:420px;border-radius:24px;padding:1.5rem;background:#0f172af0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 20px 60px #0006}.draft-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:16px;background:#fffffff0;color:#020617}.draft-title{border:none;background:transparent;color:#020617;font-weight:600;cursor:pointer}.draft-delete{border:none;border-radius:999px;padding:10px 14px;background:#fee2e2;color:#991b1b;cursor:pointer}.modal .close{margin-top:16px;width:100%;padding:10px;border-radius:999px;border:none;background:#111827;color:#fff;cursor:pointer}@media (max-width: 720px){.story-editor-page{padding:5rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px))}.editor-card{padding:1.25rem;border-radius:24px}.editor-header{flex-direction:column;align-items:flex-start}.drafts-btn{align-self:stretch;text-align:center}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.story-btn{width:100%;min-width:0}.story-btn-primary{max-width:none;padding-inline:18px}.modal{width:auto}.draft-row{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.back-btn{top:16px;left:16px;width:52px;height:52px}.editor-header h1{font-size:28px}.title-input,.body-textarea{padding:14px 16px;margin-top:1rem}.body-textarea{min-height:220px}.tags{gap:8px;margin-top:1.5rem}.tag{min-height:40px;padding:9px 14px;font-size:13px}.actions{grid-template-columns:1fr}}:root{--bg-page: radial-gradient(circle at top, #1e3a8a 0%, #020617 70%);--bg-card: #ffffff;--bg-input: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--primary: #6366f1;--primary-soft: rgba(99,102,241,.12)}.dark{--bg-page: radial-gradient(circle at top, #020617 0%, #000000 70%);--bg-card: #0f172a;--bg-input: #111827;--text-main: #e5e7eb;--text-muted: #9ca3af}.page.myspace-page{min-height:100vh;padding:80px 20px 60px;background:var(--bg-page);display:flex;flex-direction:column;align-items:center;gap:40px;color:var(--text-main)}.page.myspace-page .back-button-global{position:fixed;top:24px;left:24px;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:none;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:22px;cursor:pointer;transition:all .2s ease;z-index:20;box-shadow:0 14px 32px #0206173d}.page.myspace-page .back-button-global:hover{transform:scale(1.1)}.page-header{text-align:center;max-width:600px}.page-header h1{font-size:34px;font-weight:800}.page-header p{margin-top:12px;color:var(--text-muted)}.block{width:100%;max-width:1100px;background:var(--bg-card);border-radius:24px;padding:36px;box-shadow:0 25px 60px #0000001f;display:flex;flex-direction:column;gap:24px}.block-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.block-head h2{font-size:22px;font-weight:700}.story-counter{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:600;font-size:14px;color:var(--text-muted)}.field input{height:52px;border-radius:14px;border:1px solid transparent;padding:0 18px;font-size:15px;background:var(--bg-input);transition:all .25s ease}.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.btn{border-radius:14px;padding:12px 20px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f166}.btn.ghost{background:var(--primary-soft)}.btn.link{background:transparent;color:var(--primary);padding-inline:0}.modern-select{height:50px;border-radius:14px;padding:0 16px;border:1px solid transparent;background:var(--bg-input);font-size:14px}.modern-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:420px;background:var(--bg-card);border-radius:24px;padding:40px;box-shadow:0 30px 80px #0000004d;display:flex;flex-direction:column;gap:20px;text-align:center}.modal h3{font-size:22px;font-weight:800}.modern-input{height:52px;border-radius:14px;border:1px solid transparent;padding:0 18px;margin-block:0 18px;font-size:14px;background:var(--bg-input);transition:all .25s ease}.modern-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.modal-actions{display:flex;justify-content:center;gap:12px}.muted{color:var(--text-muted)}.avatar-section{display:flex;justify-content:center;margin-bottom:20px}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.avatar-xl{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #6366f1;transition:transform .2s ease}.avatar-xl:hover{transform:scale(1.05)}.avatar-upload span,.overlay-text{font-size:13px;color:#6366f1;font-weight:600}.profile-block{max-width:760px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats-grid{width:100%;max-width:760px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:#ffffffeb;border-radius:20px;padding:20px;box-shadow:0 18px 45px #0f172a33;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:148px;text-align:left}.stat-card span{color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{font-size:30px;color:var(--text-main)}.stat-card small{color:var(--text-muted);font-size:13px;line-height:1.45}.stat-card-action{width:100%;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.stat-card-action:hover{transform:translateY(-2px);box-shadow:0 22px 50px #0f172a3d}.stat-card-action:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:3px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dash-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;background:#fcfdff}.profile-actions{display:flex;justify-content:flex-end;width:100%}.list-container{display:flex;flex-direction:column}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid rgba(148,163,184,.18)}.list-row:first-of-type{border-top:none;padding-top:0}.list-row p,.list-row small{margin:4px 0 0;color:var(--text-muted)}.list-row.stacked,.story-list-row{align-items:flex-start}.story-list-title{flex:1;min-width:0;padding-right:12px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.list-link{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:14px 0;border:none;border-top:1px solid rgba(148,163,184,.18);background:transparent;cursor:pointer}.list-link:first-of-type{border-top:none;padding-top:0}.list-link span,.list-link small{color:var(--text-muted)}.subscription-box,.unlock-list{display:flex;flex-direction:column;gap:10px}.friends-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.friends-card-note{margin:8px 0 0;color:var(--text-muted);line-height:1.5}.friends-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.friends-card-summary{padding:16px 18px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status-pill.active{background:#16a34a1f;color:#166534}.status-pill.inactive{background:#ea580c1f;color:#9a3412}.status-pill.neutral{background:#3b82f61f;color:#1d4ed8}.subscription-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subscription-rule{padding:18px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#f8fafc;display:flex;flex-direction:column;gap:8px}.subscription-rule strong{font-size:15px}.subscription-rule p{margin:0;color:var(--text-muted);line-height:1.55}.small{font-size:13px}.avatar-sm{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(99,102,241,.35)}.status-indicator{width:10px;height:10px;border-radius:50%;flex:0 0 10px;margin-left:auto}.status-indicator.online{background:#22c55e;box-shadow:0 0 0 4px #22c55e26}@media (max-width: 980px){.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.page.myspace-page{padding:88px 14px 48px;gap:24px}.block{padding:20px}.profile-block{max-width:100%;gap:18px}.profile-grid{grid-template-columns:1fr}.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card,.dash-card{padding:16px}.stat-card{min-height:124px}.stat-card strong{font-size:clamp(1.5rem,7vw,1.9rem)}.stat-card small{font-size:12px}.stats-grid{max-width:100%}.profile-block .block-head,.list-row{flex-direction:column;align-items:flex-start}.profile-block .block-head .btn,.profile-actions .btn{width:100%}.profile-actions{justify-content:stretch}.avatar-section{margin-bottom:8px}.avatar-xl{width:104px;height:104px}.subscription-rules{grid-template-columns:1fr}.friends-card-actions{width:100%;justify-content:flex-start}}@media (max-width: 480px){.page.myspace-page .back-button-global{top:16px;left:16px;width:46px;height:46px}.block{padding:16px;border-radius:20px}.stats-grid,.dashboard-grid{gap:10px}.stat-card,.dash-card{padding:14px;border-radius:16px}.stat-card{min-height:112px;gap:10px}.avatar-xl{width:92px;height:92px}.field input{height:48px}.story-counter{font-size:11px}}.page.stories-page{min-height:100vh;background:radial-gradient(circle at top,#111827,#030712);color:#f3f4f6;padding:80px 20px;font-family:Inter,sans-serif}.publish-banner{max-width:700px;margin:0 auto 28px;padding:16px 20px;border-radius:22px;background:linear-gradient(135deg,#2563eb38,#10b9812e);border:1px solid rgba(147,197,253,.28);color:#eff6ff;box-shadow:0 18px 45px #0f172a2e}.stories-notice{max-width:700px;margin:0 auto 24px;padding:15px 18px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.author-filter-banner{max-width:900px;margin:0 auto 24px;padding:18px 20px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.author-filter-banner strong{display:block;font-size:1.05rem}.author-filter-banner p{margin:8px 0 0;color:#cbd5e1}.author-filter-banner button{border:none;border-radius:999px;padding:11px 16px;font-weight:700;cursor:pointer;background:#f8fafc;color:#0f172a}.stories-empty-state{max-width:900px;margin:18px auto 0;padding:18px 20px;text-align:center;border-radius:24px;color:#cbd5e1;border:1px dashed rgba(255,255,255,.16);background:#ffffff08}.stories-results-bar{max-width:1200px;margin:0 auto 18px;color:#cbd5e1}.stories-load-more{max-width:1200px;margin:22px auto 0;display:flex;justify-content:center}.stories-load-more button{border:none;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;background:#f8fafc;color:#0f172a}.stories-load-more button:disabled{opacity:.65;cursor:not-allowed}.search-section{max-width:700px;margin:0 auto 40px}.modern-search-bar{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:12px 25px}.modern-search-bar input{background:transparent!important;border:none!important;color:#fff!important;width:100%;outline:none}.tag-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px}.tag-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;padding:8px 16px;border-radius:20px;cursor:pointer}.tag-btn.active{background:#3b82f6;color:#fff}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto}.story-card{background:#ffffff08;border-radius:20px;padding:25px;cursor:pointer;border:1px solid rgba(255,255,255,.05);transition:.3s}.story-card:hover{transform:translateY(-5px);border-color:#3b82f6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-card{background:#fff;color:#111827;width:100%;max-width:900px;height:85vh;border-radius:35px;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal-content-scroll{padding:60px;overflow-y:auto;flex-grow:1}.modal-title{font-size:38px;font-weight:900;margin:10px 0}.modal-divider{width:60px;height:5px;background:#3b82f6;border-radius:10px;margin-bottom:30px}.modal-body-text{font-size:1.2rem;line-height:1.8;color:#374151;font-family:Georgia,serif;white-space:pre-wrap}.modal-actions-bar{padding:25px 60px;background:#f9fafb;display:flex;gap:15px;align-items:center;border-top:1px solid #f1f5f9}.action-pill{padding:12px 25px;border-radius:50px;border:1px solid #e5e7eb;font-weight:700;cursor:pointer}.chat-pill{background:#3b82f6;color:#fff;border:none}.delete-btn-modal{margin-left:auto;background:transparent;border:none;color:#ef4444;font-weight:600;cursor:pointer;padding:10px}.delete-btn-modal:hover{text-decoration:underline}.modal-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;cursor:pointer}@media (max-width: 768px){.author-filter-banner{flex-direction:column;align-items:flex-start}.author-filter-banner button{width:100%}.publish-banner{margin-bottom:22px}.modal-card{height:95vh;border-radius:20px}.modal-content-scroll{padding:40px 25px}.modal-actions-bar{padding:15px 25px;flex-wrap:wrap}.delete-btn-modal{margin-left:0;width:100%;text-align:center}}.match-root{min-height:100vh;padding:60px 20px;background:radial-gradient(circle at top,rgba(37,99,235,.3),transparent 28%),linear-gradient(180deg,#1e3a8a,#020617 72%);display:flex;flex-direction:column;align-items:center;color:#fff}.match-header{width:100%;max-width:920px;text-align:center;margin-bottom:28px}.match-header h1{margin:0;font-size:clamp(2rem,1.3rem + 2vw,2.8rem);font-weight:800}.match-header p{margin:12px auto 0;max-width:620px;color:#ffffffd1}.match-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px;color:#ffffffc7;font-size:13px}.match-meta span,.match-progress-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12)}.back-home{width:46px;height:46px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:20px;cursor:pointer;margin-bottom:24px;transition:transform .2s ease,background .2s ease}.back-home:hover{transform:scale(1.08);background:#ffffff38}.match-usage-panel{width:min(920px,100%);display:grid;gap:8px;padding:18px 20px;border-radius:24px;margin-bottom:22px;background:#0f172a6b;border:1px solid rgba(191,219,254,.18);box-shadow:0 24px 48px #02061738}.match-usage-panel strong{font-size:1rem}.match-usage-panel span{color:#ffffffbd;font-size:.95rem}.match-list{width:100%;max-width:920px}.match-viewer{display:grid;gap:18px}.match-progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.match-progress-hint{color:#ffffffbd;font-size:.95rem}.match-card,.match-empty-card{background:#fffffff5;color:#020617;border-radius:28px;padding:clamp(1.4rem,2vw,2rem);box-shadow:0 28px 60px #0000002e;text-align:center;overflow:hidden}.avatar-lg{width:112px;height:112px;border-radius:50%;object-fit:cover;margin-bottom:16px;box-shadow:0 14px 28px #1e40af2e}.match-name{margin:0;font-size:1.55rem;font-weight:800}.summary{max-width:680px;margin:16px auto 18px;display:-webkit-box;overflow:hidden;font-style:italic;line-height:1.7;color:#334155;text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tag{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:700}.actions,.match-navigation{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.match-navigation{width:min(100%,360px);margin:0 auto}.actions button,.match-navigation button{padding:12px 18px;border-radius:14px;border:none;cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.match-navigation button{flex:1 1 0;min-width:0}.actions button:disabled,.match-navigation button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.actions button:first-child,.match-navigation .primary{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;box-shadow:0 14px 28px #4f46e547}.actions button:first-child:hover,.match-navigation .primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px #4f46e557}.actions .ghost,.match-navigation .ghost{background:#e2e8f0;color:#0f172a}.match-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.match-dot{width:12px;height:12px;border-radius:999px;border:none;background:#bfdbfe47;cursor:pointer;transition:transform .2s ease,background .2s ease,width .2s ease}.match-dot.is-active{width:34px;background:#93c5fd}.empty{margin:0;font-size:1rem;font-weight:700}.match-empty-note{margin:12px 0 0;color:#475569;line-height:1.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:460px;background:#fff;color:#020617;border-radius:24px;padding:28px;box-shadow:0 25px 70px #02061766}.pay-options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.pay-options button,.modal .subtle{width:100%;padding:12px 16px;border-radius:14px;border:none;cursor:pointer;font-weight:700}.pay-options .ghost,.modal .subtle{background:#e2e8f0;color:#0f172a}.pay-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fee2e2;color:#991b1b}@media (max-width: 720px){.match-root{padding:48px 16px}.match-card,.match-empty-card{border-radius:24px;padding:18px 16px}.avatar-lg{width:96px;height:96px}.summary{font-size:.98rem;margin:14px auto 16px}.actions,.match-navigation{gap:10px}.actions{flex-direction:column}.actions button{width:100%}.match-navigation button{width:auto;padding:10px 14px;font-size:.95rem}}.pc-root{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,#1e3a8a,#020617 65%);color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.pc-topbar{display:flex;align-items:center;gap:14px;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pc-back,.pc-home-link,.pc-chat-back{border:none;border-radius:999px;padding:10px 14px;background:#ffffff1f;color:#fff;cursor:pointer;font-weight:700}.pc-home-link{font-size:.85rem}.pc-title h1{margin:0;font-size:1.2rem;font-weight:900}.pc-sub{display:block;margin-top:4px;font-size:.85rem;color:#c7d2fe}.pc-banner{margin:14px 18px 0;padding:12px 14px;border-radius:18px;background:#6366f12e;border:1px solid rgba(165,180,252,.24);color:#eef2ff}.pc-paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pc-paywall-card{width:min(100%,860px);padding:24px;border-radius:28px;background:radial-gradient(circle at top right,rgba(96,165,250,.16),transparent 34%),linear-gradient(180deg,#0f172afa,#020617f5);border:1px solid rgba(148,163,184,.24);box-shadow:0 28px 80px #0206178c}.pc-paywall-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pc-paywall-kicker{display:inline-block;margin-bottom:8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.pc-paywall-head h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.pc-paywall-close,.pc-paywall-action{border:none;border-radius:999px;cursor:pointer;font-weight:800}.pc-paywall-close{padding:10px 14px;background:#ffffff14;color:#e2e8f0}.pc-paywall-message{margin:16px 0 0;color:#cbd5e1;line-height:1.55}.pc-paywall-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.pc-paywall-option{padding:18px;border-radius:24px;background:#0f172abd;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:14px}.pc-paywall-option.featured{background:linear-gradient(180deg,#1e293bf5,#0f172ae0);border-color:#60a5fa6b;box-shadow:inset 0 0 0 1px #3b82f624}.pc-paywall-option-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pc-paywall-option-head strong{display:block;font-size:1.02rem}.pc-paywall-option-head span{display:block;margin-top:4px;color:#cbd5e1;font-size:.86rem}.pc-paywall-badge{padding:6px 10px;border-radius:999px;background:#3b82f62e;color:#bfdbfe;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.pc-paywall-price{font-size:1.9rem;font-weight:900;color:#f8fafc}.pc-paywall-option p{margin:0;color:#cbd5e1;line-height:1.5;flex:1}.pc-paywall-action{width:100%;padding:12px 16px;background:linear-gradient(135deg,#60a5fa,#6366f1);color:#fff}.pc-paywall-close:disabled,.pc-paywall-action:disabled{opacity:.72;cursor:not-allowed}.pc-layout{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr)}.pc-sidebar{border-right:1px solid rgba(255,255,255,.12);padding:14px;overflow:auto}.pc-sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.pc-sidebar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pc-sidebar-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#c7d2fe}.pc-archive-card{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:14px;border-radius:22px;background:linear-gradient(180deg,#1e293be6,#0f172ab8);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 38px #0206173d}.pc-archive-card strong{font-size:1rem}.pc-archive-card span{color:#cbd5e1;line-height:1.45}.pc-archive-kicker{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.pc-thread{width:100%;border:none;background:#ffffff14;color:#fff;border-radius:18px;padding:12px;cursor:pointer;margin-bottom:10px;display:flex;justify-content:space-between;gap:10px;text-align:left;transition:transform .15s ease,background .15s ease}.pc-thread:hover{background:#ffffff1f;transform:translateY(-1px)}.pc-thread.active{outline:2px solid rgba(129,140,248,.92);background:#6366f129}.pc-thread-left{display:flex;gap:10px;align-items:center;min-width:0}.pc-avatar{width:46px;height:46px;border-radius:999px;object-fit:cover;border:2px solid rgba(129,140,248,.82);flex:0 0 46px}.pc-avatar-lg{width:52px;height:52px;flex-basis:52px}.pc-thread-meta,.pc-chat-user{min-width:0}.pc-thread-name{display:flex;align-items:center;gap:8px;font-weight:900;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px}.pc-dot.on{background:#22c55e}.pc-dot.off{background:#94a3b8cc}.pc-thread-last{font-size:.82rem;color:#cbd5e1;line-height:1.35;margin-top:3px}.pc-thread-time{font-size:.72rem;color:#ffffffa6;white-space:nowrap}.pc-chat{display:flex;flex-direction:column;min-height:0}.pc-chat-head{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12);background:#02061729}.pc-chat-head-main{display:flex;align-items:center;gap:12px}.pc-chat-back{display:none}.pc-chat-user strong{display:block;font-size:1rem}.pc-chat-user span{display:block;margin-top:4px;color:#cbd5e1;font-size:.82rem}.pc-stream{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.pc-msg{display:flex;flex-direction:column;max-width:min(75%,36rem)}.pc-msg-main{display:flex;flex-direction:column}.pc-msg.me{align-self:flex-end;text-align:right}.pc-msg.them{align-self:flex-start}.pc-bubble-card{width:100%;padding:0;border:none;background:transparent;color:inherit;text-align:inherit;cursor:pointer}.pc-bubble-card.is-active .pc-bubble{border-color:#818cf8b8}.pc-bubble{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);padding:12px 14px;border-radius:18px;line-height:1.5;font-size:.95rem;word-break:break-word}.pc-bubble-card.me .pc-bubble{background:#6366f13d;border-color:#818cf86b}.pc-translated{margin-top:8px;padding:12px 14px;border-radius:16px;background:#0f172a8c;color:#e2e8f0;border-left:3px solid #93c5fd}.pc-meta{display:flex;gap:8px;margin-top:6px;font-size:.72rem;color:#ffffff9e}.pc-msg.me .pc-meta{justify-content:flex-end}.pc-typing{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#0f172ab8;border:1px solid rgba(129,140,248,.26);color:#cbd5e1;font-size:.84rem}.pc-typing-indicator{display:inline-flex;align-items:center;gap:4px}.pc-typing-indicator span{width:6px;height:6px;border-radius:999px;background:#93c5fd;animation:pc-typing-bounce .9s infinite ease-in-out}.pc-typing-indicator span:nth-child(2){animation-delay:.12s}.pc-typing-indicator span:nth-child(3){animation-delay:.24s}.pc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pc-actions.me{justify-content:flex-end}.pc-actions.them{justify-content:flex-start}.pc-actions button{border:1px solid rgba(129,140,248,.34);background:#0f172a73;color:#f8fafc;border-radius:999px;padding:8px 12px;cursor:pointer}.pc-actions button.danger{border-color:#fb718566;color:#fda4af}.pc-input-wrap{border-top:1px solid rgba(255,255,255,.12);padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.pc-editing{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 14px;border-radius:16px;background:#38bdf81f;color:#e0f2fe}.pc-editing button{border:none;border-radius:999px;background:transparent;color:inherit;cursor:pointer}.pc-inputbar{display:flex;gap:10px}.pc-inputbar input{flex:1;border:none;border-radius:999px;padding:12px 14px;background:#ffffff1a;color:#fff}.pc-inputbar input:focus{outline:none;background:#ffffff24}.pc-inputbar button{min-width:46px;height:46px;border-radius:999px;border:none;background:#6366f1;color:#fff;font-size:1rem;font-weight:800;cursor:pointer}.pc-inputbar button:disabled{opacity:.7;cursor:not-allowed}.pc-empty{padding:18px;color:#ffffffbd}.pc-empty-panel{display:flex;flex-direction:column;gap:12px;max-width:28rem}.pc-empty-panel strong{color:#f8fafc;font-size:1.05rem}.pc-empty-panel span{line-height:1.5}.pc-empty-actions{display:flex;flex-wrap:wrap;gap:10px}@keyframes pc-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}@media (max-width: 960px){.pc-layout{grid-template-columns:1fr}.pc-chat-back{display:inline-flex;align-items:center;justify-content:center}.pc-root.show-threads .pc-chat,.pc-root.show-chat .pc-sidebar{display:none}.pc-sidebar{border-right:none}}@media (max-width: 640px){.pc-topbar{padding:calc(14px + env(safe-area-inset-top)) 14px 14px}.pc-title h1{font-size:1.05rem}.pc-sub{font-size:.78rem}.pc-banner{margin:12px 14px 0}.pc-chat-head-main{align-items:flex-start;flex-wrap:wrap}.pc-stream{padding:14px}.pc-msg{max-width:88%}.pc-sidebar-head{align-items:flex-start;flex-direction:column}.pc-sidebar-actions,.pc-empty-actions{width:100%}.pc-paywall-backdrop{padding:14px}.pc-paywall-card{padding:18px;border-radius:24px}.pc-paywall-head{flex-direction:column}.pc-paywall-close{width:100%}.pc-paywall-options{grid-template-columns:1fr}}.journal-page{min-height:100vh;padding:20px;background:radial-gradient(circle at top,rgba(34,197,94,.14),transparent 28%),linear-gradient(180deg,#edf4ee,#e7efe8);color:#122018}.journal-app{max-width:1380px;min-height:calc(100vh - 40px);margin:0 auto;border:1px solid rgba(18,32,24,.08);border-radius:32px;overflow:hidden;background:#fafcf9e6;box-shadow:0 32px 80px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.journal-list-screen{display:flex;flex-direction:column;gap:22px;min-height:calc(100vh - 40px);padding:28px;background:radial-gradient(circle at top left,rgba(74,222,128,.18),transparent 36%),linear-gradient(180deg,#102019,#13251d 52%,#193026);color:#effaf1}.journal-list-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.journal-nav-button,.journal-menu-button,.journal-header-new{border:none;border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,opacity .12s ease}.journal-nav-button:hover,.journal-menu-button:hover,.journal-header-new:hover{transform:translateY(-1px)}.journal-nav-button{background:#ffffff1a;color:#effaf1}.journal-sidebar-new,.journal-composer-actions .primary,.journal-header-new{border:none;border-radius:18px;padding:14px 18px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 18px 36px #16a34a38;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.journal-sidebar-new:hover:not(:disabled),.journal-composer-actions .primary:hover:not(:disabled),.journal-header-new:hover:not(:disabled){transform:translateY(-1px)}.journal-sidebar-new:disabled,.journal-composer-actions .primary:disabled,.journal-composer-actions .ghost:disabled,.journal-header-new:disabled{opacity:.55;cursor:not-allowed;transform:none}.journal-list-header{display:grid;gap:10px}.journal-sidebar-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#effaf19e}.journal-list-header h1{margin:0;font-size:clamp(40px,6vw,64px);line-height:.96}.journal-list-header p{margin:0;color:#effaf1bd;font-size:clamp(18px,3vw,22px)}.journal-sidebar-empty{max-width:760px;border-radius:24px;padding:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.06)}.journal-sidebar-empty strong{display:block;margin-bottom:8px}.journal-sidebar-empty p{margin:0;color:#effaf1bd;line-height:1.6}.journal-thread-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.journal-thread-list-page{max-width:760px}.journal-thread-list::-webkit-scrollbar,.journal-conversation::-webkit-scrollbar{width:8px}.journal-thread-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.journal-thread-card{display:grid;gap:12px;padding:14px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.journal-thread-card.active{background:#4ade801f;border-color:#86efac47;box-shadow:inset 0 1px #ffffff0f}.journal-thread-main{display:grid;gap:8px;width:100%;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.journal-thread-main strong{font-size:18px;line-height:1.35}.journal-thread-main p{margin:0;color:#effaf1b8;line-height:1.5}.journal-thread-main small{color:#effaf185}.journal-thread-delete{justify-self:start;border:none;border-radius:999px;padding:10px 14px;background:#f8717124;color:#fecaca;font-weight:700;cursor:pointer}.journal-chat-screen{display:flex;flex-direction:column;min-height:calc(100vh - 40px);background:linear-gradient(180deg,#ffffffd6,#f8fbf7f5)}.journal-main-header{display:flex;flex-direction:column;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(18,32,24,.08);background:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.journal-main-controls{display:flex;align-items:center;gap:12px}.journal-menu-button{background:#1220180f;color:#122018;box-shadow:inset 0 0 0 1px #1220180f}.journal-header-new{display:inline-flex;align-items:center;justify-content:center;gap:8px}.journal-header-new-plus{display:none;font-size:24px;line-height:1}.journal-main-title h2{margin:0 0 8px;font-size:clamp(28px,4vw,38px);line-height:1.05}.journal-main-title p{margin:0;max-width:680px;color:#122018a8;line-height:1.6}.journal-usage-line{margin-top:10px;display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;background:#22c55e1a;color:#166534;font-size:14px;font-weight:700}.journal-conversation{display:flex;flex:1;flex-direction:column;gap:18px;overflow-y:auto;padding:28px 24px 18px;background:radial-gradient(circle at top,rgba(34,197,94,.05),transparent 24%),linear-gradient(180deg,#f8fbf7eb,#f3f8f2eb)}.journal-conversation::-webkit-scrollbar-thumb{background:#12201829;border-radius:999px}.journal-empty{margin:0;color:#1220189e}.journal-empty-card{max-width:560px;border-radius:26px;padding:22px;background:#ffffffc7;border:1px solid rgba(18,32,24,.08);box-shadow:0 18px 40px #0f172a0d}.journal-empty-card.chat-style{align-self:center;margin:auto 0}.journal-empty-card strong{display:block;margin-bottom:8px}.journal-empty-card p{margin:0;color:#122018b3;line-height:1.6}.journal-message{display:flex;flex-direction:column;gap:8px;max-width:min(720px,82%)}.journal-message.user{align-self:flex-end}.journal-message.assistant,.journal-message.system{align-self:flex-start}.journal-message-head{display:flex;align-items:center;gap:12px;color:#1220189e}.journal-message-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.journal-message-time{opacity:.75}.journal-message-bubble{border-radius:26px;padding:16px 18px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.journal-message.user .journal-message-bubble{background:linear-gradient(135deg,#166534,#15803d);color:#f4fbf5;border-bottom-right-radius:10px;box-shadow:0 18px 40px #15803d29}.journal-message.assistant .journal-message-bubble{background:#fffffff5;color:#122018;border:1px solid rgba(18,32,24,.08);border-bottom-left-radius:10px;box-shadow:0 16px 34px #0f172a0d}.journal-message.system .journal-message-bubble{background:#f0f9f1f5;color:#166534;border:1px dashed rgba(22,101,52,.18)}.journal-composer{display:flex;flex-direction:column;gap:12px;padding:18px 24px 22px;border-top:1px solid rgba(18,32,24,.08);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.journal-composer textarea{width:100%;min-height:118px;border:1px solid rgba(18,32,24,.1);border-radius:24px;padding:16px 18px;resize:vertical;box-sizing:border-box;background:#f9fcf8;color:#122018;font:inherit;line-height:1.6}.journal-composer textarea:focus{outline:none;border-color:#16a34a57;box-shadow:0 0 0 4px #22c55e1f}.journal-composer textarea:disabled{opacity:.82;cursor:not-allowed;background:#f2f5f1}.journal-composer-actions{display:flex;gap:12px}.journal-composer-actions button{flex:1}.journal-composer-actions .ghost{border:none;border-radius:18px;padding:14px 16px;background:#e6f6e9;color:#166534;font-weight:800;cursor:pointer}.journal-alert{border-radius:20px;padding:14px 16px;line-height:1.55}.journal-alert.error{background:#fee2e2f0;color:#991b1b;border:1px solid rgba(239,68,68,.16)}.journal-alert.warning{background:#fef9c3f5;color:#854d0e;border:1px solid rgba(202,138,4,.18)}.journal-insight{border-radius:22px;padding:18px;background:linear-gradient(135deg,#14532d,#166534);color:#f0fdf4}.journal-insight strong{display:block;margin-bottom:8px}.journal-insight p{margin:0;line-height:1.6}@media (max-width: 760px){.journal-page{padding:12px}.journal-app,.journal-list-screen,.journal-chat-screen{min-height:calc(100vh - 24px);border-radius:24px}.journal-list-screen,.journal-main-header,.journal-conversation,.journal-composer{padding-left:16px;padding-right:16px}.journal-list-topbar{align-items:stretch}.journal-nav-button{flex:0 0 auto}.journal-sidebar-new{flex:1 1 auto}.journal-main-controls{width:100%;justify-content:space-between}.journal-menu-button{flex:1 1 auto;text-align:center}.journal-header-new{flex:0 0 48px;width:48px;height:48px;padding:0;border-radius:50%}.journal-header-new-text{display:none}.journal-header-new-plus{display:block}.journal-message{max-width:100%}.journal-message-head{flex-direction:column;align-items:flex-start;gap:4px}}