@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Roboto:wght@300;400;500;700&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg-base: #f4f1ea;--bg-card: #ffffff;--bg-card-hover: #faf9f6;--bg-sidebar: #f4f1ea;--bg-nav: #fcfaf5;--accent-purple: #b8860b;--accent-pink: #a0522d;--accent-blue: #2f4f4f;--accent-mint: #556b2f;--accent-peach: #cd853f;--gradient-hero: #f4f1ea;--gradient-card: #ffffff;--gradient-accent: #b8860b;--gradient-btn: #1a1a1a;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #737373;--text-inverse: #f4f1ea;--border-soft: #dcd7ca;--border-card: #e5e0d3;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .06);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--radius-sm: 0px;--radius-md: 2px;--radius-lg: 4px;--radius-xl: 4px;--radius-full: 999px;--font-display: "Playfair Display", "Instrument Serif", Georgia, serif;--font-body: "Roboto", sans-serif;--font-ui: "Playfair Display", Georgia, serif;--navbar-height: 70px;--sidebar-width: 260px;--feed-max: 680px}body.darkmode{--bg-base: #1a1a19;--bg-card: #242422;--bg-card-hover: #2a2a28;--bg-sidebar: #1a1a19;--bg-nav: #1e1e1d;--gradient-hero: #1a1a19;--text-primary: #e6e4df;--text-secondary: #b5b3ad;--text-muted: #85837d;--border-soft: #383835;--border-card: #383835}body.high-contrast{--bg-base: #ffffff;--bg-card: #ffffff;--text-primary: #000000;--text-secondary: #111111;--text-muted: #333333;--accent-purple: #000000;--border-soft: #000000}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}body:before{display:none}#root{position:relative;z-index:1}body.font-small{font-size:.875rem}body.font-normal{font-size:1rem}body.font-large{font-size:1.125rem}body.font-xlarge{font-size:1.25rem}body.accessible-cursor,body.accessible-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%237c5cbf' opacity='0.7'/%3E%3C/svg%3E") 16 16,auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:.5em}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:clamp(1.3rem,3vw,1.8rem)}h3{font-size:1.2rem}.display-serif{font-family:var(--font-display);font-style:italic}p{line-height:1.7}a{color:var(--accent-purple);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.navbar{height:var(--navbar-height);background:var(--bg-nav)!important;border-bottom:1px solid var(--border-soft);box-shadow:none;padding:0 1.5rem;transition:background .3s ease}.navbar-brand{font-family:var(--font-display);font-weight:700;font-size:1.8rem;letter-spacing:-.01em;color:var(--text-primary);text-decoration:none!important}.navbar .nav-link{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--text-secondary)!important;padding:.4rem .8rem!important;border-radius:var(--radius-full);transition:all .2s ease}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--accent-purple)!important;background:#7c5cbf14}.glass-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.btn{font-family:var(--font-ui);font-size:.85rem;font-weight:500;border-radius:var(--radius-full);border:none;padding:.55rem 1.3rem;transition:all .22s ease;cursor:pointer}.btn-primary{background:var(--gradient-btn);color:#fff;box-shadow:0 4px 14px #7c5cbf4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf66;background:var(--gradient-btn);color:#fff;filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-outline-primary{background:transparent;color:var(--accent-purple);border:1.5px solid rgba(124,92,191,.3)}.btn-outline-primary:hover{background:#7c5cbf14;color:var(--accent-purple);border-color:var(--accent-purple)}.form-control,.form-select{font-family:var(--font-body);font-size:.9rem;background:#ffffffb3;border:1.5px solid var(--border-soft);border-radius:var(--radius-md);padding:.7rem 1rem;color:var(--text-primary);transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-control:focus,.form-select:focus{outline:none;box-shadow:0 0 0 3px #7c5cbf1f;border-color:var(--accent-purple);background:#ffffffe6}.form-label{font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr 300px;grid-template-rows:var(--navbar-height) 1fr;min-height:100vh;gap:0}@media (max-width: 1200px){.app-layout{grid-template-columns:220px 1fr}.right-panel{display:none}}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.left-sidebar{display:none}}.left-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.4rem;position:sticky;top:var(--navbar-height);height:calc(100vh - var(--navbar-height));overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.88rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.sidebar-link:hover,.sidebar-link.active{background:#7c5cbf1a;color:var(--accent-purple)}.sidebar-link .icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#7c5cbf14;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.sidebar-link.active .icon{background:var(--gradient-btn);color:#fff}.feed-container{padding:1.5rem;max-width:var(--feed-max);margin:0 auto;display:flex;flex-direction:column;gap:1rem}.feed-post{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease;animation:fadeSlideIn .35s ease both}.feed-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.post-header strong{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--text-primary)}.post-header .text-muted{font-size:.8rem;color:var(--text-muted)!important}.feed-post h5{font-family:var(--font-ui);font-weight:600;font-size:1rem;color:var(--text-primary);line-height:1.4}.feed-post p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.badge-science{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:transparent;color:var(--text-primary);border:1px solid var(--text-primary)}.avatar-ring{position:relative;width:44px;height:44px;flex-shrink:0}.avatar-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--text-primary);z-index:0}.avatar-ring img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;border:2px solid white;object-fit:cover}.post-actions .btn{font-size:.8rem;padding:.3rem .8rem;border-radius:var(--radius-full)}.post-actions a{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--accent-purple);letter-spacing:.02em}.right-panel{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:var(--navbar-height);height:calc(100vh - var(--navbar-height));overflow-y:auto}.panel-widget{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.2rem;box-shadow:none}.panel-widget h6{font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.8rem}.section-title{font-family:var(--font-ui);font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:inline-block;width:4px;height:1.1rem;border-radius:2px;background:var(--text-primary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:2rem 1rem;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{display:none}.auth-card{width:100%;max-width:40rem;background:#ffffffd1;-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:0 24px 80px #7c5cbf2e;padding:2.5rem 2.25rem;position:relative;z-index:1;animation:authCardIn .5s cubic-bezier(.16,1,.3,1) both}body.darkmode .auth-card{background:#1a1430e0;border-color:#503c7866}@keyframes authCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{font-family:var(--font-ui);font-weight:700;font-size:1.5rem;color:var(--text-primary);margin-bottom:.25rem}.auth-headline{font-family:var(--font-display);font-style:italic;font-size:1.7rem;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2}.auth-subline{font-size:.88rem;color:var(--text-muted);margin-bottom:2rem}.profile-hero{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.profile-hero:before{display:none}.profile-avatar{width:88px;height:88px;border-radius:50%;border:4px solid white;box-shadow:0 4px 20px #7c5cbf33;object-fit:cover}.profile-avatar-placeholder{width:88px;height:88px;border-radius:50%;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--text-inverse);font-family:var(--font-display);border:4px solid var(--bg-card);box-shadow:none}.interest-tag{display:inline-flex;align-items:center;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:500;font-family:var(--font-ui);background:transparent;color:var(--text-primary);border:1px solid var(--text-primary);margin:.2rem;transition:all .2s}.interest-tag:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:.8rem 1.2rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-soft);min-width:80px}.stat-pill .stat-num{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-pill .stat-label{font-size:.72rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.spinner-border{color:var(--accent-purple)}.alert{border-radius:var(--radius-md);border:none;font-size:.88rem;font-family:var(--font-ui)}.alert-warning{background:#f4a2611f;color:sienna;border:1px solid rgba(244,162,97,.3)}.alert-danger{background:#e850501a;color:#c0392b;border:1px solid rgba(232,80,80,.25)}.carousel{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:1.5rem}.carousel-item{height:220px}.carousel-item>*{height:100%;width:100%;object-fit:cover}.carousel-caption{background:linear-gradient(0deg,rgba(20,10,40,.7) 0%,transparent 100%);left:0;right:0;bottom:0;padding:1.5rem 1.5rem 1rem;text-align:left}.carousel-caption h3{font-family:var(--font-ui);font-size:1.1rem;font-weight:700;margin:0}.carousel-caption p{font-size:.82rem;opacity:.85;margin:0}.compose-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.1rem 1.3rem;box-shadow:none;margin-bottom:.5rem}.theme-toggle{display:flex;align-items:center;gap:.5rem}.feed-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.feed-tab{padding:.4rem 1rem;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--text-muted);background:transparent;border:1.5px solid var(--border-soft);cursor:pointer;transition:all .2s}.feed-tab.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.page-with-nav{padding-top:var(--navbar-height)}footer{padding:2rem;text-align:center;font-size:.8rem;color:var(--text-muted);font-family:var(--font-ui);border-top:1px solid var(--border-soft);background:transparent}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blur-bg{-webkit-backdrop-filter:none;backdrop-filter:none}.feed-post-author{font-family:var(--font-ui);font-weight:600;font-size:.9rem;color:var(--text-primary)}.feed-post-username{color:var(--text-muted);font-size:.78rem;margin-left:.4rem}.feed-post-date{color:var(--text-muted);font-size:.78rem;margin-left:.3rem}.feed-post-title{font-weight:600;line-height:1.35;margin-top:.25rem;margin-bottom:.5rem}.feed-post-excerpt{font-size:.86rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;margin-bottom:.5rem}.feed-post-bookmark-btn{background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--text-muted);padding:0;line-height:1;transition:color .2s}.feed-post-bookmark-btn.bookmarked{color:var(--accent-purple)}.feed-post-read-link{margin-left:auto;font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--text-primary);padding:.25rem .8rem;border-radius:var(--radius-full);border:1.5px solid var(--border-soft);transition:all .2s;text-decoration:none}.feed-post-read-link:hover{background:var(--bg-card-hover)}.photos-image-container{width:100%;height:220px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.photos-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photos-image:hover{transform:scale(1.03)}.photos-content{padding:1.1rem 1.3rem}.photos-badge{margin-bottom:.6rem;display:inline-flex}.photos-title{font-weight:600;font-size:1rem;line-height:1.35;margin-bottom:.3rem}.photos-meta{font-size:.78rem;color:var(--text-muted);margin-bottom:.6rem}.photos-meta a{color:var(--accent-purple)}.photos-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.8rem}.profile-info-container{min-height:100vh;padding:1.5rem 1rem}.profile-info-wrapper{max-width:600px;margin:0 auto}.profile-banner{height:120px;background:var(--gradient-hero);position:relative}.profile-avatar-wrapper{position:absolute;bottom:-44px;left:1.5rem}.profile-info-section{padding:3rem 1.5rem 1.5rem}.profile-info-header{font-family:var(--font-ui);font-weight:700;font-size:1.4rem;margin-bottom:.15rem}.profile-info-email{color:var(--text-muted);font-size:.85rem;margin:0}.profile-quick-action-link{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-family:var(--font-ui);font-size:.88rem;font-weight:500;border:1.5px solid var(--border-soft);transition:all .2s;background:transparent}.profile-quick-action-link:hover{background:#7c5cbf0f;color:var(--accent-purple)}.profile-action-icon{font-size:1.1rem}.profile-action-arrow{margin-left:auto;opacity:.5}.carousel-image{height:300px;object-fit:cover;width:100%}.login-submit-btn{padding:.75rem;font-size:.95rem}.login-register-prompt{font-size:.85rem;color:var(--text-muted)}.login-register-link{font-weight:600;color:var(--accent-purple)}.footer-site{padding:1.5rem 2rem;text-align:center;font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border-soft);background:transparent}.footer-separator{margin:0 .75rem;opacity:.4}.footer-link{color:var(--text-muted);text-decoration:none}.footer-link:hover{color:var(--text-secondary)}.not-found-container{padding:2rem;text-align:center}.register-celebration{font-size:3rem;margin-bottom:1rem}.register-success-heading{font-family:var(--font-ui);margin-top:.5rem}.register-success-text{color:var(--text-secondary);margin-bottom:1.5rem}.register-divider-container{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.register-divider-line{flex:1;height:1px;background:var(--border-soft)}.register-divider-text{font-size:.78rem;color:var(--text-muted)}.text-center-custom{text-align:center}.min-h-screen{min-height:100vh}.p-card{padding:1.1rem 1.3rem}.p-large{padding:1.5rem}.opacity-disabled{opacity:.5}.cursor-none{cursor:none}.no-border{border:none}.no-bg{background:none}.inline-flex{display:inline-flex}.article-page-container{min-height:100vh}.article-page-content{max-width:680px;margin:0 auto;padding:1.5rem 1rem}.article-header-card{background:linear-gradient(135deg,#7c5cbf14,#e879a00f)}.article-user-avatar{width:52px;height:52px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;font-weight:700;flex-shrink:0}.article-greeting-text{font-size:.8rem;color:var(--text-muted)}.article-username-text{font-weight:700;font-size:1.1rem}.article-score-section{text-align:right}.article-score-label{font-size:.72rem;color:var(--text-muted)}.article-score-value{font-weight:700;font-size:1.1rem}.article-items-container{display:flex;flex-direction:column;gap:.85rem}.article-loading-text{color:var(--text-muted)}