@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:#e5e7eb;background:radial-gradient(circle at top,#1e3a8a 0%,#020617 70%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.app-header h1{font-size:28px;font-weight:800}.app-header button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;padding:8px 14px;transition:background .2s}.app-header button:hover{background:#ffffff2e}.welcome{text-align:center;margin-bottom:32px}.welcome p{color:#cbd5f5;font-size:16px}.auth-buttons{justify-content:center;gap:16px;margin-top:20px;display:flex}.auth-buttons button{cursor:pointer;border:none;border-radius:999px;padding:14px 26px;font-size:16px}.auth-buttons button:first-child{color:#020617;background:#22d3ee;font-weight:700}.auth-buttons button:last-child{color:#e5e7eb;background:0 0;border:1px solid #ffffff4d}.spaces{margin-bottom:48px}.spaces-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@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){.spaces-grid{grid-template-columns:1fr}.app-container{padding:16px}.app-header h1{font-size:22px}}.space-card{cursor:pointer;border-radius:22px;flex-direction:column;justify-content:space-between;width:100%;min-height:160px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 30px #00000059}.space-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000073}.space-card h4{margin-bottom:6px;font-size:18px;font-weight:700}.space-card p{opacity:.85;font-size:14px}.space-card .enter{opacity:.9;margin-top:auto;font-size:14px;font-weight:600}.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;color:#94a3b8;margin-top:auto;font-size:13px}.login-page{background:radial-gradient(circle at top,#1e3a8a 0%,#020617 65%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;display:flex}.login-container{background:#fff;border-radius:28px;width:100%;max-width:420px;padding:2.2rem 2rem;box-shadow:0 40px 80px #02061759,inset 0 1px #fff6}.login-header{align-items:center;margin-bottom:1.8rem;display:flex}.login-header button{color:#1e293b;cursor:pointer;background:#0f172a0f;border:none;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;padding:0;font-size:1rem;font-weight:400;transition:all .2s;display:flex}.login-header button:hover{background:#0f172a1f}.login-header button:active{transform:scale(.92)}.login-header h1{text-align:center;color:#020617;flex:1;font-size:1.2rem;font-weight:200}.login-container h2{text-align:center;color:#020617;margin-bottom:.4rem;font-size:1.8rem;font-weight:800}.login-container p{text-align:center;color:#64748b;margin-bottom:2rem;font-size:.95rem}.login-error{color:#991b1b;background:#fee2e2;border-radius:12px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.85rem}.login-container input[type=text],.login-container input[type=password],.login-container input:not([type]){color:#020617;background:#f8fafc;border:1.5px solid #c7d2fe;border-radius:999px;width:100%;height:58px;margin-bottom:1rem;padding:0 1.6rem;font-size:1rem;transition:all .25s}.login-container input::placeholder{color:#64748b}.login-container input:focus{background:#fff;border-color:#facc15;outline:none;box-shadow:0 0 0 4px #facc1540}.login-container label{color:#475569;align-items:center;gap:.6rem;margin:.8rem 0 1.6rem;font-size:.9rem;display:flex}.login-container input[type=checkbox]{accent-color:#3b82f6;width:18px;height:18px}.login-container button:last-of-type{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:999px;width:50%;height:60px;font-size:1.15rem;font-weight:800;transition:all .2s;box-shadow:0 18px 35px #3b82f673}.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{text-align:center;color:#64748b;margin-top:1.8rem;font-size:.85rem}.login-footer a{color:#2563eb;font-weight:600;text-decoration:none}.register-page{background:radial-gradient(circle at top,#1e3a8a,#020617);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.register-container{background:#fff;border-radius:28px;width:100%;max-width:440px;padding:2.4rem 2rem;position:relative;box-shadow:0 40px 80px #00000059}.back-btn{cursor:pointer;background:#00000014;border:none;border-radius:50%;width:34px;height:34px;position:absolute;top:18px;left:18px}.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{background:#f8fafc;border:1.5px solid #c7d2fe;border-radius:999px;width:100%;height:54px;margin-bottom:1rem;padding:0 1.4rem;font-size:.95rem}form input:focus,form select:focus{border-color:#facc15;outline:none;box-shadow:0 0 0 1px #facc1540}.checkbox{color:#334155;align-items:center;gap:.5rem;margin:.6rem 0 1.2rem;font-size:.85rem;line-height:1.3;display:flex}.checkbox input{cursor:pointer;width:16px;height:16px}form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:999px;width:100%;height:56px;font-size:1.05rem;font-weight:800;box-shadow:0 18px 35px #3b82f673}.footer{text-align:center;color:#334155;margin-top:1.4rem;font-size:.85rem}@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{color:#e5e7eb;background:radial-gradient(2px 2px at 20% 30%,#fff5,#0000),radial-gradient(1.5px 1.5px at 70% 20%,#fff6,#0000),radial-gradient(1px 1px at 40% 80%,#fff5,#0000),radial-gradient(1.5px 1.5px at 80% 70%,#fff6,#0000),linear-gradient(#0f172a,#020617);flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;display:flex}.info-header{align-items:center;padding:16px;display:flex;position:relative}.info-header h1{text-align:center;flex:1;font-size:18px;font-weight:700}.back-button{cursor:pointer;color:#e5e7eb;background:0 0;border:none;font-size:22px}.info-hero{text-align:center;padding:24px 16px}.info-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1e3a8a);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:32px;display:flex}.info-hero h2{margin-bottom:6px;font-size:20px}.info-hero p{color:#cbd5f5;font-size:14px}.info-card{color:#020617;background:#fffffff2;border-radius:16px;margin:12px 16px;padding:16px;box-shadow:0 10px 30px #00000040}.info-card.warning{border-left:4px solid #dc2626}.info-card h3{margin-bottom:8px;font-size:16px}.info-list{padding-left:16px}.info-list li{margin-bottom:8px;font-size:14px}.pricing-box{background:#eef2ff;border-radius:12px;margin-top:12px;padding:12px}.price{color:#1d4ed8;margin:6px 0;font-weight:700}.info-footer{text-align:center;margin-top:auto;padding:16px}.info-footer button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:999px;width:100%;margin-bottom:12px;padding:14px;font-size:16px}.info-footer p{color:#c7d2fe;font-size:12px}.chat-root{flex-direction:column;height:100vh;font-family:system-ui,sans-serif;display:flex}.bubble{border:1px solid #ffffff26;border-radius:18px;padding:12px 14px;font-size:14px;line-height:1.4;color:#fff!important;background-color:#000!important}.bubble.translated{border-left:3px solid #38bdf8;margin-top:6px;font-size:13px;color:#fff!important;background-color:#111!important}.meta{color:#9ca3af;gap:6px;margin-top:4px;font-size:11px;display:flex}.actions button{cursor:pointer;background:#804c08;border:1px solid #00000026;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;display:flex}.actions button:hover{background:#bd481a}.chat-footer input:focus{background:#0d0d0d;outline:none}.mic-btn{cursor:pointer;background:#aebae0;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .2s,transform .1s;display:flex}.mic-btn:hover{background:#0333f6}.mic-btn:active{background:#042cf5;transform:scale(.92)}.mic-icon{background:#080335;border-radius:6px;width:10px;height:18px;display:block;position:relative}.mic-icon:before{content:"";border:2px solid #4338ca;border-top:none;border-radius:0 0 10px 10px;width:14px;height:8px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.mic-icon:after{content:"";background:#4338ca;width:2px;height:8px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.send-icon{color:#ca6060;cursor:pointer;cursor:pointer;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:18px;display:flex}.chat-root.burnout{background:linear-gradient(#161617,#eef2ff)}.back-button-global{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:22px;display:flex;position:fixed;top:16px;left:16px}.chat-root.rupture{color:#3b0a0a;background:linear-gradient(#fff5f5,#fff1f2);flex-direction:column;height:100vh;font-family:system-ui,sans-serif;display:flex}.chat-root.rupture .chat-header{text-align:center;background:#fff5f5f2;border-bottom:1px solid #ef444440;padding:14px}.chat-root.rupture .chat-header h1{color:#7f1d1d;margin:0;font-size:18px;font-weight:700}.chat-root.rupture .sub{color:#991b1b;font-size:12px}.chat-root.rupture .online{justify-content:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.chat-root.rupture .dot{background:#ef4444;border-radius:50%;width:8px;height:8px}.chat-root.rupture .chat-stream{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.chat-root.rupture .secure-banner{text-align:center;color:#7f1d1d;background:#ef44441f;border-radius:12px;padding:10px;font-size:12px}.chat-root.rupture .bubble{color:#3b0a0a;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:18px;padding:12px 14px;font-size:14px}.chat-root.rupture .bubble.translated{color:#7f1d1d;background:#ffffffb3;border-left:3px solid #ef4444;margin-top:6px;font-size:13px}.chat-root.rupture .meta{opacity:.6;gap:6px;margin-top:4px;font-size:11px;display:flex}.chat-root.rupture .actions{gap:6px;margin-top:6px;display:flex}.chat-root.rupture .actions button{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff40;border-radius:8px;padding:4px 8px;font-size:12px}.chat-root.rupture .actions button:hover{background:#ef4444}.chat-root.rupture .actions button.danger{color:#ffe4e4;border-color:#ffb4b466}.chat-root.rupture audio{width:100%;margin-top:4px}.chat-root.rupture .chat-footer{background:#fff5f5f2;border-top:1px solid #ef444440;align-items:center;gap:10px;padding:12px;display:flex}.chat-root.rupture .chat-footer input{background:#ef44441f;border:none;border-radius:999px;flex:1;padding:12px 16px;font-size:14px}.chat-root.rupture .chat-footer input:focus{background:#ef44442e;outline:none}.chat-root.rupture .mic-btn{cursor:pointer;background:#ef44442e;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.chat-root.rupture .mic-btn:hover{background:#ef44444d}.chat-root.rupture .mic-svg{background:#ef4444;border-radius:7px;width:14px;height:22px;position:relative}.chat-root.rupture .mic-svg:after{content:"";background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.chat-root.rupture .send-icon{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:42px;height:42px;font-size:18px}.chat-root.rupture .send-icon:disabled{opacity:.4;cursor:not-allowed}.back-button-global.rupture{color:#fff;cursor:pointer;z-index:9999;background:#ef4444;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;position:fixed;top:16px;left:16px}.chat-root.solitude{color:#e5e7eb;background:linear-gradient(#0f172a,#020617);flex-direction:column;height:100vh;font-family:system-ui,sans-serif;display:flex}.chat-root.solitude .chat-header{text-align:center;background:#0f172af2;border-bottom:1px solid #94a3b840;padding:14px}.chat-root.solitude .chat-header h1{color:#e5e7eb;margin:0;font-size:18px;font-weight:700}.chat-root.solitude .sub{color:#94a3b8;font-size:12px}.chat-root.solitude .online{justify-content:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.chat-root.solitude .dot{background:#38bdf8;border-radius:50%;width:8px;height:8px}.chat-root.solitude .chat-stream{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.chat-root.solitude .secure-banner{text-align:center;color:#e0f2fe;background:#38bdf81f;border-radius:12px;padding:10px;font-size:12px}.chat-root.solitude .pinned-note{background:#38bdf81f;border-left:4px solid #38bdf8;border-radius:10px;padding:12px}.bubble-wrapper{max-width:78%;position:relative}.chat-root.solitude .bubble{color:#e5e7eb;background:#1e293bf2;border-radius:18px;padding:12px 14px;font-size:14px}.chat-root.solitude .bubble.translated{color:#e0f2fe;background:#e2e8f01f;border-left:3px solid #38bdf8;margin-top:6px;font-size:13px}.chat-root.solitude .meta{color:#94a3b8;gap:6px;margin-top:4px;font-size:11px;display:flex}.chat-root.solitude .actions{gap:6px;margin-top:6px;display:flex}.chat-root.solitude .actions button{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff40;border-radius:8px;padding:4px 8px;font-size:12px}.chat-root.solitude .actions button:hover{color:#020617;background:#38bdf8}.chat-root.solitude .actions button.danger{color:#ffd6d6;border-color:#ffb4b466}.chat-root.solitude audio{width:100%;margin-top:4px}.chat-root.solitude .chat-footer{background:#0f172af2;border-top:1px solid #94a3b840;align-items:center;gap:10px;padding:12px;display:flex}.chat-root.solitude .chat-footer input{color:#e5e7eb;background:#1e293be6;border:none;border-radius:999px;flex:1;padding:12px 16px;font-size:14px}.chat-root.solitude .chat-footer input::placeholder{color:#94a3b8}.chat-root.solitude .chat-footer input:focus{background:#1e293b;outline:none}.chat-root.solitude .mic-btn{cursor:pointer;background:#38bdf82e;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.chat-root.solitude .mic-btn:hover{background:#38bdf84d}.chat-root.solitude .mic-svg{background:#38bdf8;border-radius:7px;width:14px;height:22px;position:relative}.chat-root.solitude .mic-svg:after{content:"";background:#38bdf8;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.chat-root.solitude .send-icon{color:#020617;cursor:pointer;background:#38bdf8;border:none;border-radius:50%;width:42px;height:42px;font-size:18px}.chat-root.solitude .send-icon:disabled{opacity:.4;cursor:not-allowed}.back-button-global.solitude{z-index:9999;color:#020617;cursor:pointer;background:#38bdf8;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;position:fixed;top:16px;left:16px}.chat-root.expatriation{color:#e6edf3;background:linear-gradient(#0b1320,#111921);flex-direction:column;height:100vh;font-family:system-ui,sans-serif;display:flex}.chat-header .sub{color:#93adc8;font-size:11px}.bubble{color:#e6edf3;background:#243647;border-radius:18px;padding:12px 14px;font-size:14px}.actions button{color:#7c1010;cursor:pointer;background:#0009;border:1px solid #ffffff26;border-radius:8px;padding:5px 8px}.chat-footer input{color:#fff;background:#1e2a35;border:none;border-radius:999px;flex:1;padding:12px 16px}.back-button-global{color:#fff;cursor:pointer;z-index:9999;background:#308ce8;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;position:fixed;top:16px;left:16px}.chat-root.changement{background:linear-gradient(#f0fdf9,#ccfbf1);flex-direction:column;height:100vh;font-family:system-ui,sans-serif;display:flex}.chat-header{text-align:center;background:#fff;border-bottom:1px solid #00000014;padding:16px}.chat-header h1{font-size:18px;font-weight:700}.online{color:#6b7280;justify-content:center;gap:6px;font-size:12px;display:flex}.dot{background:#14b8a6;border-radius:50%;width:8px;height:8px}.chat-stream{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.secure-banner{text-align:center;color:#065f46;background:#14b8a61a;border-radius:12px;padding:10px;font-size:13px}.message-row{display:flex}.bubble-wrapper{max-width:78%}.bubble{background:#fff;border:1px solid #00000014;border-radius:18px;padding:12px 14px;font-size:14px}.bubble.translated{background:#ecfeff;border-left:3px solid #14b8a6;margin-top:6px;font-size:13px}.meta{color:#6b7280;margin-top:4px;font-size:11px}.actions{gap:6px;margin-top:6px;display:flex}.actions button{cursor:pointer;background:#f9fafb;border:1px solid #00000026;border-radius:8px;padding:5px 8px}.chat-footer{background:#fff;border-top:1px solid #00000014;align-items:center;gap:10px;padding:12px;display:flex}.chat-footer input{background:#ccfbf1;border:none;border-radius:999px;flex:1;padding:12px 16px}.send-icon{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:50%;width:42px;height:42px}.back-button-global{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;position:fixed;top:16px;left:16px}.story-editor-page{color:#fff;background:radial-gradient(circle at top,#1e3a8a 0%,#020617 65%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.back-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;position:fixed;top:16px;left:16px}.editor-card{color:#020617;background:#fff;border-radius:28px;width:100%;max-width:720px;padding:2rem;box-shadow:0 40px 80px #02061759}.editor-header{justify-content:space-between;align-items:center;display:flex}.drafts-btn{cursor:pointer;background:#0f172a14;border:none;border-radius:999px;padding:8px 14px}.title-input,.body-textarea{color:#020617;background:#f8fafc;border:1.5px solid #c7d2fe;border-radius:14px;width:100%;margin-top:1rem;padding:14px;font-size:15px}.body-textarea{resize:vertical;min-height:220px}.tags{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.tag{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #6366f1;border-radius:999px;padding:6px 12px}.tag.on{color:#fff;background:#6366f1}.actions{justify-content:flex-end;gap:12px;margin-top:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:700}.btn.primary{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.modal-backdrop{background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#020617;background:#fff;border-radius:18px;width:420px;padding:1.2rem}.draft-item{cursor:pointer;border-radius:10px;justify-content:space-between;gap:10px;padding:8px;display:flex}.draft-item:hover{background:#f1f5f9}.draft-item .delete{color:#26b430;cursor:pointer;background:0 0;border:none;font-size:16px}.modal .close{color:#fff;background:#111827;border:none;border-radius:999px;width:100%;margin-top:12px;padding:10px}.draft-row{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.draft-title{cursor:pointer;text-align:left;background:0 0;border:none;font-size:14px;font-weight:600}.draft-title:hover{text-decoration:underline}.draft-delete{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:999px;padding:6px 10px;font-size:12px}.draft-delete:hover{background:#fecaca}:root{--bg-page:radial-gradient(circle at top, #1e3a8a 0%, #020617 70%);--bg-card:#fff;--bg-input:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--primary:#6366f1;--primary-soft:#6366f11f}.dark{--bg-page:radial-gradient(circle at top, #020617 0%, #000 70%);--bg-card:#0f172a;--bg-input:#111827;--text-main:#e5e7eb;--text-muted:#9ca3af}.page.myspace-page{background:var(--bg-page);min-height:100vh;color:var(--text-main);flex-direction:column;align-items:center;gap:40px;padding:80px 20px 60px;display:flex}.back-button-global{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:52px;height:52px;font-size:22px;transition:all .2s;position:fixed;top:24px;left:24px}.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{color:var(--text-muted);margin-top:12px}.block{background:var(--bg-card);border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:700px;padding:36px;display:flex;box-shadow:0 25px 60px #0000001f}.block-head{justify-content:space-between;align-items:center;display:flex}.block-head h2{font-size:22px;font-weight:700}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-muted);font-size:14px;font-weight:600}.field input{background:var(--bg-input);border:1px solid #0000;border-radius:14px;height:52px;padding:0 18px;font-size:15px;transition:all .25s}.field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f126}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-weight:700;transition:all .2s}.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)}.modern-select{background:var(--bg-input);border:1px solid #0000;border-radius:14px;height:50px;padding:0 16px;font-size:14px}.modern-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f126}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);text-align:center;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px;display:flex;box-shadow:0 30px 80px #0000004d}.modal h3{font-size:22px;font-weight:800}.modern-input{background:var(--bg-input);border:1px solid #0000;border-radius:14px;height:52px;margin-block:0 18px;padding:0 18px;font-size:14px;transition:all .25s}.modern-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f126}.modal-actions{justify-content:center;gap:12px;display:flex}.muted{color:var(--text-muted)}.avatar-section{justify-content:center;margin-bottom:20px;display:flex}.avatar-upload{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.avatar-xl{object-fit:cover;border:3px solid #6366f1;border-radius:50%;width:120px;height:120px;transition:transform .2s}.avatar-xl:hover{transform:scale(1.05)}.avatar-upload span{color:#6366f1;font-size:13px;font-weight:600}.page.stories-page{color:#f8fafc;background:radial-gradient(circle at top,#1e3a8a 0%,#020617 65%);min-height:100vh;padding:20px 16px 48px}.page-header{text-align:center;max-width:1100px;margin:60px auto 20px}.page-header h1{margin-bottom:6px;font-size:28px;font-weight:800}.page-header p{color:#c7d2fe;font-size:14px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto 20px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:8px 14px;font-size:13px;transition:all .2s}.filters button:hover{background:#ffffff29}.filters button.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 10px 25px #3b82f673}.layout{grid-template-columns:320px 1fr;gap:20px;max-width:1100px;margin:0 auto;display:grid}.list{background:#ffffff0f;border-radius:18px;max-height:calc(100vh - 260px);padding:12px;overflow-y:auto}.story-tile{cursor:pointer;background:#ffffff14;border-radius:14px;margin-bottom:8px;padding:12px 14px;transition:background .2s,transform .1s}.story-tile:hover{background:#ffffff29;transform:translate(2px)}.story-tile strong{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.tile-tags{color:#c7d2fe;font-size:12px}.reader{color:#020617;background:#fff;border-radius:22px;padding:20px;box-shadow:0 40px 80px #02061759}.reader h2{margin-top:0;font-size:22px;font-weight:800}.reader p{margin-bottom:14px;line-height:1.6}.comments{margin-top:24px}.comments h3{margin-bottom:10px;font-size:16px}.comment{background:#f1f9f7;border-radius:12px;margin-bottom:8px;padding:10px 12px}.comment small{color:#64748b;margin-top:4px;font-size:11px;display:block}.comments textarea{resize:vertical;border:1px solid #c7d2fe;border-radius:14px;width:100%;min-height:80px;margin-top:10px;padding:10px 12px}.comments button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:999px;margin-top:8px;padding:10px 16px;font-weight:700}@media (max-width:900px){.layout{grid-template-columns:1fr}.list{max-height:none}}.match-root{color:#fff;background:radial-gradient(circle at top,#1e3a8a 0%,#020617 70%);flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.match-header{text-align:center;margin-bottom:40px}.match-title h1{font-size:32px;font-weight:800}.match-title p{opacity:.8;margin-top:12px}.back-home{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:46px;height:46px;margin-bottom:24px;font-size:20px;transition:all .2s}.back-home:hover{transform:scale(1.1)}.match-list{flex-direction:column;gap:20px;width:100%;max-width:900px;display:flex}.match-card{color:#020617;text-align:center;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 40px #00000026}.avatar-lg{object-fit:cover;border-radius:50%;width:90px;height:90px;margin-bottom:16px}.summary{margin-bottom:14px;font-style:italic}.tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tag{color:#fff;background:#6366f1;border-radius:999px;padding:6px 12px;font-size:12px}.actions{justify-content:center;gap:12px;display:flex}.actions button{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-weight:600;transition:all .2s}.actions button:first-child{color:#fff;background:#6366f1}.actions button:first-child:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f166}.actions .ghost{background:#f1f5f9}