.bento-glass-card{-webkit-backdrop-filter:blur(24px);background:#0f0f1973;border:1px solid #ffffff14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d}.bento-glass-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff0d,#0000 60%);position:absolute;inset:0}:root{--void:#050510;--deep-space:#0a0a1a;--nebula-dark:#0d0d2b;--nebula-mid:#1a1040;--cosmic-purple:#6b21a8;--astral-violet:#8b5cf6;--nebula-cyan:#06b6d4;--mystic-magenta:#d946ef;--astral-gold:#f59e0b;--sacred-gold:#fbbf24;--ethereal-white:#f0e6ff;--cloud-pink:#e879a8;--glass-bg:#0a0a1e99;--glass-bg-solid:#0a0a1ed9;--glass-border:#8b5cf633;--glass-border-hover:#8b5cf673;--glass-hover:#8b5cf61a;--glass-blur:20px;--font-display:"Cinzel", serif;--font-body:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.2s var(--ease-out);--transition-base:.4s var(--ease-out);--transition-slow:.8s var(--ease-out);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--void);color:var(--ethereal-white);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;min-height:100vh;line-height:1.7;overflow-x:hidden}input,textarea{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--cosmic-purple), var(--mystic-magenta));border-radius:3px}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}ul,ol{list-style:none}#particle-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.app-layout{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}.sidebar{pointer-events:none;z-index:200;width:100%;height:100vh;position:fixed;top:0;left:0}.sidebar-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0a0e1766;transition:opacity .4s;position:absolute;inset:0}.sidebar-wrapper.is-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-trigger{width:48px;height:48px;color:var(--astral-violet);cursor:pointer;pointer-events:auto;z-index:210;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex;position:absolute;top:1rem;left:1.5rem}.sidebar-trigger:hover{transform:scale(1.1)}.sidebar-trigger-glow{z-index:-1;background:radial-gradient(circle,#8b5cf64d,#0000 70%);border-radius:50%;animation:2s infinite alternate pulse;position:absolute;inset:-10px}.sidebar-wrapper.is-pinned .sidebar-trigger{transform:rotate(90deg)}.sidebar-panel{pointer-events:auto;z-index:205;background:linear-gradient(#0c0d12f2,#080b12fa);border-right:1px solid #8b5cf633;flex-direction:column;width:280px;height:100vh;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.sidebar-wrapper.is-open .sidebar-panel{transform:translate(0)}.sidebar-header{border-bottom:1px solid #8b5cf626;justify-content:center;align-items:center;padding:1.5rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.sidebar-logo-icon-wrap{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:40px;height:40px;color:var(--astral-violet);background:#8b5cf61a;border:1px solid #8b5cf64d;justify-content:center;align-items:center;display:flex}.sidebar-logo-text-wrap{flex-direction:column;display:flex}.sidebar-logo-title{font-family:var(--font-display);color:var(--ethereal-white);letter-spacing:.1em;font-size:1rem}.sidebar-logo-subtitle{color:#8b5cf6cc;letter-spacing:.3em;font-size:.6rem}.sidebar-nav{scrollbar-width:thin;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md);color:#ffffffb3;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.sidebar-link-bg{opacity:0;background:linear-gradient(90deg,#8b5cf61a,#0000);transition:opacity .3s;position:absolute;inset:0}.sidebar-link:hover .sidebar-link-bg,.sidebar-link.active .sidebar-link-bg{opacity:1}.sidebar-link:hover,.sidebar-link.active{color:var(--ethereal-white)}.sidebar-icon{z-index:2;color:#8b5cf699;justify-content:center;align-items:center;transition:color .3s;display:flex;position:relative}.sidebar-link:hover .sidebar-icon,.sidebar-link.active .sidebar-icon{color:var(--astral-violet)}.sidebar-label{z-index:2;font-family:var(--font-body);flex:1;font-size:.95rem;font-weight:500;position:relative}.sidebar-link-arrow{z-index:2;opacity:0;color:var(--astral-violet);transition:all .3s;position:relative;transform:translate(-10px)}.sidebar-link:hover .sidebar-link-arrow,.sidebar-link.active .sidebar-link-arrow{opacity:1;transform:translate(0)}.sidebar-user{background:#0a0e1766;border-top:1px solid #8b5cf626;grid-template-columns:auto 1fr;grid-template-areas:"avatar info""avatar bar""avatar xp";align-items:center;gap:.5rem 1rem;padding:1.5rem;display:grid}.sidebar-user-avatar{background:linear-gradient(135deg, var(--cosmic-purple), var(--mystic-magenta));color:#fff;border-radius:50%;grid-area:avatar;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;grid-area:info;display:flex}.sidebar-user-name{color:var(--ethereal-white);font-size:.9rem;font-weight:600}.sidebar-user-rank{color:var(--astral-violet);font-size:.75rem}.sidebar-xp-bar{background:#ffffff1a;border-radius:2px;grid-area:bar;height:4px;overflow:hidden}.sidebar-xp-fill{background:var(--astral-violet);height:100%;transition:width .3s}.sidebar-xp-text{color:#ffffff80;grid-area:xp;font-size:.65rem}.sidebar-user-guest{justify-content:center;display:flex}.sidebar-overlay{display:none!important}.top-bar{-webkit-backdrop-filter:blur(10px);z-index:100;background:#0a0e17cc;border-bottom:1px solid #8b5cf626;justify-content:space-between;align-items:center;padding:1rem 1.5rem 1rem 80px;display:flex}.top-bar-left,.top-bar-right,.top-bar-search{align-items:center;gap:1rem;display:flex}.top-bar-title{font-family:var(--font-display);color:var(--ethereal-white);letter-spacing:.05em;font-size:1.1rem;font-weight:600}.mobile-menu-btn{width:36px;height:36px;color:var(--ethereal-white);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.top-bar-search input{border-radius:var(--radius-full);color:var(--ethereal-white);background:#ffffff0d;border:1px solid #8b5cf633;width:300px;padding:.5rem 1rem}.top-bar-btn{color:var(--astral-violet);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:relative}.badge-dot{background:#ff5252;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.top-bar-user{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background .2s;display:flex}.top-bar-user:hover{background:#ffffff0d}.top-bar-avatar{background:linear-gradient(135deg, var(--cosmic-purple), var(--mystic-magenta));border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.main-content{padding:var(--space-lg);min-height:calc(100vh - var(--topbar-height));grid-area:content;overflow-y:auto}.page-container{max-width:1100px;animation:page-fade-in .5s var(--ease-out) forwards;margin:0 auto}.page-header{margin-bottom:var(--space-xl);text-align:center}.page-header .page-badge{font-family:var(--font-heading);letter-spacing:.35em;color:var(--astral-violet);text-transform:uppercase;margin-bottom:var(--space-xs);font-size:.7rem;font-weight:600}.page-header .page-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--ethereal-white), var(--astral-violet));-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.page-header .page-subtitle{color:#f0e6ff99;max-width:650px;margin:0 auto;font-size:1.05rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-base)}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 40px #6b21a826}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{transform:translateY(-4px);box-shadow:0 12px 50px #6b21a833}.glass-card-hover:hover{transform:translateY(-3px);box-shadow:0 10px 40px #6b21a833}.bento-interactive{cursor:pointer;transition:all .3s}.bento-interactive:hover{transform:translateY(-2px)}.text-glow{text-shadow:0 0 30px var(--primary-glow), 0 0 60px #a855f74d}.btn-outline{color:var(--ethereal-white);background:0 0;border:1px solid #ffffff4d}.btn-outline:hover{border-color:var(--astral-violet);box-shadow:0 0 20px #8b5cf64d}.comments-list{flex-direction:column;gap:.8rem;display:flex}.comments-list.hidden{display:none!important}.post-card{transition:all .3s}.comm-bento{border-radius:16px}.post-like-btn.liked,.post-like-btn.active{color:#ec4899}.post-save-btn.active{color:#a855f7}.profile-hover-card{pointer-events:none;border-radius:12px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:2rem;display:grid}.clickable-profile{cursor:pointer}.clickable-profile:hover{opacity:.85}.btn{font-family:var(--font-heading);letter-spacing:.15em;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.6rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--cosmic-purple), var(--mystic-magenta));color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b5cf666}.btn-glow{color:var(--astral-violet);border:1px solid var(--astral-violet);background:0 0}.btn-glow:before{content:"";opacity:0;transition:var(--transition-fast);background:linear-gradient(135deg,#8b5cf61a,#d946ef1a);position:absolute;inset:0}.btn-glow:hover:before{opacity:1}.btn-glow:hover{border-color:var(--mystic-magenta);color:var(--ethereal-white);box-shadow:0 0 25px #8b5cf64d,inset 0 0 25px #8b5cf61a}.btn-dark{color:var(--ethereal-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050510d9;border:1px solid #f0e6ff40}.btn-dark:hover{border-color:var(--astral-violet);transform:translateY(-2px);box-shadow:0 0 30px #8b5cf64d}.btn-full{width:100%}.bento-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;display:grid}.bento-xl{grid-area:span 2/span 2}.bento-lg{grid-area:span 1/span 2}.bento-md{grid-area:span 2/span 1}.bento-sm{grid-area:span 1/span 1}.course-card{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.course-card:hover .course-card-bg img{transform:scale(1.08)}.bento-sm .course-card-desc{display:none}.course-card:hover .course-card-lock{opacity:1}.course-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #6b21a840}.course-card:after{content:"";border-radius:var(--radius-lg);transition:var(--transition-base);z-index:4;pointer-events:none;border:1px solid #0000;position:absolute;inset:0}.course-card:hover:after{border-color:var(--glass-border-hover);box-shadow:inset 0 0 30px #8b5cf61a}.filter-pill.active{color:var(--astral-violet);border-color:var(--astral-violet);background:linear-gradient(135deg,#6b21a84d,#8b5cf626)}.post-card{padding:var(--space-md);position:relative}.post-pinned-badge{top:var(--space-sm);right:var(--space-sm);letter-spacing:.1em;color:var(--astral-gold);align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;display:flex;position:absolute}.post-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.post-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--cosmic-purple), var(--astral-violet));flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.post-author-name{font-family:var(--font-heading);color:var(--ethereal-white);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.post-timestamp{color:#f0e6ff66;font-size:.75rem}.post-category-badge.discussion{color:var(--cloud-pink);background:#e879a826;border:1px solid #e879a84d}.post-body{color:#f0e6ffcc;margin-bottom:var(--space-sm);white-space:pre-line;font-size:.95rem;line-height:1.75}.post-image{border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-sm);object-fit:cover;border:1px solid #8b5cf626;max-height:400px}.post-actions{align-items:center;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid #8b5cf614;display:flex}.post-action-btn{color:#f0e6ff80;font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.85rem;display:flex}.post-action-btn:hover{color:var(--ethereal-white);background:#8b5cf614}.post-action-btn.liked{color:var(--cloud-pink)}.post-action-btn.liked .post-action-icon{animation:like-pop .4s var(--ease-spring)}.post-action-icon{font-size:1rem}.post-comments{margin-top:var(--space-sm);padding-top:var(--space-sm);gap:var(--space-sm);border-top:1px solid #8b5cf614;flex-direction:column;display:flex}.post-comments.hidden{display:none}.post-comment{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:#0a0a2866;display:flex}.post-comment-avatar{background:#8b5cf633;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.post-comment-text{color:#f0e6ffb3;font-size:.85rem;line-height:1.5}.post-comment-time{color:#f0e6ff59;margin-top:.2rem;font-size:.7rem}.blog-card{cursor:pointer;transition:var(--transition-base);padding:0;overflow:hidden}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px #6b21a833}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-badge.free{color:var(--astral-violet);background:#8b5cf626}.blog-card-badge.premium{color:var(--mystic-magenta);background:#d946ef26}.blog-content{max-width:760px;margin:0 auto}.blog-content p{color:#f0e6ffcc;margin-bottom:var(--space-md);font-size:1.05rem;line-height:1.85}.blog-content h3{font-family:var(--font-display);color:var(--astral-violet);margin:var(--space-xl) 0 var(--space-md);font-size:1.4rem;font-weight:700}.blog-content blockquote{border-left:3px solid var(--astral-violet);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--space-md) 0;color:#f0e6ffb3;background:#8b5cf60d;font-style:italic}.ai-widget-wrapper.hidden,.ai-panel.hidden,.ai-nav-back.hidden,.ai-panel-icon-hex.hidden,.ai-view-home.hidden,.ai-view-chat.hidden,.ai-view-meeting.hidden{display:none}.ai-app-card.disabled{opacity:.4;cursor:not-allowed}.ai-app-card-icon-empty .dot{background:#fff3;border-radius:50%;width:6px;height:6px}@keyframes typing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes purple-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes cosmic-orbit{0%{opacity:.6;transform:translate(0,0)scale(1)}50%{opacity:.85;transform:translate(5px,-7px)scale(1.04)}to{opacity:.65;transform:translate(-5px,5px)scale(1.02)}}@keyframes aura-pulse{0%{opacity:.6;transform:scale(.97)translate(0,0)}50%{opacity:.85;transform:scale(1.07)translate(1px,-2px)}to{opacity:.65;transform:scale(1.01)translate(-1px,2px)}}@keyframes orbital-rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)scale(1.03)}to{transform:rotate(360deg)}}@keyframes inner-shimmer{0%{opacity:.75;transform:translate(0,0)}50%{opacity:1;transform:translate(-1px,1px)}to{opacity:.8;transform:translate(2px,-1px)}}@keyframes cosmic-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes esoteric-spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes pixelate-reveal{0%{transform-origin:bottom;opacity:0;clip-path:inset(100% 0 0);filter:contrast(0)brightness(0);transform:scaleY(0)}to{opacity:1;clip-path:inset(0);filter:contrast()brightness();transform:scaleY(1)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cal-event.live{color:var(--mystic-magenta);background:#d946ef4d}.lb-rank-item.current{border-color:var(--astral-violet);background:#8b5cf614}.lb-tab.active{color:var(--astral-violet);border-bottom-color:var(--astral-violet)}.course-lesson-item.active{color:var(--astral-violet);border-left:2px solid var(--astral-violet);background:#8b5cf61a}.course-detail-main .blog-content{max-width:100%}.course-stats-item .label{color:#f0e6ff80}.course-stats-item .value{color:var(--ethereal-white);font-weight:600}.pricing-card.featured{border-color:var(--mystic-magenta);box-shadow:0 0 40px #d946ef26}.pricing-card.featured:after{content:"MOST POPULAR";background:linear-gradient(135deg, var(--cosmic-purple), var(--mystic-magenta));color:#fff;font-family:var(--font-heading);letter-spacing:.15em;padding:.3rem 2.5rem;font-size:.6rem;font-weight:700;position:absolute;top:20px;right:-35px;transform:rotate(45deg)}.pricing-card.featured .pricing-price{background:linear-gradient(135deg, var(--ethereal-white), var(--mystic-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-card.featured .pricing-features li:before{color:var(--mystic-magenta)}.hero{border-radius:var(--radius-xl);min-height:65vh;margin-bottom:var(--space-xl);justify-content:center;align-items:flex-end;animation:6s ease-in-out infinite float;display:flex;position:relative;overflow:hidden}.hero:before{content:"";border-radius:var(--radius-xl);z-index:-1;filter:blur(40px);background:radial-gradient(circle,#a855f766 0%,#38bdf833 40%,#0000 70%);animation:4s ease-in-out infinite alternate pulse-glow;position:absolute;inset:-20px}.immersive-hero-bg{z-index:0;position:absolute;inset:0}.immersive-hero-bg img:first-child{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:30s ease-in-out infinite alternate immersive-zoom}@keyframes dragon-3d-flight{0%{opacity:0;filter:brightness(.5)blur(4px)drop-shadow(0 0 10px #a855f766);transform:translateZ(-1800px)translateY(60px)scale(.05)}8%{opacity:.6;filter:brightness(.8)blur(2px)drop-shadow(0 0 20px #a855f7b3)}40%{opacity:1;filter:brightness(1.1)blur()drop-shadow(0 0 35px #a855f7e6);transform:translateZ(-200px)translateY(0)scale(.75)}52%{opacity:1;filter:brightness(1.4)blur()drop-shadow(0 0 55px #c864ff);transform:translateZ(80px)translateY(-15px)scale(1.05)rotateX(-5deg)}60%{opacity:1;transform:translateZ(50px)translateY(-10px)scale(1)rotateX(-3deg)}88%{opacity:.2;filter:brightness(.5)blur(3px)drop-shadow(0 0 10px #a855f74d);transform:translateZ(-1800px)translateY(60px)scale(.05)}to{opacity:0;filter:brightness(.5)blur(4px);transform:translateZ(-1800px)translateY(60px)scale(.05)}}@keyframes dragon-wing-flap{0%{transform:rotateX(0)rotateY(-3deg)}to{transform:rotateX(6deg)rotateY(3deg)}}.immersive-hero-bg:after{content:"";background:linear-gradient(to bottom, #0505101a 0%, #05051000 50%, #050510cc 95%, var(--void) 100%);z-index:1;position:absolute;inset:0}.immersive-stars{z-index:1;opacity:.5;mix-blend-mode:screen;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 40px 70px,#fffc,#0000),radial-gradient(1.5px 1.5px at 50px 160px,#ffffffb3,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#ffffffe6,#0000),radial-gradient(2px 2px at 160px 120px,#fff9,#0000);background-repeat:repeat;background-size:250px 250px;animation:150s linear infinite immersive-parallax-stars;position:absolute;inset:-100px}.immersive-dust{z-index:2;opacity:.5;mix-blend-mode:color-dodge;background:0 0;animation:40s linear infinite alternate immersive-dust-drift;position:absolute;inset:-200px}.immersive-orb{filter:blur(80px);z-index:2;mix-blend-mode:screen;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#a855f766,#0000 70%);width:400px;height:400px;animation:25s ease-in-out infinite alternate orb-float-1;top:20%;left:10%}.orb-2{background:radial-gradient(circle,#fbbf244d,#0000 70%);width:500px;height:500px;animation:30s ease-in-out infinite alternate orb-float-2;bottom:10%;right:5%}.orb-3{background:radial-gradient(circle,#38bdf859,#0000 70%);width:300px;height:300px;animation:20s ease-in-out infinite alternate orb-float-3;top:40%;right:30%}.bento-text-box{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);z-index:10;color:#f0e6ffe6;background:#0f051973;border:1px solid #a855f740;padding:2.5rem;line-height:1.8;position:relative;box-shadow:0 10px 40px -10px #00000080,inset 0 0 20px #a855f71a,0 0 60px #a855f733,0 0 80px #06b6d426}.bento-text-box:before{content:"";border-radius:inherit;z-index:-1;filter:blur(20px);opacity:.5;background:linear-gradient(135deg,#a855f780,#06b6d480,#fbbf2466);transition:opacity .5s;position:absolute;inset:-2px}.bento-text-box:hover:before{opacity:.8}@keyframes immersive-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes immersive-parallax-stars{0%{transform:translateY(0)}to{transform:translateY(-250px)}}@keyframes immersive-dust-drift{0%{transform:translate(0)scale(1)}to{transform:translate(60px,-60px)scale(1.1)}}@keyframes orb-float-1{0%{transform:translate(0)}to{transform:translate(50px,40px)}}@keyframes orb-float-2{0%{transform:translate(0)}to{transform:translate(-60px,-30px)}}@keyframes orb-float-3{0%{transform:translate(0)}to{transform:translate(-40px,60px)}}@keyframes immersive-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(12px)}}.dashboard-stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-stat{padding:var(--space-md);text-align:center}.dashboard-stat-value.cyan,.dashboard-stat-value.purple{color:var(--astral-violet)}.dashboard-stat-value.gold{color:var(--astral-gold)}.dashboard-stat-value.magenta{color:var(--mystic-magenta)}.quick-action-card{padding:var(--space-md);text-align:center;cursor:pointer;transition:var(--transition-base)}.quick-action-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 10px 40px #6b21a826}.mini-course-card{padding:var(--space-md);cursor:pointer}.mini-course-card:hover{transform:translateY(-3px)}.landing-heading{font-family:var(--font-display);color:var(--ethereal-white);margin-bottom:var(--space-md);text-shadow:0 0 25px #8b5cf680;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.image-glow-wrapper{justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;display:flex;position:relative}.image-glow-wrapper:before{content:"";z-index:-1;filter:blur(30px);background:radial-gradient(circle,#8b5cf666 0%,#d946ef33 40%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite alternate pulse-glow;position:absolute;inset:-20px}.image-overlay-button{z-index:10;width:max-content;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px #f59e0b66)}50%{filter:drop-shadow(0 0 20px #f59e0bcc)}}.landing-split-section{gap:var(--space-xl);flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media (width>=900px){.landing-split-section{flex-direction:row;justify-content:space-between;align-items:center;gap:4rem}.landing-split-section.reverse{flex-direction:row-reverse}}.landing-split-image{flex:1;justify-content:center;width:100%;max-width:500px;display:flex}.landing-split-text{text-align:left;flex:1}.landing-split-text p{color:#f0e6ffd9;margin-bottom:var(--space-md);font-size:1.15rem;line-height:1.9}.landing-split-text .landing-heading{text-align:left;margin-bottom:var(--space-lg)}@media (width<=899px){.landing-split-text,.landing-split-text .landing-heading{text-align:center}}.wide-visual-wrapper{width:100%;max-width:1000px;margin:0 auto}.wide-img{aspect-ratio:21/9;object-fit:cover;object-position:center 30%}.landing-hero-img{border-radius:var(--radius-lg);z-index:1;border:1px solid #8b5cf64d;width:100%;animation:6s ease-in-out infinite float;position:relative;box-shadow:0 0 40px #6b21a866}.feature-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{text-align:center}.feature-card h3{font-family:var(--font-display);margin-bottom:var(--space-xs);color:var(--astral-violet);font-size:1.1rem}.feature-card p{color:#f0e6ff99;font-size:.92rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;opacity:1;transition:var(--transition-base);background:#050510d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal{width:90%;max-width:480px;animation:modal-enter .5s var(--ease-spring);position:relative}.modal-close{top:var(--space-sm);right:var(--space-sm);color:#f0e6ff80;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.5rem;font-size:1.2rem;line-height:1;position:absolute}.modal-close:hover{color:var(--ethereal-white)}.modal-tabs{margin-bottom:var(--space-lg);border-bottom:1px solid var(--glass-border);display:flex}.modal-tab{color:#f0e6ff66;font-family:var(--font-heading);letter-spacing:.2em;padding:var(--space-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.8rem;font-weight:600}.modal-tab.active{color:var(--astral-violet);border-bottom-color:var(--astral-violet)}.modal-title{font-family:var(--font-display);margin-bottom:var(--space-md);text-align:center;background:linear-gradient(135deg, var(--ethereal-white), var(--astral-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem}.modal-form{gap:var(--space-sm);flex-direction:column;display:flex}.modal-form.hidden{display:none}.input-group{position:relative}.input-group input{border-radius:var(--radius-sm);width:100%;color:var(--ethereal-white);font-family:var(--font-body);transition:var(--transition-fast);background:#0a0a28cc;border:1px solid #8b5cf633;outline:none;padding:.9rem 1.2rem;font-size:.95rem}.input-group input:focus{border-color:var(--astral-violet);box-shadow:0 0 20px #8b5cf626}.input-group input::placeholder{color:#f0e6ff4d}.auth-error{color:var(--cloud-pink);text-align:center;margin-top:var(--space-xs);font-size:.85rem}.auth-error.hidden{display:none}.paywall-modal{text-align:center;max-width:700px}.paywall-eye{width:120px;height:120px;margin:0 auto var(--space-md);border:2px solid var(--glass-border);border-radius:50%;animation:4s ease-in-out infinite pulse-glow;overflow:hidden}.paywall-eye img{object-fit:cover;width:100%;height:100%}.paywall-text{color:#f0e6ff99;margin-bottom:var(--space-lg)}.paywall-tiers{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.tier-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);transition:var(--transition-base);background:#0a0a2899}.tier-badge{font-family:var(--font-heading);letter-spacing:.2em;color:var(--astral-violet);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:600}.tier-card.featured .tier-badge{color:var(--mystic-magenta)}.price-amount{font-family:var(--font-display);background:linear-gradient(135deg, var(--ethereal-white), var(--astral-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.tier-card.featured .price-amount{background:linear-gradient(135deg, var(--ethereal-white), var(--mystic-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.price-period{color:#f0e6ff66;font-size:.85rem}.tier-features{text-align:left;margin-bottom:var(--space-md);list-style:none}.tier-features li{color:#f0e6ffb3;padding:.3rem 0;font-size:.85rem}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--astral-violet);border-radius:var(--radius-full);color:var(--astral-violet);font-family:var(--font-heading);z-index:1000;animation:toast-in .4s var(--ease-spring) forwards;background:#080818f2;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.85rem;font-weight:600;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 30px #8b5cf633}.toast.toast-out{animation:toast-out .3s var(--ease-out) forwards}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.text-glow-cyan,.text-glow-purple{text-shadow:0 0 20px #8b5cf666}.hidden{display:none!important}.footer{text-align:center;padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--glass-border);margin-top:var(--space-2xl)}.footer-logo{font-family:var(--font-display);letter-spacing:.3em;background:linear-gradient(135deg, var(--sacred-gold), var(--ethereal-white));-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.footer-tagline{color:#f0e6ff4d;letter-spacing:.15em;font-size:.75rem}@keyframes fade-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-center{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-12px)}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-center{animation:6s ease-in-out infinite float-center}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1100px){.course-detail-layout{grid-template-columns:240px 1fr}.course-detail-stats{display:none}.blog-related-grid,.dashboard-stats,.dashboard-quick-actions,.mini-course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.app-layout{grid-template-columns:1fr;grid-template-areas:"topbar""content"}.sidebar{z-index:200;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.mobile-menu-btn{display:flex}.top-bar-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.blog-progress-bar{left:0}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.bento-xl{grid-area:span 2/span 2}.bento-lg{grid-area:span 1/span 2}.blog-grid{grid-template-columns:repeat(2,1fr)}.course-detail-layout{grid-template-columns:1fr}.course-detail-sidebar{position:static}.landing-intro{text-align:center;grid-template-columns:1fr}.landing-intro-image{order:-1}.landing-intro-image img{max-width:280px}.pricing-grid{grid-template-columns:1fr}.lb-row{grid-template-columns:40px 36px 1fr auto}.lb-rank-badge{display:none}.paywall-tiers{grid-template-columns:1fr}.ai-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:70vh;bottom:0;left:0;right:0}.lb-ranks-row{gap:var(--space-xs)}.lb-rank-item{min-width:80px;padding:var(--space-xs) var(--space-sm)}}@media (width<=600px){.main-content{padding:var(--space-sm)}.bento-grid{grid-template-columns:1fr;grid-auto-rows:200px}.bento-xl,.bento-lg{grid-column:span 1}.bento-xl{grid-row:span 2}.blog-grid,.blog-related-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)!important}.dashboard-quick-actions{grid-template-columns:repeat(2,1fr)}.mini-course-grid,.feature-grid{grid-template-columns:1fr}.top-bar-search{display:none}.cal-day{min-height:60px;padding:.2rem}.cal-event{font-size:.5rem}}@media (width<=900px){.page-content [style*="grid-template-columns: repeat(12"]{grid-template-columns:1fr!important}.dashboard-grid,[style*="grid-template-columns: 240px 1fr 340px"],.page-content [style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:repeat(3"],.blog-feedback-box[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.memberships-page .glass-card[style*=display\:flex][style*=justify-content\:space-between]{text-align:center!important;flex-wrap:wrap!important;justify-content:center!important;gap:1rem!important}.modal-overlay .glass-card,[style*="position: fixed"] .glass-card{max-height:90vh!important;overflow-y:auto!important}.modal-overlay [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.messages-page [style*="display: flex"][style*="flex: 1"]{flex-direction:column!important}.messages-page [style*="width: 340px"]{border-bottom:1px solid #ffffff1a!important;border-right:none!important;width:100%!important;max-height:300px!important}[style*="min-width: 450px"]{min-width:unset!important;width:100%!important}[style*="max-width: calc(100% - 500px)"]{max-width:100%!important}.community-page [style*="grid-template-columns: 1fr 320px"],.memberships-grid{grid-template-columns:1fr!important}.page-title{font-size:1.75rem!important}.page-subtitle{font-size:.95rem!important}.dashboard-stats{grid-template-columns:1fr!important}}@media (width<=480px){.dashboard-stats{grid-template-columns:1fr!important}.post-card{padding:.75rem!important}.post-actions{gap:.5rem!important}.post-action-btn{padding:.3rem .5rem!important;font-size:.8rem!important}.tier-card{padding:1.5rem!important}.page-title{font-size:1.5rem!important}}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-family:var(--font-heading);color:#fff;margin-bottom:.5rem;font-size:2.5rem}.page-subtitle{color:var(--text-dim);font-size:1.1rem}.courses-grid,.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.course-card,.blog-card{cursor:pointer;border-radius:16px;flex-direction:column;padding:0;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.course-card:hover,.blog-card:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf626}.course-card:hover .course-image,.blog-card:hover .blog-image{transform:scale(1.05)}.course-tier-badge.premium{background:#8b5cf699;border-color:#8b5cf666}.course-content,.blog-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.course-description,.blog-excerpt{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-author{align-items:center;gap:.75rem;margin-top:auto;display:flex}.author-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;width:32px;height:32px}.author-name{color:#e2e8f0;font-size:.9rem}.back-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0;font-size:.9rem;transition:color .2s;display:inline-flex}.back-btn:hover{color:#fff}.tier-badge{background:#ffffff1a;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.tier-badge.premium{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d}.blog-article{border-radius:20px;max-width:800px;margin:0 auto;padding:2.5rem}.blog-article-header{text-align:center;margin-bottom:2rem}.blog-article-meta{color:var(--text-dim);justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}.blog-article-hero{border-radius:12px;width:100%;height:400px;margin-bottom:2.5rem;overflow:hidden}.blog-article-hero img{object-fit:cover;width:100%;height:100%}.text-content{color:#e2e8f0;font-size:1.05rem;line-height:1.8}.text-content h3{font-family:var(--font-heading);color:#fff;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.text-content p{margin-bottom:1.5rem}.text-content blockquote{border-left:4px solid var(--primary-accent);color:#c4b5fd;background:#8b5cf60d;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem;font-size:1.15rem;font-style:italic}.memberships-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:900px;margin:0 auto;display:grid}.tier-card{border-radius:20px;flex-direction:column;padding:2.5rem;display:flex;position:relative;overflow:hidden}.tier-card.featured{border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf61a}.featured-glow{pointer-events:none;background:radial-gradient(circle at top,#8b5cf626 0%,#0000 60%);height:100%;position:absolute;top:0;left:0;right:0}.tier-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.tier-badge{letter-spacing:.1em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem;display:inline-block}.premium-badge{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666}.tier-price{margin-top:1rem}.price-amount{color:#fff;font-size:3rem;font-weight:700}.price-period{color:var(--text-dim)}.tier-body{z-index:1;flex:1;position:relative}.tier-desc{color:var(--text-dim);text-align:center;margin-bottom:2rem;line-height:1.6}.tier-features{margin:0;padding:0;list-style:none}.tier-features li{color:#e2e8f0;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.tier-features .bullet{color:var(--primary-accent)}.tier-footer{z-index:1;margin-top:2rem;position:relative}.alchemist-chat-container.visible{opacity:1;transform:translateY(0)scale(1)}.alchemist-chat-container.hidden{display:none}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-header{z-index:1;background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem;display:flex;position:relative}.chat-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;box-shadow:0 0 15px #8b5cf680}.chat-messages{z-index:1;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.message{max-width:85%;animation:.3s forwards slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dot{background:#a78bfa;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}#chat-input{color:#fff;font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:1;padding:.8rem 1.2rem;transition:border-color .2s,box-shadow .2s}#chat-input:focus{border-color:#8b5cf680;outline:none;box-shadow:0 0 10px #8b5cf633}#chat-input::placeholder{color:#ffffff4d}@media (width<=768px){.alchemist-chat-container{border:none;border-radius:0;width:100%;height:100%;max-height:100%;bottom:0;right:0}}.blogs-carousel-container{width:100%;padding-bottom:2rem;position:relative;overflow:hidden}.carousel-indicators{justify-content:center;gap:12px;margin-top:2rem;display:flex}.carousel-indicators .indicator{cursor:pointer;background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .3s}.carousel-indicators .indicator:hover{background:#ffffff80}.carousel-indicators .indicator.active{background:var(--primary);box-shadow:0 0 12px var(--primary-glow);transform:scale(1.2)}.skeleton-pulse{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-text{border-radius:4px;height:1.2rem;margin-bottom:.5rem}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.5rem}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.journal-hub-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.journal-hub-box{text-align:center;cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:2rem 1.5rem;transition:all .3s;display:flex;box-shadow:inset 0 0 20px #00000080}.journal-hub-box:hover{background:#ffffff0d;transform:translateY(-5px)}.journal-hub-box.full-width{grid-column:span 2}.journal-hub-icon{margin-bottom:1rem;font-size:2.5rem}.journal-hub-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.journal-hub-desc{color:#fff9;font-size:.85rem;line-height:1.4}.journal-subview{width:100%;animation:.3s forwards fadeIn;display:none}.journal-subview.active{flex-direction:column;display:flex}.journal-subview-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.journal-back-btn{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;transition:color .2s;display:flex}.journal-back-btn:hover{color:#fff}.journal-entries-list{flex-direction:column;gap:1rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.journal-entry-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.journal-entry-date{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem}.journal-entry-content{color:#ffffffd9;white-space:pre-wrap;font-size:.95rem;line-height:1.6}.journal-inline-chat{background:#0006;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;height:400px;display:flex;overflow:hidden}.journal-inline-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.journal-inline-input-area{background:#ffffff05;border-top:1px solid #ffffff1a;gap:.5rem;padding:1rem;display:flex}.journal-inline-input-area input{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:20px;outline:none;flex:1;padding:.75rem 1.25rem}.journal-inline-input-area button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}