: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;--text-on-accent:#fff;--green-100:#dcfce7;--green-700:#15803d;--purple-700:#7e22ce;--badge-100-bg:#dcfce7;--badge-100-fg:#166534;--badge-250-bg:#bbf7d0;--badge-250-fg:#14532d;--badge-500-bg:#86efac;--badge-500-fg:#0f3d21;--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}[data-theme=dark]{--white:#1e293b;--gray-50:#0f172a;--gray-100:#334155;--gray-200:#475569;--gray-300:#64748b;--gray-400:#94a3b8;--gray-500:#cbd5e1;--gray-600:#e2e8f0;--gray-700:#e5e7eb;--gray-800:#f1f5f9;--gray-900:#f8fafc;--primary-50:#14243a;--primary-100:#1e3a5f;--green-100:#14331f;--badge-100-bg:#14331f;--badge-100-fg:#86efac;--badge-250-bg:#1c5030;--badge-250-fg:#bbf7d0;--badge-500-bg:#2a7043;--badge-500-fg:#eafff0;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #0009,0 4px 6px -2px #0006}[data-theme=paper]{--primary-50:#e3d0b9;--primary-100:#d6bd9e;--primary-300:#9c8064;--primary-400:#6b4f3a;--primary-500:#362320;--primary-600:#241715;--primary-700:#1a0f0d;--white:#edd9c7;--gray-50:#e6d0ba;--gray-100:#dcc4a8;--gray-200:#cdb193;--gray-300:#b89b7d;--gray-400:#9c8163;--gray-500:#7a6450;--gray-600:#5c4a3a;--gray-700:#4a3a2d;--gray-800:#3a2c22;--gray-900:#2a1e18;--green-100:#dfe7cf;--badge-100-bg:#dfe7cf;--badge-100-fg:#4a6234;--badge-250-bg:#c4d3a6;--badge-250-fg:#3a5228;--badge-500-bg:#a7bd80;--badge-500-fg:#2b3d1c;--shadow-sm:0 1px 2px 0 #3623201a;--shadow-md:0 4px 6px -1px #36232024,0 2px 4px -1px #3623201a;--shadow-lg:0 10px 15px -3px #36232029,0 4px 6px -2px #3623201a}*{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(--text-on-accent)}.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{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.navbar-search-icon{color:var(--gray-400);left:var(--spacing-4);pointer-events:none;position:absolute}.navbar-search input{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-800);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);padding-left:calc(var(--spacing-4) + 22px);transition:var(--transition-all);width:100%}.navbar-search input::placeholder{color:var(--gray-400)}.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 input:focus+.navbar-search-icon,.navbar-search:focus-within .navbar-search-icon{color:var(--primary-500)}.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)}.theme-toggle{align-items:center;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-2);transition:var(--transition-all)}.theme-toggle:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.navbar-bell{align-items:center;border-radius:var(--radius-full);color:var(--gray-600);display:flex;justify-content:center;padding:var(--spacing-2);position:relative;transition:var(--transition-all)}.navbar-bell:hover{background-color:var(--gray-100);color:var(--primary-600)}.navbar-bell-badge{background-color:var(--red-500);border-radius:var(--radius-full);color:var(--text-on-accent);font-size:10px;font-weight:var(--font-bold);height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-2px;text-align:center;top:-2px}.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(--text-on-accent);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(--text-on-accent)}.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(--text-on-accent)}@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-logo-mark{display: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(--text-on-accent);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-logo-full{display:none}.sidebar-logo-mark{display:block}.sidebar-about{display:none}}@media (max-width:768px){.left-sidebar{display:none}}.who-to-follow{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.who-to-follow h3{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-bold)}.who-to-follow h3,.wtf-row{margin-bottom:var(--spacing-3)}.wtf-row{align-items:center;display:flex;gap:var(--spacing-2);justify-content:space-between}.wtf-row:last-child{margin-bottom:0}.wtf-user{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2);min-width:0;text-decoration:none}.wtf-avatar,.wtf-avatar-placeholder{border-radius:var(--radius-full);flex-shrink:0;height:36px;object-fit:cover;width:36px}.wtf-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--text-on-accent);display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center}.wtf-names{display:flex;flex-direction:column;min-width:0}.wtf-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold)}.wtf-name,.wtf-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wtf-username{color:var(--gray-500);font-size:var(--text-xs)}.wtf-follow-btn{background:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--text-on-accent);cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-3);transition:var(--transition-colors)}.wtf-follow-btn:hover:not(:disabled){background:var(--primary-600)}.wtf-follow-btn:disabled{background:var(--gray-200);color:var(--gray-500);cursor:default}.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-4)}.widget-header{flex-wrap:nowrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4);min-width:0}.widget-header,.widget-icon{align-items:center;display:flex}.widget-icon{color:var(--primary-500)}.widget-title{color:var(--gray-800);flex-shrink:1;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.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(--text-on-accent)}.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)}.widget-header-spread{justify-content:space-between}.widget-title-block{display:block;margin-bottom:var(--spacing-3)}.streak-count{align-items:baseline;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.streak-number{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1}.streak-unit{color:var(--gray-500);font-size:var(--text-sm)}.streak-week{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.streak-dot{background:var(--gray-200);border-radius:var(--radius-full);flex:1 1;height:8px}.streak-dot.filled{background:var(--primary-500)}.streak-dot.today{background:#0000;border:1.5px dashed var(--primary-500)}.streak-message{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-4) 0}.streak-cta{background:var(--primary-500);border-radius:var(--radius-full);color:var(--text-on-accent);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-3);text-align:center;text-decoration:none;transition:var(--transition-colors)}.streak-cta:hover{background:var(--primary-600)}.streak-stats-link{color:var(--gray-500);display:block;font-size:var(--text-xs);margin-top:var(--spacing-2);text-align:center;text-decoration:none}.streak-stats-link:hover{color:var(--primary-600);text-decoration:underline}.prompt-countdown{font-feature-settings:"tnum";align-items:center;color:var(--orange-500);display:inline-flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);gap:var(--spacing-1);margin-top:2px;white-space:nowrap}.sidebar-prompt-text{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.4;margin:0 0 var(--spacing-3) 0}.view-prompt-link{align-items:center;display:inline-flex;gap:var(--spacing-1)}.top-responses{display:flex;flex-direction:column;gap:var(--spacing-4)}.top-response-row{align-items:flex-start;display:flex;gap:var(--spacing-3);text-decoration:none}.top-response-rank{color:var(--primary-500);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:14px}.top-response-body{flex:1 1;min-width:0}.top-response-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-800);display:-webkit-box;font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--spacing-1);overflow:hidden}.top-response-meta{align-items:center;color:var(--gray-500);display:inline-flex;font-size:var(--text-xs);gap:var(--spacing-1)}.community-pulse{align-items:center;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);color:var(--primary-500);display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.community-pulse span{color:var(--gray-600);font-size:var(--text-sm)}.community-pulse strong{color:var(--gray-900);font-weight:var(--font-semibold)}@media (max-width:1024px){.right-sidebar{width:240px}}@media (max-width:768px){.right-sidebar{display:none}}.post-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.reaction-chip{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-1);padding:2px var(--spacing-2);transition:var(--transition-colors)}.reaction-chip:hover{background:var(--gray-200)}.reaction-chip.mine{background:var(--primary-50);border-color:var(--primary-300)}.reaction-count{color:var(--gray-600);font-size:var(--text-xs);font-weight:var(--font-semibold)}.reaction-add{display:inline-flex;position:relative}.reaction-add-btn{align-items:center;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:var(--transition-colors);width:28px}.reaction-add-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.reaction-palette{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);bottom:calc(100% + 6px);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-1);left:0;padding:var(--spacing-2);position:absolute;z-index:10}.reaction-option{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:var(--spacing-1);transition:var(--transition-colors)}.reaction-option.mine,.reaction-option:hover{background:var(--gray-100)}.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(--text-on-accent);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(--text-on-accent);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(--text-on-accent);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-share-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-4);position:fixed;z-index:1000}.post-share-modal{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:440px;padding:var(--spacing-6);position:relative;width:100%}.post-share-close{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:inline-flex;padding:4px;position:absolute;right:var(--spacing-3);top:var(--spacing-3)}.post-share-close:hover{background:var(--gray-100)}.post-share-title{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-4)}.post-share-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.post-share-cardhead{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);display:flex;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4)}.post-share-cardbadge{background:#fff3;border-radius:var(--radius-full);color:var(--text-on-accent);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.post-share-carddate{color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.95}.post-share-prompt{background-color:var(--gray-300);background-position:50%;background-size:cover;height:150px;position:relative}.post-share-prompt-overlay{align-items:center;background:#00000040;display:flex;flex-direction:column;inset:0;justify-content:center;padding:var(--spacing-4);position:absolute;text-align:center}.post-share-connector,.post-share-emotion,.post-share-setting{color:var(--text-on-accent);font-size:var(--text-base);line-height:1.35;margin:0 0 4px;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6}.post-share-emotion{font-size:var(--text-lg);font-weight:var(--font-semibold)}.post-share-excerpt{background:var(--white);color:var(--gray-800);font-size:var(--text-base);line-height:1.6;margin:0;padding:var(--spacing-4)}.post-share-label{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin:var(--spacing-4) 0 var(--spacing-2);text-transform:uppercase}.post-share-platforms{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(4,1fr)}.post-share-platform{align-items:center;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;justify-content:center;padding:var(--spacing-3) 4px;transition:filter .15s ease,transform .05s ease}.post-share-platform:hover{filter:brightness(1.08)}.post-share-platform:active{transform:scale(.97)}.sh-x{background:#000}.sh-fb{background:#1877f2}.sh-wa{background:#25d366}.sh-rd{background:#ff4500}.post-share-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4)}.post-share-primary,.post-share-secondary{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;justify-content:center;padding:10px}.post-share-primary{background:var(--primary-500);color:#fff}.post-share-primary:hover{background:var(--primary-600)}.post-share-secondary{background:var(--white);border-color:var(--gray-300);color:var(--gray-700)}.post-share-secondary:hover{background:var(--gray-50)}.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(--badge-100-bg);color:var(--badge-100-fg)}.word-category-badge.category-250{background-color:var(--badge-250-bg);color:var(--badge-250-fg)}.word-category-badge.category-500{background-color:var(--badge-500-bg);color:var(--badge-500-fg)}.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(--text-on-accent);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);justify-content:center}.post-author-name{align-items:center;color:var(--gray-900);display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-1)}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.reading-time{color:var(--gray-400);font-size:var(--text-xs)}.post-date{color:var(--gray-500);display:inline-block;font-size:var(--text-sm);text-decoration:none}a.post-date:hover{color:var(--primary-600);text-decoration:underline}.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}.hashtag,.mention{color:var(--primary-600);font-weight:var(--font-medium);text-decoration:none}.hashtag:hover,.mention:hover{text-decoration:underline}.post-link{color:var(--primary-600);text-decoration:none;word-break:break-word}.post-link:hover{text-decoration:underline}.post-code{background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-800);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:1px 5px}.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)}.repost-btn.reposted{color:var(--green-700)}.share-btn{margin-left:auto}.share-btn.copied{color:var(--green-700)}.share-copied{font-size:var(--text-xs)}.bookmark-btn.bookmarked{color:var(--primary-600)}.report-btn:hover{color:var(--red-500)!important}.post-header-right{align-items:center;display:flex;gap:var(--spacing-2)}.pin-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;padding:var(--spacing-1);transition:var(--transition-colors)}.pin-btn:hover{background:var(--gray-50)}.pin-btn.pinned,.pin-btn:hover{color:var(--primary-600)}.delete-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:inline-flex;gap:3px;padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-colors)}.delete-btn:hover{background:var(--gray-50);color:var(--red-500)}.delete-countdown{font-feature-settings:"tnum";font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.pinned-banner{color:var(--primary-600);font-size:var(--text-xs);font-weight:var(--font-semibold)}.pinned-banner,.repost-banner{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.repost-banner{color:var(--gray-500);font-size:var(--text-sm);padding-bottom:var(--spacing-2)}.quoted-post{border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:inherit;display:block;margin:0 0 var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:var(--transition-colors)}.quoted-post:hover{background:var(--gray-50)}.quoted-post-missing{color:var(--gray-500);font-size:var(--text-sm)}.quoted-post-header{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.quoted-post-avatar,.quoted-post-avatar-placeholder{border-radius:var(--radius-full);height:24px;object-fit:cover;width:24px}.quoted-post-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--text-on-accent);display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);justify-content:center}.quoted-post-author{align-items:center;color:var(--gray-900);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:3px}.quoted-post-date{color:var(--gray-400);font-size:var(--text-xs)}.quoted-post-content{word-wrap:break-word;color:var(--gray-700);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap}.repost-menu{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.repost-menu button{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-1) var(--spacing-4);transition:var(--transition-colors)}.repost-menu button:hover{border-color:var(--primary-400);color:var(--primary-600)}.quote-box{margin-top:var(--spacing-3)}.quote-box textarea{border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-3);resize:vertical;width:100%}.quote-box textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.quote-box-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.quote-box-actions button:first-child{background:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--text-on-accent);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-4)}.quote-box-actions button:first-child:disabled{background:var(--gray-300);cursor:not-allowed}.quote-box-actions button:last-child{background:none;border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-4)}.repost-banner a{color:var(--gray-600);font-weight:var(--font-semibold);text-decoration:none}.repost-banner a:hover{text-decoration:underline}.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(--text-on-accent);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(--text-on-accent);display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center}.comment-author-name{align-items:center;color:var(--gray-900);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:3px;margin-bottom:var(--spacing-1)}.comment-content{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5}.comment-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-1)}.comment-actions button{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:var(--text-xs);padding:0;transition:var(--transition-colors)}.comment-actions button:hover{color:var(--primary-600)}.comment-actions button.comment-delete:hover{color:var(--red-500)}.comment-actions button.comment-like{align-items:center;display:inline-flex;gap:3px}.comment-actions button.comment-like.liked{color:var(--red-500)}.comment-edit{align-items:center;display:flex;gap:var(--spacing-2);margin-top:var(--spacing-1)}.comment-edit input{border:1px solid var(--gray-300);border-radius:var(--radius-md);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-3)}.comment-edit button{background:none;border:none;color:var(--primary-600);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold)}.comment-reply-form{margin-top:var(--spacing-2)}.comment-replies{border-left:2px solid var(--gray-100);display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-3);padding-left:var(--spacing-4)}.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{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);color:#fff;display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6)}.prompt-info-bar-brand{color:#fff;flex:1 1 auto;font-family:serif;font-family:initial;font-style:italic;font-weight:var(--font-normal);min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.prompt-badge{background:#fff3;border-radius:var(--radius-full);flex:none;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;white-space:nowrap}.prompt-info-right{align-items:center;display:flex;gap:var(--spacing-4);margin-left:auto}.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,#374151,#111827);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:#fff;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{padding:var(--spacing-3) var(--spacing-4)}.prompt-info-bar-brand,.prompt-info-right{flex-basis:100%}.prompt-info-right{justify-content:space-between}.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(--text-on-accent)}.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(--text-on-accent);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)}.contest-entered-note{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-lg);color:var(--gray-700);font-size:var(--text-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.contest-entered-note a{color:var(--primary-600);font-weight:var(--font-semibold)}@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}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:4.5rem}.password-toggle{background:none;border:none;color:var(--primary-600);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-2);position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary-700)}.password-hint{color:var(--green-700);display:block;font-size:var(--text-xs);margin-top:var(--spacing-2)}.password-hint.weak{color:var(--gray-500)}.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(--text-on-accent);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-disclosure{color:var(--gray-500);font-size:var(--text-xs);margin-top:var(--spacing-4);text-align:center}.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)}}.user-list-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-4);position:fixed;z-index:2000}.user-list-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:70vh;max-width:400px;width:100%}.user-list-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--spacing-4)}.user-list-header h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-bold)}.user-list-close{background:none;border:none;color:var(--gray-500);cursor:pointer;display:flex}.user-list-close:hover{color:var(--gray-900)}.user-list-body{overflow-y:auto;padding:var(--spacing-2)}.user-list-empty{color:var(--gray-500);padding:var(--spacing-6);text-align:center}.user-list-row{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);text-decoration:none;transition:var(--transition-colors)}.user-list-row:hover{background:var(--gray-50)}.user-list-avatar,.user-list-avatar-placeholder{border-radius:var(--radius-full);flex-shrink:0;height:40px;object-fit:cover;width:40px}.user-list-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--text-on-accent);display:flex;font-weight:var(--font-bold);justify-content:center}.user-list-names{display:flex;flex-direction:column}.user-list-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold)}.user-list-username{color:var(--gray-500);font-size:var(--text-xs)}.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(--text-on-accent);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(--text-on-accent)}.btn-edit-profile:hover{background-color:var(--primary-600);box-shadow:var(--shadow-md)}.btn-follow{background-color:var(--primary-500);color:var(--text-on-accent)}.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-actions{align-items:center}.profile-actions,.profile-badges{display:flex;gap:var(--spacing-2)}.profile-badges{flex-wrap:wrap;margin-bottom:var(--spacing-6)}.badge-chip{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-700);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.badge-emoji{font-size:var(--text-base);line-height:1}.profile-pronouns{color:var(--gray-500);font-size:var(--text-sm);font-weight:var(--font-normal);margin-left:var(--spacing-3)}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-2)}.profile-meta-item{align-items:center;color:var(--gray-500);display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-1)}.profile-website{color:var(--primary-600);text-decoration:none}.profile-website:hover{text-decoration:underline}.btn-block{background:var(--white);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-semibold);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all)}.btn-block:hover{border-color:var(--red-500);color:var(--red-500)}.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-save{background-color:var(--primary-500);border:none;border-radius:var(--radius-lg);color:var(--text-on-accent);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-2) var(--spacing-6);transition:var(--transition-colors)}.btn-save:hover:not(:disabled){background-color:var(--primary-600)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:var(--gray-500);border:none;border-radius:var(--radius-lg);color:var(--text-on-accent);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)}.save-status{border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-6);padding:var(--spacing-3);text-align:center}.save-status.success{background-color:var(--green-100);color:var(--green-700)}.save-status.error{background-color:#fef2f2;border:1px solid #fecaca;color:var(--red-600)}.char-counter{color:var(--gray-500);display:block;font-size:var(--text-xs);margin-top:var(--spacing-1);text-align:right}.avatar-upload{align-items:center;display:flex;gap:var(--spacing-4)}.avatar-preview{border:2px solid var(--gray-200);border-radius:var(--radius-full);flex-shrink:0;height:80px;object-fit:cover;width:80px}.avatar-preview-placeholder{align-items:center;background:var(--primary-500);color:var(--text-on-accent);display:flex;font-size:var(--text-2xl);font-weight:var(--font-bold);justify-content:center}.avatar-upload-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.btn-upload{background:var(--primary-500);border:none;border-radius:var(--radius-full);color:var(--text-on-accent);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors)}.btn-upload:hover{background:var(--primary-600)}.btn-remove-photo{background:none;border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors)}.btn-remove-photo:hover{border-color:var(--red-500);color:var(--red-500)}.photo-error{color:var(--red-600);display:block;font-size:var(--text-sm);margin-top:var(--spacing-2)}.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-button{background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;font:inherit;padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-colors)}.stat-button:hover{background:var(--gray-100)}.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{align-items:center;justify-content:space-between}.feed-header,.feed-tabs{display:flex;margin-bottom:var(--spacing-4)}.feed-tabs{border-bottom:1px solid var(--gray-200);gap:var(--spacing-6)}.feed-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--gray-500);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:-1px;padding:var(--spacing-3) 0;transition:var(--transition-colors)}.feed-tab:hover{color:var(--gray-800)}.feed-tab.active{border-bottom-color:var(--primary-500);color:var(--primary-600)}.feed-filters{align-items:center;display:flex;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)}.draft-saved{color:var(--gray-400);font-size:var(--text-xs);margin-left:var(--spacing-2)}.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(--text-on-accent);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{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-xl);color:var(--gray-900);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(--text-on-accent);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)}.format-hint{color:var(--gray-400);font-size:var(--text-xs);margin-top:var(--spacing-2)}.format-hint code{font-family:source-code-pro,Menlo,Monaco,Consolas,monospace}.feed-sentinel{height:1px}.feed-end{color:var(--gray-400);font-size:var(--text-sm);padding:var(--spacing-6);text-align:center}.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}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}.notification-row{align-items:center;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:var(--transition-colors)}.notification-row:hover{background:var(--gray-50)}.notification-row.unread{background:var(--primary-50);border-left:3px solid var(--primary-500)}.notification-icon{align-items:center;background:var(--gray-400);border-radius:var(--radius-full);color:var(--text-on-accent);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-icon.icon-like{background:var(--red-500)}.notification-icon.icon-comment{background:var(--primary-500)}.notification-icon.icon-follow{background:var(--green-700)}.notification-icon.icon-mention{background:var(--purple-700)}.notification-icon.icon-repost{background:var(--primary-600)}.notification-avatar,.notification-avatar-placeholder{border-radius:var(--radius-full);flex-shrink:0;height:36px;object-fit:cover;width:36px}.notification-avatar-placeholder{align-items:center;background:var(--primary-500);color:var(--text-on-accent);display:flex;font-weight:var(--font-bold);justify-content:center}.notification-body{color:var(--gray-700);display:flex;flex-direction:column;font-size:var(--text-sm);gap:2px}.notification-snippet{color:var(--gray-500);font-style:italic}.notification-time{color:var(--gray-400);font-size:var(--text-xs)}.settings-page{max-width:560px}.settings-section{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.settings-section h2{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--spacing-4)}.settings-account div{border-bottom:1px solid var(--gray-100);color:var(--gray-800);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-2) 0}.settings-account div:last-child{border-bottom:none}.settings-label{color:var(--gray-500)}.settings-form .form-group{margin-bottom:var(--spacing-4)}.settings-form label{color:var(--gray-800);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.settings-form input{border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-colors);width:100%}.settings-form input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.settings-toggle-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-3) 0}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-title{color:var(--gray-800);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold)}.settings-toggle-hint{color:var(--gray-500);display:block;font-size:var(--text-sm)}.settings-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.settings-toggle input{height:0;opacity:0;position:absolute;width:0}.settings-toggle-slider{background-color:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;inset:0;position:absolute;transition:var(--transition-colors)}.settings-toggle-slider:before{background-color:var(--white);border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.settings-toggle input:checked+.settings-toggle-slider{background-color:var(--primary-500)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(20px)}.settings-toggle input:focus-visible+.settings-toggle-slider{box-shadow:0 0 0 2px var(--primary-100)}.settings-danger{border-color:#fecaca}.settings-danger h2{color:var(--red-600)}.settings-hint{color:var(--gray-500);font-size:var(--text-sm);margin-bottom:var(--spacing-4)}.btn-danger{background-color:var(--red-600);border:none;border-radius:var(--radius-lg);color:var(--text-on-accent);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-colors)}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.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}.search-section{margin-bottom:var(--spacing-8)}.search-section h2{color:var(--gray-700);font-size:var(--text-lg);margin-bottom:var(--spacing-4)}.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(--text-on-accent);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%}}.contest-hero{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-8) var(--spacing-6);text-align:center}.contest-hero h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-2)}.contest-hero-sub{color:var(--gray-600);font-size:var(--text-base);margin:0 0 var(--spacing-3)}.contest-prize{color:var(--gray-800);font-size:var(--text-lg);margin:0 0 var(--spacing-2)}.contest-prize strong{color:var(--primary-600)}.contest-countdown{font-feature-settings:"tnum";color:var(--gray-500);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}.contest-section{margin-bottom:var(--spacing-8)}.contest-section h2{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4)}.contest-leaderboard{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.contest-entry{align-items:center;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:var(--transition-colors)}.contest-entry:hover{border-color:var(--primary-300)}.contest-rank{align-items:center;background:var(--gray-100);border-radius:var(--radius-full);color:var(--gray-600);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.contest-leaderboard li:first-child .contest-rank{background:var(--primary-100);color:var(--primary-700)}.contest-entry-body{flex:1 1;min-width:0}.contest-entry-author{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold)}.contest-entry-prompt{color:var(--gray-500);font-weight:var(--font-normal)}.contest-entry-excerpt{color:var(--gray-600);overflow:hidden;text-overflow:ellipsis}.contest-entry-excerpt,.contest-likes{font-size:var(--text-sm);white-space:nowrap}.contest-likes{color:var(--red-500);flex-shrink:0;font-weight:var(--font-semibold)}.contest-how{color:var(--gray-800);font-size:var(--text-base);line-height:1.7;margin:0 0 var(--spacing-4);padding-left:var(--spacing-6)}.contest-terms{color:var(--gray-500);font-size:var(--text-xs);line-height:1.6;margin:0}.contest-winners{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.contest-winner-row{align-items:center;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:var(--transition-colors)}.contest-winner-row:hover{border-color:var(--primary-300)}.contest-winner-week{color:var(--gray-500);font-size:var(--text-sm);white-space:nowrap}.contest-winner-author{color:var(--gray-900);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contest-winner-prize{color:var(--gray-500);font-size:var(--text-sm);white-space:nowrap}.contest-empty{color:var(--gray-600);font-size:var(--text-base)}.stats-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);margin:var(--spacing-4) 0 var(--spacing-8)}.stats-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4)}.stats-value{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1.1}.stats-suffix{font-weight:var(--font-normal)}.stats-label,.stats-suffix{color:var(--gray-500);font-size:var(--text-sm)}.stats-section{margin-bottom:var(--spacing-8)}.stats-section h2{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4)}.stats-chart{align-items:flex-end;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-2);padding:var(--spacing-4)}.stats-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1);justify-content:flex-end;min-width:0}.stats-bar-count{font-feature-settings:"tnum";color:var(--gray-600);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1;min-height:1em}.stats-bar{background:var(--primary-500);border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:32px;width:100%}.stats-bar.empty{background:var(--gray-200)}.stats-bar-label{color:var(--gray-500);font-size:var(--text-xs);white-space:nowrap}.stats-empty{color:var(--gray-600);font-size:var(--text-base)}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-bar-col:nth-child(2n) .stats-bar-label{visibility:hidden}}.App{background-color:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.verified-badge{color:var(--primary-500);flex-shrink:0;vertical-align:middle}.back-link{color:var(--primary-600);display:inline-block;font-size:var(--text-sm);margin-bottom:var(--spacing-4);text-decoration:none}.back-link:hover{text-decoration:underline}.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.75ab39a7.css.map*/