@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.search-bar{position:fixed;bottom:var(--padding-small);right:var(--padding-small);z-index:1000;text-decoration:none;color:var(--text-primary);transition:all .2s ease;padding:var(--padding-base);border-radius:var(--radius-normal);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Nunito,sans-serif;font-weight:500;font-size:.9rem;cursor:pointer;border:1px solid rgba(0,0,0,.1);text-transform:uppercase;letter-spacing:.05em}.search-bar:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.search-bar:focus{outline:2px solid var(--primary-color);outline-offset:2px}.search-overlay{position:fixed;top:0;right:0;bottom:0;width:400px;z-index:2000;background:var(--parchment-color, #F5F5DC);display:flex;flex-direction:column;box-shadow:-4px 0 12px #00000026}.search-overlay-content{display:flex;flex-direction:column;height:100vh;padding:var(--padding-large)}.search-input-container{display:flex;align-items:center;margin-bottom:var(--padding-large);gap:var(--padding-base)}.search-input{flex:1;padding:var(--padding-base);border:2px solid var(--text-primary);border-radius:var(--radius-normal);font-size:1.2rem;font-family:Nunito,sans-serif;background:#fff;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:var(--primary-color)}.search-close{background:var(--text-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.search-close:hover{background:var(--primary-color)}.search-sections{display:flex;flex-direction:column;flex:1;gap:var(--padding-large);min-height:0}.search-section{flex:1;display:flex;flex-direction:column;min-height:0}.search-section-header{font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;color:var(--text-primary);margin:0 0 var(--padding-base) 0;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--text-primary);padding-bottom:var(--padding-small)}.search-list{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.search-list::-webkit-scrollbar{display:none}.search-item{padding:var(--padding-base);margin-bottom:var(--padding-small);background:#fff;border-radius:var(--radius-normal);cursor:pointer;transition:all .2s ease;font-family:Nunito,sans-serif;font-size:.9rem;border:1px solid transparent}.search-item:hover{background:var(--primary-color);color:#fff;transform:translate(4px)}.search-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.search-item-selected{background:var(--primary-color);color:#fff;font-weight:600;border-color:var(--primary-color)}.search-item-clear{background:var(--secondary-color, #6c757d);color:#fff;font-weight:600}.search-item-clear:hover{background:var(--secondary-color-dark, #545b62)}.search-loading{padding:var(--padding-large);text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.search-overlay{width:100vw;left:0;right:0;box-shadow:none}.search-overlay-content{padding:var(--padding-base)}.search-input{font-size:1rem}.search-bar{font-size:.8rem;padding:var(--padding-small)}}@media (max-width: 1024px) and (min-width: 769px){.search-sections{gap:var(--padding-base)}.search-overlay-content{padding:var(--padding-base)}}.profile-preview-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:300px;max-width:400px;animation:slideIn .3s ease-out;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.profile-card-header{display:flex;justify-content:flex-end;padding:12px 16px 0}.profile-card-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.profile-card-close:hover{color:#333}.profile-card-loading{padding:40px;text-align:center;color:#666}.profile-card-content{padding:0 20px 20px}.profile-card-user{margin-bottom:16px}.profile-card-username{font-size:20px;font-weight:600;color:#333;margin:0;cursor:pointer;transition:color .2s ease}.profile-card-username:hover{color:#007bff;text-decoration:underline}.profile-card-stats{display:flex;gap:24px;margin-bottom:20px}.profile-stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600;color:#333}.profile-card-actions{margin-bottom:20px}.follow-button{width:100%;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.follow-button.follow{background:#007bff;color:#fff}.follow-button.follow:hover{background:#0056b3}.follow-button.following{background:#6c757d;color:#fff}.follow-button.following:hover{background:#545b62}.profile-card-interests{border-top:1px solid #eee;padding-top:16px}.profile-card-interests h4{font-size:14px;color:#666;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.interests-list{display:flex;flex-wrap:wrap;gap:6px}.interest-tag{background:#f8f9fa;color:#495057;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}@media (max-width: 480px){.profile-preview-card{min-width:280px;max-width:calc(100vw - 40px);margin:0 20px}.profile-card-stats{gap:16px}.profile-card-content{padding:0 16px 16px}}body:has(.pond-pixi-container){overflow:hidden}body:has(.pond-pixi-container) .main-content{padding:0!important;margin:0!important;min-height:100vh!important}.pond-pixi-container{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;z-index:1}.pond-canvas{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.pond-canvas canvas{display:block;margin:0;padding:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pond-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:20px 40px;border-radius:8px;z-index:10;text-align:center;max-width:300px}.pond-loading-tips{margin-top:12px;font-size:14px;color:#666}.pond-loading-tips p{margin:4px 0}.pond-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:10}.pond-error h2{color:#d32f2f;margin-bottom:15px}.pond-error button{margin-top:20px;padding:10px 20px;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.pond-error button:hover{background:#1565c0}.pond-info{position:fixed;top:80px;left:20px;background:#ffffffe6;padding:10px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:100;font-size:14px;color:#333}.pond-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#e6f7fb,#f0f9ff)}.pond-error h2{color:#dc3545;margin-bottom:16px;font-size:24px}.pond-error p{color:#666;margin-bottom:24px;font-size:16px;max-width:600px;line-height:1.5}.pond-error-actions{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.retry-button,.fallback-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px}.retry-button{background:#007bff;color:#fff}.retry-button:hover{background:#0056b3;transform:translateY(-1px)}.fallback-button{background:#6c757d;color:#fff}.fallback-button:hover{background:#545b62;transform:translateY(-1px)}.pond-error-tips{background:#fffc;padding:24px;border-radius:12px;max-width:500px;text-align:left}.pond-error-tips h3{color:#333;margin-bottom:12px;font-size:18px}.pond-error-tips ul{color:#666;margin:0;padding-left:20px}.pond-error-tips li{margin-bottom:8px;line-height:1.4}.pond-page{padding:2rem 0}.pond-controls{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.sort-controls,.display-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sort-controls label{font-weight:600;color:#495057;margin:0}.sort-select{padding:.5rem 1rem;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:.9rem;min-width:150px}.sort-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.sort-order-btn{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;font-size:1.2rem;min-width:40px;transition:all .2s ease}.sort-order-btn:hover{background:#f8f9fa;border-color:#007bff}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.user-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.user-info{cursor:pointer;margin-bottom:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:1rem;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1.2rem}.user-details{flex:1}.user-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#212529}.user-username{margin:0 0 .5rem;color:#6c757d;font-size:.9rem}.user-bio{margin:0 0 1rem;color:#495057;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.8rem;color:#6c757d}.user-stats span{background:#f8f9fa;padding:.25rem .5rem;border-radius:12px}.user-interests{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.interest-tag{background:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.interest-more{background:#f8f9fa;color:#6c757d;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.user-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e9ecef}.follow-btn{padding:.5rem 1.5rem;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.follow-btn.follow{background:#007bff;color:#fff}.follow-btn.follow:hover{background:#0056b3}.follow-btn.following{background:#6c757d;color:#fff}.follow-btn.following:hover{background:#545b62}.follow-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loading-container{text-align:center;padding:3rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-container{text-align:center;padding:3rem}.error-message{color:#dc3545;margin-bottom:1rem;font-size:1.1rem}.retry-btn{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s ease}.retry-btn:hover{background:#0056b3}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.page-btn{padding:.5rem 1rem;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;font-weight:500;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#6c757d;font-weight:500}@media (max-width: 768px){.users-grid{grid-template-columns:1fr;gap:1rem}.user-card{padding:1rem}.sort-controls{flex-direction:column;align-items:stretch}.sort-controls label{text-align:center}.pagination{flex-direction:column;gap:.5rem}.pond-controls{padding:.75rem}}@media (max-width: 480px){.pond-page{padding:1rem 0}.page-header h1{font-size:1.5rem}.user-stats{flex-direction:column;gap:.5rem}.user-stats span{text-align:center}}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#495057;margin:0}.toggle-checkbox{width:18px;height:18px;cursor:pointer}.toggle-text{font-size:.9rem;-webkit-user-select:none;user-select:none}.user-coordinates{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;padding:.25rem .5rem;background:#e3f2fd;border-radius:4px;font-size:.8rem}.coordinate-label{font-weight:600;color:#1976d2}.coordinate-value{font-family:Courier New,monospace;color:#1565c0;background:#1976d21a;padding:.125rem .25rem;border-radius:2px}@media (max-width: 768px){.pond-controls{flex-direction:column;align-items:stretch}.display-controls{justify-content:center}.user-coordinates{font-size:.75rem}}.profile-page{min-height:100vh}.profile-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-medium)}.profile-header-info{flex:1;min-width:200px}.profile-header-actions{display:flex;align-items:center;gap:var(--spacing-small)}.profile-header-actions .button{font-size:.9rem;padding:var(--spacing-small) var(--spacing-medium)}.profile-placeholder{display:flex;align-items:center;gap:var(--spacing-large);margin-bottom:var(--spacing-large);padding:var(--spacing-large);background:var(--color-neutral-100);border-radius:var(--border-radius-large)}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--color-blue-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.profile-info{flex:1}.profile-info h2{margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-900)}.profile-bio{color:var(--color-neutral-600);margin-bottom:var(--spacing-medium);line-height:1.5}.profile-stats{margin-top:var(--spacing-medium)}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-blue-600);margin-bottom:var(--spacing-extra-small)}.stat-label{font-size:.9rem;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.5px}.profile-content{margin-top:var(--spacing-large)}.profile-tabs{display:flex;gap:var(--spacing-small);margin-bottom:var(--spacing-large);border-bottom:2px solid var(--color-neutral-200)}.tab-button{background:none;border:none;padding:var(--spacing-small) var(--spacing-medium);font-size:1rem;color:var(--color-neutral-600);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--color-blue-600)}.tab-button.active{color:var(--color-blue-600);border-bottom-color:var(--color-blue-600)}.profile-posts{padding:var(--spacing-large);background:var(--color-neutral-50);border-radius:var(--border-radius-normal);text-align:center;color:var(--color-neutral-500)}.profile-tab-content{min-height:200px}.profile-about{padding:var(--spacing-large);background:var(--color-neutral-50);border-radius:var(--border-radius-normal);text-align:center;color:var(--color-neutral-500)}.profile-interests{padding:var(--spacing-large)}.profile-interests h3{margin:0 0 var(--spacing-large) 0;color:var(--color-neutral-900);font-size:1.5rem}.error-message{color:var(--color-red-600);text-align:center;padding:var(--spacing-medium);background:var(--color-red-50);border-radius:var(--border-radius-normal);border:1px solid var(--color-red-200)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-medium);margin-top:var(--spacing-medium)}.topic-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-normal);padding:var(--spacing-medium);transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.topic-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.topic-name{margin:0 0 var(--spacing-small) 0;color:var(--color-blue-600);font-size:1.1rem;font-weight:600;text-transform:capitalize}.topic-description{margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-600);font-size:.9rem;line-height:1.4}.topic-stats{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-small);padding-top:var(--spacing-small);border-top:1px solid var(--color-neutral-100)}.follower-count{font-size:.8rem;color:var(--color-neutral-500);font-weight:500}.interests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-large);flex-wrap:wrap;gap:var(--spacing-medium)}.interests-actions,.edit-actions{display:flex;gap:var(--spacing-small)}.topic-search{margin-bottom:var(--spacing-large);padding:var(--spacing-medium);background:var(--color-neutral-50);border-radius:var(--border-radius-normal);border:1px solid var(--color-neutral-200)}.search-input{width:100%;padding:var(--spacing-small) var(--spacing-medium);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-normal);font-size:1rem;margin-bottom:var(--spacing-medium)}.search-input:focus{outline:none;border-color:var(--color-blue-500);box-shadow:0 0 0 2px #3b82f61a}.search-results h4{margin:0 0 var(--spacing-medium) 0;color:var(--color-neutral-700);font-size:1.1rem}.topic-card.editable{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-medium)}.topic-card.search-result{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-medium);border:2px solid var(--color-neutral-200);background:var(--color-white)}.topic-card.search-result:hover{border-color:var(--color-blue-300)}.topic-info{flex:1}.button{padding:var(--spacing-small) var(--spacing-medium);border:none;border-radius:var(--border-radius-normal);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;min-width:80px}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-blue-600);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-blue-700)}.button-secondary{background:var(--color-neutral-200);color:var(--color-neutral-700)}.button-secondary:hover:not(:disabled){background:var(--color-neutral-300)}.button-danger{background:var(--color-red-600);color:#fff}.button-danger:hover:not(:disabled){background:var(--color-red-700)}@media (max-width: 768px){.profile-header-content{flex-direction:column;align-items:stretch}.profile-header-actions{justify-content:flex-end}.profile-placeholder{flex-direction:column;text-align:center}.profile-stats .row{flex-direction:column;gap:var(--spacing-medium)}.profile-tabs{flex-wrap:wrap}.topics-grid{grid-template-columns:1fr;gap:var(--spacing-small)}.topic-card{padding:var(--spacing-small)}.interests-header{flex-direction:column;align-items:stretch}.interests-actions{justify-content:center}.topic-card.editable,.topic-card.search-result{flex-direction:column;gap:var(--spacing-small)}.button{width:100%;margin-top:var(--spacing-small)}}.public-profile{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.profile-loading,.profile-error{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-error h2{color:#dc3545;margin-bottom:10px}.profile-error p{color:#6c757d;margin-bottom:20px}.profile-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.profile-avatar{flex-shrink:0}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px #00000026}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:700;border:4px solid #fff;box-shadow:0 4px 12px #00000026}.profile-info{flex:1;min-width:0}.profile-name{font-size:28px;font-weight:700;color:#212529;margin:0 0 5px;line-height:1.2}.profile-username{font-size:18px;color:#6c757d;margin:0 0 15px;font-weight:400}.profile-bio{font-size:16px;color:#495057;margin:0 0 10px;line-height:1.5}.profile-member-since{font-size:14px;color:#6c757d;margin:0}.profile-actions{flex-shrink:0;align-self:flex-start}.profile-stats{display:flex;gap:40px;margin-bottom:30px;padding:20px 0;border-bottom:1px solid #e9ecef}.stat-item{text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;color:#212529;margin-bottom:5px}.stat-label{font-size:14px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.profile-tabs{display:flex;border-bottom:1px solid #e9ecef;margin-bottom:30px}.tab-button{background:none;border:none;padding:15px 20px;font-size:16px;font-weight:500;color:#6c757d;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:#007bff;background-color:#f8f9fa}.tab-button.active{color:#007bff;border-bottom-color:#007bff}.profile-content{min-height:200px}.about-tab h3,.followers-tab h3,.following-tab h3{font-size:20px;font-weight:600;color:#212529;margin:0 0 20px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.interest-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .2s ease}.interest-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.interest-card h4{font-size:16px;font-weight:600;color:#212529;margin:0 0 8px;text-transform:capitalize}.interest-card p{font-size:14px;color:#6c757d;margin:0 0 10px;line-height:1.4}.interest-followers{font-size:12px;color:#007bff;font-weight:500}.no-interests,.no-followers,.no-following{text-align:center;color:#6c757d;font-style:italic;padding:40px 20px}.users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.user-card{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.user-card:hover{background:#e9ecef;transform:translateY(-1px)}.user-card.clickable{cursor:pointer}.user-card.clickable:hover{background:#e3f2fd;border-color:#007bff;box-shadow:0 2px 8px #007bff26}.user-avatar{flex-shrink:0}.user-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-avatar .avatar-placeholder{width:50px;height:50px;font-size:18px}.user-info{flex:1;min-width:0}.user-info h4{font-size:16px;font-weight:600;color:#212529;margin:0 0 5px}.user-info p{font-size:14px;color:#6c757d;margin:0}.btn{display:inline-block;padding:10px 20px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}@media (max-width: 768px){.public-profile{margin:10px;padding:15px}.profile-header{flex-direction:column;text-align:center;gap:15px}.profile-avatar{align-self:center}.profile-stats{gap:20px;justify-content:center}.profile-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px}.interests-grid,.users-list{grid-template-columns:1fr}}@media (max-width: 480px){.profile-name{font-size:24px}.profile-username{font-size:16px}.stat-number{font-size:20px}.tab-button{padding:12px 15px;font-size:14px}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!
  * Milligram v1.4.1
  * https://milligram.io
  *
  * Copyright (c) 2020 CJ Patoilo
  * Licensed under the MIT license
 */*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#9b4dca;border:.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#9b4dca}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#9b4dca}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#9b4dca}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#9b4dca}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:.3rem solid #9b4dca;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:.1rem solid #f4f5f6;margin:3rem 0}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem .7rem;width:100%}input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#9b4dca;outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}.label-inline{display:inline-block;font-weight:400;margin-left:.5rem}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#9b4dca;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media (min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:" ";display:table}.float-left{float:left}.float-right{float:right}h1,h2,h3,h4,h5,h6{font-family:Inconsolata,monospace;text-transform:lowercase;margin:0 0 1rem;line-height:1.2}h1,h2{font-weight:900}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-weight:700;font-size:1.5rem}h4{font-weight:500;font-size:1.25rem}h5,h6{font-weight:300}h5{font-size:1.125rem}h6{font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.logo{font-family:Inknut Antiqua,serif;font-weight:300;letter-spacing:-.12em;text-transform:lowercase;font-size:2.5rem;line-height:1.2;margin:0}body{font-family:Nunito,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fbfbfb}:root{--blue-light: #e6f7fb;--blue-medium: #D4EDF4;--blue-dark: #C2E3ED;--green-light: #D9EAD3;--green-medium: #C9E4C5;--green-dark: #B7D8B1;--grey-light: #F2F2F2;--parchment: #FBFBFB;--text-primary: #333;--text-secondary: #666;--text-muted: #999;--success: var(--green-medium);--info: var(--blue-medium);--warning: #f4d03f;--error: #e74c3c}:root{--padding-base: 5px;--padding-small: 20px;--padding-medium: 40px;--padding-large: 75px;--margin-extra-small: 5px;--margin-small: 15px;--margin-medium: 40px;--margin-large: 80px;--margin-extra-large: 160px;--radius-normal: 6px;--radius-large: 16px;--radius-full: 100px}.bg-parchment{background-color:var(--parchment)}.bg-blue-light{background-color:var(--blue-light)}.bg-blue-medium{background-color:var(--blue-medium)}.bg-blue-dark{background-color:var(--blue-dark)}.bg-green-light{background-color:var(--green-light)}.bg-green-medium{background-color:var(--green-medium)}.bg-green-dark{background-color:var(--green-dark)}.bg-grey-light{background-color:var(--grey-light)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-info{color:var(--info)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.button{font-family:Nunito,sans-serif;font-weight:500;text-transform:none;border-radius:var(--radius-normal);transition:all .2s ease;padding:var(--padding-base) var(--padding-small)}.button-primary{background-color:var(--blue-medium);border-color:var(--blue-dark);color:var(--text-primary)}.button-primary:hover{background-color:var(--blue-dark);border-color:var(--blue-dark)}.button-secondary{background-color:var(--green-medium);border-color:var(--green-dark);color:var(--text-primary)}.button-secondary:hover{background-color:var(--green-dark);border-color:var(--green-dark)}.card{background-color:#fff;border:1px solid var(--grey-light);border-radius:var(--radius-large);padding:var(--padding-small);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.logo{font-size:2rem}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}.logo{font-size:1.75rem}}*:focus{outline:2px solid var(--blue-medium);outline-offset:2px}@media (prefers-contrast: high){:root{--text-primary: #000;--text-secondary: #333;--text-muted: #666}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.p-base{padding:var(--padding-base)}.p-small{padding:var(--padding-small)}.p-medium{padding:var(--padding-medium)}.p-large{padding:var(--padding-large)}.px-base{padding-left:var(--padding-base);padding-right:var(--padding-base)}.px-small{padding-left:var(--padding-small);padding-right:var(--padding-small)}.px-medium{padding-left:var(--padding-medium);padding-right:var(--padding-medium)}.px-large{padding-left:var(--padding-large);padding-right:var(--padding-large)}.py-base{padding-top:var(--padding-base);padding-bottom:var(--padding-base)}.py-small{padding-top:var(--padding-small);padding-bottom:var(--padding-small)}.py-medium{padding-top:var(--padding-medium);padding-bottom:var(--padding-medium)}.py-large{padding-top:var(--padding-large);padding-bottom:var(--padding-large)}.m-xs{margin:var(--margin-extra-small)}.m-small{margin:var(--margin-small)}.m-medium{margin:var(--margin-medium)}.m-large{margin:var(--margin-large)}.m-xl{margin:var(--margin-extra-large)}.mx-xs{margin-left:var(--margin-extra-small);margin-right:var(--margin-extra-small)}.mx-small{margin-left:var(--margin-small);margin-right:var(--margin-small)}.mx-medium{margin-left:var(--margin-medium);margin-right:var(--margin-medium)}.mx-large{margin-left:var(--margin-large);margin-right:var(--margin-large)}.mx-xl{margin-left:var(--margin-extra-large);margin-right:var(--margin-extra-large)}.my-xs{margin-top:var(--margin-extra-small);margin-bottom:var(--margin-extra-small)}.my-small{margin-top:var(--margin-small);margin-bottom:var(--margin-small)}.my-medium{margin-top:var(--margin-medium);margin-bottom:var(--margin-medium)}.my-large{margin-top:var(--margin-large);margin-bottom:var(--margin-large)}.my-xl{margin-top:var(--margin-extra-large);margin-bottom:var(--margin-extra-large)}.rounded{border-radius:var(--radius-normal)}.rounded-lg{border-radius:var(--radius-large)}.rounded-full{border-radius:var(--radius-full)}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.header{background:#fff;border-bottom:1px solid var(--grey-light);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navigation{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-small) 0;flex-wrap:wrap;gap:var(--padding-small)}.nav-brand{flex-shrink:0}.nav-logo{text-decoration:none;color:var(--text-primary);transition:color .2s ease}.nav-logo:hover{color:var(--blue-dark)}.nav-links{display:flex;gap:var(--margin-large);flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--padding-base) 0;border-bottom:2px solid transparent;transition:all .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary);border-bottom-color:var(--blue-medium)}.nav-link-primary{background:var(--blue-medium);color:var(--text-primary)!important;padding:var(--padding-base) var(--padding-small);border-radius:var(--radius-normal);border-bottom:none!important}.nav-link-primary:hover{background:var(--blue-dark);color:var(--text-primary)!important}.nav-auth{display:flex;gap:var(--padding-small);align-items:center}.layout-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;min-height:calc(100vh - 140px);padding:var(--margin-medium) 0}.footer{background:#2c3e50;color:#ecf0f1;padding:var(--margin-medium) 0 var(--padding-small);margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--margin-medium);margin-bottom:var(--margin-medium)}.footer-brand h4{color:#3498db;margin-bottom:var(--padding-base)}.footer-brand p{color:#bdc3c7;margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--margin-medium)}.footer-section h5{color:#ecf0f1;margin-bottom:var(--padding-small);font-size:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:var(--padding-base)}.footer-section a{color:#bdc3c7;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#3498db}.footer-bottom{border-top:1px solid #34495e;padding-top:var(--padding-small);text-align:center;color:#bdc3c7}@media (max-width: 768px){.navigation{flex-direction:column;align-items:stretch;gap:var(--padding-small)}.nav-links{justify-content:center;gap:var(--padding-small)}.nav-auth{justify-content:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.nav-links{flex-direction:column;align-items:center}.nav-auth{flex-direction:column;gap:var(--padding-base)}}.page{min-height:100%;background-color:var(--parchment)}.page-header{text-align:center;margin-bottom:var(--margin-medium);padding:var(--margin-medium) 0}.page-header h1{color:var(--text-primary);margin-bottom:var(--padding-small)}.page-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0}.page-content{margin-bottom:var(--margin-medium)}.home-page .feature-preview{margin-top:var(--margin-medium)}.feature-card{background:#fff;border:1px solid var(--grey-light);border-radius:var(--radius-large);padding:var(--margin-medium);text-align:center;height:100%;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feature-card h3{color:var(--text-primary);margin-bottom:var(--padding-small)}.feature-card p{color:var(--text-secondary);margin:0}.pond-page .pond-placeholder{text-align:center}.hex-grid-preview{margin:var(--margin-medium) 0}.hex-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--padding-small);margin:var(--margin-medium) 0}.hex{width:60px;height:60px;background:var(--blue-medium);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.7;transition:opacity .2s ease}.hex:hover{opacity:1}.hex-1{background:var(--blue-medium)}.hex-2{background:var(--error)}.hex-3{background:var(--green-medium)}.hex-4{background:var(--warning)}.hex-5{background:#9b59b6}.hex-6{background:#1abc9c}.hex-7{background:var(--text-primary)}.pond-info{max-width:600px;margin:0 auto}.pond-features{margin-top:var(--margin-medium)}.pond-features h3{color:var(--text-primary);margin-bottom:var(--padding-base)}.pond-features p{color:var(--text-secondary);margin:0}.profile-page .profile-placeholder{text-align:center;margin-bottom:var(--margin-medium)}.profile-avatar{margin-bottom:var(--padding-small)}.avatar-placeholder{width:120px;height:120px;border-radius:var(--radius-full);background:var(--blue-medium);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto}.profile-info h2{color:var(--text-primary);margin-bottom:var(--padding-base)}.profile-bio{color:var(--text-secondary);margin-bottom:var(--margin-medium)}.profile-stats{margin:var(--margin-medium) 0}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--padding-base)}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.profile-tabs{display:flex;border-bottom:1px solid var(--grey-light);margin-bottom:var(--margin-medium)}.tab-button{background:none;border:none;padding:var(--padding-small) var(--margin-medium);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--text-primary);border-bottom-color:var(--blue-medium)}.profile-posts{min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.auth-page{background:var(--parchment);min-height:100vh;display:flex;align-items:center;padding:var(--margin-medium) 0}.auth-card{background:#fff;border-radius:var(--radius-large);box-shadow:0 4px 12px #0000001a;padding:var(--margin-medium)}.auth-header{text-align:center;margin-bottom:var(--margin-medium)}.auth-header h1{color:var(--text-primary);margin-bottom:var(--padding-base)}.auth-header p{color:var(--text-secondary);margin:0}.auth-form{margin-bottom:var(--margin-medium)}.form-group{margin-bottom:var(--padding-small);position:relative}.form-group label{display:block;margin-bottom:var(--padding-base);color:var(--text-primary);font-weight:500}.form-group input{width:100%;padding:var(--padding-small);border:1px solid var(--grey-light);border-radius:var(--radius-normal);font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--blue-medium);box-shadow:0 0 0 2px #d4edf433}.form-group input.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.875rem;margin-top:var(--margin-extra-small);display:block;position:absolute;right:0;top:100%;background:#fff;padding:2px 6px;border-radius:var(--radius-small);box-shadow:0 2px 4px #0000001a;white-space:nowrap;z-index:10}.general-error{position:static;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:var(--radius-normal);padding:var(--padding-small);margin-bottom:var(--padding-small);text-align:center}.checkbox-label{display:flex;align-items:center;gap:var(--padding-base);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.button-full{width:100%;padding:var(--padding-small);font-size:1rem}.auth-footer{text-align:center;color:var(--text-secondary)}.auth-link{color:var(--blue-medium);text-decoration:none;transition:color .2s ease}.auth-link:hover{color:var(--blue-dark)}.not-found-page{text-align:center;padding:var(--padding-large) 0}.not-found-content{max-width:600px;margin:0 auto}.not-found-icon h1{font-size:6rem;margin:0;color:var(--blue-medium)}.not-found-text h2{color:var(--text-primary);margin-bottom:var(--padding-small)}.not-found-text p{color:var(--text-secondary);margin-bottom:var(--margin-medium)}.not-found-actions{margin-bottom:var(--margin-medium)}.not-found-actions .button{margin:0 var(--padding-base)}.not-found-suggestions h3{color:var(--text-primary);margin-bottom:var(--padding-small)}.not-found-suggestions ul{list-style:none;padding:0;margin:0}.not-found-suggestions li{margin-bottom:var(--padding-base)}.not-found-suggestions a{color:var(--blue-medium);text-decoration:none;transition:color .2s ease}.not-found-suggestions a:hover{color:var(--blue-dark)}.api-status-section{background:var(--grey-light);border-radius:var(--radius-large);padding:var(--margin-medium);margin-bottom:var(--margin-medium)}.api-status{padding:var(--padding-small);border-radius:var(--radius-normal);margin-bottom:var(--padding-small)}.api-status.loading{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.api-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.api-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.api-details,.api-error{margin-top:var(--padding-base);font-size:.9rem}@media (max-width: 768px){.page-header h1{font-size:2rem}.page-subtitle{font-size:1rem}.auth-card{padding:var(--margin-medium)}.not-found-icon h1{font-size:4rem}.profile-tabs{flex-wrap:wrap}.tab-button{padding:var(--padding-small) var(--padding-small)}}@media (max-width: 480px){.page-header{padding:var(--padding-small) 0}.page-header h1{font-size:1.75rem}.auth-card{padding:var(--padding-small)}.not-found-actions .button{display:block;margin:var(--padding-base) 0}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:2rem}.error-content{text-align:center;max-width:600px}.error-content h1{color:#e74c3c;font-size:3rem;margin-bottom:1rem}.error-content p{color:#7f8c8d;font-size:1.2rem;margin-bottom:2rem}.error-actions{margin-bottom:2rem}.error-actions .button{margin:0 .5rem}.error-details{text-align:left;margin-top:2rem;background:#fff;border:1px solid #e1e5e9;border-radius:4px;padding:1rem}.error-details summary{cursor:pointer;font-weight:700;color:#2c3e50;margin-bottom:1rem}.error-stack{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;color:#2c3e50;white-space:pre-wrap;overflow-x:auto;max-height:300px;overflow-y:auto}@media (max-width: 768px){.error-content h1{font-size:2rem}.error-content p{font-size:1rem}.error-actions .button{display:block;margin:.5rem 0}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem}.error-content{text-align:center;max-width:800px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:3rem}.error-icon h1{font-size:4rem;margin:0 0 1rem;color:#e74c3c}.error-message h2{color:#2c3e50;margin-bottom:1rem;font-size:2rem}.error-message p{color:#7f8c8d;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.error-retry-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1rem;margin-bottom:2rem;color:#856404}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.error-actions .button{min-width:120px;padding:.75rem 1.5rem;font-size:1rem;border-radius:6px;transition:all .2s ease}.error-actions .button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.error-help{background:#f8f9fa;border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:left}.error-help h3{color:#2c3e50;margin-bottom:1rem;text-align:center}.error-help ul{list-style:none;padding:0;margin:0}.error-help li{color:#7f8c8d;position:relative;padding:.5rem 0 .5rem 1.5rem}.error-help li:before{content:"✓";color:#28a745;font-weight:700;position:absolute;left:0}.error-details{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:1.5rem;margin-top:2rem;text-align:left}.error-details summary{cursor:pointer;font-weight:700;color:#2c3e50;margin-bottom:1rem;padding:.5rem;background:#e9ecef;border-radius:4px}.error-info{background:#fff;border:1px solid #e1e5e9;border-radius:4px;padding:1rem;margin-bottom:1rem}.error-info p{margin:.5rem 0;font-size:.9rem}.error-stack{background:#2c3e50;color:#ecf0f1;border-radius:4px;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;white-space:pre-wrap;overflow-x:auto;max-height:300px;overflow-y:auto;margin:0}.error-support{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:1.5rem;margin-top:2rem;color:#1565c0}.error-support p{margin:.5rem 0}.not-found-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:4rem 0}.not-found-content{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:3rem}.not-found-icon h1{font-size:6rem;margin:0 0 2rem;color:#3498db;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.not-found-text h2{color:#2c3e50;margin-bottom:1rem;font-size:2.5rem}.not-found-text p{color:#7f8c8d;font-size:1.2rem;margin-bottom:1.5rem;line-height:1.6}.not-found-path{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;padding:1rem;margin:2rem 0;font-family:Courier New,monospace;font-size:.9rem}.not-found-path code{background:#e9ecef;padding:.25rem .5rem;border-radius:3px;color:#e74c3c}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:3rem 0}.not-found-actions .button{min-width:140px;padding:.75rem 1.5rem;font-size:1rem;border-radius:6px;transition:all .2s ease}.not-found-actions .button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.not-found-suggestions{margin:3rem 0}.not-found-suggestions h3{color:#2c3e50;margin-bottom:2rem;text-align:center;font-size:1.5rem}.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.suggestion-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s ease;display:block}.suggestion-card:hover{background:#e9ecef;border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;text-decoration:none;color:inherit}.suggestion-card h4{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem}.suggestion-card p{color:#7f8c8d;margin:0;font-size:.9rem}.not-found-help{background:#f8f9fa;border-radius:8px;padding:2rem;margin:3rem 0}.not-found-help h3{color:#2c3e50;margin-bottom:2rem;text-align:center;font-size:1.5rem}.help-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.help-option{text-align:center;padding:1rem}.help-option h4{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem}.help-option p{color:#7f8c8d;margin:0;font-size:.9rem}.not-found-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #e1e5e9;color:#7f8c8d}.help-link{color:#3498db;text-decoration:none;font-weight:500}.help-link:hover{color:#2980b9;text-decoration:underline}@media (max-width: 768px){.error-content,.not-found-content{padding:2rem;margin:1rem}.error-icon h1{font-size:3rem}.not-found-icon h1{font-size:4rem}.not-found-text h2{font-size:2rem}.not-found-text p{font-size:1rem}.error-actions,.not-found-actions{flex-direction:column;align-items:center}.error-actions .button,.not-found-actions .button{width:100%;max-width:300px}.suggestion-grid,.help-options{grid-template-columns:1fr}}@media (max-width: 480px){.error-content,.not-found-content{padding:1.5rem}.error-icon h1{font-size:2.5rem}.not-found-icon h1{font-size:3rem}.not-found-text h2{font-size:1.75rem}.error-stack{font-size:.75rem;max-height:200px}}.error-test{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:2rem;margin:2rem 0}.error-test-content h2{color:#856404;margin-bottom:1rem;text-align:center}.error-test-content p{color:#856404;text-align:center;margin-bottom:2rem}.error-test-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-test-actions .button{min-width:160px;padding:.75rem 1rem;font-size:.9rem}.error-test-info{background:#fff;border:1px solid #ffeaa7;border-radius:6px;padding:1.5rem;text-align:left}.error-test-info h3{color:#856404;margin-bottom:1rem;font-size:1.1rem}.error-test-info ul{list-style:none;padding:0;margin:0}.error-test-info li{color:#856404;position:relative;padding:.5rem 0 .5rem 1.5rem}.error-test-info li:before{content:"→";color:#856404;font-weight:700;position:absolute;left:0}@media (max-width: 768px){.error-test-actions{flex-direction:column;align-items:center}.error-test-actions .button{width:100%;max-width:300px}}.fixed-nav-logo{position:fixed;top:var(--padding-small);left:var(--padding-small);z-index:1000;text-decoration:none;color:var(--text-primary);transition:all .2s ease;padding:var(--padding-base);border-radius:var(--radius-normal);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fixed-nav-logo:hover{color:var(--blue-dark);transform:translateY(-1px)}.fixed-nav-logo:focus{outline:2px solid var(--blue-medium);outline-offset:2px}.fixed-nav-login{position:fixed;top:var(--padding-small);right:var(--padding-small);z-index:1000;text-decoration:none;color:var(--text-primary);transition:all .2s ease;padding:var(--padding-base);border-radius:var(--radius-normal);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fixed-nav-login:hover{color:var(--blue-dark);transform:translateY(-1px)}.fixed-nav-login:focus{outline:2px solid var(--blue-medium);outline-offset:2px}.fixed-nav-login h6{margin:0;font-size:.9rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em}.fixed-nav-profile{position:fixed;top:var(--padding-small);right:var(--padding-small);z-index:1000;text-decoration:none;color:var(--text-primary);transition:all .2s ease;padding:var(--padding-base);border-radius:var(--radius-normal);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fixed-nav-profile:hover{color:var(--blue-dark);transform:translateY(-1px)}.fixed-nav-profile:focus{outline:2px solid var(--blue-medium);outline-offset:2px}.fixed-nav-profile h6{margin:0;font-size:.9rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em}.fixed-nav-logout{position:fixed;top:var(--padding-small);right:var(--padding-small);z-index:1000;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);transition:all .2s ease;padding:var(--padding-base);border-radius:var(--radius-normal);cursor:pointer;font-family:inherit}.fixed-nav-logout:hover{color:var(--red-medium);transform:translateY(-1px)}.fixed-nav-logout:focus{outline:2px solid var(--red-medium);outline-offset:2px}.fixed-nav-logout h6{margin:0;font-size:.9rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em}.fixed-nav-pond{position:fixed;bottom:var(--padding-small);right:var(--padding-small);z-index:1000;text-decoration:none;color:var(--text-primary);transition:all .2s ease;padding:var(--padding-base);border-radius:var(--radius-normal);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Nunito,sans-serif;font-weight:500;font-size:.9rem}.fixed-nav-pond:hover{color:var(--blue-dark);transform:translateY(-1px)}.fixed-nav-pond:focus{outline:2px solid var(--blue-medium);outline-offset:2px}@media (max-width: 768px){.fixed-nav-logo,.fixed-nav-login,.fixed-nav-profile,.fixed-nav-logout,.fixed-nav-pond{padding:var(--padding-base);font-size:.85rem}.fixed-nav-login h6,.fixed-nav-profile h6,.fixed-nav-logout h6{font-size:.8rem}}@media (max-width: 480px){.fixed-nav-logo,.fixed-nav-login,.fixed-nav-profile,.fixed-nav-logout,.fixed-nav-pond{padding:var(--margin-extra-small);font-size:.8rem}.fixed-nav-login h6,.fixed-nav-profile h6,.fixed-nav-logout h6{font-size:.75rem}}@media (prefers-contrast: high){.fixed-nav-logo,.fixed-nav-login,.fixed-nav-profile,.fixed-nav-logout,.fixed-nav-pond{background:#fff;border:2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.fixed-nav-logo,.fixed-nav-login,.fixed-nav-profile,.fixed-nav-logout,.fixed-nav-pond{transition:none}.fixed-nav-logo:hover,.fixed-nav-login:hover,.fixed-nav-profile:hover,.fixed-nav-logout:hover,.fixed-nav-pond:hover{transform:none}}body{font-family:Nunito,sans-serif;background-color:#fbfbfb;margin:0;padding:0;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.app{min-height:100vh;padding:20px}.api-status{margin:20px 0;padding:15px;border-radius:5px;border:2px solid;font-family:monospace}.api-status.loading{background-color:#f0f8ff;border-color:#4a90e2;color:#2c5aa0}.api-status.success{background-color:#f0fff0;border-color:#4caf50;color:#2e7d32}.api-status.error{background-color:#fff5f5;border-color:#f44336;color:#c62828}.api-details{margin-top:10px;font-size:.9em;opacity:.8}.api-details div{margin:5px 0}.api-error{margin-top:10px;font-size:.9em;font-weight:700}h1{color:#2c5aa0;margin-bottom:20px}p{margin-bottom:15px;line-height:1.6}@media (max-width: 768px){.app{padding:10px}.api-status{padding:10px;font-size:.9em}}