:root{color:#203247;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#eef3f9;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #2e78ff}#root{min-height:100vh}.dashboard{background:radial-gradient(circle at 0 0,#3d7cc11f,#0000 28%),linear-gradient(#f7f9fc 0%,#eef3f9 100%);min-height:100vh}.startup-screen{background:radial-gradient(circle at top,#0f526d2e,#0000 30%),linear-gradient(#f4f8fc 0%,#e8eff7 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.startup-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #d6e1edf2;border-radius:24px;width:min(100%,460px);padding:36px 32px;box-shadow:0 24px 64px #1f3e5929}.startup-loader{border:6px solid #1475ae24;border-top-color:#1475ae;border-radius:50%;width:64px;height:64px;margin:0 auto 20px;animation:.9s linear infinite startup-spin}.startup-eyebrow{color:#1475ae;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}.startup-card h1{color:#253548;margin:0;font-size:clamp(1.9rem,4vw,2.4rem);line-height:1.05}.startup-copy,.startup-status,.startup-error{margin:14px 0 0;line-height:1.6}.startup-copy{color:#607289}.startup-status{color:#1475ae;font-weight:700}.startup-error{color:#d64545;font-weight:700}@keyframes startup-spin{to{transform:rotate(360deg)}}.topbar{color:#fff;background:linear-gradient(90deg,#0a3f57 0%,#0f526d 100%);grid-template-columns:auto minmax(240px,300px) 1fr auto;align-items:center;gap:18px;padding:16px 24px;display:grid;box-shadow:0 2px 12px #0a233340}.brand{min-width:148px}.brand-mark{letter-spacing:-.04em;font-size:2rem;font-style:italic;font-weight:800;line-height:1}.brand-subtitle{letter-spacing:.34em;color:#ffffffb3;margin-top:.25rem;font-size:.68rem}.searchbar{color:#ffffffb8;background:#ffffff17;border-radius:6px;align-items:center;gap:.75rem;height:40px;padding:0 12px;display:flex}.searchbar input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0}.searchbar input::placeholder{color:#ffffffb8}.topnav{justify-content:flex-end;align-items:center;gap:1rem;min-width:0;display:flex}.topnav-link,.sort-button,.ghost-link,.ghost-button,.composer-input,.composer-action,.icon-button,.banner-button,.primary-button,.quiz-options button,.sidebar-link,.play-button{font:inherit;cursor:pointer;border:0}.topnav-link{color:#fff;background:0 0;align-items:center;gap:.35rem;padding:0;font-weight:600;display:inline-flex}.topnav-divider{background:#fff3;width:1px;height:20px}.topnav-id{white-space:nowrap;font-weight:700}.header-actions{align-items:center;gap:.6rem;display:flex}.icon-button{color:#fff;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative}.notification-badge{color:#fff;background:#ff5b70;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:16px;position:absolute;top:-3px;right:-3px}.profile-name{white-space:nowrap;font-weight:700}.dashboard-body{padding:16px 12px 24px}.content-grid{grid-template-columns:160px minmax(0,1fr) 284px;align-items:start;gap:20px;display:grid}.sidebar{flex-direction:column;gap:24px;padding:4px 0;display:flex}.sidebar-nav,.favorite-groups,.quiz-options{margin:0;padding:0;list-style:none}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{color:#5f7088;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;font-weight:700;display:flex}.sidebar-link.is-active{color:#3e4a5e;background:#fff;position:relative;box-shadow:0 12px 30px #1c35531a}.sidebar-link.is-active:before{content:"";background:#1475ae;border-radius:999px;width:3px;height:20px;position:absolute;top:14px;left:0}.sidebar-section h2{color:#90a0b7;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}.favorite-groups{flex-direction:column;gap:12px;display:flex}.favorite-groups li{color:#5a6980;align-items:flex-start;gap:10px;font-weight:600;display:flex}.group-avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:700;display:inline-flex}.group-avatar.is-blue{background:#7caefb}.group-avatar.is-orange{background:#ffbb72}.feed-column,.right-rail{flex-direction:column;gap:16px;display:flex}.feed-column{gap:20px}.advice-banner{color:#fff;background:linear-gradient(124.97deg,#0d5270 31.42%,#254da2 99.62%);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #142c431a}.advice-banner:after{content:"";background:radial-gradient(circle,#ffffff1f,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-52px;right:-36px}.banner-copy,.post-author,.learning-copy{z-index:1;position:relative}.banner-eyebrow,.rail-eyebrow{color:#ffc933;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 10px;font-size:.84rem;font-weight:800;display:inline-flex}.banner-text{color:#fffffff5;max-width:700px;margin:0;font-size:1.08rem;line-height:1.55}.banner-button{z-index:1;color:#fff;background:#ffffff1f;border-radius:999px;padding:.8rem 1.2rem;font-weight:700;position:relative}.composer-card,.post-card,.rail-card,.classement-card{background:#fff;border:1px solid #e4eaf1;border-radius:12px;box-shadow:0 8px 24px #1e374e14}.classement-card{border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #2d1b6912}.classement-header{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.classement-header h2{color:#323a46;align-items:center;gap:.5rem;margin:0;font-size:1.08rem;font-weight:800;display:inline-flex}.classement-header h2 .icon{color:#f39a1e}.classement-pill{color:#a9a0b4;white-space:nowrap;background:#f4eff8;border-radius:999px;padding:.38rem .7rem;font-size:.76rem;font-weight:700}.classement-list{flex-direction:column;display:flex}.classement-row{border-bottom:1px solid #f1f4f8;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.classement-row:last-child{border-bottom:0}.classement-row.is-current-user{background:linear-gradient(90deg,#fffaf0 0%,#fff7e8 100%)}.classement-row-main{align-items:center;gap:14px;min-width:0;display:flex}.classement-rank{flex:0 0 16px;justify-content:center;align-items:center;width:16px;display:flex}.classement-rank-number{color:#8e97aa;font-weight:800}.classement-medal{justify-content:center;align-items:center;width:14px;height:16px;display:inline-flex;position:relative}.classement-medal:before,.classement-medal:after{content:"";border-radius:0 0 3px 3px;width:4px;height:7px;position:absolute;top:0}.classement-medal:before{left:2px}.classement-medal:after{right:2px}.classement-medal-dot{border:1px solid #323a461f;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0}.classement-medal.is-rank-1:before,.classement-medal.is-rank-1:after{background:#f3a533}.classement-medal.is-rank-1 .classement-medal-dot{background:radial-gradient(circle at 30% 30%,#ffe495,#f3b01a 70%)}.classement-medal.is-rank-2:before,.classement-medal.is-rank-2:after{background:#bcc4d7}.classement-medal.is-rank-2 .classement-medal-dot{background:radial-gradient(circle at 30% 30%,#eef1f6,#b5bfd4 72%)}.classement-medal.is-rank-3:before,.classement-medal.is-rank-3:after{background:#b36f3f}.classement-medal.is-rank-3 .classement-medal-dot{background:radial-gradient(circle at 30% 30%,#e4b391,#ae6532 72%)}.classement-avatar{color:#fff;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.76rem;font-weight:800;display:inline-flex}.classement-avatar.is-violet{background:#8a4fd1}.classement-avatar.is-indigo{background:#6874ee}.classement-avatar.is-green{background:#2db477}.classement-avatar.is-orange{background:#ff8a2a}.classement-avatar.is-amber{background:#f79a1f}.classement-avatar.is-neutral{color:#9ea5b7;background:#ebebf3}.classement-identity{min-width:0}.classement-name,.classement-agency{margin:0}.classement-name{color:#313a49;font-weight:700}.classement-name.is-anonymous{color:#9aa3b8}.classement-row.is-current-user .classement-name,.classement-row.is-current-user .classement-score,.classement-row.is-current-user .classement-rank-number{color:#f08f15}.classement-agency{color:#9aa3b8;font-size:.83rem}.classement-score-block{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.classement-score{color:#313a49;font-size:1.05rem;line-height:1.1}.classement-change{color:#97a4b6;font-size:.8rem;font-weight:700}.classement-change.is-positive{color:#31bf69}.classement-change.is-positive:before{content:"▲ ";font-size:.72rem}.classement-footer{color:#9ca5b7;text-align:center;border-top:1px solid #edf1f6;padding:12px 20px 14px;font-size:.85rem}.composer-card{padding:14px 18px 10px}.composer-header{border-bottom:1px solid #edf1f6;align-items:center;gap:12px;padding-bottom:14px;display:flex}.avatar{border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar-large{color:#0000;background:radial-gradient(circle at 35% 35%,#ffd1b7 0 28%,#d97d59 32% 54%,#f5d3bf 58%);width:34px;height:34px}.composer-input{color:#7d8ba2;text-align:left;background:#f1f4f8;border-radius:999px;flex:1;height:42px;padding:0 18px;font-weight:600}.composer-actions{grid-template-columns:repeat(3,1fr);display:grid}.composer-action{color:#5f6e86;background:0 0;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;display:inline-flex}.accent-icon{color:inherit;display:inline-flex}.accent-icon.is-green{color:#2eb872}.accent-icon.is-amber{color:#f59f17}.accent-icon.is-blue{color:#4287ff}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.section-heading h1{color:#2e3949;letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.article-heading{align-items:end;margin-top:0}.articles-kicker{color:#1475ae;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:800}.articles-intro{color:#708198;text-align:right;max-width:320px;margin:0;line-height:1.5}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.article-card{background:#fff;border:1px solid #e4eaf1;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #1e374e14}.article-card-media{aspect-ratio:16/10;background:linear-gradient(#dbe6f1 0%,#f3f7fb 100%)}.article-card-media img{object-fit:cover;width:100%;height:100%;display:block}.article-card-body{flex-direction:column;gap:10px;padding:18px;display:flex}.article-card-meta{color:#7f8da3;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:.82rem;font-weight:700;display:flex}.article-card h2{color:#2f3947;margin:0;font-size:1.2rem;line-height:1.3}.article-card p:last-child{color:#5f7088;margin:0;line-height:1.6}.sort-button{color:#7c8aa1;background:0 0;align-items:center;gap:.35rem;padding:0;display:inline-flex}.post-card{padding:14px 14px 16px}.post-header,.post-footer,.challenge-top,.challenge-progress-meta,.rail-card-header,.learning-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-author{align-items:flex-start;gap:12px;display:flex}.brand-avatar{color:#fff;background:#114f73;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.author-name{color:#2e3949;margin:0;font-weight:800}.verified{color:#397cff;letter-spacing:.04em;font-size:.75rem}.post-meta,.learning-copy span,.challenge-stats span{color:#8e9aad;margin:0;font-size:.92rem}.ghost-button{color:#9aa7b8;background:0 0;font-size:1.2rem;line-height:1}.post-copy,.goal-card p,.quiz-question{color:#39485c;margin:14px 0 0;line-height:1.65}.post-media{background:#fff;border-radius:10px;justify-content:flex-start;align-items:center;height:294px;margin-top:14px;display:flex;position:relative;overflow:hidden}.post-media-image{object-fit:contain;max-width:100%;max-height:100%;display:block}.media-shelf,.media-countertop{background:linear-gradient(#a96d39,#815129);border-radius:999px;height:8px;position:absolute;left:12%}.media-shelf{width:62%}.shelf-top{top:44px}.shelf-bottom{top:98px}.media-fridge{background:linear-gradient(#4f4b46 0%,#24211f 100%);border-radius:24px 24px 10px 10px;width:18%;height:255px;position:absolute;top:26px;right:6%;box-shadow:inset -10px 0 18px #ffffff0d}.media-cabinet{background:repeating-linear-gradient(90deg,#766e6329 0 1px,#fcfaf7 1px 18%);height:104px;position:absolute;bottom:0;left:0;right:0}.media-countertop{width:82%;bottom:102px;left:10%}.media-bowl{background:#b47d46;border-radius:0 0 60px 60px;width:54px;height:24px;position:absolute;bottom:114px;right:22%}.media-bowl:before{content:"";background:#ffaf2f;border-radius:50%;width:12px;height:12px;position:absolute;top:-10px;left:8px;box-shadow:12px 2px #ffbf4f,22px 0 #f0a126}.media-plant{background:#efe2d2;border-radius:0 0 14px 14px;width:18px;height:42px;position:absolute;bottom:110px}.media-plant:before{content:"";background:radial-gradient(circle at 20% 80%,#b6c977 0 12%,#0000 13%),radial-gradient(circle at 45%,#d9d27e 0 12%,#0000 13%),radial-gradient(circle at 70% 72%,#b8cf69 0 12%,#0000 13%),radial-gradient(circle at 80% 28%,#d9cf7a 0 12%,#0000 13%);width:38px;height:24px;position:absolute;top:-18px;left:-10px}.media-plant.left{left:8%}.media-plant.right{right:18%}.media-cutting-board{background:linear-gradient(#d8ba8f,#c99962);border-radius:8px;width:48px;height:70px;position:absolute;bottom:112px;left:26%}.media-cutting-board:before{content:"";border:4px solid #d8ba8f;border-bottom:0;border-radius:10px;width:16px;height:14px;position:absolute;top:-8px;left:16px}.media-faucet{border:0;border-top:4px solid #80909c;border-left:4px solid #80909c;border-radius:18px 0 0;width:24px;height:70px;position:absolute;bottom:110px;left:49%}.media-faucet:before{content:"";background:#80909c;border-radius:999px;width:22px;height:4px;position:absolute;top:28px;right:-18px}.reactions{color:#97a4b6;align-items:center;gap:6px;font-size:.92rem;display:flex}.reaction{border:2px solid #fff;border-radius:999px;width:12px;height:12px;margin-right:-2px}.reaction.is-red{background:#ff6b6b}.reaction.is-blue{background:#4b8bff}.reaction.is-yellow{background:#ffc13d}.post-stats{color:#97a4b6;font-size:.92rem}.right-rail{gap:14px}.challenge-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px #1e374e1f}.challenge-top{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff1f 0 24%,#0000 25%),linear-gradient(140deg,#225d86 0%,#1f4b99 100%);align-items:flex-start;padding:16px 16px 12px}.challenge-top h2{color:#fff;margin:6px 0 0;font-size:1.15rem;line-height:1.15}.rank-badge{color:#ffcf48;text-align:center;background:#ffc43729;border-radius:12px;place-items:center;min-width:38px;height:54px;padding:4px 6px;display:grid}.rank-badge span{font-size:.75rem;font-weight:700}.rank-badge strong{font-size:1.25rem}.challenge-progress-meta{color:#fff;background:linear-gradient(140deg,#225d86 0%,#1f4b99 100%);padding:14px 16px 8px;font-size:.82rem;font-weight:700}.positive{color:#57e08f}.progress-bar,.mini-progress{background:#aab8cd59;border-radius:999px;height:6px;overflow:hidden}.progress-bar{margin:0 16px 14px}.progress-bar span,.mini-progress span{border-radius:inherit;height:100%;display:block}.progress-bar span{background:linear-gradient(90deg,#ffce34,#f9b61a)}.goal-card{background:#fff8f5;border:1px solid #efb59f;border-radius:12px;margin:0 12px;padding:14px}.goal-title{color:#382d7a;margin:0;font-weight:800}.challenge-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.challenge-stats div{background:#f8f7fd;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.challenge-stats strong{color:#32237c;font-size:1.45rem}.primary-button{color:#fff;background:#2f58a7;border-radius:10px;width:calc(100% - 24px);min-height:42px;margin:0 12px 14px;font-weight:800}.rail-card{padding:16px 14px}.rail-card-header h3{color:#2d3747;align-items:center;gap:.45rem;margin:0;font-size:1rem;display:inline-flex}.quiz-question{margin-top:10px;font-weight:700}.quiz-options{flex-direction:column;gap:10px;margin-top:14px;display:flex}.quiz-options button{color:#67778f;text-align:left;background:#fff;border:1px solid #e6ebf3;border-radius:8px;min-height:42px;padding:0 14px;font-weight:700}.compact-card{padding-top:14px}.ghost-link{color:#0f5f95;background:0 0;padding:0;font-size:.84rem;font-weight:700}.learning-item{justify-content:flex-start;margin-top:12px}.play-button{color:#fff;background:#2f58a7;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.learning-copy{flex:1}.learning-copy p{color:#2d3747;margin:0;font-weight:400}.mini-progress{margin-top:8px}.mini-progress span{background:#2f58a7}.icon{flex:none;width:18px;height:18px}.icon-chevron{width:14px;height:14px}@media (width<=1180px){.topbar{grid-template-columns:1fr;justify-items:stretch}.topnav,.header-actions{flex-wrap:wrap;justify-content:flex-start}.content-grid{grid-template-columns:1fr}.sidebar{order:1}.feed-column{order:2}.right-rail{order:3;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width<=820px){.dashboard-body{padding:12px}.topbar{padding:14px 16px}.searchbar{min-width:0}.sidebar-nav,.right-rail,.composer-actions,.challenge-stats{grid-template-columns:1fr}.advice-banner,.classement-header,.classement-row,.section-heading,.post-header,.post-footer,.challenge-top,.challenge-progress-meta,.rail-card-header,.learning-item{flex-direction:column;align-items:flex-start}.banner-button,.primary-button{width:100%}.articles-intro{text-align:left;max-width:none}.classement-score-block{text-align:left;align-items:flex-start}.classement-pill{white-space:normal}.post-footer{gap:8px}.post-media{height:240px}.articles-grid{grid-template-columns:1fr}}