:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--red-500:#ef4444;--red-600:#dc2626;--white:#fff;--green-100:#dcfce7;--green-700:#15803d;--blue-100:#dbeafe;--blue-700:#1d4ed8;--purple-100:#f3e8ff;--purple-700:#7e22ce;--orange-500:#f97316;--radius-md:0.375rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-colors:color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease;--transition-shadow:box-shadow 0.2s ease;--transition-all:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);font-family:var(--font-family);font-size:var(--text-base);line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.feedback-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:2000}.feedback-modal{animation:feedbackModalSlideIn .2s ease-out;background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:480px;overflow:hidden;width:100%}@keyframes feedbackModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.feedback-modal-header h2{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.feedback-modal-close{background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-400);cursor:pointer;font-size:1.5rem;line-height:1;padding:var(--spacing-1);transition:var(--transition-all)}.feedback-modal-close:hover{background-color:var(--gray-100);color:var(--gray-600)}.feedback-modal-close:disabled{cursor:not-allowed;opacity:.5}.feedback-form{padding:var(--spacing-6)}.feedback-textarea{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-family);font-size:var(--text-base);min-height:150px;padding:var(--spacing-3) var(--spacing-4);resize:vertical;transition:var(--transition-all);width:100%}.feedback-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.feedback-textarea:disabled{background-color:var(--gray-50);cursor:not-allowed}.feedback-textarea::placeholder{color:var(--gray-400)}.feedback-error{color:var(--red-500);font-size:var(--text-sm);margin:var(--spacing-3) 0 0 0}.feedback-form-footer{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4)}.feedback-btn-cancel,.feedback-btn-submit{border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.feedback-btn-cancel{background-color:initial;border:1px solid var(--gray-300);color:var(--gray-700)}.feedback-btn-cancel:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.feedback-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.feedback-btn-submit{background-color:var(--primary-500);border:none;color:var(--white)}.feedback-btn-submit:hover:not(:disabled){background-color:var(--primary-600)}.feedback-btn-submit:disabled{cursor:not-allowed;opacity:.5}.feedback-success{padding:var(--spacing-8) var(--spacing-6);text-align:center}.feedback-success-icon{align-items:center;background-color:var(--primary-100);border-radius:50%;color:var(--primary-600);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);height:48px;justify-content:center;margin:0 auto var(--spacing-4);width:48px}.feedback-success p{color:var(--gray-700);font-size:var(--text-base);margin:0}.navbar{background-color:var(--white);border-bottom:1px solid var(--gray-100);box-shadow:var(--shadow-sm);left:250px;padding:var(--spacing-3) 0;position:fixed;right:280px;top:0;transition:all .3s ease;z-index:1000}@media (max-width:1024px){.navbar{left:70px;right:240px}}@media (max-width:768px){.navbar{left:0;right:0}}.navbar-container{align-items:center;display:flex;gap:var(--spacing-6);justify-content:space-between;padding:0 var(--spacing-6)}.navbar-spacer{flex:1 1}.navbar-search{display:flex;flex:1 1;gap:var(--spacing-2);max-width:400px}.navbar-search input{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.navbar-search input:focus{background-color:var(--white);border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.navbar-search button{background-color:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.navbar-search button:hover{background-color:var(--primary-600);box-shadow:var(--shadow-sm)}.navbar-links{align-items:center;display:flex;gap:var(--spacing-4)}.feedback-btn{background-color:initial;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-all)}.feedback-btn:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.navbar-user-link{align-items:center;border-radius:var(--radius-full);color:var(--gray-700);display:flex;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);text-decoration:none;transition:var(--transition-all)}.navbar-user-link:hover{background-color:var(--gray-100);color:var(--gray-900)}.navbar-avatar{border:2px solid var(--gray-200);border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar-avatar-placeholder{align-items:center;background-color:var(--primary-500);border-radius:50%;color:var(--white);display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.btn-login-nav,.btn-register-nav,.navbar-username{font-size:var(--text-sm);font-weight:var(--font-medium)}.btn-login-nav,.btn-register-nav{border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:var(--transition-all)}.btn-login-nav{border:1px solid var(--gray-300);color:var(--gray-700)}.btn-login-nav:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-register-nav{background-color:var(--primary-500);color:var(--white)}.btn-register-nav:hover{background-color:var(--primary-600);box-shadow:var(--shadow-sm)}.logout-btn{background-color:initial;border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.logout-btn:hover{background-color:var(--red-500);border-color:var(--red-500);color:var(--white)}@media (max-width:768px){.navbar-container{flex-direction:row;gap:var(--spacing-3)}.navbar-search{flex:1 1;max-width:100%}.navbar-username{display:none}}.left-sidebar{background:var(--white);border-right:1px solid var(--gray-100);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px;z-index:100}.sidebar-content{min-height:100%;padding:var(--spacing-6) var(--spacing-4)}.sidebar-top{flex:0 0 auto}.sidebar-bottom{margin-top:auto;padding-top:var(--spacing-4)}.sidebar-logo{border-bottom:1px solid var(--gray-100);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6)}.sidebar-logo a{color:var(--primary-600);display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);text-decoration:none}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.nav-item{align-items:center;border-radius:var(--radius-full);color:var(--gray-700);display:flex;font-size:var(--text-lg);font-weight:var(--font-normal);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:var(--transition-colors)}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-50);color:var(--primary-600);font-weight:var(--font-medium)}.nav-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.nav-text{flex:1 1}.sidebar-about{border-top:1px solid var(--gray-100);padding-top:var(--spacing-4)}.about-header{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.about-icon{color:var(--gray-400)}.about-title{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.about-expand-trigger{align-items:flex-start;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-3);text-align:left;transition:all .2s ease;width:100%}.about-expand-trigger:hover{background:var(--white);border-color:var(--primary-300);box-shadow:0 2px 8px #0ea5e91a}.about-expand-trigger:hover .expand-arrow{color:var(--primary-500);transform:translateX(3px)}.about-expand-trigger span{color:var(--gray-600);flex:1 1;font-size:var(--text-sm);line-height:1.5}.expand-arrow{color:var(--gray-400);flex-shrink:0;margin-top:2px;transition:all .2s ease}.about-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:9998}.about-overlay.visible{opacity:1;visibility:visible}.about-expanded-panel{background:var(--white);box-shadow:4px 0 32px #0003;display:flex;flex-direction:column;height:100vh;left:0;max-width:85vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:550px;z-index:9999}.about-expanded-panel.open{transform:translateX(0)}.expanded-header{align-items:center;background:linear-gradient(135deg,var(--primary-50) 0,var(--white) 100%);border-bottom:1px solid var(--gray-100);color:var(--primary-600);display:flex;gap:var(--spacing-3);padding:var(--spacing-6)}.expanded-header h2{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.close-btn{align-items:center;background:var(--gray-900);border:none;border-radius:var(--radius-full);bottom:var(--spacing-6);box-shadow:0 4px 12px #00000026;color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);position:absolute;right:var(--spacing-6);transition:all .2s ease}.close-btn:hover{background:var(--gray-800);box-shadow:0 6px 16px #0003;transform:scale(1.02)}.expanded-content{flex:1 1;overflow-y:auto;padding:var(--spacing-6) var(--spacing-6) 100px var(--spacing-6)}.expanded-content::-webkit-scrollbar{width:6px}.expanded-content::-webkit-scrollbar-track{background:#0000}.expanded-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.intro-text{border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:var(--text-lg);line-height:1.7;padding-bottom:var(--spacing-6)}.author-section,.intro-text{margin-bottom:var(--spacing-8)}.author-section h3{color:var(--primary-600);font-size:var(--text-base);font-weight:var(--font-bold);margin:0 0 var(--spacing-3) 0}.author-section p{color:var(--gray-600);font-size:var(--text-base);line-height:1.7;margin:0 0 var(--spacing-4) 0}.author-section em{color:var(--gray-800)}.author-section blockquote{background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);border-left:3px solid var(--primary-400);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--gray-700);line-height:1.8;margin:var(--spacing-4) 0;padding:var(--spacing-4) var(--spacing-6)}.author-section blockquote,.closing-text{font-size:var(--text-base);font-style:italic}.closing-text{border-top:1px solid var(--gray-100);color:var(--gray-600);line-height:1.7;margin-top:var(--spacing-6);padding-top:var(--spacing-6)}@media (max-width:768px){.about-expanded-panel{max-width:100vw;width:100vw}}@media (max-width:1024px){.left-sidebar{width:70px}.nav-text{display:none}.sidebar-logo a{font-size:1.2rem;text-align:center}.sidebar-about{display:none}}@media (max-width:768px){.left-sidebar{display:none}}.right-sidebar{background:var(--white);border-left:1px solid var(--gray-100);height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:280px;z-index:100}.sidebar-content{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6)}.user-card{border-radius:var(--radius-2xl)}.user-card-loading{align-items:center;display:flex;gap:var(--spacing-4)}.loading-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:50%;height:56px;width:56px}.loading-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2)}.loading-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:6px;height:12px}.loading-name{width:80%}.loading-username{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-link{align-items:center;color:inherit;display:flex;gap:1rem;margin-bottom:1rem;text-decoration:none}.user-avatar,.user-avatar-placeholder{border-radius:50%;height:56px;width:56px}.user-info{min-width:0}.user-name{font-size:var(--text-base)}.user-name,.user-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-stats{border-top:1px solid var(--gray-200);justify-content:space-around;padding-top:var(--spacing-4)}.stat-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-1)}.stat-number{font-size:var(--text-xl)}.stat-label{font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.prompt-widget{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.widget-header{gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.widget-header,.widget-icon{align-items:center;display:flex}.widget-icon{color:var(--primary-500)}.widget-title{color:var(--gray-800);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.prompt-preview{display:flex;flex-direction:column;gap:var(--spacing-3)}.prompt-preview-title{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.3;margin:0}.prompt-preview-content{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin:0}.view-prompt-link{color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--spacing-2);text-decoration:none;transition:var(--transition-colors)}.view-prompt-link:hover{color:var(--primary-700);text-decoration:underline}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-6);text-align:center}.footer-text{color:var(--primary-600);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--spacing-1) 0}.footer-subtext{color:var(--gray-400);font-size:var(--text-xs);letter-spacing:.5px;margin:0;text-transform:uppercase}.login-prompt-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--spacing-8) var(--spacing-6);text-align:center}.login-prompt-icon{align-items:center;color:var(--primary-500);display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.login-prompt-title{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--spacing-3) 0}.login-prompt-text{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-6) 0}.login-prompt-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.btn-login,.btn-signup{border-radius:var(--radius-full);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-6);text-align:center;text-decoration:none;transition:var(--transition-all)}.btn-signup{background:var(--primary-500);color:var(--white)}.btn-signup:hover{background:var(--primary-600);box-shadow:var(--shadow-md)}.btn-login{background:var(--white);border:1px solid var(--gray-300);color:var(--primary-600)}.btn-login:hover{background:var(--gray-50);border-color:var(--primary-500)}@media (max-width:1024px){.right-sidebar{width:240px}}@media (max-width:768px){.right-sidebar{display:none}}.post-prompt-context{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--spacing-4) 0;overflow:hidden}.post-prompt-header{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4)}.post-prompt-badge{background:#fff3;border-radius:var(--radius-full);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.post-prompt-date{color:var(--white);font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.95}.post-prompt-body{background:var(--gray-200);border-left:3px solid var(--primary-500);height:0;overflow:hidden;padding-bottom:20%;position:relative;width:100%}.post-prompt-image,.post-prompt-image-placeholder{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.post-prompt-image-placeholder{background:linear-gradient(135deg,var(--gray-300) 0,var(--gray-400) 100%)}.post-prompt-body-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:var(--spacing-4);pointer-events:none;position:absolute;right:0;text-align:center;top:0}.post-prompt-overlay-connector,.post-prompt-overlay-emotion,.post-prompt-overlay-setting{color:var(--white);font-size:var(--text-sm);line-height:1.35;margin:0 0 var(--spacing-2) 0;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6}.post{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6);transition:var(--transition-shadow)}.post:hover{box-shadow:var(--shadow-md)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.word-category-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.word-category-badge.category-100{background-color:var(--green-100);color:var(--green-700)}.word-category-badge.category-250{background-color:var(--blue-100);color:var(--blue-700)}.word-category-badge.category-500{background-color:var(--purple-100);color:var(--purple-700)}.post-author{align-items:center;display:flex;gap:var(--spacing-4)}.post-avatar,.post-avatar-placeholder{border:2px solid var(--gray-200);border-radius:var(--radius-full);height:48px;object-fit:cover;width:48px}.post-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--white);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);justify-content:center}.post-author-name{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.post-date{color:var(--gray-500);font-size:var(--text-sm)}.post-content,.post-content p{margin-bottom:var(--spacing-4)}.post-content p{word-wrap:break-word;color:var(--gray-800);font-size:var(--text-base);line-height:1.6;white-space:pre-wrap}.post-actions{border-top:1px solid var(--gray-100);display:flex;gap:var(--spacing-6);padding-top:var(--spacing-4)}.post-actions button{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--spacing-2);padding:var(--spacing-2);transition:var(--transition-colors)}.post-actions button:hover{background:var(--gray-50);color:var(--primary-600)}.like-btn.liked{color:var(--red-500)}.like-btn.liked:hover{color:var(--red-600)}.post-comments{border-top:1px solid var(--gray-100);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.comment-form{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.comment-form input{border:1px solid var(--gray-300);border-radius:var(--radius-full);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors)}.comment-form input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.comment-form button{background-color:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-2) var(--spacing-6);transition:var(--transition-colors)}.comment-form button:hover{background-color:var(--primary-600)}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.comment,.comment-author{display:flex;gap:var(--spacing-3)}.comment-avatar,.comment-avatar-placeholder{border:1px solid var(--gray-200);border-radius:var(--radius-full);flex-shrink:0;height:32px;object-fit:cover;width:32px}.comment-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--white);display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center}.comment-author-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.comment-content{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5}.comment-login-prompt{background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-4);text-align:center}.login-link{color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-colors)}.login-link:hover{color:var(--primary-700);text-decoration:underline}.prompt-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);overflow:hidden}.prompt-info-bar{grid-gap:var(--spacing-4);align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);color:var(--white);display:grid;gap:var(--spacing-4);grid-template-columns:auto 1fr auto;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6);position:relative}.prompt-info-bar-brand{color:var(--white);font-family:serif;font-family:initial;font-style:italic;font-weight:var(--font-normal);left:50%;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.prompt-badge{background:#fff3;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.prompt-info-right{align-items:center;display:flex;gap:var(--spacing-4);justify-self:end}.response-count{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums;min-width:10ch;opacity:.9}.refresh-countdown,.response-count{display:inline-block;font-weight:var(--font-medium)}.refresh-countdown{font-feature-settings:"tnum";background:#ffffff26;border-radius:var(--radius-lg);font-size:var(--text-xs);font-variant-numeric:tabular-nums;min-width:15ch;padding:var(--spacing-1) var(--spacing-3);text-align:center}.prompt-image-section{background:linear-gradient(135deg,var(--gray-700) 0,var(--gray-900) 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:50%;position:relative;width:100%}.prompt-text-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:var(--spacing-6);position:absolute;right:0;text-align:center;top:0}.prompt-connector,.prompt-emotion,.prompt-setting{color:var(--white);font-size:var(--text-xl);line-height:1.4;margin:0 0 var(--spacing-3) 0;max-width:800px;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6}.prompt-setting{margin-bottom:0}@media (max-width:768px){.prompt-info-bar{gap:var(--spacing-2);grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:var(--spacing-3) var(--spacing-4)}.prompt-info-bar-brand{justify-self:center}.prompt-info-right{justify-content:space-between;justify-self:stretch}.prompt-text-container{padding:var(--spacing-4)}.prompt-connector,.prompt-emotion,.prompt-setting{font-size:var(--text-lg)}}@media (max-width:480px){.prompt-connector,.prompt-emotion,.prompt-setting{font-size:var(--text-base)}}.container{margin:0 auto;max-width:800px;padding:var(--spacing-6);width:100%}.loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.loading p{color:var(--gray-500);font-size:var(--text-base)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.prompt-unavailable{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-8);text-align:center}.prompt-unavailable h2{color:var(--gray-800);font-size:var(--text-xl);margin-bottom:var(--spacing-3)}.prompt-unavailable p{color:var(--gray-500);margin-bottom:var(--spacing-4)}.btn{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-8);text-decoration:none;transition:var(--transition-all)}.btn:hover{box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--primary-500);color:var(--white)}.btn-primary:hover{background-color:var(--primary-600)}.create-post-below-prompt{margin-top:var(--spacing-6)}.category-filter-tabs,.create-post-below-prompt{margin-bottom:var(--spacing-6)}.posts-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-8)}.posts-section-header h2{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.posts-section-header .btn-create-post{background-color:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:inline-block;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:var(--transition-colors)}.posts-section-header .btn-create-post:hover{background-color:var(--primary-600)}.no-posts p{margin:0 0 var(--spacing-6) 0}.posts-list{display:flex;flex-direction:column}.login-prompt{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6);text-align:center}.login-prompt p{color:var(--gray-600);margin-bottom:var(--spacing-4)}@media (max-width:768px){.container{padding:var(--spacing-4)}}.auth-container{align-items:center;background:linear-gradient(to bottom right,var(--primary-50),var(--gray-50));display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:var(--spacing-8)}.auth-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:450px;padding:var(--spacing-8);width:100%}.auth-card h2{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-8);text-align:center}.form-group{margin-bottom:var(--spacing-6)}.form-group label{color:var(--gray-800);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.form-group input{border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-sizing:border-box;font-family:inherit;font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-colors);width:100%}.form-group input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:var(--red-600);font-size:var(--text-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-3);text-align:center}.btn-submit{background-color:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-all);width:100%}.btn-submit:hover:not(:disabled){background-color:var(--primary-600);box-shadow:var(--shadow-md)}.btn-submit:disabled{background-color:var(--gray-300);cursor:not-allowed;opacity:.6}.auth-link{color:var(--gray-600);font-size:var(--text-sm);margin-top:var(--spacing-6);text-align:center}.auth-link a{color:var(--primary-600);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-colors)}.auth-link a:hover{color:var(--primary-700);text-decoration:underline}@media (max-width:768px){.auth-container{padding:var(--spacing-4)}.auth-card{padding:var(--spacing-6) var(--spacing-6)}.auth-card h2{font-size:var(--text-2xl)}}.profile-header{align-items:flex-start;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-8);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.profile-avatar-section{flex-shrink:0}.profile-avatar-large{object-fit:cover}.profile-avatar-large,.profile-avatar-placeholder{border:3px solid var(--gray-200);border-radius:var(--radius-full);height:120px;width:120px}.profile-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--white);display:flex;font-size:var(--text-3xl);font-weight:var(--font-bold);justify-content:center}.profile-info{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between}.profile-name-section h1{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.profile-username{color:var(--gray-500);font-size:var(--text-lg)}.btn-edit-profile,.btn-follow{border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:var(--transition-all)}.btn-edit-profile{background-color:var(--primary-500);color:var(--white)}.btn-edit-profile:hover{background-color:var(--primary-600);box-shadow:var(--shadow-md)}.btn-follow{background-color:var(--primary-500);color:var(--white)}.btn-follow:hover{background-color:var(--primary-600);box-shadow:var(--shadow-md)}.btn-follow.following{background-color:var(--gray-500)}.btn-follow.following:hover{background-color:var(--gray-600)}.profile-bio{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.profile-bio p{color:var(--gray-800);font-size:var(--text-base);line-height:1.6}.edit-profile-section{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.edit-profile-section .form-group{margin-bottom:var(--spacing-6)}.edit-profile-section label{color:var(--gray-800);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.edit-profile-section input,.edit-profile-section textarea{border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-colors);width:100%}.edit-profile-section input:focus,.edit-profile-section textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.btn-cancel{background-color:var(--gray-500);border:none;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:var(--spacing-4);padding:var(--spacing-2) var(--spacing-6);transition:var(--transition-colors)}.btn-cancel:hover{background-color:var(--gray-600)}.profile-stats{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-8);justify-content:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold)}.stat-label{color:var(--gray-500);font-size:var(--text-sm);margin-top:var(--spacing-1)}.profile-posts-section{margin-top:var(--spacing-8)}.profile-posts-section h2{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-6)}@media (max-width:768px){.profile-header{text-align:center}.profile-header,.profile-info{align-items:center;flex-direction:column}.profile-info{width:100%}.profile-stats{gap:var(--spacing-6)}}.feed-header{justify-content:space-between;margin-bottom:var(--spacing-4)}.feed-filters,.feed-header{align-items:center;display:flex}.feed-filters{flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.feed-filters .category-filter-tabs{margin-bottom:0}.category-filter-tabs{background:var(--gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);padding:var(--spacing-1);width:-webkit-fit-content;width:fit-content}.category-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.category-tab:hover{background:var(--gray-50);color:var(--gray-800)}.category-tab.active{background:var(--white);box-shadow:var(--shadow-sm);color:var(--primary-600)}.word-category-selector{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.category-label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.category-buttons{background:var(--gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);padding:var(--spacing-1)}.category-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.category-btn:hover{background:var(--gray-50);color:var(--gray-800)}.category-btn.active{background:var(--white);box-shadow:var(--shadow-sm);color:var(--primary-600)}.word-count.near-limit{color:var(--orange-500)}.word-count.over-limit{color:var(--red-500);font-weight:var(--font-semibold)}.btn-post:disabled{background-color:var(--gray-300);cursor:not-allowed}.feed-day-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-800);cursor:pointer;font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors)}.feed-day-select:focus,.feed-day-select:hover{border-color:var(--primary-500);outline:none}.feed-header h1{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold)}.btn-create-post{background-color:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-colors)}.btn-create-post:hover{background-color:var(--primary-600)}.create-post-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.create-post-header{align-items:center;color:var(--gray-900);display:flex;font-weight:var(--font-semibold);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.create-post-card textarea{border:1px solid var(--gray-300);border-radius:var(--radius-xl);font-family:inherit;font-size:var(--text-base);max-height:400px;min-height:100px;overflow-y:auto;padding:var(--spacing-4);resize:vertical;transition:var(--transition-colors);width:100%}.create-post-card textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.create-post-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-4)}.create-post-counts{align-items:center;display:flex;gap:var(--spacing-4)}.char-count,.word-count{color:var(--gray-500);font-size:var(--text-sm)}.btn-post{background-color:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-2) var(--spacing-6);transition:var(--transition-colors)}.btn-post:hover{background-color:var(--primary-600)}.no-posts{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--gray-600);padding:var(--spacing-8);text-align:center}.no-posts p{font-size:var(--text-base);line-height:1.5;margin:0}.search-results-info{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--spacing-8)}.no-query{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--gray-600);padding:var(--spacing-8) var(--spacing-8);text-align:center}.users-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.user-card{align-items:center;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:var(--spacing-6);padding:var(--spacing-6);text-decoration:none;transition:var(--transition-shadow)}.user-card:hover{box-shadow:var(--shadow-md)}.user-avatar,.user-avatar-placeholder{border:2px solid var(--gray-200);border-radius:var(--radius-full);flex-shrink:0;height:64px;object-fit:cover;width:64px}.user-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--white);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);justify-content:center}.user-info{flex:1 1}.user-name{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.user-username{color:var(--gray-500);font-size:var(--text-sm);margin-bottom:var(--spacing-2)}.user-bio{color:var(--gray-600);font-size:var(--text-sm);line-height:1.4}.user-stats{display:flex;gap:var(--spacing-8)}.user-stats .stat{align-items:center;display:flex;flex-direction:column}.user-stats .stat-number{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold)}.user-stats .stat-label{color:var(--gray-500);font-size:var(--text-xs);margin-top:var(--spacing-1)}.no-results{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--gray-600);padding:var(--spacing-8);text-align:center}@media (max-width:768px){.user-card{flex-direction:column;text-align:center}.user-stats{justify-content:center;width:100%}}.App{background-color:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.main-content{margin-left:250px;margin-right:280px;min-height:calc(100vh - 70px);padding-top:70px;transition:margin .3s ease}@media (max-width:1024px){.main-content{margin-left:70px;margin-right:240px}}@media (max-width:768px){.main-content{margin-left:0;margin-right:0;padding-top:60px}}
/*# sourceMappingURL=main.4aa34525.css.map*/