@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #ec489914, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #ec48991f, 0 2px 8px #0000000f;--shadow-lg:0 10px 40px #ec48992e, 0 4px 16px #00000014;--shadow-xl:0 20px 60px #ec489938, 0 8px 24px #0000001a;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{background:linear-gradient(135deg, var(--pink-50) 0%, #fff5fb 50%, var(--pink-100) 100%);min-height:100vh;color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.page-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.page-wrapper--top{align-items:flex-start;padding-top:48px}.card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#ffffffe6;border:1px solid #f9a8d44d;width:100%;max-width:460px;padding:40px;animation:.4s ease-out slideUp}.card--wide{max-width:560px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand{text-align:center;margin-bottom:32px}.brand__logo{background:linear-gradient(135deg, var(--pink-400), var(--pink-600));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex;box-shadow:0 8px 24px #ec489959}.brand__logo svg{fill:#fff;width:28px;height:28px}.brand__name{background:linear-gradient(135deg, var(--pink-600), var(--pink-800));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800;line-height:1}.brand__tagline{color:var(--gray-500);font-size:14px;font-weight:400}.tab-group{background:var(--pink-100);border-radius:var(--radius-md);margin-bottom:28px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.tab-btn.active{color:var(--pink-700);box-shadow:var(--shadow-sm);background:#fff}.form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-600);letter-spacing:.01em;font-size:13px;font-weight:600}.form-input,.form-textarea{border:1.5px solid var(--pink-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);background:var(--white);transition:var(--transition);appearance:none;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-input:focus,.form-textarea:focus{border-color:var(--pink-400);box-shadow:0 0 0 3px #f472b626}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.avatar-upload{flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;display:flex}.avatar-preview{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--pink-100), var(--pink-200));border:3px solid var(--pink-300);cursor:pointer;width:104px;height:104px;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ec489933}.avatar-preview:hover{border-color:var(--pink-500);transform:scale(1.02);box-shadow:0 4px 20px #ec489959}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-preview__placeholder{flex-direction:column;align-items:center;gap:4px;display:flex}.avatar-preview__placeholder svg{width:32px;height:32px;stroke:var(--pink-400)}.avatar-preview__placeholder span{color:var(--pink-500);font-size:11px;font-weight:500}.avatar-overlay{opacity:0;transition:var(--transition);background:#ec48994d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-preview:hover .avatar-overlay{opacity:1}.avatar-overlay svg{stroke:#fff;stroke-width:2px;width:24px;height:24px}.avatar-upload-hint{color:var(--gray-400);font-size:12px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));color:#fff;width:100%;margin-top:8px;box-shadow:0 4px 16px #ec489966}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--pink-600), var(--pink-700));transform:translateY(-1px);box-shadow:0 6px 20px #ec489980}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{color:var(--pink-600);border:1.5px solid var(--pink-300);background:0 0}.btn--secondary:hover{background:var(--pink-50);border-color:var(--pink-500)}.btn--ghost{color:var(--gray-500);background:0 0;padding:8px 12px;font-size:14px}.btn--ghost:hover{color:var(--pink-600)}.spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-md);padding:12px 16px;font-size:13.5px;font-weight:500;line-height:1.5;animation:.2s fadeIn}.alert--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.alert--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.divider{color:var(--gray-400);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--pink-200);flex:1;height:1px}.profile-page{background:linear-gradient(160deg, var(--pink-50) 0%, #fff5fb 60%, var(--pink-100) 100%);min-height:100vh}.profile-header{background:linear-gradient(135deg, var(--pink-500) 0%, var(--pink-700) 100%);padding:0 0 80px;position:relative;overflow:hidden}.profile-header:before{content:"";background:#ffffff14;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.profile-header:after{content:"";background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-40px;left:-40px}.profile-header__nav{z-index:1;justify-content:flex-end;padding:16px 24px 0;display:flex;position:relative}.profile-body{z-index:2;max-width:600px;margin:-64px auto 0;padding:0 16px 48px;position:relative}.profile-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;animation:.4s ease-out slideUp;overflow:hidden}.profile-card__top{text-align:center;border-bottom:1px solid var(--pink-100);flex-direction:column;justify-content:center;align-items:center;padding:32px 32px 24px;display:flex;position:relative}.profile-avatar-container{justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--pink-100), var(--pink-200));width:124px;height:124px;box-shadow:0 0 0 2.5px var(--pink-500), 0 8px 24px #ec489938;border:3.5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.profile-avatar:hover{box-shadow:0 0 0 3px var(--pink-600), 0 10px 28px #ec489952;transform:scale(1.03)}.profile-avatar img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.profile-avatar__fallback{width:100%;height:100%;color:var(--pink-600);text-align:center;border-radius:50%;justify-content:center;align-items:center;font-size:42px;font-weight:800;line-height:1;display:flex}.profile-name{color:var(--gray-800);letter-spacing:-.3px;margin-bottom:4px;font-size:24px;font-weight:800;line-height:1.2}.profile-profession{color:var(--pink-600);background:var(--pink-50);border:1px solid var(--pink-200);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:0;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.profile-card__bio{padding:24px 32px}.profile-bio-label{color:var(--gray-400);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.profile-bio-text{color:var(--gray-600);white-space:pre-wrap;font-size:15px;line-height:1.7}.profile-edit-btn{margin-top:24px}.setup-header{text-align:center;margin-bottom:28px}.setup-header__step{letter-spacing:.1em;text-transform:uppercase;color:var(--pink-500);background:var(--pink-100);border-radius:var(--radius-full);margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.setup-header__title{color:var(--gray-800);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:800}.setup-header__sub{color:var(--gray-500);font-size:14px}.logout-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff59;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width:480px){.card{border-radius:var(--radius-lg);padding:28px 24px}.profile-card__top,.profile-card__bio{padding:24px 20px}.profile-name{font-size:20px}.profile-body{padding:0 12px 32px}}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.back-link{color:#fff;border-radius:var(--radius-full);transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#fff3;border:1px solid #ffffff59;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.back-link:hover{background:#ffffff4d;border-color:#ffffff80}.friends-header-content{text-align:center;z-index:1;padding:20px 24px 0;position:relative}.friends-page-title{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:800}.friends-page-sub{color:#fffc;font-size:14px;font-weight:400}.friends-hub{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;animation:.4s ease-out slideUp;overflow:hidden}.friends-tabs{background:var(--pink-50);border-bottom:1px solid var(--pink-100);display:flex}.friends-tab{color:var(--gray-400);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-family:inherit;font-size:13px;font-weight:600;display:flex;position:relative}.friends-tab:hover{color:var(--pink-500);background:var(--pink-100)}.friends-tab.active{color:var(--pink-600);border-bottom-color:var(--pink-500);background:#fff}.tab-count{background:var(--pink-100);color:var(--pink-600);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.tab-badge{background:var(--pink-500);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;animation:2s infinite pulse-badge;display:inline-flex}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.friends-panel-container{min-height:280px}.panel{flex-direction:column;gap:12px;padding:20px;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--gray-400);pointer-events:none;z-index:1;position:absolute;left:14px}.search-input{padding-left:40px!important}.user-list{flex-direction:column;gap:8px;list-style:none;display:flex}.user-card{background:var(--pink-50);border:1px solid var(--pink-100);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:12px;padding:12px 14px;display:flex}.user-card:hover{border-color:var(--pink-300);background:#fff0f8}.user-card--request{border-color:var(--pink-200);background:#fff8fd}.user-card__info{color:inherit;flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.user-card__name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.user-card__sub{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-avatar{background:linear-gradient(135deg, var(--pink-200), var(--pink-300));color:var(--pink-700);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #ec489926}.mini-avatar img{object-position:center;border-radius:50%;width:100%;height:100%;display:block;object-fit:cover!important}.btn-friend{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.btn-friend--add{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));color:#fff;box-shadow:0 2px 8px #ec48994d}.btn-friend--add:hover:not(:disabled){background:linear-gradient(135deg, var(--pink-600), var(--pink-700));transform:translateY(-1px);box-shadow:0 4px 12px #ec489966}.btn-friend--pending{background:var(--pink-100);color:var(--pink-600);border:1px solid var(--pink-300)}.btn-friend--pending:hover:not(:disabled){color:var(--pink-700);background:#ffe4ef}.btn-friend--friends{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.btn-friend--friends:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-friend--remove{color:var(--gray-400);border:1px solid var(--gray-200);background:0 0;padding:6px 10px}.btn-friend--remove:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-friend:disabled{opacity:.6;cursor:not-allowed}.request-actions{flex-shrink:0;gap:6px;display:flex}.btn-request{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.btn-request:disabled{opacity:.6;cursor:not-allowed}.btn-request--accept{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}.btn-request--accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-request--reject{background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-200)}.btn-request--reject:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.friend-badge{border-radius:var(--radius-full);flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.friend-badge--incoming{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty-state__icon{margin-bottom:4px;font-size:36px;line-height:1}.empty-state p{color:var(--gray-500);font-size:14px;line-height:1.5}.spinner--sm{border-width:2px;width:13px;height:13px}@media (max-width:480px){.friends-tab{gap:4px;padding:12px 4px;font-size:12px}.user-card{flex-wrap:wrap;gap:8px}.request-actions{width:100%}.btn-request{flex:1;justify-content:center}.profile-actions{flex-direction:column}.profile-actions .btn{justify-content:center;width:100%}}.posts-section{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;animation:.4s ease-out .1s both slideUp;overflow:hidden}.posts-section__header{border-bottom:1px solid var(--pink-100);align-items:center;gap:10px;padding:20px 24px 16px;display:flex}.posts-section__title{color:var(--gray-700);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.create-post-form{border-bottom:1px solid var(--pink-100);flex-direction:column;gap:12px;padding:16px 24px;display:flex}.create-post-textarea{resize:none;min-height:80px;font-size:14px;border-color:var(--pink-200)!important}.create-post-textarea:focus{border-color:var(--pink-400)!important}.create-post-preview{border:1.5px solid var(--pink-200);border-radius:10px;position:relative;overflow:hidden}.create-post-remove-img{color:#fff;cursor:pointer;width:28px;height:28px;transition:var(--transition);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:8px;right:8px}.create-post-remove-img:hover{background:#000c}.create-post-footer,.create-post-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-post-attach,.btn-post-photo-upload{background:var(--pink-50);border:1.5px solid var(--pink-200);border-radius:var(--radius-full);color:var(--pink-600);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn-post-attach:hover,.btn-post-photo-upload:hover{background:var(--pink-100);border-color:var(--pink-400);color:var(--pink-700);transform:translateY(-1px);box-shadow:0 2px 10px #ec489929}.btn-post-attach:active,.btn-post-photo-upload:active{transform:translateY(0)}.btn-post-photo-upload svg,.btn-post-attach svg{stroke:currentColor;flex-shrink:0}.nav-unread-badge{color:#fff;pointer-events:none;background:linear-gradient(135deg,#ec4899,#db2777);border:1.5px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:800;animation:2s ease-in-out infinite pulse-badge;display:flex;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 6px #db277766}.in-app-message-toast{z-index:99999;-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1.5px solid #f472b666;border-radius:18px;width:calc(100% - 32px);max-width:520px;padding:12px 16px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #db277733,0 4px 12px #0000000f}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%,-20px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.toast-inner{align-items:center;gap:12px;display:flex}.toast-avatar{background:var(--pink-100);width:40px;min-width:40px;height:40px;color:var(--pink-700);border:2px solid var(--pink-300);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #ec489933}.toast-content{flex:1;min-width:0}.toast-title{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13.5px;display:flex;overflow:hidden}.toast-title strong{color:var(--pink-600);font-weight:700}.toast-label{color:var(--gray-600);font-size:12.5px}.toast-text{color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.toast-action-btn{background:linear-gradient(135deg, var(--pink-600), var(--pink-500));white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #db27774d;color:#fff!important}.toast-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #db277766}.toast-close-btn{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;line-height:1;transition:color .15s,background .15s;display:flex}.toast-close-btn:hover{color:var(--gray-700);background:var(--gray-100)}[data-theme=dark] .in-app-message-toast{background:#1e1b2ef2;border-color:#f472b659;box-shadow:0 12px 36px #00000080,0 4px 12px #db277726}[data-theme=dark] .toast-title{color:#f3f4f6}[data-theme=dark] .toast-label{color:#9ca3af}[data-theme=dark] .toast-text{color:#d1d5db}[data-theme=dark] .nav-unread-badge{border-color:#1f1d2b}.rich-editor-wrapper{border:1.5px solid var(--pink-200);border-radius:var(--radius-md);background:#fff;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}.rich-editor-wrapper:focus-within{border-color:var(--pink-500);box-shadow:0 0 0 3px #ec48991f}.rich-editor-toolbar{border-bottom:1px solid var(--pink-100);border-top-left-radius:calc(var(--radius-md) - 1.5px);border-top-right-radius:calc(var(--radius-md) - 1.5px);-webkit-user-select:none;user-select:none;z-index:10;background:#fff8fa;align-items:center;gap:4px;padding:6px 10px;display:flex;position:relative}.rich-toolbar-btn{width:28px;min-width:28px;height:28px;color:var(--gray-600);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.rich-toolbar-btn:hover:not(:disabled){background:var(--pink-100);color:var(--pink-600)}.rich-toolbar-btn.is-active{background:var(--pink-500);color:#fff;border-color:var(--pink-600);font-weight:700}.rich-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.rich-color-picker-wrapper{display:inline-flex;position:relative}.rich-toolbar-btn--color{padding:2px}.rich-color-icon-wrap{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.rich-color-letter{color:currentColor;font-size:13px;font-weight:800;line-height:1}.rich-color-bar{border-radius:2px;width:14px;height:3px;margin-top:1.5px;transition:background-color .2s;box-shadow:0 1px 2px #00000026}.rich-toolbar-btn.is-active-color{background:var(--pink-100);color:var(--pink-700);border-color:var(--pink-300)}.rich-color-popover{z-index:1000;border:1.5px solid var(--pink-200);background:#fff;border-radius:14px;width:220px;padding:12px;animation:.18s cubic-bezier(.16,1,.3,1) forwards color-popover-enter;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 28px #db277729,0 4px 12px #0000000f}@keyframes color-popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.rich-color-popover-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rich-color-popover-title{color:var(--gray-700);letter-spacing:.2px;font-size:12px;font-weight:700}.rich-color-reset-btn{color:var(--pink-600);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:background .15s}.rich-color-reset-btn:hover{background:var(--pink-50);text-decoration:underline}.rich-color-swatches-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.rich-color-swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;outline:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0003}.rich-color-swatch:hover{z-index:2;transform:scale(1.15);box-shadow:0 3px 8px #00000040}.rich-color-swatch.is-selected{box-shadow:0 0 0 2px var(--pink-500), 0 2px 6px #db277759;transform:scale(1.1)}.rich-color-custom-row{border-top:1px solid var(--pink-100);align-items:center;gap:8px;padding-top:8px;display:flex}.rich-color-native-label{cursor:pointer;border:1.5px solid var(--pink-200);border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0003}.rich-color-native-label:hover{transform:scale(1.08)}.rich-color-native-preview{border-radius:50%;width:100%;height:100%}.rich-color-native-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.rich-color-hex-form{flex:1;align-items:center;gap:4px;display:flex}.rich-color-hex-input{border:1px solid var(--pink-200);width:100%;height:28px;color:var(--gray-800);background:#fff;border-radius:6px;outline:none;padding:0 8px;font-family:monospace;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s}.rich-color-hex-input:focus{border-color:var(--pink-500);box-shadow:0 0 0 2px #ec489926}.rich-color-hex-btn{background:var(--pink-500);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;height:28px;padding:0 8px;font-size:12px;font-weight:700;transition:background .15s;display:flex}.rich-color-hex-btn:hover:not(:disabled){background:var(--pink-600)}.rich-color-hex-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .rich-color-popover{background:#1e1b2e;border-color:#f472b64d;box-shadow:0 10px 30px #0009}[data-theme=dark] .rich-color-popover-title{color:#f3f4f6}[data-theme=dark] .rich-color-custom-row{border-top-color:#f472b62e}[data-theme=dark] .rich-color-hex-input{color:#f9fafb;background:#2a2640;border-color:#f472b640}[data-theme=dark] .rich-color-swatch{border-color:#1e1b2e}.rich-editor-content-box{cursor:text;flex:1;padding:10px 14px}.rich-editor-content-box .tiptap{color:var(--gray-800);word-break:break-word;outline:none;min-height:70px;font-family:inherit;font-size:14.5px;line-height:1.6}.rich-editor-content-box .tiptap p{margin:0 0 6px}.rich-editor-content-box .tiptap p:last-child{margin-bottom:0}.rich-editor-content-box .tiptap strong,.rich-editor-content-box .tiptap b{color:inherit;font-weight:700}.rich-editor-content-box .tiptap em,.rich-editor-content-box .tiptap i{font-style:italic}.rich-editor-content-box .tiptap u{text-underline-offset:3px;text-decoration:underline}.rich-editor-content-box .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--gray-400);pointer-events:none;height:0}.rich-editor--compact{border-radius:var(--radius-lg);border-color:var(--pink-200)}.rich-editor--compact .rich-editor-toolbar{border-bottom:1px dashed var(--pink-100);background:#fffcfd;gap:2px;padding:3px 8px}.rich-editor--compact .rich-toolbar-btn{border-radius:4px;width:22px;min-width:22px;height:22px;font-size:11px}.rich-editor--compact .rich-editor-content-box{padding:6px 12px}.rich-editor--compact .rich-editor-content-box .tiptap{min-height:32px;font-size:13.5px;line-height:1.45}.rich-editor-skeleton{border:1.5px solid var(--pink-100);border-radius:var(--radius-md);background:#fff;animation:1.5s ease-in-out infinite pulse}.formatted-rich-text{word-break:break-word;color:inherit;line-height:1.6}.formatted-rich-text p{margin:0 0 6px}.formatted-rich-text p:last-child{margin-bottom:0}.formatted-rich-text strong,.formatted-rich-text b{font-weight:700}.formatted-rich-text em,.formatted-rich-text i{font-style:italic}.formatted-rich-text u{text-underline-offset:3px;text-decoration:underline}.create-post-preview{aspect-ratio:4/3;border:1.5px solid var(--pink-200);background:var(--pink-50);border-radius:12px;width:100%;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000f}.create-post-preview img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}.admin-blog-cover-preview{aspect-ratio:16/9;border:1.5px solid var(--pink-200);background:var(--pink-50);border-radius:12px;width:100%;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000f}.admin-blog-cover-preview img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}.create-post-preview__remove,.create-post-remove-img{color:#fff;cursor:pointer;width:30px;height:30px;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#000000a6;border:1.5px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.create-post-preview__remove:hover,.create-post-remove-img:hover{background:#dc2626;border-color:#fff;transform:scale(1.08)}.create-post-char-count,.create-post-counter{color:var(--gray-400);text-align:right;font-variant-numeric:tabular-nums;flex:1;font-size:12px}.post-list{flex-direction:column;display:flex}.post-card{border-bottom:1px solid var(--pink-50);padding:20px 24px;transition:background .15s}.post-card:last-child{border-bottom:none}.post-card:hover{background:#fffcfe}.post-card__header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.post-card__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.post-card__author{color:var(--gray-800);font-size:14px;font-weight:700}.post-card__profession{color:var(--pink-500);font-size:12px;font-weight:500}.post-card__date{color:var(--gray-400);margin-top:1px;font-size:11.5px}.post-card__content{color:var(--gray-700);white-space:pre-wrap;word-break:break-word;margin-bottom:0;font-size:14.5px;line-height:1.65}.post-card__image{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--pink-100);background:var(--pink-50);width:100%;margin-top:12px;position:relative;overflow:hidden}.post-card__image img,.post-card__img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}.post-delete-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--gray-300);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.post-delete-btn:hover:not(:disabled){color:#dc2626;background:#fef2f2}.post-delete-btn:disabled{opacity:.5;cursor:not-allowed}.post-card__repost-header{color:var(--pink-500);background:var(--pink-50);border-radius:var(--radius-sm);align-items:center;gap:6px;width:fit-content;margin-bottom:10px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.repost-indicator-icon{color:var(--pink-500);flex-shrink:0}.post-card__actions-bar{border-top:1px solid var(--pink-50);align-items:center;gap:16px;margin-top:14px;padding-top:10px;display:flex}.post-action-btn{border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.post-action-btn .action-icon{transition:transform .2s,stroke .2s,fill .2s}.post-action-btn:hover{background:var(--pink-50);color:var(--pink-600)}.post-action-btn:hover .action-icon{transform:scale(1.15)}.post-action-btn--like.is-active{color:#e11d48}.post-action-btn--like.is-active .action-icon--heart{fill:#e11d48;stroke:#e11d48}.post-action-btn--like:hover{color:#e11d48;background:#fff1f2}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.post-action-btn--like.is-animating .action-icon--heart{animation:.4s cubic-bezier(.175,.885,.32,1.275) heartPop}.post-action-btn--comment.is-active{color:var(--pink-600);background:var(--pink-50)}.post-action-btn--comment:hover{background:var(--pink-50);color:var(--pink-600)}.post-action-btn--repost.is-active,.post-action-btn--repost:hover{color:#059669;background:#ecfdf5}.post-action-btn .action-count{font-variant-numeric:tabular-nums;font-size:12.5px}.post-comments-drawer{border-radius:var(--radius-lg);border:1px solid var(--pink-100);background:snow;margin-top:14px;padding:14px 16px;animation:.25s ease-out fadeIn}.comment-create-form{align-items:center;gap:10px;margin-bottom:12px;display:flex}.comment-input-avatar{width:28px;min-width:28px;height:28px;font-size:11px}.comment-input-field{border:1.5px solid var(--pink-200);border-radius:var(--radius-full);color:var(--gray-800);background:#fff;outline:none;flex:1;padding:8px 14px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.comment-input-field:focus{border-color:var(--pink-500);box-shadow:0 0 0 3px #ec489926}.comment-submit-btn{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:transform .15s,opacity .15s;display:flex}.comment-submit-btn:hover:not(:disabled){transform:scale(1.08)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;gap:10px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.comments-loading,.comments-empty{color:var(--gray-500);text-align:center;padding:12px 0;font-size:13px}.comment-item{align-items:flex-start;gap:9px;display:flex;position:relative}.comment-item__avatar{width:26px;min-width:26px;height:26px;margin-top:2px;font-size:10px}.comment-item__bubble{border:1px solid var(--pink-50);background:#fff;border-radius:14px;flex:1;padding:8px 12px;box-shadow:0 1px 3px #00000005}.comment-item__header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.comment-item__author{color:var(--gray-800);font-size:12.5px;font-weight:700;text-decoration:none}.comment-item__author:hover{color:var(--pink-600)}.comment-item__time{color:var(--gray-400);font-size:10.5px}.comment-item__text{color:var(--gray-700);word-break:break-word;margin:0;font-size:13px;line-height:1.45}.comment-item__delete{color:var(--gray-300);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-top:4px;padding:4px;transition:color .15s,background .15s;display:flex}.comment-item__delete:hover{color:#dc2626;background:#fef2f2}.posts-locked{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;animation:.4s ease-out .1s both slideUp;display:flex}.posts-locked__icon{margin-bottom:4px;font-size:40px}.posts-locked__title{color:var(--gray-700);font-size:17px;font-weight:800}.posts-locked__sub{color:var(--gray-400);max-width:280px;font-size:14px;line-height:1.5}@media (max-width:480px){.create-post-form{padding:14px 16px}.post-card{padding:16px}.create-post-footer{flex-wrap:wrap}.create-post-footer .btn{justify-content:center;width:100%!important;margin-top:0!important}.posts-section__header{padding:16px 16px 12px}}.friend-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-friend--msg{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));border-radius:var(--radius-full);transition:var(--transition);align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #e11d4833;color:#fff!important}.btn-friend--msg:hover{background:linear-gradient(135deg, var(--pink-600), var(--pink-700));box-shadow:var(--shadow-glow);transform:translateY(-1px)}.chat-page-layout{background:radial-gradient(circle at top, var(--pink-100) 0%, var(--pink-50) 60%);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.chat-page-container{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:680px;height:88vh;max-height:850px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 16px 40px -8px #e11d481f,0 0 0 1px #f472b62e}.chat-window{background:#fff;flex-direction:column;width:100%;height:100%;display:flex}.chat-header{background:linear-gradient(135deg, #fff 0%, var(--pink-50) 100%);border-bottom:1px solid var(--pink-100);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.chat-header__back{width:38px;height:38px;color:var(--pink-600);background:var(--pink-100);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.chat-header__back:hover{background:var(--pink-200);color:var(--pink-800);transform:scale(1.05)}.chat-header__user{flex:1;align-items:center;gap:12px;min-width:0;margin:0 12px;text-decoration:none;display:flex}.chat-header__avatar{background:var(--pink-100);width:42px;height:42px;color:var(--pink-600);box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.chat-header__fallback{font-size:15px}.chat-online-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;bottom:0;right:0}.chat-online-dot--online{background:#10b981;animation:2s ease-in-out infinite presencePulse;box-shadow:0 0 0 2px #fff,0 0 8px #10b98199}.chat-online-dot--offline{background:#9ca3af;box-shadow:0 0 0 2px #fff}@keyframes presencePulse{0%{box-shadow:0 0 #10b981b3,0 0 0 2px #fff}70%{box-shadow:0 0 0 5px #10b98100,0 0 0 2px #fff}to{box-shadow:0 0 #10b98100,0 0 0 2px #fff}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.post-delete-btn--admin{color:#e11d48!important;background:#f43f5e1f!important}.post-delete-btn--admin:hover{color:#be123c!important;background:#f43f5e40!important}.chat-header__info{min-width:0}.chat-header__name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;line-height:1.25;overflow:hidden}.chat-header__sub{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.chat-header__sub--status{color:var(--pink-500);font-weight:500}.chat-header__profile-btn{width:36px;height:36px;color:var(--pink-400);transition:var(--transition);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.chat-header__profile-btn:hover{color:var(--pink-600);background:var(--pink-100)}.chat-messages{scroll-behavior:smooth;background:radial-gradient(circle at 100% 0,#fef2f266,#fffffff2),#faf7f8;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-empty{text-align:center;height:100%;min-height:220px;color:var(--gray-400);flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}.chat-empty__icon{margin-bottom:8px;font-size:42px;animation:2.5s ease-in-out infinite pulse}.chat-empty__title{color:var(--gray-700);margin-bottom:4px;font-size:15.5px;font-weight:700}.chat-empty__sub{color:var(--gray-400);font-size:13px}.chat-bubble-row{width:100%;display:flex}.chat-bubble-row--me{justify-content:flex-end;animation:.22s ease-out fadeInRight}.chat-bubble-row--them{justify-content:flex-start;animation:.22s ease-out fadeInLeft}.chat-bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px 8px;font-size:14.5px;line-height:1.45;position:relative}.chat-bubble--me{background:linear-gradient(135deg, var(--pink-600) 0%, var(--pink-500) 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #e11d4833}.chat-bubble--them{color:var(--gray-800);border:1px solid var(--pink-100);background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000008}.chat-bubble__content{white-space:pre-wrap;margin:0}.chat-bubble__meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.chat-bubble--me .chat-bubble__time{color:#fffc;font-size:10.5px}.chat-bubble--them .chat-bubble__time{color:var(--gray-400);font-size:10.5px}.chat-bubble__status{color:#fffffff2;display:inline-flex}.chat-error-banner{color:#dc2626;background:#fef2f2;border-top:1px solid #fee2e2;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.chat-error-banner button{color:#dc2626;cursor:pointer;background:0 0;border:none;font-weight:700}.chat-input-bar{border-top:1px solid var(--pink-100);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-input-field{background:var(--pink-50);border-radius:var(--radius-full);height:44px;color:var(--gray-800);transition:var(--transition);border:1.5px solid #0000;outline:none;flex:1;padding:0 18px;font-size:14.5px}.chat-input-field:focus{border-color:var(--pink-400);background:#fff;box-shadow:0 0 0 4px #f472b626}.chat-send-btn{background:linear-gradient(135deg, var(--pink-600), var(--pink-500));color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #e11d4840}.chat-send-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);background:linear-gradient(135deg, var(--pink-700), var(--pink-600));transform:scale(1.06)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.conv-list-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;padding:24px;animation:.4s ease-out slideUp;overflow:hidden}.conv-search-box{margin-bottom:20px;position:relative}.conv-search-icon{color:var(--pink-400);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.conv-search-input{background:var(--pink-50);border-radius:var(--radius-full);width:100%;height:44px;color:var(--gray-800);transition:var(--transition);border:1.5px solid #0000;outline:none;padding:0 16px 0 42px;font-size:14px}.conv-search-input:focus{border-color:var(--pink-400);background:#fff;box-shadow:0 0 0 3px #f472b626}.conv-section-label{color:var(--pink-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-left:4px;font-size:12px;font-weight:700}.conv-items{flex-direction:column;gap:6px;display:flex}.conv-item{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0000;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex;position:relative}.conv-item:hover{background:var(--pink-50);border-color:var(--pink-100);transform:translateY(-1px)}.conv-item__avatar{background:var(--pink-100);width:50px;height:50px;color:var(--pink-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.conv-item__fallback{font-size:16px}.conv-online-badge{background:#10b981;border:2.5px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.conv-item__content{flex:1;min-width:0}.conv-item__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.conv-item__name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.conv-item__time{color:var(--gray-400);flex-shrink:0;font-size:11.5px;font-weight:500}.conv-item__last-msg{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;max-width:85%;font-size:13.5px;overflow:hidden}.conv-item__last-msg--unread{color:var(--pink-900);font-weight:700}.conv-item__prefix{color:var(--pink-600);font-weight:600}.conv-item__unread-badge{background:linear-gradient(135deg, var(--pink-600), var(--pink-500));color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #e11d484d}.conv-item--start{border:1px dashed var(--pink-200);background:#fffcfd}.conv-item--start:hover{background:var(--pink-50);border-style:solid;border-color:var(--pink-300)}.conv-item__start-hint{color:var(--pink-400);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.conv-item__action-btn{color:var(--pink-600);background:var(--pink-100);border-radius:var(--radius-sm);flex-shrink:0;padding:3px 8px;font-size:11.5px;font-weight:600}.conv-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.conv-empty__icon{margin-bottom:4px;font-size:42px}.conv-empty__title{color:var(--gray-700);font-size:17px;font-weight:800}.conv-empty__sub{color:var(--gray-400);max-width:320px;font-size:14px;line-height:1.5}.chat-locked-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;animation:.4s ease-out slideUp;display:flex}.chat-locked-card__icon{font-size:48px}.chat-locked-card__title{color:var(--gray-800);font-size:20px;font-weight:800}.chat-locked-card__text{color:var(--gray-500);max-width:340px;font-size:14.5px;line-height:1.6}.chat-locked-card__actions{gap:12px;margin-top:12px;display:flex}@keyframes fadeInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (max-width:640px){.chat-page-layout{height:calc(100dvh - 126px);min-height:calc(100dvh - 126px);padding:0}.chat-page-container{height:100%;max-height:100%;box-shadow:none;border:none;border-radius:0}.chat-messages{padding:14px 12px}.chat-bubble{max-width:86%}.chat-input-bar{padding:10px 12px}.conv-list-container{padding:18px 14px}.conv-item{padding:10px}}.chat-mic-btn{background:var(--pink-100);width:44px;height:44px;color:var(--pink-600);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.chat-mic-btn:hover:not(:disabled){background:var(--pink-200);color:var(--pink-700);transform:scale(1.05)}.chat-mic-btn:active,.chat-mic-btn--recording{animation:1.5s ease-in-out infinite micPulse;transform:scale(1.12);box-shadow:0 0 0 6px #ef444440,0 4px 14px #dc262666;color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}@keyframes micPulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.chat-recording-bar{background:#fff5f5;border-top:1px solid #fed7d7;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;animation:.2s ease-out slideUp;display:flex}.chat-recording-indicator{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #fecaca;align-items:center;gap:8px;padding:6px 12px;display:flex}.recording-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1s infinite alternate blink;display:inline-block}@keyframes blink{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.85)}}.recording-timer{color:#dc2626;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.recording-hint{color:#7f1d1d;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.chat-bubble--audio{min-width:230px;padding:10px 14px 8px;max-width:320px!important}.audio-player{align-items:center;gap:12px;width:100%;display:flex}.audio-player__btn{cursor:pointer;width:38px;height:38px;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-player--me .audio-player__btn{color:var(--pink-600);background:#fff}.audio-player--me .audio-player__btn:hover{background:#fdf2f4;transform:scale(1.05)}.audio-player--them .audio-player__btn{background:linear-gradient(135deg, var(--pink-600), var(--pink-500));color:#fff}.audio-player--them .audio-player__btn:hover{background:linear-gradient(135deg, var(--pink-700), var(--pink-600));transform:scale(1.05)}.audio-player__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.audio-player__waveform{cursor:pointer;align-items:center;gap:3px;height:32px;padding:2px 0;display:flex}.waveform-bar{border-radius:2px;flex:1;min-width:2.5px;max-width:4px;transition:opacity .15s,background .15s}.audio-player--me .waveform-bar{background:#fff6}.audio-player--me .waveform-bar--filled{background:#fff}.audio-player--them .waveform-bar{background:var(--pink-200)}.audio-player--them .waveform-bar--filled{background:var(--pink-600)}.waveform-bar--playing.waveform-bar--filled{animation:1.2s ease-in-out infinite waveDance}@keyframes waveDance{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.audio-player__footer{justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.audio-player--me .audio-player__time{color:#ffffffd9;font-variant-numeric:tabular-nums;font-weight:600}.audio-player--them .audio-player__time{color:var(--gray-500);font-variant-numeric:tabular-nums;font-weight:600}.audio-player--me .audio-player__tag{color:#ffffffa6;font-size:10px}.audio-player--them .audio-player__tag{color:var(--pink-400);font-size:10px}.polaroid-gallery-section{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;padding:32px 28px;animation:.4s ease-out slideUp}.polaroid-gallery-header{border-bottom:1px solid var(--pink-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.polaroid-gallery-title{color:var(--gray-800);font-size:22px;font-weight:800;line-height:1.25}.polaroid-gallery-sub{color:var(--pink-500);margin-top:2px;font-size:13.5px}.polaroid-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 32px;padding:20px 8px 36px;display:grid}.polaroid-wrapper{perspective:1000px;justify-content:center;display:flex}.polaroid-card{width:100%;max-width:275px;transform:rotate(var(--rotation,0deg));cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:3px;padding:14px 14px 18px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014,0 0 0 1px #0000000a}.polaroid-card:hover{z-index:10;box-shadow:0 24px 38px -10px #e11d4838,0 12px 18px -6px #0000001f;transform:rotate(0)scale(1.05)translateY(-8px)!important}.polaroid-tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;pointer-events:none;background:#f472b673;border-radius:2px;width:85px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 1px 4px #00000014}.polaroid-photo{aspect-ratio:1;background:var(--pink-50);border-radius:2px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000000a}.polaroid-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.polaroid-card:hover .polaroid-img{transform:scale(1.03)}.polaroid-footer{text-align:center;margin-top:14px;padding:0 4px}.polaroid-caption{color:#1f2937;word-break:break-word;margin:0;font-family:Caveat,cursive,sans-serif;font-size:24px;font-weight:600;line-height:1.25}.polaroid-caption--empty{color:var(--pink-300);font-size:18px}.polaroid-meta{color:var(--gray-400);justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.polaroid-date{letter-spacing:.01em;font-weight:500}.polaroid-author{color:var(--pink-500);font-weight:600}.polaroid-delete-btn{color:#ef4444;cursor:pointer;opacity:0;z-index:5;width:30px;height:30px;box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:18px;right:18px;transform:scale(.85)}.polaroid-card:hover .polaroid-delete-btn{opacity:1;transform:scale(1)}.polaroid-delete-btn:hover{color:#dc2626;background:#fee2e2;transform:scale(1.1)}.polaroid-lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.polaroid-lightbox__content{width:100%;max-width:540px;position:relative}.polaroid-lightbox__close{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:-44px;right:0}.polaroid-lightbox__close:hover{background:#fff6}.polaroid-card--large{cursor:default;max-width:100%;padding:20px 20px 24px;box-shadow:0 25px 50px -12px #00000059;transform:none!important}.polaroid-photo--large{justify-content:center;align-items:center;max-height:60vh;display:flex}.polaroid-caption--large{margin-top:8px;font-size:28px}.polaroid-empty{text-align:center;flex-direction:column;align-items:center;padding:40px 20px 24px;display:flex}.polaroid-empty__card{width:160px;box-shadow:var(--shadow-md);background:#fff;border-radius:3px;margin-bottom:20px;padding:10px 10px 16px;position:relative;transform:rotate(-3deg)}.polaroid-empty__photo{aspect-ratio:1;background:var(--pink-50);border-radius:2px;justify-content:center;align-items:center;width:100%;display:flex}.polaroid-empty__icon{font-size:38px;animation:2s ease-in-out infinite heartBeat}.polaroid-empty__title{color:var(--gray-800);margin-bottom:6px;font-size:18px;font-weight:800}.polaroid-empty__sub{color:var(--gray-500);max-width:320px;font-size:14px;line-height:1.5}.space-active-view{animation:.4s ease-out fadeIn}.space-switcher-bar{border-radius:var(--radius-lg,16px);border:1px solid var(--pink-100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:10px 16px;display:flex}[data-theme=dark] .space-switcher-bar{background:#1d1525d9;border-color:#382444}.space-switcher-label{color:var(--pink-700);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:700}.space-switcher-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.space-chip{color:var(--gray-700);border:1.5px solid var(--pink-200);background:#fff;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}[data-theme=dark] .space-chip{color:#e2d9eb;background:#140d1b;border-color:#382444}.space-chip:hover{background:var(--pink-50);border-color:var(--pink-400);color:var(--pink-700);transform:translateY(-1px)}[data-theme=dark] .space-chip:hover{color:#ffb6c1;background:#251630}.space-chip--active{box-shadow:0 4px 12px #f472b659;background:linear-gradient(135deg, var(--pink-500), var(--pink-600))!important;color:#fff!important;border-color:#0000!important}.space-chip--new{color:var(--pink-600);background:#ffb6c11f;border-style:dashed}.space-chip--new:hover{background:var(--pink-100);color:var(--pink-800)}.space-chip-current-badge{margin-left:2px;font-size:11px;font-weight:800}.space-banner{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1.5px solid var(--pink-100);background:linear-gradient(135deg,#fff 0%,#fdf2f8 100%);flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding:32px 24px;display:flex}.space-avatars-joint{justify-content:center;align-items:center;gap:12px;display:flex}.space-avatar{background:var(--pink-100);color:var(--pink-600);box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.space-heart-badge{font-size:28px;animation:1.8s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.18)}40%{transform:scale(1)}60%{transform:scale(1.12)}}.space-banner-title{color:var(--gray-800);font-size:24px;font-weight:800;line-height:1.25}.space-banner-sub{color:var(--pink-600);margin-top:4px;font-size:14px;font-weight:500}.space-banner-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.space-setup-view{flex-direction:column;gap:24px;animation:.4s ease-out slideUp;display:flex}.space-intro-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:10px;padding:36px 24px;display:flex}.space-intro-icon{font-size:46px;animation:2s ease-in-out infinite heartBeat}.space-intro-title{color:var(--gray-800);font-size:22px;font-weight:800}.space-intro-sub{color:var(--gray-500);max-width:420px;font-size:14.5px;line-height:1.6}.space-section-box{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;padding:24px}.space-section-title{color:var(--gray-800);margin-bottom:4px;font-size:16.5px;font-weight:800}.space-section-sub{color:var(--gray-400);margin-bottom:16px;font-size:13.5px}.space-invite-list{flex-direction:column;gap:12px;display:flex}.space-invite-card{background:var(--pink-50);border:1px solid var(--pink-100);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.space-invite-user{align-items:center;gap:12px;min-width:0;display:flex}.space-invite-name{color:var(--gray-800);font-size:15px;font-weight:700}.space-invite-hint{color:var(--pink-600);font-size:12.5px}.space-invite-actions{gap:8px;display:flex}.space-badge-pending{color:var(--pink-600);background:var(--pink-100);border-radius:var(--radius-full);padding:5px 12px;font-size:12px;font-weight:600}.space-friends-grid{flex-direction:column;gap:8px;display:flex}.space-friend-item{border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:var(--transition);background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.space-friend-item:hover{background:var(--pink-50);border-color:var(--pink-100)}.space-friend-info{align-items:center;gap:12px;min-width:0;display:flex}.space-friend-name{color:var(--gray-800);font-size:14.5px;font-weight:700}.space-friend-sub{color:var(--gray-400);font-size:12px}.memory-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.memory-modal-content{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.memory-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.memory-modal-title{color:var(--gray-800);font-size:18px;font-weight:800}.memory-modal-close{color:var(--gray-400);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.memory-picker-box{border:2px dashed var(--pink-200);border-radius:var(--radius-lg);text-align:center;cursor:pointer;width:100%;transition:var(--transition);background:#fffbfa;padding:20px}.memory-picker-box:hover{border-color:var(--pink-400);background:var(--pink-50)}.memory-picker-empty{flex-direction:column;align-items:center;gap:8px;display:flex}.memory-picker-text{color:var(--pink-700);font-size:14px;font-weight:600}.memory-picker-sub{color:var(--gray-400);font-size:12px}.memory-preview-wrapper{aspect-ratio:1;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.memory-preview-img{object-fit:cover;width:100%;height:100%}.memory-change-hint{color:#fff;border-radius:var(--radius-full);background:#000000a6;padding:4px 8px;font-size:11px;position:absolute;bottom:8px;right:8px}.memory-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.space-tabs{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;gap:8px;margin-bottom:24px;padding:6px;display:flex}.space-tab{color:var(--gray-600);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:700;display:flex}.space-tab:hover{color:var(--pink-700);background:var(--pink-50)}.space-tab--active{box-shadow:0 4px 12px #e11d4840;background:linear-gradient(135deg, var(--pink-600), var(--pink-500))!important;color:#fff!important}.space-tab-icon{font-size:16px}.space-tab-count{color:inherit;background:#ffffff40;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.space-tab--active .space-tab-count{color:#fff;background:#ffffff4d}.space-tab-emoji-badge{font-size:14px}.mood-tracker-container{flex-direction:column;gap:28px;animation:.35s ease-out slideUp;display:flex}.mood-today-section,.mood-history-section{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;padding:28px 24px}.mood-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mood-section-title{color:var(--gray-800);font-size:20px;font-weight:800}.mood-section-sub{color:var(--gray-400);margin-top:2px;font-size:13.5px}.mood-compare-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:600px){.mood-compare-grid{grid-template-columns:1fr}}.mood-card{border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;padding:22px 20px;display:flex;position:relative;overflow:hidden}.mood-card--me{border:1.5px solid var(--pink-200);background:linear-gradient(145deg,#fff7fa 0%,#fdf2f8 100%);box-shadow:0 4px 16px #e11d480f}.mood-card--partner{background:linear-gradient(145deg,#faf5ff 0%,#fdf2f8 100%);border:1.5px solid #f3e8ff;box-shadow:0 4px 16px #7e22ce0d}.mood-card__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.mood-card__avatar{background:var(--pink-100);width:38px;height:38px;color:var(--pink-600);box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;overflow:hidden}.mood-card__name-box{align-items:center;gap:8px;display:flex}.mood-card__name{color:var(--gray-800);font-size:15px;font-weight:800}.mood-card__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);background:var(--pink-200);color:var(--pink-800);padding:2px 8px;font-size:10.5px;font-weight:700}.mood-card__body{text-align:center;flex-direction:column;align-items:center;padding:10px 0 6px;display:flex}.mood-emoji-bubble{margin-bottom:10px;font-size:56px;line-height:1;animation:.4s cubic-bezier(.175,.885,.32,1.275) emojiPop}@keyframes emojiPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mood-label-title{color:var(--pink-900);margin-bottom:6px;font-size:18px;font-weight:800}.mood-note-text{color:#374151;max-width:90%;margin:0;font-family:Caveat,cursive,sans-serif;font-size:20px;line-height:1.3}.mood-card__empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 10px 8px;display:flex}.mood-empty-circle{opacity:.7;margin-bottom:8px;font-size:38px}.mood-empty-hint{color:var(--gray-500);max-width:200px;font-size:13.5px;line-height:1.4}.mood-picker-card{border-radius:var(--radius-lg);border:1.5px solid var(--pink-200);background:#fff;margin-top:24px;padding:22px;animation:.3s ease-out slideUp;box-shadow:0 8px 24px -4px #e11d4814}.mood-picker-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mood-picker-title{color:var(--gray-800);font-size:16px;font-weight:800}.mood-picker-cancel{color:var(--gray-400);cursor:pointer;background:0 0;border:none;font-size:13px}.mood-picker-cancel:hover{color:var(--pink-600)}.mood-options-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:520px){.mood-options-grid{grid-template-columns:repeat(2,1fr)}}.mood-option-btn{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);cursor:pointer;transition:var(--transition);text-align:left;background:#fff;align-items:center;gap:8px;padding:10px 12px;display:flex}.mood-option-btn:hover{border-color:var(--pink-400);background:var(--pink-50);transform:translateY(-2px)}.mood-option-btn--active{transform:scale(1.02);box-shadow:0 0 0 2px #e11d4833;border-color:var(--pink-600)!important;background:var(--pink-50)!important}.mood-option-emoji{font-size:24px}.mood-option-label{color:var(--gray-800);font-size:13px;font-weight:700}.mood-picker-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.mood-history-list{flex-direction:column;gap:12px;display:flex}.mood-history-item{border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:var(--transition);background:#fafafa;align-items:center;gap:16px;padding:14px 18px;display:flex}.mood-history-item:hover{border-color:var(--pink-200);background:#fff;box-shadow:0 4px 12px #0000000a}.mood-history-date-badge{color:var(--gray-600);flex-shrink:0;min-width:75px;font-size:13px;font-weight:800}.mood-history-columns{flex:1;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:540px){.mood-history-item{flex-direction:column;align-items:flex-start;gap:10px}.mood-history-columns{grid-template-columns:1fr;width:100%}}.mood-history-pill{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:#fff;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.mood-history-pill--me{border-color:var(--pink-200);background:#fffbfa}.mood-history-pill--partner{background:#fdfaff;border-color:#f3e8ff}.mood-history-pill__author{text-transform:uppercase;color:var(--gray-400);flex-shrink:0;font-size:11px;font-weight:800}.mood-history-pill__content{align-items:center;gap:8px;min-width:0;display:flex}.mood-history-pill__emoji{flex-shrink:0;font-size:20px}.mood-history-pill__label{color:var(--gray-800);margin-right:4px;font-weight:700}.mood-history-pill__note{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-family:Caveat,cursive,sans-serif;font-size:16px;display:inline-block;overflow:hidden}.mood-history-pill__empty{color:var(--gray-300);font-weight:700}.calendar-container{flex-direction:column;gap:20px;animation:.35s ease-out fadeIn;display:flex}.calendar-header-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.calendar-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.calendar-nav-buttons{background:var(--pink-50);border:1px solid var(--pink-200);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:flex}.calendar-nav-btn{width:32px;height:32px;color:var(--pink-600);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{color:var(--pink-700);box-shadow:var(--shadow-sm);background:#fff}.calendar-today-btn{color:var(--pink-700);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px 10px;font-size:13px;font-weight:700}.calendar-today-btn:hover{box-shadow:var(--shadow-sm);background:#fff}.calendar-month-title{color:var(--gray-800);align-items:baseline;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.calendar-year{color:var(--pink-500);font-size:16px;font-weight:600}.calendar-header-right{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.calendar-legend{border-radius:var(--radius-full);border:1px solid var(--gray-200);background:#fafafa;align-items:center;gap:14px;padding:6px 14px;display:flex}.calendar-legend-item{align-items:center;gap:6px;display:flex}.calendar-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.calendar-legend-dot--mine{background:var(--pink-500);box-shadow:0 0 0 2px #f472b64d}.calendar-legend-dot--partner{background:#9333ea;box-shadow:0 0 0 2px #9333ea4d}.calendar-legend-text{color:var(--gray-600);font-size:12px}.calendar-legend-text strong{color:var(--gray-800)}.calendar-add-btn{align-items:center;gap:6px;box-shadow:0 4px 12px #e11d4833;width:auto!important;padding:9px 18px!important;font-size:13.5px!important;display:inline-flex!important}.calendar-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (max-width:900px){.calendar-layout{grid-template-columns:1fr}}.calendar-grid-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;padding:20px}.calendar-weekdays-row{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;display:grid}.calendar-weekday-col{color:var(--pink-500);text-transform:uppercase;letter-spacing:.05em;padding:6px 0;font-size:12.5px;font-weight:700}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day-cell{border:1.5px solid var(--gray-100);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:#fff;flex-direction:column;min-height:96px;padding:8px 6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.calendar-day-cell:hover{border-color:var(--pink-300);background:#fffcfd;transform:translateY(-2px);box-shadow:0 4px 12px #f472b626}.calendar-day-cell--other-month{opacity:.45;background:#fcfcfc}.calendar-day-cell--today{border-color:var(--pink-400);background:#fff5f8}.calendar-day-cell--today .calendar-day-number{color:var(--pink-600);font-weight:800}.calendar-day-cell--selected{border-color:var(--pink-600)!important;background:#fff0f5!important;box-shadow:0 0 0 2px #e11d4840,0 4px 14px #e11d481a!important}.calendar-day-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.calendar-day-number{color:var(--gray-700);font-size:13px;font-weight:700}.calendar-day-today-tag{background:var(--pink-600);color:#fff;border-radius:var(--radius-full);padding:1px 5px;font-size:9.5px;font-weight:800;line-height:1.2}.calendar-day-events-preview{flex-direction:column;gap:3px;width:100%;margin-top:2px;display:flex}.calendar-mini-pill{white-space:nowrap;text-overflow:ellipsis;border-left:2.5px solid;border-radius:4px;align-items:center;gap:4px;max-width:100%;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.25;display:flex;overflow:hidden}.calendar-mini-pill--mine{color:#9d174d;border-left-color:var(--pink-600);background:#fdf2f8}.calendar-mini-pill--mine .calendar-mini-pill-dot{background:var(--pink-600);border-radius:50%;flex-shrink:0;width:5px;height:5px}.calendar-mini-pill--partner{color:#6b21a8;background:#f5f3ff;border-left-color:#9333ea}.calendar-mini-pill--partner .calendar-mini-pill-dot{background:#9333ea;border-radius:50%;flex-shrink:0;width:5px;height:5px}.calendar-mini-pill-title{text-overflow:ellipsis;overflow:hidden}.calendar-mini-more{color:var(--gray-400);margin-top:1px;padding-left:4px;font-size:10px;font-weight:700}.calendar-day-empty-hint{opacity:0;color:var(--pink-400);align-self:center;margin-top:auto;font-size:14px;font-weight:800;transition:opacity .2s}.calendar-day-cell:hover .calendar-day-empty-hint{opacity:.6}@media (max-width:640px){.calendar-day-cell{min-height:64px;padding:4px 2px}.calendar-mini-pill-title{display:none}.calendar-mini-pill{border-left:none;border-radius:50%;justify-content:center;width:8px;height:8px;margin:1px auto;padding:3px}}.calendar-day-details-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;flex-direction:column;gap:16px;padding:22px 20px;display:flex;position:sticky;top:20px}.calendar-details-header{border-bottom:1px solid var(--pink-100);align-items:center;gap:10px;padding-bottom:14px;display:flex}.calendar-details-header-icon{flex-shrink:0;font-size:24px}.calendar-details-date{color:var(--gray-800);margin:0;font-size:15px;font-weight:800;line-height:1.3}.calendar-details-sub{color:var(--gray-500);margin:2px 0 0;font-size:12px}.calendar-quick-add-btn{color:var(--pink-600);background:var(--pink-50);border:1px solid var(--pink-200);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:700}.calendar-quick-add-btn:hover{background:var(--pink-600);color:#fff;border-color:var(--pink-600)}.calendar-details-list{flex-direction:column;gap:12px;max-height:460px;padding-right:2px;display:flex;overflow-y:auto}.calendar-empty-day{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;display:flex}.calendar-empty-icon{margin-bottom:2px;font-size:32px}.calendar-empty-text{color:var(--gray-500);font-size:13.5px;line-height:1.45}.calendar-event-card{border-radius:var(--radius-lg);transition:var(--transition);border:1.5px solid;flex-direction:column;gap:8px;padding:14px 16px;animation:.25s ease-out slideUp;display:flex}.calendar-event-card--mine{border-color:var(--pink-200);background:#fffbfa}.calendar-event-card--mine:hover{border-color:var(--pink-400);box-shadow:0 4px 12px #f472b626}.calendar-event-card--partner{background:#fdfaff;border-color:#e9d5ff}.calendar-event-card--partner:hover{border-color:#c084fc;box-shadow:0 4px 12px #a855f71f}.calendar-event-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-event-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-creator-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.calendar-creator-badge--mine{background:var(--pink-100);color:var(--pink-700)}.calendar-creator-badge--partner{color:#7e22ce;background:#f3e8ff}.calendar-event-time{color:var(--gray-500);font-size:11.5px;font-weight:600}.calendar-event-delete-btn{color:var(--gray-400);cursor:pointer;width:26px;height:26px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.calendar-event-delete-btn:hover{color:#dc2626;background:#fee2e2}.calendar-event-title{color:var(--gray-800);margin:0;font-size:15px;font-weight:700;line-height:1.35}.calendar-event-desc{color:var(--gray-600);white-space:pre-wrap;border-radius:var(--radius-sm);background:#fff9;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.calendar-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.calendar-modal-card{border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid var(--pink-100);background:#fff;animation:.25s ease-out slideUp;overflow:hidden}.calendar-modal-header{background:linear-gradient(135deg, var(--pink-50) 0%, #fff 100%);border-bottom:1px solid var(--pink-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.calendar-modal-title-group{align-items:flex-start;gap:12px;display:flex}.calendar-modal-icon{flex-shrink:0;font-size:26px}.calendar-modal-title{color:var(--gray-800);margin:0;font-size:18px;font-weight:800}.calendar-modal-sub{color:var(--gray-500);margin:3px 0 0;font-size:12px;line-height:1.4}.calendar-modal-close-btn{color:var(--gray-400);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:4px;font-size:18px}.calendar-modal-close-btn:hover{color:var(--pink-600);background:var(--pink-100)}.calendar-modal-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.calendar-form-row{gap:14px;display:flex}.calendar-creator-preview{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:#fafafa;align-items:center;gap:10px;padding:10px 14px;display:flex}.calendar-creator-preview-label{color:var(--gray-500);font-size:12px;font-weight:600}.calendar-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.tarot-header-gradient{background:linear-gradient(135deg,#701a75 0%,#be185d 50%,#f43f5e 100%)!important}.tarot-container{flex-direction:column;gap:24px;width:100%;max-width:960px;margin:0 auto;animation:.4s ease-out fadeIn;display:flex}.tarot-hub{flex-direction:column;gap:20px;display:flex}.tarot-tabs{margin-bottom:4px}.tarot-card-box{border-radius:var(--radius-xl);border:1.5px solid var(--pink-100);background:#fff;padding:36px 32px;box-shadow:0 10px 30px #be185d14}@media (max-width:640px){.tarot-card-box{padding:24px 18px}}.tarot-ask-card{flex-direction:column;gap:24px;display:flex}.tarot-oracle-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.tarot-sparkle-badge{color:#a21caf;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fdf2f8 0%,#fae8ff 100%);border:1px solid #f0abfc;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #a21caf1a}.tarot-title{color:#3b0764;margin:4px 0 0;font-size:26px;font-weight:800;line-height:1.25}.tarot-subtitle{color:var(--gray-500);max-width:580px;margin:0;font-size:14.5px;line-height:1.6}.tarot-form{flex-direction:column;gap:20px;display:flex}.tarot-textarea{border-radius:var(--radius-lg);border:1.5px solid var(--pink-200);min-height:100px;transition:var(--transition);padding:14px 16px;font-size:15px}.tarot-textarea:focus{border-color:#c026d3;box-shadow:0 0 0 4px #c026d326}.tarot-suggestions{flex-direction:column;gap:8px;display:flex}.tarot-suggestions-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.tarot-suggestion-chips{flex-wrap:wrap;gap:8px;display:flex}.tarot-chip{color:#7e22ce;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);background:#faf5ff;border:1px solid #f3e8ff;padding:6px 14px;font-size:13px;font-weight:600}.tarot-chip:hover{color:#581c87;background:#f3e8ff;border-color:#d8b4fe;transform:translateY(-1px)}.tarot-actions-row{justify-content:center;margin-top:8px;display:flex}.tarot-submit-btn{align-items:center;gap:10px;border-radius:var(--radius-full)!important;background:linear-gradient(135deg,#a21caf 0%,#db2777 50%,#e11d48 100%)!important;width:auto!important;padding:14px 32px!important;font-size:16px!important;display:inline-flex!important;box-shadow:0 8px 24px #db277759!important}.tarot-submit-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #db277773!important}.tarot-shuffling-card{text-align:center;background:radial-gradient(circle,#fdf4ff 0%,#fff 80%);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:420px;display:flex}.tarot-shuffle-animation-area{justify-content:center;align-items:center;width:220px;height:280px;display:flex;position:relative}.tarot-mystic-glow{pointer-events:none;background:radial-gradient(circle,#e879f94d 0%,#d946ef00 70%);border-radius:50%;width:260px;height:260px;animation:2s ease-in-out infinite pulse;position:absolute}.tarot-deck-stack{width:150px;height:240px;position:relative}.tarot-stack-card{background:linear-gradient(135deg,#701a75 0%,#831843 100%);border:2px solid #f5d0fe;border-radius:12px;transition:transform .3s;position:absolute;inset:0;box-shadow:0 6px 18px #701a7559}.tarot-stack-card--1{z-index:5;animation:1.1s ease-in-out infinite alternate shuffleLeft}.tarot-stack-card--2{z-index:4;animation:1.2s ease-in-out .15s infinite alternate shuffleRight}.tarot-stack-card--3{z-index:3;animation:1.3s ease-in-out .3s infinite alternate shuffleFan}.tarot-stack-card--4{z-index:2;transform:rotate(-3deg)scale(.97)}.tarot-stack-card--5{z-index:1;transform:rotate(2deg)scale(.95)}@keyframes shuffleLeft{0%{transform:translate(0)rotate(0)}50%{transform:translate(-42px)rotate(-14deg)scale(1.05)}to{transform:translate(0)rotate(2deg)}}@keyframes shuffleRight{0%{transform:translate(0)rotate(0)}50%{transform:translate(42px)rotate(14deg)scale(1.05)}to{transform:translate(0)rotate(-2deg)}}@keyframes shuffleFan{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(6deg)scale(1.03)}to{transform:translateY(0)rotate(0)}}.tarot-shuffle-status{flex-direction:column;align-items:center;gap:8px;display:flex}.tarot-shuffle-title{color:#4a044e;margin:0;font-size:20px;font-weight:800}.tarot-shuffle-sub{color:var(--gray-500);max-width:420px;margin:0;font-size:14px}.tarot-pulse-dots{gap:6px;margin-top:4px;display:flex}.tarot-pulse-dots span{background:#db2777;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both dotPulse}.tarot-pulse-dots span:first-child{animation-delay:-.32s}.tarot-pulse-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.tarot-question-banner{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.tarot-question-badge{color:#701a75;border-radius:var(--radius-full);background:#fdf4ff;border:1px solid #f5d0fe;padding:4px 10px;font-size:12px;font-weight:800}.tarot-question-text{color:var(--gray-800);flex:1;min-width:240px;margin:0;font-size:16px;font-weight:700}.tarot-saved-pill{color:#059669;border-radius:var(--radius-full);background:#ecfdf5;border:1px solid #a7f3d0;padding:4px 10px;font-size:12px;font-weight:700}.tarot-cards-stage{perspective:1200px;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:24px 0 12px;display:flex}@media (max-width:720px){.tarot-cards-stage{gap:16px}}.tarot-card-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.tarot-card-pos-tag{color:#86198f;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);letter-spacing:.03em;background:#fae8ff;border:1px solid #f0abfc;padding:4px 12px;font-size:12px;font-weight:800}.tarot-card-flipper{width:190px;height:310px;transform-style:preserve-3d;cursor:pointer;border-radius:16px;transition:transform .85s cubic-bezier(.175,.885,.32,1.275);position:relative}@media (max-width:640px){.tarot-card-flipper{width:155px;height:255px}}.tarot-card-flipper--flipped{transform:rotateY(180deg)}.tarot-card-flipper:hover{filter:drop-shadow(0 12px 28px #701a7540)}.tarot-card-face{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden}.tarot-card-back{background:linear-gradient(135deg,#4a044e 0%,#701a75 50%,#831843 100%);border:3px solid #f5d0fe;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 8px 24px #4a044e59}.tarot-card-back-pattern{border:1.5px dashed #f5d0fe99;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:16px 8px;display:flex}.tarot-card-back-ornament{align-items:center;gap:8px;margin:auto 0;display:flex}.tarot-card-back-star{filter:drop-shadow(0 0 10px #f5d0feb3);font-size:38px;animation:2.5s ease-in-out infinite pulse}.tarot-card-back-icon{color:#f5d0fe;font-size:14px}.tarot-card-back-brand{letter-spacing:.25em;color:#f5d0febf;font-size:11px;font-weight:800}.tarot-card-front{background:#fffdfa;border:3px solid #e9d5ff;padding:10px;transform:rotateY(180deg);box-shadow:0 8px 26px #701a7533}.tarot-card-front-inner{background:radial-gradient(circle at top,#faf5ff 0%,#fff 80%);border:1px solid #d8b4fe;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:12px 10px;display:flex}.tarot-card-header{justify-content:space-between;align-items:center;display:flex}.tarot-card-numeral{color:#701a75;font-size:13px;font-weight:800}.tarot-card-arcana-badge{color:#86198f;border-radius:var(--radius-full);background:#f5d0fe;padding:1px 6px;font-size:9.5px;font-weight:700}.tarot-card-symbol-container{justify-content:center;align-items:center;margin:auto 0;display:flex}.tarot-card-symbol{filter:drop-shadow(0 4px 12px #c026d340);font-size:58px;transition:transform .2s}@media (max-width:640px){.tarot-card-symbol{font-size:44px}}.tarot-card-footer{text-align:center;flex-direction:column;gap:2px;display:flex}.tarot-card-name{color:#3b0764;margin:0;font-size:14.5px;font-weight:800;line-height:1.25}.tarot-card-subname{color:var(--gray-500);font-size:11px;font-style:italic}.tarot-interpretations-panel{flex-direction:column;gap:24px;animation:.4s ease-out slideUp;display:flex}.tarot-synthesis-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffafd 0%,#fdf4ff 100%);border:1.5px solid #f0abfc;padding:28px;box-shadow:0 6px 20px #c026d314}.tarot-synthesis-header{border-bottom:1px solid #f5d0fe;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.tarot-synthesis-icon{font-size:26px}.tarot-synthesis-title{color:#4a044e;margin:0;font-size:18px;font-weight:800}.tarot-synthesis-sub{color:var(--gray-500);margin:2px 0 0;font-size:12.5px}.tarot-synthesis-content p{color:var(--gray-700);margin-bottom:12px;font-size:14.5px;line-height:1.7}.tarot-synthesis-content p:last-child{margin-bottom:0}.tarot-position-cards-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:840px){.tarot-position-cards-grid{grid-template-columns:1fr}}.tarot-detail-card{border-radius:var(--radius-xl);border:1.5px solid var(--pink-100);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;flex-direction:column;gap:12px;padding:20px;display:flex}.tarot-detail-card:hover{border-color:#d8b4fe;transform:translateY(-2px);box-shadow:0 6px 18px #701a7514}.tarot-detail-header{align-items:flex-start;gap:10px;display:flex}.tarot-detail-number{color:#701a75;border-radius:var(--radius-full);background:#fdf4ff;border:1px solid #f5d0fe;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:800}.tarot-detail-position{color:var(--pink-600);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700;display:block}.tarot-detail-card-name{color:var(--gray-800);margin:2px 0 0;font-size:15px;font-weight:800}.tarot-detail-meaning{color:var(--gray-600);flex:1;margin:0;font-size:13.5px;line-height:1.6}.tarot-keywords-list{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tarot-keyword-tag{color:#7e22ce;background:#faf5ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.tarot-bottom-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:8px;display:flex}.tarot-new-reading-btn{align-items:center;gap:8px;border-radius:var(--radius-full)!important;width:auto!important;padding:12px 24px!important;display:inline-flex!important;box-shadow:0 6px 18px #db27774d!important}.tarot-history-container{flex-direction:column;gap:18px;animation:.35s ease-out fadeIn;display:flex}.tarot-history-header{border-radius:var(--radius-xl);border:1px solid var(--pink-100);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.tarot-history-title{color:var(--gray-800);margin:0;font-size:18px;font-weight:800}.tarot-history-sub{color:var(--gray-500);margin:2px 0 0;font-size:12.5px}.tarot-empty-history{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.tarot-empty-icon{margin-bottom:4px;font-size:44px}.tarot-empty-title{color:var(--gray-800);margin:0;font-size:18px;font-weight:800}.tarot-empty-sub{color:var(--gray-500);max-width:420px;margin:0;font-size:14px;line-height:1.5}.tarot-history-list{flex-direction:column;gap:14px;display:flex}.tarot-history-item{border-radius:var(--radius-xl);border:1px solid var(--pink-100);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;overflow:hidden}.tarot-history-item:hover{border-color:#f0abfc;box-shadow:0 4px 14px #a21caf14}.tarot-history-item-summary{cursor:pointer;flex-direction:column;gap:12px;padding:20px 22px;display:flex}.tarot-history-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.tarot-history-date{color:var(--gray-500);font-size:12px;font-weight:600}.tarot-history-badge{color:#7e22ce;border-radius:var(--radius-full);background:#fdf4ff;border:1px solid #f5d0fe;padding:2px 8px;font-size:11px;font-weight:700}.tarot-history-question{color:var(--gray-800);margin:0;font-size:16px;font-weight:700;line-height:1.35}.tarot-history-mini-cards{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tarot-history-mini-card{background:#faf5ff;border:1px solid #f3e8ff;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.tarot-history-mini-pos{color:#9333ea;font-size:11px;font-weight:700}.tarot-history-mini-name{color:var(--gray-800);font-weight:600}.tarot-history-item-actions{border-top:1px solid var(--pink-50);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.tarot-history-expand-btn{color:var(--pink-600);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px 0;font-size:12.5px;font-weight:700}.tarot-history-expand-btn:hover{color:var(--pink-700);text-decoration:underline}.tarot-history-delete-btn{color:var(--gray-400);cursor:pointer;width:28px;height:28px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.tarot-history-delete-btn:hover{color:#dc2626;background:#fee2e2}.tarot-history-expanded-content{border-top:1px solid #fdf2f8;flex-direction:column;gap:16px;padding:0 22px 22px;animation:.25s ease-out fadeIn;display:flex}.tarot-history-synthesis-box{border-radius:var(--radius-lg);background:#faf5ff;border:1px solid #f3e8ff;padding:16px 18px}.tarot-history-box-title{color:#581c87;margin:0 0 8px;font-size:14px;font-weight:800}.tarot-history-box-text{color:var(--gray-700);white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.6}.tarot-history-cards-breakdown{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:768px){.tarot-history-cards-breakdown{grid-template-columns:1fr}}.tarot-history-card-detail{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.tarot-history-card-top{align-items:center;gap:6px;display:flex}.tarot-history-card-pos{color:#a21caf;background:#fdf4ff;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:800}.tarot-history-card-title{color:var(--gray-800);font-size:13px;font-weight:700}.tarot-history-card-meaning{color:var(--gray-600);margin:0;font-size:12px;line-height:1.5}.blog-header-gradient{background:linear-gradient(135deg,#9f1239 0%,#e11d48 50%,#fb7185 100%)!important}.blog-feed-container{flex-direction:column;gap:24px;width:100%;max-width:920px;margin:0 auto;animation:.35s ease-out fadeIn;display:flex}.blog-feed-header{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.blog-category-badge{color:#e11d48;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:#fff1f2;border:1px solid #fecdd3;align-items:center;gap:6px;margin-bottom:6px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.blog-feed-title{color:var(--gray-800);margin:0;font-size:24px;font-weight:800;line-height:1.25}.blog-feed-sub{color:var(--gray-500);margin:4px 0 0;font-size:14px;line-height:1.5}.blog-new-btn{align-items:center;gap:8px;width:auto!important;padding:11px 22px!important;font-size:14.5px!important;display:inline-flex!important;box-shadow:0 4px 14px #e11d4840!important}.blog-card-box{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--pink-100);background:#fff;padding:40px 24px}.blog-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.blog-empty-icon{margin-bottom:4px;font-size:44px}.blog-empty-title{color:var(--gray-800);margin:0;font-size:19px;font-weight:800}.blog-empty-sub{color:var(--gray-500);max-width:400px;margin:0;font-size:14px;line-height:1.5}.blog-posts-grid{flex-direction:column;gap:18px;display:flex}.blog-post-card{border-radius:var(--radius-xl);border:1.5px solid var(--pink-100);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.blog-post-card:hover{border-color:var(--pink-300);transform:translateY(-2px);box-shadow:0 8px 24px #e11d481a}.blog-card-cover{aspect-ratio:16/9;background:var(--pink-50);width:100%;position:relative;overflow:hidden}.blog-card-cover img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}.blog-card-body{flex-direction:column;gap:12px;padding:24px 26px;display:flex}.blog-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-author-badge{align-items:center;gap:10px;display:flex}.blog-author-avatar{background:var(--pink-100);width:34px;height:34px;color:var(--pink-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.blog-author-info{align-items:center;gap:6px;display:flex}.blog-author-name{color:var(--gray-800);font-size:13.5px;font-weight:700}.blog-admin-pill{color:#e11d48;border-radius:var(--radius-full);text-transform:uppercase;background:#fff1f2;border:1px solid #fecdd3;padding:1px 6px;font-size:10px;font-weight:800}.blog-card-date-info{color:var(--gray-400);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.blog-card-title{color:var(--gray-800);margin:0;font-size:20px;font-weight:800;line-height:1.35;transition:color .15s}.blog-post-card:hover .blog-card-title{color:var(--pink-600)}.blog-card-excerpt{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--pink-50);justify-content:space-between;align-items:center;margin-top:4px;padding-top:14px;display:flex}.blog-read-more{color:var(--pink-600);align-items:center;gap:4px;font-size:13.5px;font-weight:700;transition:transform .2s;display:inline-flex}.blog-post-card:hover .blog-read-more{transform:translate(4px)}.blog-admin-actions{align-items:center;gap:6px;display:flex}.blog-btn-icon{cursor:pointer;width:32px;height:32px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.blog-btn-edit{color:var(--gray-500)}.blog-btn-edit:hover{background:var(--pink-50);color:var(--pink-600)}.blog-btn-delete{color:var(--gray-400)}.blog-btn-delete:hover{color:#dc2626;background:#fee2e2}.blog-reader-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.blog-reader-modal{border-radius:var(--radius-xl);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--pink-100);background:#fff;flex-direction:column;animation:.25s ease-out slideUp;display:flex;overflow:hidden}.blog-reader-header{border-bottom:1px solid var(--pink-100);background:#fafafa;justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.blog-reader-meta{align-items:center;gap:10px;display:flex}.blog-reader-date{color:var(--gray-500);font-size:13px;font-weight:600}.blog-modal-close{color:var(--gray-400);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:4px;font-size:18px}.blog-modal-close:hover{color:var(--pink-600);background:var(--pink-100)}.blog-reader-body{flex-direction:column;gap:20px;padding:28px 32px 32px;display:flex;overflow-y:auto}@media (max-width:640px){.blog-reader-body{padding:20px 18px 24px}}.blog-reader-title{color:var(--gray-900);margin:0;font-size:28px;font-weight:800;line-height:1.3}@media (max-width:640px){.blog-reader-title{font-size:22px}}.blog-reader-author{border-bottom:1px solid var(--gray-100);align-items:center;gap:12px;padding-bottom:16px;display:flex}.blog-reader-author-name{color:var(--gray-800);margin:0;font-size:15px;font-weight:800}.blog-reader-author-sub{color:var(--gray-400);margin:1px 0 0;font-size:12.5px}.blog-reader-cover{aspect-ratio:16/9;background:var(--pink-50);border:1px solid var(--pink-100);border-radius:14px;width:100%;position:relative;overflow:hidden}.blog-reader-cover img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}.blog-reader-content{color:var(--gray-800);flex-direction:column;gap:18px;font-size:16px;line-height:1.85;display:flex}.blog-reader-content p{white-space:pre-wrap;margin:0}.blog-reader-footer{border-top:1px solid var(--pink-100);background:#fafafa;justify-content:flex-end;padding:14px 26px;display:flex}.blog-editor-modal{border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--pink-100);background:#fff;flex-direction:column;animation:.25s ease-out slideUp;display:flex;overflow:hidden}.blog-editor-header{border-bottom:1px solid var(--pink-100);background:linear-gradient(135deg,#fff1f2 0%,#fff 100%);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 26px;display:flex}.blog-editor-title{color:var(--gray-800);margin:0;font-size:19px;font-weight:800}.blog-editor-sub{color:var(--gray-500);margin:3px 0 0;font-size:12.5px}.blog-editor-form{flex-direction:column;gap:16px;padding:24px 26px 26px;display:flex;overflow-y:auto}.blog-editor-textarea{min-height:180px;font-family:inherit;font-size:14.5px;line-height:1.6}.blog-editor-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}[data-aos]{pointer-events:auto;will-change:transform, opacity;transition-property:opacity,transform;transition-duration:.55s;transition-timing-function:cubic-bezier(.16,1,.3,1)}[data-aos=fade-up]{opacity:0;transform:translateY(18px)}[data-aos=fade-up].aos-animate{opacity:1;transform:translate(0,0)}[data-aos=fade-down]{opacity:0;transform:translateY(-18px)}[data-aos=fade-down].aos-animate{opacity:1;transform:translate(0,0)}[data-aos=fade-in]{opacity:0}[data-aos=fade-in].aos-animate{opacity:1}[data-aos=zoom-in]{opacity:0;transform:scale(.95)}[data-aos=zoom-in].aos-animate{opacity:1;transform:scale(1)}[data-aos][data-aos-delay="50"]{transition-delay:50ms}[data-aos][data-aos-delay="100"]{transition-delay:.1s}[data-aos][data-aos-delay="150"]{transition-delay:.15s}[data-aos][data-aos-delay="200"]{transition-delay:.2s}[data-aos][data-aos-delay="250"]{transition-delay:.25s}[data-aos][data-aos-delay="300"]{transition-delay:.3s}[data-aos][data-aos-delay="400"]{transition-delay:.4s}[data-aos][data-aos-delay="500"]{transition-delay:.5s}[data-aos][data-aos-duration="400"]{transition-duration:.4s}[data-aos][data-aos-duration="550"]{transition-duration:.55s}[data-aos][data-aos-duration="700"]{transition-duration:.7s}[data-aos][data-aos-duration="1000"]{transition-duration:1s}@media (prefers-reduced-motion:reduce){[data-aos]{opacity:1!important;transition:none!important;transform:none!important}}body:has(.app-topbar){padding-top:62px}@media (max-width:768px){body:has(.app-bottom-bar){padding-bottom:64px}}.app-topbar{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--pink-100);z-index:1000;background:#ffffffe6;height:62px;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #ec48990d}.app-topbar__inner{justify-content:space-between;align-items:center;max-width:1100px;height:100%;margin:0 auto;padding:0 20px;display:flex}.app-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:9px;text-decoration:none;display:flex}.app-brand__logo{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s;display:flex;box-shadow:0 2px 8px #ec48994d}.app-brand:hover .app-brand__logo{transform:rotate(15deg)scale(1.08)}.app-brand__logo svg{fill:currentColor;width:17px;height:17px}.app-brand__name{background:linear-gradient(135deg, var(--pink-600), var(--pink-800));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-family:Caveat,cursive,sans-serif;font-size:26px;font-weight:700}.app-nav-desktop{align-items:center;gap:6px;display:flex}.app-nav-link{border-radius:var(--radius-full);color:var(--gray-600);align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.app-nav-link:hover{color:var(--pink-600);background:var(--pink-50)}.app-nav-link--active{color:var(--pink-600);background:var(--pink-100);font-weight:700}.app-nav-link__icon{align-items:center;display:flex}.app-topbar__actions{align-items:center;gap:12px;display:flex}.app-user-chip{border-radius:var(--radius-full);background:var(--pink-50);border:1px solid var(--pink-200);color:var(--pink-700);align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.app-user-chip:hover{background:var(--pink-100);transform:translateY(-1px)}.app-user-chip__avatar{background:linear-gradient(135deg, var(--pink-400), var(--pink-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.hamburger-btn{background:var(--pink-50);border:1px solid var(--pink-200);border-radius:var(--radius-md);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--pink-700);cursor:pointer;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.hamburger-btn:hover{background:var(--pink-100);border-color:var(--pink-300);color:var(--pink-800);transform:translateY(-1px);box-shadow:0 2px 10px #ec48992e}.hamburger-btn:active{transform:translateY(0)}.hamburger-btn .hamburger-svg{stroke:currentColor;flex-shrink:0;margin:auto;transition:transform .22s cubic-bezier(.16,1,.3,1);display:block}.hamburger-btn--open{background:var(--pink-100);border-color:var(--pink-400);color:var(--pink-700)}.app-bottom-bar{display:none}@media (max-width:768px){.app-nav-desktop,.app-user-chip{display:none}.app-bottom-bar{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--pink-100);z-index:1000;background:#fffffff0;justify-content:space-around;align-items:center;height:60px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000a}.app-bottom-item{color:var(--gray-500);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:10px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.app-bottom-item--active{color:var(--pink-600);font-weight:700}.app-bottom-item__icon{justify-content:center;align-items:center;display:flex}}.app-drawer-overlay{-webkit-backdrop-filter:blur(5px);z-index:1999;opacity:0;pointer-events:none;background:#0f172a6b;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.app-drawer-overlay--visible{opacity:1;pointer-events:auto}.app-drawer{z-index:2000;background:#fff;flex-direction:column;width:360px;max-width:88vw;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #00000029}.app-drawer--open{transform:translate(0,0)}.drawer-header{border-bottom:1px solid var(--pink-100);background:linear-gradient(135deg, var(--pink-50), #fff);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.drawer-header__title{color:var(--gray-800);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.drawer-sparkle{font-size:18px}.drawer-close-btn{border:1px solid var(--pink-200);width:32px;height:32px;color:var(--gray-500);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .2s;display:flex}.drawer-close-btn:hover{background:var(--pink-100);color:var(--pink-700);border-color:var(--pink-300)}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-user-card{background:linear-gradient(135deg, var(--pink-50), #fff);border:1.5px solid var(--pink-100);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 4px 16px #ec489914}.drawer-user-avatar{width:52px;height:52px;box-shadow:0 0 0 2px var(--pink-400);background:linear-gradient(135deg, var(--pink-200), var(--pink-400));border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.drawer-avatar-fallback{color:var(--pink-700);font-size:18px;font-weight:800}.drawer-user-details{flex:1;min-width:0}.drawer-user-name-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.drawer-user-name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.drawer-badge{border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:700}.drawer-badge--admin{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.drawer-badge--user{background:var(--pink-100);color:var(--pink-700)}.drawer-user-profession{color:var(--pink-600);margin-bottom:2px;font-size:12px;font-weight:500}.drawer-user-email{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.drawer-section{flex-direction:column;gap:10px;display:flex}.drawer-section__label{text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);margin-bottom:2px;font-size:11px;font-weight:800}.drawer-link{border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--gray-100);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.drawer-link:hover{background:var(--pink-50);border-color:var(--pink-200);transform:translate(3px)}.drawer-link--active{background:var(--pink-50);border-color:var(--pink-300)}.drawer-link__icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.drawer-link__icon-box--blog{background:#fff7ed;border:1px solid #fed7aa}.drawer-link__icon-box--tarot{background:#fdf2f8;border:1px solid #fbcfe8}.drawer-link__icon-box--edit{background:#f3f4f6;border:1px solid #e5e7eb}.drawer-link__content{flex:1;min-width:0}.drawer-link__title{color:var(--gray-800);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:14px;font-weight:700;display:flex}.drawer-pill-admin{background:var(--pink-600);color:#fff;border-radius:var(--radius-full);padding:1px 7px;font-size:10px;font-weight:700}.drawer-link__desc{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.drawer-setting-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:14px}.drawer-setting-label{color:var(--gray-700);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.drawer-setting-val{color:var(--pink-600);font-size:12px;font-weight:600}.theme-options-grid,.lang-options-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lang-options-grid{grid-template-columns:repeat(2,1fr)}.theme-chip,.lang-chip{border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);color:var(--gray-700);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.theme-chip:hover,.lang-chip:hover{border-color:var(--pink-300);background:var(--pink-50)}.theme-chip--active,.lang-chip--active{border-color:var(--pink-500);background:var(--pink-50);color:var(--pink-700);font-weight:700}.theme-color-dot{border-radius:50%;width:9px;height:9px}.theme-color-dot--pink{background:#ec4899}.theme-color-dot--dark{background:#1f2937}.theme-color-dot--lavender{background:#8b5cf6}.drawer-accordion-btn{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);width:100%;color:var(--gray-700);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.drawer-accordion-btn:hover{background:var(--pink-50);border-color:var(--pink-200)}.drawer-accordion-chevron{font-size:14px;transition:transform .2s}.drawer-accordion-chevron.open{transform:rotate(180deg)}.drawer-about-content{border:1px solid var(--pink-100);border-radius:var(--radius-md);color:var(--gray-600);background:#fff;margin-top:6px;padding:14px;font-size:12.5px;line-height:1.5}.drawer-about-content ul{flex-direction:column;gap:4px;margin:10px 0 10px 16px;display:flex}.drawer-version-text{color:var(--gray-400);text-align:center;margin-top:10px;font-size:11px}.drawer-footer{border-top:1px solid var(--pink-100);background:#fff;padding:16px 20px 20px}.drawer-logout-btn{color:#e11d48;border-radius:var(--radius-md);cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.drawer-logout-btn:hover{background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px);box-shadow:0 4px 12px #e11d481f}.shared-journal-container{flex-direction:column;gap:24px;width:100%;max-width:760px;margin:0 auto;display:flex}.journal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.journal-sparkle-tag{color:var(--pink-700);background:var(--pink-100);border:1px solid var(--pink-200);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.journal-title{color:var(--gray-800);font-size:22px;font-weight:800;line-height:1.25}.journal-sub{color:var(--gray-500);margin-top:4px;font-size:13.5px}.journal-write-btn{align-items:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #db277740}.journal-write-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #db277759}.journal-form-card{border-radius:var(--radius-xl);background:linear-gradient(#fff 0%,#fffbf8 100%);border:1.5px solid #fed7aa;flex-direction:column;padding:24px 26px;display:flex;position:relative;box-shadow:0 8px 30px #fb923c14,0 2px 10px #ec48990f}.journal-form-card:before{content:"";background:#fdba7473;border:1px dashed #f973164d;border-top:none;border-radius:0 0 6px 6px;width:90px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.journal-form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.journal-form-date-stamp{color:var(--pink-700);background:var(--pink-50);border:1px solid var(--pink-200);border-radius:var(--radius-full);align-items:center;gap:6px;padding:2px 12px;font-family:Caveat,cursive,sans-serif;font-size:20px;font-weight:700;display:inline-flex}.journal-form-cancel-x{border:1px solid var(--gray-200);color:var(--gray-400);cursor:pointer;width:28px;height:28px;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.journal-form-cancel-x:hover{background:var(--pink-100);color:var(--pink-700);border-color:var(--pink-300)}.journal-textarea{min-height:130px;font-family:inherit;line-height:1.6}.journal-img-preview-box{border-radius:var(--radius-md);border:1.5px solid var(--pink-200);background:#fff;max-width:440px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.journal-preview-remove{color:#fff;cursor:pointer;background:#000000a6;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.journal-preview-remove:hover{background:#ef4444;transform:scale(1.1)}.journal-form-actions{border-top:1px solid var(--pink-100);flex-wrap:wrap;align-items:center;gap:10px;padding-top:16px;display:flex}.journal-entries-stream{flex-direction:column;gap:20px;display:flex}.journal-card{border:1.5px solid var(--pink-100);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff 0%,#fffcfd 100%);flex-direction:column;gap:14px;padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #ec48990f,0 1px 3px #00000008}.journal-card:hover{border-color:var(--pink-200);transform:translateY(-2px);box-shadow:0 8px 24px #ec48991f}.journal-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.journal-card__author-info{align-items:center;gap:12px;display:flex}.journal-card__author-name{color:var(--gray-800);align-items:center;gap:8px;font-size:14.5px;display:flex}.journal-me-pill{color:var(--pink-700);background:var(--pink-100);border-radius:var(--radius-full);padding:1px 8px;font-size:11px;font-weight:700}.journal-card__date-line{color:var(--gray-400);align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.journal-time-dot{color:var(--gray-400)}.journal-card-delete-btn{color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.journal-card-delete-btn:hover{color:#e11d48;background:#ffe4e6}.journal-card__title{color:var(--pink-700);letter-spacing:.2px;font-family:Caveat,cursive,sans-serif;font-size:24px;font-weight:700;line-height:1.25}.journal-card__body{margin-top:-4px}.journal-card__text{color:var(--gray-700);white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.7}.journal-card__image-box{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--pink-100);background:var(--pink-50);width:100%;max-width:520px;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.journal-card__image-box img{object-position:center;width:100%;height:100%;transition:transform .3s;display:block;object-fit:cover!important}.journal-img-preview-box{aspect-ratio:16/9;border-radius:var(--radius-md);border:1.5px solid var(--pink-200);background:var(--pink-50);width:100%;margin-bottom:12px;position:relative;overflow:hidden}.journal-img-preview-box img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}.journal-card__image-box:hover img{transform:scale(1.02)}.journal-empty-card{border-radius:var(--radius-xl);border:2px dashed var(--pink-200);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:12px;padding:44px 20px;display:flex}.journal-empty-icon{font-size:44px;animation:2s ease-in-out infinite heartBeat}.journal-empty-title{color:var(--gray-800);font-size:19px;font-weight:800}.journal-empty-sub{color:var(--gray-500);max-width:380px;font-size:13.5px;line-height:1.55}[data-theme=dark]{--pink-50:#1f1322;--pink-100:#331c38;--pink-200:#54255d;--pink-300:#83358f;--pink-400:#b84ec6;--pink-500:#e879f9;--pink-600:#d946ef;--pink-700:#c026d3;--pink-800:#a21caf;--pink-900:#86198f;--white:#16101c;--gray-50:#120c16;--gray-100:#22182a;--gray-200:#342540;--gray-400:#9784a3;--gray-500:#b5a5c0;--gray-600:#d6cae0;--gray-700:#eee5f5;--gray-800:#faf5ff}[data-theme=dark] body{color:#f3e8f8;background:#110b14}[data-theme=dark] .app-topbar{background:#16101ceb;border-color:#331c38}[data-theme=dark] .app-bottom-bar{background:#16101cf0;border-color:#331c38}[data-theme=dark] .app-drawer{background:#191220}[data-theme=dark] .drawer-header,[data-theme=dark] .drawer-footer{background:#191220;border-color:#331c38}[data-theme=dark] .drawer-user-card,[data-theme=dark] .drawer-link,[data-theme=dark] .drawer-setting-box,[data-theme=dark] .drawer-accordion-btn{background:#24172e;border-color:#3d2449}[data-theme=dark] .theme-chip,[data-theme=dark] .lang-chip{color:#f3e8f8;background:#1c1324;border-color:#3d2449}[data-theme=dark] .card,[data-theme=dark] .profile-card,[data-theme=dark] .post-card,[data-theme=dark] .create-post-form,[data-theme=dark] .calendar-header-card,[data-theme=dark] .calendar-grid-card,[data-theme=dark] .calendar-day-details-card,[data-theme=dark] .mood-card,[data-theme=dark] .blog-post-card,[data-theme=dark] .journal-card,[data-theme=dark] .journal-form-card,[data-theme=dark] .journal-empty-card{color:#f3e8f8;background:#1d1525;border-color:#382444}[data-theme=dark] .journal-card__author-name{color:#f3e8f8}[data-theme=dark] .journal-card__text{color:#d6cae0}[data-theme=dark] .journal-card__title{color:#f472b6}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .friends-search-input,[data-theme=dark] .chat-input,[data-theme=dark] .tarot-textarea,[data-theme=dark] .journal-textarea,[data-theme=dark] .journal-input,[data-theme=dark] .blog-input,[data-theme=dark] .blog-textarea,[data-theme=dark] .polaroid-input,[data-theme=dark] .polaroid-textarea{color:#faf5ff!important;background:#140d1b!important;border-color:#382444!important}[data-theme=dark] ::placeholder{color:#9784a3!important;opacity:1!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#faf5ff}[data-theme=dark] .alert--error{color:#fca5a5;background:#dc26262e;border-color:#ef444466}[data-theme=dark] .alert--success{color:#86efac;background:#16a34a2e;border-color:#22c55e66}[data-theme=dark] .hamburger-btn{color:#f472b6;background:#24172e;border-color:#4a2856}[data-theme=dark] .hamburger-btn:hover{color:#faf5ff;background:#311c3e;border-color:#d946ef;box-shadow:0 2px 12px #d946ef40}[data-theme=dark] .tab-group{background:#191220;border:1px solid #331c38}[data-theme=dark] .tab-btn{color:#b5a5c0}[data-theme=dark] .tab-btn.active{color:#f472b6!important;background:#2d1b3a!important;border-color:#54255d!important;box-shadow:0 2px 8px #00000059!important}[data-theme=dark] .btn--secondary,[data-theme=dark] .btn-secondary{color:#f472b6;background:#24172e;border-color:#4a2856}[data-theme=dark] .btn--secondary:hover,[data-theme=dark] .btn-secondary:hover{color:#faf5ff;background:#311c3e;border-color:#d946ef}[data-theme=dark] .btn--ghost{color:#b5a5c0}[data-theme=dark] .btn--ghost:hover{color:#f472b6;background:#f472b61a}[data-theme=dark] .btn-post-photo-upload,[data-theme=dark] .btn-post-attach{color:#f472b6;background:#24172e;border-color:#4a2856}[data-theme=dark] .btn-post-photo-upload:hover,[data-theme=dark] .btn-post-attach:hover{color:#faf5ff;background:#311c3e;border-color:#d946ef}[data-theme=dark] .back-link{color:#f472b6;background:#24172e;border-color:#3d2449}[data-theme=dark] .back-link:hover{color:#faf5ff;background:#311c3e;border-color:#d946ef}[data-theme=dark] .tarot-question-banner{background:#1d1525;border-color:#382444}[data-theme=dark] .tarot-question-text,[data-theme=dark] .tarot-title,[data-theme=dark] .tarot-card-name,[data-theme=dark] .tarot-detail-card-name,[data-theme=dark] .tarot-shuffle-title{color:#faf5ff}[data-theme=dark] .tarot-synthesis-title{color:#f472b6}[data-theme=dark] .tarot-synthesis-card{background:#22172b;border-color:#4a2856}[data-theme=dark] .tarot-synthesis-content p{color:#d6cae0}[data-theme=dark] .tarot-detail-card{background:#1d1525;border-color:#382444}[data-theme=dark] .tarot-detail-meaning{color:#b5a5c0}[data-theme=dark] .tarot-chip{color:#f472b6;background:#24172e;border-color:#4a2856}[data-theme=dark] .tarot-chip:hover{color:#faf5ff;background:#311c3e;border-color:#d946ef}[data-theme=dark] .tarot-question-badge,[data-theme=dark] .tarot-detail-number,[data-theme=dark] .tarot-card-pos-tag,[data-theme=dark] .tarot-sparkle-badge{color:#f472b6;background:#2b1735;border-color:#54255d}[data-theme=dark] .tarot-history-card{color:#f3e8f8;background:#1d1525;border-color:#382444}[data-theme=dark] .calendar-cell{background:#1d1525;border-color:#331c38}[data-theme=dark] .calendar-cell:hover{background:#261b31}[data-theme=dark] .calendar-cell--other-month{opacity:.4;background:#140d1b}[data-theme=dark] .calendar-cell--today{background:#2d1836;border-color:#d946ef}[data-theme=dark] .calendar-day-number{color:#faf5ff}[data-theme=dark] .calendar-day-name{color:#b5a5c0}[data-theme=dark] .calendar-mini-pill--mine{color:#f9a8d4;background:#34172e;border-left-color:#ec4899}[data-theme=dark] .calendar-mini-pill--partner{color:#d8b4fe;background:#28173d;border-left-color:#a855f7}[data-theme=dark] .calendar-event-card{color:#faf5ff;background:#24172e;border-color:#3d2449}[data-theme=dark] .calendar-event-title{color:#faf5ff}[data-theme=dark] .calendar-event-desc{color:#d6cae0}[data-theme=dark] .calendar-event-time{color:#f472b6}[data-theme=dark] .calendar-modal-backdrop{background:#0a060dd1}[data-theme=dark] .calendar-modal{color:#f3e8f8;background:#1d1525;border-color:#382444}[data-theme=dark] .mood-note-text{color:#f3e8f8}[data-theme=dark] .mood-label-title{color:#f472b6}[data-theme=dark] .mood-history-item{background:#24172e;border-color:#3d2449}[data-theme=dark] .mood-history-note{color:#d6cae0}[data-theme=dark] .mood-history-partner{color:#f3e8f8}[data-theme=dark] .mood-option-btn{color:#faf5ff;background:#24172e;border-color:#3d2449}[data-theme=dark] .mood-option-btn--selected{color:#f472b6;background:#3a1c44;border-color:#d946ef}[data-theme=dark] .chat-window{background:#191220;border-color:#382444}[data-theme=dark] .chat-header{background:#1d1525;border-color:#382444}[data-theme=dark] .chat-header__name{color:#faf5ff}[data-theme=dark] .chat-header__status{color:#b5a5c0}[data-theme=dark] .chat-footer{background:#1d1525;border-color:#382444}[data-theme=dark] .chat-bubble--incoming{color:#faf5ff;background:#251a30;border-color:#3d284f}[data-theme=dark] .chat-bubble--incoming .chat-bubble__time{color:#a89cb5}[data-theme=dark] .conv-item{background:#1d1525;border-color:#382444}[data-theme=dark] .conv-item:hover{background:#261b31}[data-theme=dark] .conv-item__name{color:#faf5ff}[data-theme=dark] .conv-item__preview{color:#b5a5c0}[data-theme=dark] .conv-item__time{color:#9784a3}[data-theme=dark] .friend-card,[data-theme=dark] .friend-request-card{background:#1d1525;border-color:#382444}[data-theme=dark] .friend-name{color:#faf5ff}[data-theme=dark] .friend-profession{color:#f472b6}[data-theme=dark] .friends-search-box{background:#140d1b;border-color:#382444}[data-theme=dark] .profile-name{color:#faf5ff}[data-theme=dark] .profile-bio-text{color:#d6cae0}[data-theme=dark] .profile-bio-label,[data-theme=dark] .profile-profession{color:#f472b6}[data-theme=dark] .posts-locked{color:#faf5ff;background:#1d1525;border-color:#382444}[data-theme=dark] .posts-locked__title{color:#faf5ff}[data-theme=dark] .posts-locked__sub{color:#b5a5c0}[data-theme=dark] .profile-avatar-container{background:#1d1525;border-color:#d946ef}[data-theme=dark] .post-card__content{color:#f3e8f8}[data-theme=dark] .post-card__author{color:#faf5ff}[data-theme=dark] .post-card__repost-header{color:#f472b6;background:#2a152d}[data-theme=dark] .post-card__actions-bar{border-top-color:#382444}[data-theme=dark] .post-action-btn{color:#b5a5c0}[data-theme=dark] .post-action-btn:hover{color:#f472b6;background:#2a152d}[data-theme=dark] .post-action-btn--like.is-active{color:#fb7185}[data-theme=dark] .post-action-btn--like.is-active .action-icon--heart{fill:#fb7185;stroke:#fb7185}[data-theme=dark] .post-action-btn--comment.is-active{color:#f472b6;background:#2a152d}[data-theme=dark] .post-action-btn--repost.is-active{color:#34d399;background:#064e3b}[data-theme=dark] .post-comments-drawer{background:#140d1b;border-color:#382444}[data-theme=dark] .comment-input-field{color:#faf5ff;background:#1d1525;border-color:#382444}[data-theme=dark] .comment-item__bubble{background:#1d1525;border-color:#382444}[data-theme=dark] .comment-item__author{color:#faf5ff}[data-theme=dark] .comment-item__text{color:#e2d7ea}[data-theme=dark] .rich-editor-wrapper{background:#1d1525;border-color:#382444}[data-theme=dark] .rich-editor-wrapper:focus-within{border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}[data-theme=dark] .rich-editor-toolbar{background:#170f1e;border-bottom-color:#382444}[data-theme=dark] .rich-toolbar-btn{color:#d6cae0}[data-theme=dark] .rich-toolbar-btn:hover:not(:disabled){color:#f472b6;background:#2a152d}[data-theme=dark] .rich-toolbar-btn.is-active{color:#fff;background:#ec4899;border-color:#f472b6}[data-theme=dark] .rich-editor-content-box .tiptap{color:#faf5ff}[data-theme=dark] .rich-editor-content-box .tiptap p.is-editor-empty:first-child:before{color:#7e6f8a}[data-theme=dark] .rich-editor--compact .rich-editor-toolbar{background:#170f1e;border-bottom-color:#382444}[data-theme=dark] .blog-post-card{background:#1d1525;border-color:#382444}[data-theme=dark] .blog-post-title{color:#faf5ff}[data-theme=dark] .blog-post-content{color:#d6cae0}[data-theme=dark] .blog-post-excerpt{color:#b5a5c0}[data-theme=dark] .blog-author-name{color:#faf5ff}[data-theme=dark] .blog-admin-pill{color:#f472b6;background:#331c38;border-color:#54255d}[data-theme=dark] .blog-editor-modal,[data-theme=dark] .polaroid-modal,[data-theme=dark] .modal-content{color:#faf5ff;background:#1d1525;border-color:#382444}[data-theme=dark] .polaroid-upload-dropzone{color:#b5a5c0;background:#140d1b;border-color:#382444}[data-theme=lavender]{--pink-50:#f5f3ff;--pink-100:#ede9fe;--pink-200:#ddd6fe;--pink-300:#c4b5fd;--pink-400:#a78bfa;--pink-500:#8b5cf6;--pink-600:#7c3aed;--pink-700:#6d28d9;--pink-800:#5b21b6;--pink-900:#4c1d95}[data-theme=lavender] .app-brand__name{background:linear-gradient(135deg,#7c3aed,#5b21b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes shimmerPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffb6c11f 25%,#ffb6c147 50%,#ffb6c11f 75%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmerPulse}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmerPulse}.skeleton-box{border-radius:var(--radius-md,12px);position:relative;overflow:hidden}.skeleton-text{border-radius:6px;height:14px;margin-bottom:8px}.skeleton-circle{border-radius:50%}@media (max-width:640px){html,body{max-width:100vw;overflow-x:hidden}.page-wrapper{padding:16px 12px 24px}.page-wrapper--top{padding-top:24px}.space-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;border-radius:var(--radius-lg);gap:4px;padding:4px;overflow-x:auto}.space-tabs::-webkit-scrollbar{display:none}.space-tab{white-space:nowrap;flex:none;padding:8px 12px;font-size:13px}.friends-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;overflow-x:auto}.friends-tabs::-webkit-scrollbar{display:none}.friends-tab{white-space:nowrap;flex:1 0 auto;min-width:max-content;padding:12px 10px;font-size:12.5px}.calendar-grid-card{border-radius:var(--radius-lg);padding:12px 8px}.calendar-weekdays-row{gap:3px;margin-bottom:6px}.calendar-weekday-col{padding:4px 0;font-size:11px}.calendar-days-grid{gap:3px}.calendar-day-cell{border-radius:6px;min-height:62px;padding:4px 3px}.calendar-day-number{font-size:11.5px}.calendar-event-pill{padding:1px 4px;font-size:9.5px}.polaroid-card{max-width:100%;transform:none!important}.polaroid-grid{grid-template-columns:1fr;gap:20px;padding:8px 0}.card{border-radius:var(--radius-lg);padding:22px 16px}.modal-card{border-radius:var(--radius-lg);max-width:95vw;padding:20px 16px}.chat-header{padding:12px 14px}}