.development-notice-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:24px;right:24px}.development-notice-container>*{pointer-events:auto}.development-notice-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #4f842826;border-radius:20px;width:380px;max-width:calc(100% - 48px);padding:24px;animation:.4s ease-out slideUpFade;position:relative;box-shadow:0 12px 32px #4f84281f}.development-notice-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.development-notice-close:hover{color:var(--color-text);background:#0000000d}.development-notice-title{color:var(--color-primary-600);margin:0 0 12px;padding-right:24px;font-size:1.1rem;font-weight:700;line-height:1.4}.development-notice-desc{color:var(--color-text);margin:0 0 16px;font-size:.9rem;line-height:1.6}.development-notice-info{color:var(--color-text-muted);background:#eaf59d33;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;display:flex}.development-notice-info p{justify-content:space-between;margin:0;display:flex}.development-notice-info strong{color:var(--color-primary-600)}.development-report-button,.development-report-button:link,.development-report-button:visited,.development-report-button:focus,.development-report-button:active,.development-report-button:focus-visible{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;color:#fff!important;opacity:1!important;background-color:#2f7d32!important;text-decoration:none!important}.development-report-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f842833;color:#fff!important;background-color:#256628!important;text-decoration:none!important}.development-report-button.development-notice-mini-btn{border-radius:30px;gap:6px;width:auto;padding:12px 20px;animation:.4s ease-out slideUpFade;box-shadow:0 8px 24px #4f842840}.development-report-button.development-notice-mini-btn:hover{box-shadow:0 12px 28px #4f84284d}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.development-notice-container{align-items:stretch;bottom:16px;left:5%;right:5%}.development-notice-box{width:100%;max-width:none}.development-notice-mini-btn{align-self:flex-end}}.brand-logo{flex-shrink:0;text-decoration:none;display:block}.brand-logo__image{width:var(--logo-width);object-fit:contain;flex-shrink:0;height:auto;max-height:none;display:block}.brand-logo--small,.brand-logo--medium{--logo-width:110px}@media (width>=768px){.brand-logo--medium{--logo-width:140px}}.brand-logo--large{--logo-width:220px}.brand-logo--auth{--logo-width:200px}.brand-logo--admin{--logo-width:160px}.brand-logo--footer{--logo-width:180px}@media (width>=768px){.brand-logo--footer{--logo-width:280px}}.admin-shell{background:radial-gradient(circle at 100% 0,#c1d95c3d,#0000 18%),linear-gradient(#f8fbef 0%,#f1f7e2 100%);grid-template-columns:310px minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden}.admin-sidebar{background:#336a29;min-height:100vh;max-height:100vh;padding:30px 18px 24px;position:sticky;top:0;overflow-y:auto;box-shadow:inset -1px 0 #ffffff14}.admin-shell__content{flex-direction:column;min-width:0;height:100vh;min-height:100vh;display:flex;overflow:hidden auto}.admin-sidebar__nav{gap:10px}.admin-sidebar__link{border:1px solid #0000;gap:14px;min-width:0}.admin-sidebar__link:hover,.admin-sidebar__link.is-active{color:#183814;background:linear-gradient(135deg,#9fc45c,#84b44f);box-shadow:0 10px 22px #18381429}.admin-sidebar__icon{background:#ffffff1f;flex-shrink:0;width:42px;min-width:42px;height:42px}.admin-sidebar__icon svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.admin-topbar{z-index:8;background:#f1fadce0;padding:24px 28px;position:sticky;top:0;box-shadow:0 12px 28px #4f84280f}.admin-topbar__summary{min-width:0}.admin-topbar h1{margin:6px 0 8px;font-size:clamp(1.8rem,2.3vw,2.6rem);line-height:1.08}.admin-topbar__summary>span{max-width:620px;line-height:1.6;display:block}.admin-topbar__search{min-width:min(360px,34vw);position:relative}.admin-topbar__search input{color:var(--color-text);background:linear-gradient(#c1d95c85,#c1d95c57);padding:15px 18px 15px 50px}.admin-topbar__search input::placeholder{color:#1737159e}.admin-topbar__search-icon{width:20px;height:20px;color:var(--color-primary-500);place-items:center;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.admin-topbar__search-icon svg,.admin-topbar__icon-button svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.admin-topbar__icon-button{flex-shrink:0;position:relative}.admin-topbar__dot-badge{color:#fff;background:#df6a3e;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:-4px;right:-4px}.admin-topbar__dropdown{z-index:14;background:#fffffffa;border:1px solid #4f84281a;border-radius:20px;gap:12px;width:min(360px,100vw - 32px);padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 36px #4f842824}.admin-topbar__dropdown--compact{width:min(320px,100vw - 32px)}.admin-topbar__dropdown-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-topbar__dropdown-header strong{margin-bottom:4px;display:block}.admin-topbar__dropdown-header p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.55}.admin-topbar__dropdown-header button{color:var(--color-primary-600);font:inherit;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:700}.admin-topbar__dropdown-body,.admin-topbar__notification-list{gap:8px;display:grid}.admin-topbar__notification-list{max-height:340px;overflow-y:auto}.admin-topbar__notification-item{color:var(--color-text);text-align:left;background:#f6faea85;border:1px solid #4f842814;border-radius:16px;gap:8px;padding:12px 14px;display:grid}.admin-topbar__notification-item.is-unread{background:#eaf59d57;border-color:#4f84282e}.admin-topbar__notification-item strong{margin-bottom:4px;font-size:.92rem;display:block}.admin-topbar__notification-item p,.admin-topbar__notification-item span{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.55}.admin-topbar__dropdown-empty{color:var(--color-text-muted);text-align:center;background:#f6faea94;border-radius:16px;padding:16px 14px}.admin-topbar__help-list{color:var(--color-text-muted);gap:10px;margin:0;padding-left:18px;font-size:.84rem;line-height:1.6;display:grid}.admin-topbar__dot{background:#d97745;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:10px;box-shadow:0 0 0 3px #fff}.admin-topbar__profile{padding:8px 14px 8px 10px}.admin-topbar__profile strong,.admin-topbar__profile small{display:block}.admin-topbar__profile strong{margin-bottom:2px}.admin-topbar__profile small{color:var(--color-text-muted)}.admin-main{background:0 0;flex:auto;min-height:0;padding:28px}.admin-dashboard{gap:24px;width:100%;max-width:1320px;margin:0 auto}.admin-dashboard__hero{gap:14px;display:grid}.admin-dashboard__hero-copy h2,.admin-dashboard__section-title h3{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(2rem,3vw,2.8rem)}.admin-dashboard__hero-copy p,.admin-dashboard__section-title p,.admin-panel__header p,.admin-quick-card p,.admin-comment-item p,.admin-metric-card__body p{color:var(--color-text-muted);margin:0;line-height:1.7}.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}@media (width>=1201px){.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-metric-card{background:#fff;border:1px solid #4f842814;border-radius:24px;gap:12px;min-width:0;padding:20px;display:grid;box-shadow:0 4px 20px #4f842814}.admin-metric-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-metric-card__icon{width:56px;height:56px;color:var(--color-primary-500);border-radius:20px;place-items:center;display:inline-grid}.admin-metric-card__icon svg,.admin-quick-card__icon svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.admin-metric-card__change{border-radius:999px;padding:10px 14px;font-size:.95rem;font-weight:700}.admin-metric-card__body strong{letter-spacing:-.05em;margin-top:10px;font-size:clamp(2.2rem,3.4vw,2.6rem);line-height:1;display:block}.admin-metric-card--peach .admin-metric-card__icon,.admin-metric-card--peach .admin-metric-card__change{background:#f7b6a86b}.admin-metric-card--peach .admin-metric-card__change{color:#a65039}.admin-metric-card--green .admin-metric-card__icon{background:#80b15538}.admin-metric-card--green .admin-metric-card__change{color:#fff;background:#7bab48}.admin-metric-card--lime .admin-metric-card__icon{background:#c1d95c57}.admin-metric-card--lime .admin-metric-card__change{color:#526e17;background:#cfe655e0}.admin-metric-card--olive .admin-metric-card__icon{background:#80b15533}.admin-metric-card--olive .admin-metric-card__change{color:#264918;background:#80b15552}.admin-dashboard__insights{grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);gap:22px;display:grid}.admin-dashboard__secondary{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;display:grid}.admin-panel{background:#ffffffeb;border:1px solid #4f842814;border-radius:28px;gap:20px;min-width:0;padding:26px;display:grid;box-shadow:0 16px 32px #4f842814}.admin-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-panel__header h3{letter-spacing:-.03em;margin:0 0 6px;font-size:1.45rem}.admin-panel__count{color:#fff;background:#c85f33;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:38px;padding-inline:12px;font-weight:700;display:inline-flex}.admin-chart-legend{flex-wrap:wrap;gap:14px;display:flex}.admin-chart-legend span{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.admin-chart-legend i,.admin-content-list__label i{border-radius:50%;width:12px;height:12px;display:inline-block}.admin-chart-legend .is-like{background:#d2ea57}.admin-chart-legend .is-comment{background:#88b753}.admin-chart-legend .is-save{background:#4f8428}.admin-weekly-chart{background:linear-gradient(#eaf59d29,#f7faefc7);border-radius:24px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;min-height:320px;padding:20px;display:grid}.admin-weekly-chart__group{justify-items:center;gap:12px;min-width:0;display:grid}.admin-weekly-chart__bars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;width:100%;min-height:240px;display:grid}.admin-weekly-chart__bars span{border-radius:16px 16px 10px 10px;min-height:16px;display:block}.admin-weekly-chart__bars .bar-like{background:#d2ea57}.admin-weekly-chart__bars .bar-comment{background:#88b753}.admin-weekly-chart__bars .bar-save{background:#4f8428}.admin-weekly-chart__group small{color:var(--color-text-muted);font-weight:600}.admin-content-share{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:22px;display:grid}.admin-donut-chart{aspect-ratio:1;border-radius:50%;width:min(220px,100%);margin:0 auto;position:relative}.admin-donut-chart:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:24px;box-shadow:inset 0 0 0 1px #4f84280f}.admin-donut-chart__center{z-index:1;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.admin-donut-chart__center strong{letter-spacing:-.04em;font-size:1.9rem}.admin-content-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.admin-content-list li{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-content-list__label{align-items:center;gap:10px;display:inline-flex}.admin-comment-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.admin-comment-item{border-bottom:1px solid #4f84281f;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding-bottom:16px;display:grid}.admin-comment-item:last-child{border-bottom:0;padding-bottom:0}.admin-comment-item__avatar,.admin-quick-card__icon{width:46px;height:46px;color:var(--color-primary-500);background:#c1d95c8a;border-radius:18px;place-items:center;font-weight:700;display:grid}.admin-comment-item__meta{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.admin-comment-item__meta span{color:var(--color-text-muted);font-size:.92rem}.admin-comment-item__action{color:var(--color-primary-500);background:#eaf59d33;border:1px solid #4f84281f;border-radius:999px;align-self:center;padding:10px 16px;font-weight:600}.admin-timeline{gap:18px;margin:0;padding:0 0 0 10px;list-style:none;display:grid}.admin-timeline li{color:var(--color-text-muted);padding-left:24px;line-height:1.7;position:relative}.admin-timeline li:before{content:"";background:linear-gradient(135deg, var(--color-primary-200), var(--color-primary-400));border-radius:50%;width:11px;height:11px;position:absolute;top:10px;left:0;box-shadow:0 0 0 6px #eaf59d6b}.admin-timeline li:after{content:"";background:#4f84282e;width:1px;height:calc(100% + 8px);position:absolute;top:22px;left:5px}.admin-timeline li:last-child:after{display:none}.admin-dashboard__quick{gap:18px;display:grid}.admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.admin-quick-card{background:#fff;border:1px solid #4f842814;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:16px;min-width:0;padding:22px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 14px 30px #4f842814}.admin-quick-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #4f84281f}.admin-quick-card strong{margin-bottom:6px;font-size:1.1rem;display:block}@media (width<=1380px){.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1200px){.admin-shell{grid-template-columns:1fr;height:auto;overflow:visible}.admin-sidebar{min-height:auto;max-height:none;position:static;overflow:visible}.admin-shell__content{height:auto;min-height:auto;overflow:visible}.admin-dashboard__insights,.admin-dashboard__secondary,.admin-content-share{grid-template-columns:1fr}.admin-content-share{justify-items:center}}@media (width<=1023px){.admin-topbar__search{min-width:100%}.admin-stats-grid,.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-main,.admin-topbar{padding:18px}.admin-sidebar{padding:20px 14px 18px}.admin-stats-grid,.admin-quick-grid{grid-template-columns:1fr}.admin-panel,.admin-metric-card,.admin-quick-card{padding:20px}.admin-comment-item{grid-template-columns:auto minmax(0,1fr)}.admin-comment-item__action{grid-column:2;justify-self:start}.admin-weekly-chart{gap:8px;padding:14px}}@media (width<=480px){.admin-main,.admin-topbar,.admin-sidebar{padding:16px 12px}.admin-panel,.admin-metric-card,.admin-quick-card{border-radius:22px;padding:18px}}.create-post-page{box-sizing:border-box;gap:26px;min-width:0;max-width:100%;display:grid}.create-post-page>*,.create-post-page__layout>*,.create-post-form>*,.post-form-group>*{min-width:0}.create-post-page__hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.92fr);align-items:center;gap:28px;display:grid}.create-post-page__hero-content{gap:18px;display:grid}.create-post-page__badge{width:fit-content;color:var(--color-primary-500);background:#c1d95c3d;border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.create-post-page__hero-content h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,5vw,4.4rem);line-height:1.02}.create-post-page__hero-content p,.create-post-page__alert p,.create-post-sidebar__card p,.create-post-sidebar__card li{color:var(--color-text-muted);margin:0;line-height:1.8}.create-post-page__hero-visual img{object-fit:cover;width:100%;min-height:240px;box-shadow:var(--shadow-soft);border-radius:30px;display:block}.create-post-page__alert{box-shadow:var(--shadow-card);background:linear-gradient(#c1d95c47,#b7f69d85);border:1px solid #4f842824;border-radius:24px;gap:8px;padding:22px 24px;display:grid}.create-post-page__layout{grid-template-columns:minmax(0,1.75fr) minmax(0,.9fr);align-items:start;gap:24px;display:grid}.create-post-form,.create-post-sidebar__card{box-shadow:var(--shadow-card);background:#fffffff5;border:1px solid #4f842814;border-radius:30px}.create-post-form{box-sizing:border-box;gap:20px;padding:28px;display:grid}.post-modal-form{width:100%;min-width:0}.create-post-form__utility{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.create-post-form__clear-draft{color:#336a29;font:inherit;background:0 0;border:0;font-weight:700}.create-post-form__message{border-radius:16px;padding:14px 16px;font-weight:600}.create-post-form__message--error{color:#8a5a0b;background:#f6e0b180;border:1px solid #d6a24a3d}.create-post-form__message--success{color:var(--color-primary-500);background:#eaf59d57;border:1px solid #4f842829}.create-post-form__message--info{color:#173715d1;background:#c1d95c2e;border:1px solid #4f84281f}.create-post-form__field{gap:10px;display:grid}.post-form-group{gap:10px;width:100%;min-width:0;display:grid}.create-post-form__field span,.create-post-sidebar__card h2{margin:0;font-weight:700}.post-form-group__counter,.post-form-group__hint,.post-form-group__help{color:#336a29b8;font-size:.86rem;line-height:1.5}.post-form-group label{color:#336a29;font-weight:700;display:block}.post-form-control,.create-post-form__field input,.create-post-form__field select,.create-post-form__field textarea{box-sizing:border-box;color:#173715;width:100%;min-width:0;font:inherit;appearance:none;background:linear-gradient(#eaf59d52,#fffffffa);border:1px solid #4f842829;border-radius:14px;padding:15px 16px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block}select.post-form-control,.create-post-form__field select{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23336a29' stroke='%23336a29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.post-form-control::placeholder,.create-post-form__field input::placeholder,.create-post-form__field textarea::placeholder{color:#336a2994}.post-form-control:focus,.create-post-form__field input:focus,.create-post-form__field select:focus,.create-post-form__field textarea:focus{background:#fff;border-color:#4f8428;outline:none;box-shadow:0 0 0 4px #80b1552e}.post-form-control.is-invalid{background:#fff7f6fa;border-color:#b03b2a73;box-shadow:0 0 0 4px #b03b2a14}.post-form-group__error{color:#b23b2a;margin:0;font-size:.88rem;line-height:1.55}.post-form-row,.create-post-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;min-width:0;display:grid}.create-post-form__file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.create-post-form__upload-box{text-align:center;cursor:pointer;background:linear-gradient(#eaf59d5c,#ffffffe6);border:2px dashed #73796a52;border-radius:22px;justify-items:center;gap:8px;padding:36px 20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.create-post-form__upload-box:hover{border-color:#4f84286b;box-shadow:0 12px 24px #4f842814}.create-post-form__upload-trigger{margin-top:6px}.create-post-form__upload-box:focus-visible{border-color:#4f8428;outline:none;box-shadow:0 0 0 4px #80b1552e}.create-post-form__upload-box small,.create-post-form__upload-box em,.create-post-sidebar__timeline span,.create-post-sidebar__preview-meta small{color:var(--color-text-muted)}.create-post-form__upload-box em{font-style:normal;font-weight:700}.create-post-form__content{resize:vertical;min-height:280px}.post-editor{background:linear-gradient(#fafcf1fa,#fffffffa);border:1px solid #4f84281f;border-radius:20px;gap:12px;padding:14px;display:grid}.post-editor__toolbar,.post-editor__tools,.post-editor__tabs,.post-editor__footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-editor__toolbar{justify-content:space-between}.post-editor__toolbar--sticky{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafcf1f2;border-bottom:1px solid #4f842814;margin:-10px 0 10px;padding:10px 0;position:sticky;top:-14px}.post-editor__tool,.post-editor__tab{color:#336a29;font:inherit;background:#eaf59d57;border:1px solid #4f84281a;border-radius:999px;padding:9px 14px;font-size:.88rem;font-weight:700}.post-editor__tab.is-active{color:#fff;background:linear-gradient(135deg,#4f8428,#336a29);border-color:#336a29}.post-editor__textarea{resize:vertical;width:100%;min-height:320px;box-shadow:none;background:#fff;border:0;padding:12px}.post-editor__textarea:focus{outline:none}.post-editor__textarea.is-invalid{border-radius:16px;box-shadow:inset 0 0 0 1px #b03b2a6b}.post-editor__preview{background:#ffffffeb;border:1px solid #4f842814;border-radius:18px;min-height:320px;padding:18px}.post-editor__footer{color:#336a29b8;justify-content:space-between;font-size:.84rem}.markdown-content{color:#173715d6;gap:14px;line-height:1.8;display:grid}.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content p,.markdown-content ul,.markdown-content blockquote,.markdown-content figure{margin:0}.markdown-content h2,.markdown-content h3,.markdown-content h4{letter-spacing:-.03em}.markdown-content ul{padding-left:20px}.markdown-content blockquote{background:#eaf59d3d;border-left:4px solid #80b155;border-radius:0 16px 16px 0;padding:14px 16px}.markdown-content a{color:#336a29;text-decoration:underline}.markdown-content code{background:#c1d95c3d;border-radius:999px;padding:2px 8px;font-size:.9em}.markdown-content__figure{gap:10px;display:grid}.markdown-content__figure img{object-fit:cover;border-radius:20px;width:100%;max-height:340px}.markdown-content__figure figcaption,.markdown-content__empty{color:#336a29b8;font-size:.88rem}.create-post-form__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:6px;display:flex}.create-post-form__actions .btn{white-space:nowrap;border-radius:999px;min-height:48px;padding:0 18px;font-weight:700}.create-post-form__actions .btn:disabled,.composer-modal__footer-actions .btn:disabled{opacity:.66;cursor:not-allowed}.create-post-form__actions .btn--primary{background:linear-gradient(135deg,#4f8428,#336a29);border-color:#336a29}.create-post-form__actions .btn--secondary{color:#336a29;background:#eaf59d9e;border-color:#4f842824}.create-post-form__draft{color:#336a29;background:linear-gradient(#eaf59dfa,#c1d95ce6);border:1px solid #4f842829}.create-post-sidebar{gap:18px;display:grid}.create-post-sidebar__card{gap:16px;padding:22px;display:grid}.create-post-sidebar__timeline{gap:20px;padding-left:20px;display:grid;position:relative}.create-post-sidebar__timeline:before{content:"";background:#73796a3d;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.create-post-sidebar__timeline div{gap:4px;display:grid;position:relative}.create-post-sidebar__timeline div:before{content:"";background:#73796a47;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-20px}.create-post-sidebar__timeline .is-active:before{background:var(--color-primary-500)}.create-post-sidebar__preview{background:#eaf59d33;border:1px solid #4f84281f;border-radius:20px;overflow:hidden}.create-post-sidebar__card.is-highlighted{box-shadow:0 16px 36px #4f842829}.create-post-sidebar__preview-cover{color:#336a299e;background:linear-gradient(#c1d95c6b,#eaf59d47);place-items:center;min-height:120px;display:grid;position:relative}.create-post-sidebar__preview-cover em{color:#7f7a00;background:#eaf59deb;border-radius:999px;padding:8px 10px;font-size:.74rem;font-style:normal;font-weight:800;position:absolute;top:12px;right:12px}.create-post-sidebar__preview-body{gap:10px;padding:16px;display:grid}.create-post-sidebar__preview-tag{width:fit-content;color:var(--color-primary-500);background:#c1d95c4d;border-radius:999px;padding:8px 10px;font-size:.78rem;font-weight:700}.create-post-sidebar__preview-body h3{margin:0;font-size:1.2rem;line-height:1.35}.create-post-sidebar__preview-body p{font-size:.94rem}.create-post-sidebar__preview-meta{border-top:1px solid #4f84281a;gap:4px;padding-top:12px;display:grid}.create-post-sidebar__card ul{gap:10px;margin:0;padding-left:18px;line-height:1.75;display:grid}.create-post-sidebar__card--tips{background:linear-gradient(#eaf59d70,#fffffff5)}@media (width<=1180px){.create-post-page__hero,.create-post-page__layout{grid-template-columns:1fr}}@media (width<=1023px){.create-post-page__hero-content h1{font-size:clamp(2.2rem,7vw,3.5rem)}.create-post-form__actions .btn{flex:220px}}@media (width<=760px){.create-post-form,.create-post-sidebar__card,.create-post-page__alert{padding:20px}.create-post-form__row{grid-template-columns:1fr}.create-post-form__actions{flex-direction:column;align-items:stretch}.create-post-form__actions .btn{width:100%}.post-form-group__header,.create-post-form__utility,.post-editor__toolbar,.post-editor__footer{flex-direction:column;align-items:flex-start}.create-post-form__utility-meta,.post-form-group__content-stats{justify-content:flex-start;width:100%}.create-post-form__upload-box{aspect-ratio:auto;min-height:220px;padding:20px 16px}.post-editor__tools,.post-editor__tabs{width:100%}.post-editor__tool,.post-editor__tab{text-align:center;flex:calc(50% - 10px)}}.ui-modal-overlay--composer{justify-content:center;align-items:center;padding:16px;display:flex}.ui-modal--composer{background:var(--color-white);border-radius:28px;flex-direction:column;width:100%;max-height:92vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 24px 48px #00000029;max-width:min(1500px,94vw)!important}.ui-modal__header--composer{border-bottom:1px solid var(--color-gray-100);background:var(--color-white);z-index:10;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.ui-modal__header-content h2{color:var(--color-gray-900);margin:0 0 4px;font-size:1.25rem;font-weight:700}.ui-modal__header-content p{color:var(--color-gray-600);margin:0;font-size:.875rem}.ui-modal__close--composer{cursor:pointer;color:var(--color-gray-500);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ui-modal__close--composer:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.composer-modal__body{background:var(--color-gray-50);flex:1;padding:24px;overflow-y:auto}.composer-modal__footer{border-top:1px solid var(--color-gray-100);background:var(--color-white);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.composer-modal__grid{grid-template-columns:1fr;gap:24px;height:100%;display:grid}@media (width>=900px){.composer-modal__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px}}@media (width>=1200px){.composer-modal__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}}.composer-modal__preview-column{display:block}@media (width>=900px){.composer-modal__preview-column{align-self:start;height:max-content;position:sticky;top:0}}.composer-split-layout{width:100%;height:100%;display:flex;overflow:hidden}.composer-split-layout--mobile{flex-direction:column;height:auto;overflow:visible}.composer-split-pane{background:var(--color-white);flex-direction:column;display:flex}.composer-split-layout--mobile .composer-split-pane{width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}.composer-split-handle{background-color:var(--color-gray-50);cursor:col-resize;z-index:5;justify-content:center;align-items:center;width:16px;transition:background-color .2s;display:flex}.composer-split-handle:hover,.composer-split-handle.is-dragging{background-color:#c1d95c66}.composer-split-handle-indicator{background-color:var(--color-gray-300);border-radius:4px;width:4px;height:40px;transition:background-color .2s,transform .2s}.composer-split-handle:hover .composer-split-handle-indicator,.composer-split-handle.is-dragging .composer-split-handle-indicator{background-color:var(--color-primary-500);transform:scaleY(1.2)}.ui-modal--composer{background:linear-gradient(#fffffffa,#f6fae3fa);border:1px solid #c1d95c6b;border-radius:28px;max-height:92vh;box-shadow:0 28px 80px #102c0f38;width:min(1500px,94vw)!important;max-width:min(1500px,94vw)!important}.ui-modal__header--composer{background:radial-gradient(circle at 0 0,#eaf59d70,#0000 40%),linear-gradient(#fffffffa,#f9fcedf5);border-bottom:1px solid #4f842824;align-items:flex-start;gap:20px;padding:24px 28px 20px}.ui-modal__header-content{gap:8px;display:grid}.ui-modal__header--composer h2,.ui-modal__header-content h2{color:#18370f;margin:0;font-size:clamp(1.35rem,1rem + .8vw,1.8rem);line-height:1.1}.ui-modal__header--composer p,.ui-modal__header-content p{color:#336a29c7;max-width:760px;margin:0;font-size:.96rem;line-height:1.6}.composer-modal__badge{color:#336a29;letter-spacing:.08em;text-transform:uppercase;background:#eaf59db8;border:1px solid #80b1554d;border-radius:999px;align-items:center;width:fit-content;padding:8px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.ui-modal__close--composer{color:#336a29cc;background:#fffc;border:1px solid #80b1552e;border-radius:14px;flex-shrink:0;width:42px;height:42px}.ui-modal__close--composer:hover{color:#18370f;background:#eaf59dbf}.composer-modal__body{background:linear-gradient(#f5fae6e6,#fffffffa);flex:1;min-height:0;padding:0;overflow:hidden}.composer-modal__form-column,.composer-modal__preview-column{scrollbar-gutter:stable both-edges;height:100%;min-height:0;padding:24px;overflow-y:auto}.composer-modal__form-column{background:linear-gradient(#f9fceedb,#fffffffa)}.composer-modal__preview-column{background:radial-gradient(circle at 100% 0,#c1d95c38,#0000 38%),linear-gradient(#f3f8dde6,#fcfdf7fa)}.composer-modal__footer-note{color:#336a29d6;flex:1;min-width:0;font-size:.93rem;line-height:1.55}.composer-modal__footer-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.composer-modal__footer-actions .btn{min-width:136px}.composer-split-layout{width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.composer-split-layout--mobile{gap:18px;overflow:auto}.composer-split-pane{background:0 0;min-height:0;display:flex;overflow:hidden}.composer-split-handle{cursor:col-resize;background:linear-gradient(#eaf59d61,#c1d95c1f);border:0;flex:0 0 16px;width:16px;padding:0}.composer-split-handle-indicator{background:linear-gradient(#80b155f2,#4f8428e6);border-radius:999px;width:5px;height:72px;box-shadow:0 10px 18px #4f842833}.create-post-form--compact{background:#ffffffeb;border:1px solid #c1d95c47;border-radius:26px;gap:20px;padding:24px;display:grid;box-shadow:0 18px 45px #336a2914}.create-post-form--compact .create-post-form__field{margin:0}.create-post-form__messages{gap:10px;display:grid}.create-post-form__message{border-radius:16px;padding:12px 14px}.create-post-form__utility{background:linear-gradient(#eaf59d3d,#ffffffd1);border:1px solid #c1d95c3d;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:14px 16px;display:flex}.create-post-form__draft-meta{color:#336a29d1;font-size:.92rem;line-height:1.5}.create-post-form__utility-meta{color:#336a29b8;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:.82rem;font-weight:700;display:flex}.create-post-form__utility-meta span{background:#eaf59d9e;border-radius:999px;align-items:center;padding:7px 10px;display:inline-flex}.create-post-form__clear-draft{color:#336a29;background:#eaf59d4d;border:0;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:800}.create-post-form__clear-draft:hover:not(:disabled){background:#c1d95c73}.create-post-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.post-form-group{gap:12px;display:grid}.post-form-group__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-form-group__header label span,.post-form-group__header label{color:#18370f;font-size:.95rem;font-weight:800}.post-form-group__hint,.post-form-group__counter,.post-form-group__help{color:#336a29b3}.post-form-control,.custom-select__trigger.post-form-control{color:#214218;background:#fffffaeb;border:1px solid #c1d95c57;border-radius:16px;width:100%;min-width:0;min-height:54px;padding:14px 16px;box-shadow:inset 0 1px #ffffffb8}.post-form-control:focus,.custom-select__trigger.post-form-control:focus{border-color:#4f8428a6;outline:none;box-shadow:0 0 0 4px #c1d95c33}.create-post-form__select{width:100%;min-width:0}.custom-select{width:100%;min-width:0;position:relative}.custom-select__trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.custom-select__trigger-label{text-overflow:ellipsis;white-space:nowrap;color:#336a299e;flex:1;min-width:0;overflow:hidden}.custom-select__trigger-label.has-value{color:#214218}.custom-select__trigger-icon{color:#336a29bf;flex-shrink:0;transition:transform .18s}.custom-select__dropdown{z-index:20;background:#fffffffa;border:1px solid #c1d95c57;border-radius:18px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px #336a2924}.custom-select__option{color:#214218;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.custom-select__option:hover,.custom-select__option.is-selected{background:#eaf59d99}.create-post-form__upload-box{aspect-ratio:16/7;background:linear-gradient(#fafcf0fa,#f1f7d7bd);border:1.5px dashed #80b15561;border-radius:22px;place-items:center;width:100%;min-width:0;max-width:100%;min-height:250px;padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.create-post-form__upload-box.is-dragging,.create-post-form__upload-box:hover{border-color:#4f84288f;transform:translateY(-1px);box-shadow:0 18px 28px #4f84281a}.create-post-form__upload-box.has-preview{border-style:solid;padding:0}.create-post-form__upload-copy{text-align:center;color:#336a29d6;justify-items:center;gap:12px;width:100%;min-width:0;max-width:440px;display:grid}.create-post-form__upload-copy strong{overflow-wrap:anywhere;font-size:1rem}.create-post-form__upload-copy small{overflow-wrap:anywhere;font-size:.86rem;line-height:1.6}.create-post-form__cover-preview{object-fit:cover;width:100%;height:100%}.create-post-form__remove-cover{background:#ffffffdb;border-radius:999px;position:absolute;top:16px;right:16px;box-shadow:0 10px 18px #00000014}.post-form-group__header--content{align-items:flex-start}.post-form-group__content-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.post-form-group__content-stats .post-form-group__counter{background:#eaf59d8f;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.create-post-form__editor-shell{min-width:0;min-height:360px}.post-live-preview{gap:18px;height:100%;min-height:0;display:grid}.post-live-preview__workspace-header{background:#ffffffe0;border:1px solid #c1d95c4d;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 12px 26px #336a290f}.post-live-preview__workspace-header h3{color:#18370f;margin:6px 0 0;font-size:1.1rem}.post-live-preview__eyebrow{color:#336a29;letter-spacing:.08em;text-transform:uppercase;background:#c1d95c47;border-radius:999px;align-items:center;padding:6px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.post-live-preview__mode-toggle{background:#eaf59d57;border-radius:999px;gap:6px;padding:5px;display:inline-flex}.post-live-preview__mode-toggle button{color:#336a29bd;background:0 0;border:0;border-radius:999px;padding:9px 14px;font-size:.84rem;font-weight:800}.post-live-preview__mode-toggle button.is-active{color:#fff;background:#4f8428;box-shadow:0 12px 18px #4f84283d}.post-live-preview__scroll{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.post-live-preview__card{background:#fffffff5;border:1px solid #c1d95c4d;border-radius:28px;overflow:hidden;box-shadow:0 22px 42px #336a291a}.post-live-preview__card--feed{max-width:620px}.post-live-preview__card--detail{max-width:760px}.post-live-preview__cover{aspect-ratio:16/9;background:linear-gradient(135deg,#c1d95c8c,#4f8428c2);position:relative}.post-live-preview__card--feed .post-live-preview__cover{aspect-ratio:16/8}.post-live-preview__cover-image{object-fit:cover;width:100%;height:100%}.post-live-preview__cover-fallback{color:#ffffffeb;text-align:center;background:radial-gradient(circle at 0 0,#eaf59d70,#0000 32%),linear-gradient(135deg,#80b155d6,#336a29f0);place-items:center;padding:22px;font-weight:700;display:grid;position:absolute;inset:0}.post-live-preview__type-pill{color:#336a29;background:#ffffffe0;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:800;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 10px 16px #00000014}.post-live-preview__body{gap:20px;padding:22px;display:grid}.post-live-preview__meta{align-items:center;gap:14px;display:flex}.post-live-preview__avatar-image,.post-live-preview__avatar-fallback{border-radius:50%;flex-shrink:0;width:48px;height:48px}.post-live-preview__avatar-image{object-fit:cover}.post-live-preview__avatar-fallback{color:#fff;background:linear-gradient(135deg,#c1d95c,#4f8428);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.post-live-preview__author{gap:4px;display:grid}.post-live-preview__author strong{color:#18370f}.post-live-preview__author span{color:#336a29ad;font-size:.88rem}.post-live-preview__headline{gap:10px;display:grid}.post-live-preview__headline h2{color:#18370f;margin:0;line-height:1.2}.post-live-preview__card--feed .post-live-preview__headline h2{font-size:1.55rem}.post-live-preview__card--detail .post-live-preview__headline h2{font-size:clamp(1.9rem,1.3rem + .9vw,2.35rem)}.post-live-preview__headline p{color:#214218d1;margin:0;line-height:1.7}.post-live-preview__content{gap:14px;display:grid}.post-live-preview__content.is-empty{background:#fafcefeb;border:1px dashed #80b15557;border-radius:20px;padding:20px}.post-live-preview__empty,.post-live-preview__continue{color:#336a29b8;margin:0;line-height:1.7}.post-live-preview__continue{font-size:.88rem;font-style:italic}.post-live-preview__tags{flex-wrap:wrap;gap:10px;display:flex}.post-live-preview__tags span{color:#336a29;background:#eaf59d99;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.post-blocks{gap:14px;display:grid}.post-blocks__paragraph,.post-blocks__quote,.post-blocks__list,.post-blocks__figure,.post-blocks__link{margin:0}.post-blocks__paragraph{color:#1a3112e6;line-height:1.85}.post-blocks__heading{color:#18370f;margin:6px 0 0;line-height:1.3}.post-blocks--feed .post-blocks__heading{font-size:1.08rem}.post-blocks--detail .post-blocks__heading{font-size:1.32rem}.post-blocks__quote{color:#1a3112e6;background:#eaf59d3d;border-left:4px solid #80b155;border-radius:16px;padding:16px 18px;font-style:italic;line-height:1.8}.post-blocks__list{color:#1a3112e6;gap:8px;padding-left:22px;line-height:1.8;display:grid}.post-blocks__figure{gap:10px;display:grid}.post-blocks__image{object-fit:cover;background:#eaf59d2e;border-radius:16px;width:100%;max-width:100%;max-height:360px;display:block}.post-blocks__figure figcaption{color:#336a29ad;text-align:center;font-size:.86rem}.post-blocks__link .btn{border-radius:999px}@media (width<=959px){.ui-modal--composer{max-height:94vh;width:min(100%,96vw)!important}.ui-modal__header--composer,.composer-modal__footer{padding-inline:18px}.composer-modal__body{overflow-y:auto}.composer-modal__form-column,.composer-modal__preview-column,.create-post-form--compact{padding:18px}.composer-modal__footer{flex-direction:column;align-items:stretch}.composer-modal__footer-actions{justify-content:stretch}.composer-modal__footer-actions .btn{flex:180px}}@media (width<=760px){.ui-modal-overlay--composer{padding:8px}.ui-modal__header--composer{flex-direction:column;padding:16px 16px 14px}.ui-modal__close--composer{align-self:flex-end}.composer-modal__form-column,.composer-modal__preview-column,.composer-modal__footer{padding:14px}.create-post-form--compact{border-radius:22px;gap:18px;padding:16px}.create-post-form__row,.post-form-group__header,.post-form-group__header--content,.post-live-preview__workspace-header{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.create-post-form__upload-box{width:100%;min-height:210px}.post-live-preview__mode-toggle{width:100%}.post-live-preview__mode-toggle button{flex:1 1 0}.post-live-preview__body{padding:18px}}@media (width<=480px){.create-post-form,.create-post-sidebar__card,.create-post-page__alert{border-radius:22px;padding:18px}.create-post-form__upload-box{min-height:190px;padding:16px 14px}.create-post-form__upload-copy{gap:10px}.create-post-form__upload-copy strong{font-size:.95rem}.create-post-form__utility{padding:12px 14px}.create-post-form__actions .btn,.create-post-form__remove-cover{min-width:0}}@media (width<=1440px){.create-post-form__upload-box{aspect-ratio:auto}}.ui-modal-overlay--composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#122a1061;padding:clamp(16px,2vw,28px)}.ui-modal--composer{background:#fff;border:1px solid #80b1552e;border-radius:28px;height:min(88vh,920px);max-height:min(88vh,920px);box-shadow:0 28px 90px #102c0f2e,0 12px 28px #102c0f14;width:min(92vw,1360px)!important;max-width:1360px!important}.ui-modal__header--composer,.composer-modal__footer{z-index:3;position:relative}.ui-modal__header--composer{background:radial-gradient(circle at 0 0,#eaf59d57,#0000 42%),linear-gradient(#fffffffa,#f8fceff5);border-bottom:1px solid #4f84281f;padding:26px 32px 22px}.ui-modal__header-content{gap:10px}.ui-modal__header--composer h2,.ui-modal__header-content h2{letter-spacing:-.03em;font-size:clamp(1.45rem,1.05rem + .8vw,1.95rem);font-weight:800}.ui-modal__header--composer p,.ui-modal__header-content p{color:#336a29c7;max-width:720px}.ui-modal__close--composer{border-radius:14px;width:44px;height:44px}.composer-modal__body{scrollbar-width:thin;scrollbar-color:#4f842857 transparent;background:radial-gradient(circle at 100% 0,#c1d95c2e,#0000 28%),linear-gradient(#f5fae7f0,#fffffffa);flex:1;min-height:0;padding:30px 32px;display:block;overflow:hidden auto}.composer-modal__body::-webkit-scrollbar{width:10px}.post-live-preview__scroll::-webkit-scrollbar{width:10px}.composer-modal__body::-webkit-scrollbar-track{background:0 0}.post-live-preview__scroll::-webkit-scrollbar-track{background:0 0}.composer-modal__body::-webkit-scrollbar-thumb{background:#4f842847 padding-box padding-box;border:2px solid #0000;border-radius:999px}.post-live-preview__scroll::-webkit-scrollbar-thumb{background:#4f842847 padding-box padding-box;border:2px solid #0000;border-radius:999px}.composer-split-layout{grid-template-columns:minmax(460px,1.05fr) minmax(420px,.95fr);place-items:start stretch;gap:32px;width:100%;max-width:100%;min-height:min-content;display:grid;overflow:visible}.composer-split-pane{background:0 0;justify-self:stretch;width:auto!important;min-width:0!important;height:auto!important;overflow:visible!important}.composer-split-pane--left,.composer-split-pane--right{min-width:0}.composer-split-handle{display:none}.composer-modal__form-column,.composer-modal__preview-column{scrollbar-gutter:auto;width:100%;height:auto;min-height:0;padding:0;overflow:visible}.composer-modal__preview-column{align-content:start;display:grid}.create-post-form--compact{background:#fffffff5;border:1px solid #80b15533;border-radius:24px;gap:24px;padding:28px;box-shadow:0 16px 40px #336a2912}.create-post-form__field{gap:12px}.create-post-form__row{gap:20px}.create-post-form__utility{padding:14px 16px}.post-form-group__header label span,.post-form-group__header label{font-weight:800}.post-form-control,.custom-select__trigger.post-form-control,.create-post-form__field input,.create-post-form__field select,.create-post-form__field textarea{background:#fff;border-color:#80b15542;border-radius:18px;min-height:56px;padding:16px 18px}.create-post-form__field>textarea.post-form-control{min-height:112px}.create-post-form__upload-box{border-radius:24px;width:100%;max-width:100%;min-height:270px}.create-post-form__editor-shell{min-height:0}.post-live-preview{gap:20px;width:100%}.post-live-preview__workspace-header{background:#ffffffeb;border:1px solid #80b1553d;border-radius:24px;padding:18px 22px}.post-live-preview__workspace-header h3{font-size:1.14rem;font-weight:800}.post-live-preview__eyebrow{letter-spacing:.12em}.post-live-preview__scroll{padding:2px 0 8px;overflow:visible}.post-live-preview__card,.post-live-preview__card--feed,.post-live-preview__card--detail{width:100%;max-width:none}.post-live-preview__card{border:1px solid #80b1553d;border-radius:28px;box-shadow:0 22px 42px #336a291a}.post-live-preview__cover{aspect-ratio:16/9}.post-live-preview__cover-image{object-fit:cover}.post-live-preview__body{gap:18px;padding:24px}.post-live-preview__meta{gap:16px}.post-live-preview__avatar-image,.post-live-preview__avatar-fallback{width:52px;height:52px}.post-live-preview__author strong{font-size:1rem}.post-live-preview__headline h2{letter-spacing:-.03em;font-weight:800}.post-live-preview__headline p{font-size:.98rem;line-height:1.72}.post-live-preview__content.is-empty{border-radius:20px}.post-live-preview__tags span{padding:8px 14px}.composer-modal__footer{background:linear-gradient(#fffffffa,#f8fceff7);border-top:1px solid #4f84281f;gap:18px;padding:18px 32px 22px}.composer-modal__footer-note{color:#336a29d6;font-size:.94rem}.composer-modal__footer-actions{flex-wrap:nowrap;align-items:center;gap:12px}.composer-modal__footer-actions .btn{border-radius:999px;min-width:152px;min-height:48px;padding:0 20px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.composer-modal__footer-actions .btn:hover:not(:disabled){transform:translateY(-1px)}.composer-modal__footer-actions .btn--primary{box-shadow:0 14px 24px #4f842833}.composer-modal__footer-actions .btn--primary:hover:not(:disabled){box-shadow:0 18px 28px #4f84283d}@media (width<=1100px){.ui-modal--composer{height:min(92vh,980px);max-height:min(92vh,980px);width:min(96vw,1040px)!important}.composer-modal__body{padding:24px}.composer-split-layout{grid-template-columns:1fr;gap:24px}.composer-modal__footer{flex-direction:column;align-items:stretch}.composer-modal__footer-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}}@media (width<=760px){.ui-modal-overlay--composer{padding:0}.ui-modal--composer{border:0;border-radius:0;height:100dvh;max-height:100dvh;width:100vw!important;max-width:none!important}.ui-modal__header--composer{padding:18px 18px 16px}.composer-modal__body{padding:16px}.create-post-form--compact{border-radius:22px;gap:18px;padding:20px 16px}.composer-modal__footer{padding:14px 16px 16px}.composer-modal__footer-actions{grid-template-columns:1fr;gap:10px;display:grid}.composer-modal__footer-actions .btn{width:100%;min-width:0}}.ui-modal--composer>.composer-modal__body{display:block!important}.ui-modal--composer>.composer-modal__body>.composer-split-layout{grid-template-columns:minmax(460px,1.05fr) minmax(420px,.95fr)!important;gap:32px!important;width:100%!important;max-width:100%!important;display:grid!important}.ui-modal--composer>.composer-modal__body>.composer-split-layout>.composer-split-pane{justify-self:stretch!important;width:auto!important;min-width:0!important}.ui-modal--composer>.composer-modal__body>.composer-split-layout>.composer-split-pane--left,.ui-modal--composer>.composer-modal__body>.composer-split-layout>.composer-split-pane--right,.ui-modal--composer .composer-modal__form-column,.ui-modal--composer .composer-modal__preview-column,.ui-modal--composer .post-live-preview,.ui-modal--composer .post-live-preview__scroll,.ui-modal--composer .post-live-preview__card{width:100%!important;max-width:none!important}.ui-modal--composer .composer-modal__preview-column{align-content:start}.ui-modal--composer .post-live-preview__workspace-header,.ui-modal--composer .post-live-preview__card{margin-inline:0}@media (width<=1100px){.ui-modal--composer>.composer-modal__body>.composer-split-layout{grid-template-columns:1fr!important}}.create-post-form__field .create-post-form__upload-box{place-self:stretch stretch;width:100%!important;min-width:0!important;max-width:100%!important}.create-post-form__field>.create-post-form__file-input{border:0!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;padding:0!important}@media (width<=1440px){.create-post-form__field .create-post-form__upload-box{aspect-ratio:auto!important}}.home-page{gap:32px;display:grid}.home-section{gap:24px;display:grid}.home-section--last{margin-bottom:12px}.home-hero{background:linear-gradient(#f7faef 0%,#fff 100%);border-radius:40px;min-height:calc(100vh - 140px);padding:44px 28px 32px;position:relative;overflow:hidden}.home-hero__glow{filter:blur(72px);opacity:.75;pointer-events:none;border-radius:999px;position:absolute}.home-hero__glow--left{background:#eaf59d9e;width:360px;height:360px;top:8%;left:-6%}.home-hero__glow--right{background:#80b1553d;width:460px;height:460px;bottom:10%;right:-4%}.home-hero__grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(460px,.98fr);align-items:center;gap:36px;display:grid;position:relative}.home-chip{width:fit-content;color:var(--color-primary-500);background:#80b1551f;border:1px solid #80b1552e;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.home-chip__dot{background:linear-gradient(180deg, var(--color-primary-300), var(--color-primary-500));border-radius:50%;width:10px;height:10px}.home-hero__content h1{letter-spacing:-.05em;margin:18px 0 20px;font-size:clamp(2.9rem,6vw,5rem);line-height:.96;display:grid}.home-hero__content h1 span{color:var(--color-primary-500)}.home-hero__content p{max-width:640px;color:var(--color-text-muted);margin:0;font-size:1.08rem;line-height:1.8}.home-hero__actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.home-hero__stats{border-top:1px solid #4f84281f;flex-wrap:wrap;gap:24px;margin-top:36px;padding-top:24px;display:flex}.home-hero__stat{gap:6px;min-width:112px;display:grid}.home-hero__stat strong{color:var(--color-primary-500);font-size:1.75rem}.home-hero__stat span{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.home-hero__visual{justify-content:center;align-items:center;min-height:640px;display:flex;position:relative}.home-hero__image-shell{border-radius:36px;width:100%;max-width:720px;padding:12px;position:relative;box-shadow:0 0 120px #4f84283d}.home-hero__image-shell:before{content:"";filter:blur(54px);background:#80b1553d;border-radius:999px;position:absolute;inset:26px}.home-hero__image-shell img{z-index:1;border:1px solid #ffffffb8;border-radius:32px;width:100%;display:block;position:relative;box-shadow:0 24px 60px -12px #4f842866}.home-hero__floating-grid{display:contents}.home-floating-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #ffffffad;border-radius:24px;gap:8px;padding:18px;display:grid;position:absolute;box-shadow:0 22px 44px #4f842829}.home-floating-card span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.home-floating-card strong{font-size:1.2rem;line-height:1.35}.home-floating-card small,.home-floating-card p{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.5}.home-floating-card--savings{top:64px;left:-32px}.home-floating-card--savings span{color:var(--color-primary-500)}.home-floating-card--warning{max-width:220px;bottom:180px;right:-18px}.home-floating-card--warning span{color:#d98b00}.home-floating-card--tip{color:#fff;background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500));border-color:#ffffff38;max-width:270px;bottom:-18px;left:84px}.home-floating-card--tip span,.home-floating-card--tip p{color:inherit}.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.home-feature-card{background:#fff;border:1px solid #4f842814;border-radius:32px;gap:14px;padding:30px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 4px 16px #00000008}.home-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #336a2914}.home-feature-card__icon{width:64px;height:64px;color:var(--color-primary-500);border-radius:20px;place-items:center;font-size:.8rem;font-weight:800;display:grid}.home-feature-card__icon--yellow{background:#eaf59d66}.home-feature-card__icon--green{background:#80b1552e}.home-feature-card__icon--dark{background:#336a291a}.home-feature-card h2{letter-spacing:-.04em;margin:0;font-size:1.62rem}.home-feature-card p{color:var(--color-text-muted);margin:0;line-height:1.75}.home-feature-card a,.home-section__link{color:var(--color-primary-500);font-weight:800}.electricity-preview{background:linear-gradient(135deg, var(--color-primary-500), #29551f);border-radius:40px;grid-template-columns:1fr .95fr;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 48px #336a2938}.electricity-preview:before{content:"";opacity:.08;background-image:radial-gradient(circle at 2px 2px,#ffffff5c 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.electricity-preview__content,.electricity-preview__card{z-index:1;position:relative}.electricity-preview__content{color:#fff;align-content:center;gap:18px;padding:56px 52px;display:grid}.electricity-preview__eyebrow{color:var(--color-primary-50);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;font-weight:800}.electricity-preview__content h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.06}.electricity-preview__content p{color:#ffffffd1;max-width:500px;margin:0;font-size:1.05rem;line-height:1.78}.electricity-preview__button{width:fit-content;color:var(--color-primary-500);background:var(--color-primary-50)}.electricity-preview__card{background:linear-gradient(#4f84283d,#336a2924);align-content:center;gap:20px;padding:42px;display:grid}.electricity-preview__card>div,.electricity-preview__device{border-radius:28px}.electricity-preview__card-header{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.electricity-preview__card-header span{color:var(--color-primary-500);background:#eaf59dd6;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.electricity-preview__list{background:#fffffff0;border-radius:32px;gap:14px;padding:28px;display:grid;box-shadow:0 18px 40px #19361129}.electricity-preview__device{background:#f7faef;border:1px solid #4f84281f;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.electricity-preview__device-icon{width:48px;height:48px;color:var(--color-primary-500);background:#fff;border-radius:16px;place-items:center;font-size:.82rem;font-weight:800;display:grid;box-shadow:0 4px 14px #4f842814}.electricity-preview__device h3,.electricity-preview__device p,.electricity-preview__summary span,.electricity-preview__summary small{margin:0}.electricity-preview__device h3{font-size:.98rem}.electricity-preview__device p{color:var(--color-text-muted)}.electricity-preview__summary span,.electricity-preview__summary small{color:#eaf7df}.electricity-preview__summary{gap:12px;padding-top:4px;display:grid}.electricity-preview__summary strong{color:#eaf7df;letter-spacing:-.04em;font-size:2rem;font-weight:800}.electricity-preview__progress{background:#ffffff73;border-radius:999px;width:100%;height:10px;overflow:hidden}.electricity-preview__progress span{border-radius:inherit;background:linear-gradient(90deg,#f29c38,#f6b456);height:100%;display:block}.home-section__header{justify-content:space-between;align-items:end;gap:20px;display:flex}.home-section__header--stacked{align-items:start}.home-section__header h2,.community-preview__members h3,.community-preview__cta h3{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(2rem,3.2vw,3rem)}.home-section__header p,.community-preview__cta p{color:var(--color-text-muted);margin:0}.home-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.home-post-card{background:#fff;border:1px solid #4f842814;border-radius:32px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000008}.home-post-card__media{aspect-ratio:4/3;position:relative;overflow:hidden}.home-post-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.home-post-card:hover .home-post-card__media img{transform:scale(1.05)}.home-post-card__tag,.home-post-card__media button{z-index:1;background:#ffffffeb;border-radius:999px;position:absolute;top:18px;box-shadow:0 10px 24px #4f84281a}.home-post-card__tag{color:var(--color-primary-500);padding:9px 14px;font-size:.8rem;font-weight:800;left:18px}.home-post-card__media button{color:var(--color-primary-500);border:0;padding:10px 13px;font-weight:700;right:18px}.home-post-card__body{flex:1;gap:18px;padding:24px;display:grid}.home-post-card__body h3{letter-spacing:-.03em;margin:0;font-size:1.28rem;line-height:1.45}.home-post-card__meta{border-top:1px solid #4f84281a;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.home-post-card__meta span:last-child{color:var(--color-text-muted);margin-left:auto;font-size:.92rem}.home-avatar{border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:grid}.home-avatar--yellow{color:var(--color-primary-500);background:var(--color-primary-50)}.home-avatar--green{color:#fff;background:var(--color-primary-300)}.home-avatar--dark{color:#fff;background:var(--color-primary-500)}.home-avatar--lime{color:var(--color-primary-500);background:#c1d95c8a}.community-preview{background:#e8f2d5;border-radius:40px;grid-template-columns:minmax(0,1fr) 320px;gap:32px;padding:42px;display:grid;position:relative;overflow:hidden}.community-preview:before{content:"";filter:blur(24px);background:#ffffff57;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.community-preview__feed{z-index:1;gap:20px;display:grid;position:relative}.community-preview__sidebar{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.community-preview__posts{gap:16px;display:grid}.community-preview__post,.community-preview__members,.community-preview__cta{background:#fffffff5;border:1px solid #4f842814;border-radius:28px;padding:24px}.community-preview__members{flex-direction:column;flex:1;justify-content:center;min-height:220px;display:flex}.community-preview__post-top,.community-preview__author,.community-preview__actions{align-items:center;gap:12px;display:flex}.community-preview__post-top{justify-content:space-between;gap:16px}.community-preview__author,.community-preview__author div{min-width:0;overflow:hidden}.community-preview__author strong,.community-preview__members strong,.community-preview__cta h3{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.community-preview__author span,.community-preview__members span{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.community-preview__pill{color:var(--color-primary-500);background:#eaf59d99;border-radius:12px;padding:8px 12px;font-size:.78rem;font-weight:700}.community-preview__post p{-webkit-line-clamp:2;color:var(--color-text);word-break:break-word;-webkit-box-orient:vertical;margin:16px 0 18px;line-height:1.72;display:-webkit-box;overflow:hidden}.community-preview__actions{color:var(--color-text-muted);border-top:1px solid #4f842814;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:.85rem;font-weight:600;display:flex}.community-preview__button{color:#fff;background:var(--color-primary-500);place-self:start center;width:fit-content;min-height:38px;padding:8px 24px}.community-preview__members ul{gap:18px;margin:0;padding:0;list-style:none;display:grid}.community-preview__members li{align-items:center;gap:14px;display:flex}.community-preview__rank{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid;box-shadow:0 8px 20px #4f842829}.community-preview__rank--1{background:linear-gradient(135deg,#f2c447,#e4a825)}.community-preview__rank--2{background:linear-gradient(135deg,#c8ccd1,#8f979f)}.community-preview__rank--3{background:linear-gradient(135deg,#e7a065,#d07b38)}.community-preview__cta{color:#fff;background:linear-gradient(180deg, var(--color-primary-400), var(--color-primary-500));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:220px;display:flex}.community-preview__cta h3{white-space:normal;font-size:1.1rem}.community-preview__cta p{color:#ffffffd6;margin-bottom:20px;font-size:.9rem;line-height:1.6}.home-final-cta{text-align:center;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#eaf59db8,#c1d95c5c);border:1px solid #ffffffb3;border-radius:48px;justify-items:center;gap:18px;padding:64px 24px;display:grid;position:relative;overflow:hidden}.home-final-cta:before,.home-final-cta:after{content:"";opacity:.26;border-radius:50%;position:absolute}.home-final-cta:before{background:#4f842824;width:180px;height:180px;top:-80px;left:-60px}.home-final-cta:after{background:#80b1552e;width:220px;height:220px;bottom:-70px;right:-40px}.home-final-cta__icon{width:72px;height:72px;color:var(--color-primary-500);background:#ffffffeb;border-radius:50%;place-items:center;font-size:2rem;display:grid;box-shadow:0 10px 24px #4f84281f}.home-final-cta h2{max-width:780px;color:var(--color-primary-500);letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.08}.home-final-cta p{max-width:680px;color:var(--color-text-muted);margin:0;font-size:1.08rem;line-height:1.8}.home-final-cta__button{margin-top:8px}@media (width<=1220px){.home-hero__grid,.electricity-preview,.community-preview,.home-post-grid,.home-feature-grid{grid-template-columns:1fr}.home-hero__visual{min-height:560px}.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-preview__members,.community-preview__cta{flex:none;min-height:auto}}@media (width<=1023px){.home-hero{border-radius:32px;padding:32px 20px 28px}.home-hero__visual{min-height:480px}.home-floating-card--savings{left:8px}.home-floating-card--warning{right:8px}.community-preview,.electricity-preview__content,.electricity-preview__card{padding:28px}}@media (width<=768px){.home-hero{min-height:auto}.home-hero__grid{gap:24px}.home-hero__actions,.home-section__header{flex-direction:column;align-items:stretch}.home-feature-grid,.home-post-grid{grid-template-columns:1fr}.home-hero__visual{justify-content:stretch;align-items:start;gap:14px;min-height:0;display:grid}.home-hero__floating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.home-floating-card{border-radius:22px;align-content:start;width:100%;min-height:100%;margin-top:0;padding:16px;position:static}.home-hero__image-shell{border-radius:28px;grid-column:1/-1;max-width:none;margin-bottom:0;padding:8px}.home-hero__image-shell img{border-radius:24px}.home-floating-card--savings,.home-floating-card--warning{max-width:none}.home-floating-card--tip{grid-column:1/-1;max-width:none}.community-preview{padding:24px}.home-final-cta{border-radius:36px;padding:48px 20px}}@media (width<=480px){.home-hero,.community-preview,.electricity-preview__content,.electricity-preview__card,.home-final-cta{border-radius:24px;padding:18px}.home-hero__content h1,.home-final-cta h2{font-size:clamp(2rem,10vw,2.8rem)}.home-hero__content p{font-size:.98rem}.home-hero__stats{gap:18px 24px}.home-hero__stat{flex:120px;min-width:0}.home-hero__visual{gap:12px}.home-hero__floating-grid{grid-template-columns:1fr;gap:12px;width:100%}.home-floating-card,.home-floating-card--tip{grid-column:auto}.home-floating-card strong{font-size:1.08rem}.home-floating-card small,.home-floating-card p{font-size:.9rem}}@keyframes floatContinuous{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.home-floating-card--savings{animation:6s ease-in-out infinite floatContinuous}.home-floating-card--warning{animation:7s ease-in-out 1s infinite floatContinuous}.home-floating-card--tip{animation:8s ease-in-out 2s infinite floatContinuous}.electricity-preview__card{transition:transform .3s,box-shadow .3s}.electricity-preview__card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014}.electricity-preview__device{transition:transform .2s,background .2s,box-shadow .2s}.electricity-preview__device:hover{z-index:10;background:#fffffff2;transform:scale(1.02);box-shadow:0 8px 24px #4f84280f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-hero__content{animation:.8s ease-out forwards fadeInUp}.home-hero__visual{opacity:0;animation:.8s ease-out .2s forwards fadeInUp}.home-feature-card,.home-post-card{transition:transform .3s,box-shadow .3s}.home-feature-card:hover,.home-post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #4f84281f}.btn,.home-button,.home-chip,.electricity-preview__button{transition:transform .2s,filter .2s,box-shadow .2s}.btn:hover,.home-button:hover,.home-chip:hover,.electricity-preview__button:hover{filter:brightness(1.05);transform:translateY(-2px)}.auth-page{align-items:center;min-height:calc(100vh - 80px);padding:32px 24px 56px;display:flex}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:36px;width:100%;max-width:1180px;margin:0 auto;display:grid}.auth-visual,.auth-card{box-shadow:var(--shadow-soft);box-sizing:border-box;border:1px solid #4f842814;border-radius:32px;width:100%;height:auto;min-height:640px;position:relative;overflow:hidden}.auth-visual{background:radial-gradient(circle at 100% 0,#eaf59d85,#0000 24%),radial-gradient(circle at 0 100%,#c1d95c42,#0000 26%),linear-gradient(#f7faeff5,#ffffffeb);flex-direction:column;justify-content:space-between;gap:16px;padding:34px 40px;display:flex}.auth-visual__main{flex-direction:column;gap:16px;display:flex}.auth-visual__top,.auth-visual__brand{align-items:center;gap:14px;display:flex}.auth-visual__brand strong{color:var(--color-primary-500);letter-spacing:-.04em;font-size:1.6rem}.auth-visual__logo{color:#fff;background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500));border-radius:16px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.auth-visual__chip{width:fit-content;color:var(--color-primary-500);background:#eaf59dc7;border-radius:999px;align-items:center;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.auth-visual__content{max-width:650px}.auth-visual__content h1{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,2.2vw,38px);line-height:1.06}.auth-visual__content p,.auth-note p,.auth-card__header p,.auth-card__alternate,.auth-form__checkbox span{color:var(--color-text-muted);margin:0;line-height:1.78}.auth-visual__inline-features{color:var(--color-primary-500);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.92rem;font-weight:600;display:flex}.auth-visual__inline-features .dot{color:#4f842866}.auth-carousel-placeholder{width:100%;height:clamp(260px,26vh,300px);color:var(--color-primary-500);text-align:center;background:#eaf59d66;border:1px solid #4f84281f;border-radius:24px;justify-content:center;align-items:center;margin-top:16px;padding:20px;font-weight:600;display:flex;overflow:hidden}.auth-carousel-placeholder img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.auth-carousel-placeholder>div{aspect-ratio:auto!important;width:100%!important;height:100%!important}.auth-card{background:#fffffff5;flex-direction:column;justify-content:flex-start;gap:14px;padding:34px 40px;display:flex}.auth-card__header h2{letter-spacing:-.04em;margin:0 0 8px;font-size:2.2rem}.auth-card__switcher{background:#eaf59d80;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;display:grid}.auth-card__switcher a,.auth-card__switcher span{border-radius:14px;justify-content:center;align-items:center;padding:12px 14px;font-weight:700;text-decoration:none;display:inline-flex}.auth-card__switcher .is-active{color:#fff;background:var(--color-primary-500);box-shadow:0 8px 18px #4f84282e}.auth-card__switcher a{color:#173715c2}.auth-card__message{border-radius:16px;padding:14px 16px;font-weight:600}.auth-card__message--error{color:#8a5a0b;background:#f6e0b180;border:1px solid #d6a24a3d}.auth-card__message--success{color:var(--color-primary-500);background:#eaf59d57;border:1px solid #4f842829}.auth-form{gap:18px;display:grid}.auth-form label{gap:10px;display:grid}.auth-form label>span{font-weight:700}.auth-form input{width:100%;min-width:0;font:inherit;background:linear-gradient(90deg,#f7faeffa,#eaf59d47);border:1px solid #4f842814;border-radius:16px;padding:14px 16px}.auth-form__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-form__checkbox{align-items:center;gap:10px;display:flex!important}.auth-form__checkbox input{flex-shrink:0;width:20px;height:20px;padding:0}.auth-form__terms-link{color:var(--color-primary-500);text-underline-offset:2px;font-weight:700;text-decoration:underline}.auth-form__terms-link:hover{color:var(--color-primary-400)}.auth-form__link-button{color:var(--color-primary-500);background:0 0;border:0;padding:0;font-weight:700}.auth-form__submit{width:100%;margin-top:6px}.auth-card__alternate{text-align:center}.auth-card__alternate a{color:var(--color-primary-500);font-weight:800}.auth-card__divider{text-align:center;color:var(--color-text-muted);position:relative}.auth-card__divider:before{content:"";background:#4f84281f;height:1px;position:absolute;inset:50% 0 auto}.auth-card__divider{place-items:center;display:grid}.auth-card__divider:after{content:"hoặc";z-index:1;background:#fffffff5;padding:0 14px;position:relative}.auth-card__socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-card__socials button{color:var(--color-text);font:inherit;background:#fff;border:1px solid #4f842829;border-radius:16px;padding:14px 16px;font-weight:700}.auth-note{text-align:center;justify-items:center;gap:8px;padding-top:8px;display:grid}.auth-note strong{color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem}@media (width>=1600px){.auth-layout{gap:44px;max-width:1360px}.auth-visual,.auth-card{height:auto;min-height:760px;padding:48px 52px}.auth-visual__content h1{font-size:clamp(48px,3.2vw,68px)}.auth-carousel-placeholder{margin-top:24px}.auth-visual__main{gap:24px}.auth-card{gap:18px;padding:48px 52px}}@media (width<=1199px){.auth-layout{gap:28px;max-width:1040px}.auth-visual,.auth-card{height:auto;min-height:580px;padding:32px 36px}.auth-visual__content h1{font-size:clamp(34px,3.2vw,48px)}.auth-carousel-placeholder{height:240px;margin-top:16px}}@media (width<=900px){.auth-page{align-items:flex-start;min-height:0;padding:24px 16px 48px}.auth-layout{grid-template-columns:1fr}.auth-visual,.auth-card{height:auto;min-height:0;padding:28px 24px}.auth-visual__logo{width:42px;height:42px}}@media (width<=640px){.auth-visual,.auth-card{padding:20px 18px}.auth-card__socials{grid-template-columns:1fr}.auth-form__row{flex-direction:column;align-items:flex-start}}@media (width<=480px){.auth-page{padding:18px 12px 32px}.auth-visual__content h1{font-size:clamp(28px,9vw,36px)}}:root{color:#27500a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary-50:#eaf59d;--color-primary-100:#dced8a;--color-primary-200:#c1d95c;--color-primary-300:#80b155;--color-primary-400:#4f8428;--color-primary-500:#336a29;--color-surface:#fff;--color-surface-soft:#ffffffc2;--color-background:#f7faef;--color-text:#173715;--color-text-muted:#173715bd;--color-border:#4f842829;--shadow-soft:0 18px 50px #4f84281f;--shadow-card:0 10px 28px #4f842814;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--container-width:1280px;background:radial-gradient(circle at 0 0,#eaf59db3,#0000 32%),linear-gradient(#f9fceb 0%,#f4f8e7 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-background);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.shell{width:min(calc(100% - 32px), var(--container-width));margin:0 auto}.shell--wide{width:min(100% - 32px,1360px)}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{color:#fff;background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-400));box-shadow:0 12px 24px #4f842833}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary-500);box-shadow:var(--shadow-card)}.btn--ghost{color:var(--color-primary-500);background:#ffffffad;border-color:#4f842833}.btn--light{width:100%;color:var(--color-primary-500);background:#fff}.page{gap:32px;display:grid}.page-badge{width:fit-content;color:var(--color-primary-500);background:#eaf59de6;border-radius:999px;align-items:center;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.page-badge--soft{background:#c1d95c2e}.content-grid{gap:24px;display:grid}.content-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.plain-list{color:var(--color-text-muted);margin:0;padding-left:18px;line-height:1.8}@media (width<=1100px){.content-grid--three,.content-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.shell,.shell--wide{width:min(calc(100% - 24px), var(--container-width))}.content-grid--three,.content-grid--four{grid-template-columns:1fr}}img,video,iframe{max-width:100%;height:auto}.community-layout,.community-feed,.community-sidebar,.post-card,.community-post-card,.tip-card,.admin-layout,.admin-main{min-width:0}.post-title,.post-content,.comment-content,.community-post-card__title,.community-post-card__excerpt,.tip-card__title,.tip-card__excerpt{overflow-wrap:anywhere;word-break:break-word}.hero-img,.banner-img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.post-img,.community-img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.avatar-img{aspect-ratio:1;object-fit:cover;border-radius:50%}img{max-width:100%;height:auto}@media (width<=1023px){.page{gap:28px}}@media (width<=768px){.page{gap:24px}.btn{width:100%}}@media (width<=480px){.shell,.shell--wide{width:min(calc(100% - 20px), var(--container-width))}.page-badge{padding:7px 12px;font-size:.8rem}}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #27500a}.user-shell{background:radial-gradient(circle at 85% 14%,#c1d95c42,#0000 20%),linear-gradient(#fafcf1f5 0%,#f6faea 100%);min-height:100vh}.user-navbar{top:var(--announcement-offset,0px);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border-bottom:1px solid #ffffff80;position:sticky;box-shadow:0 10px 24px #4f84280f}.user-navbar__inner{justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding:8px 0;display:flex}.user-navbar__mobile-toggle{display:none}.user-navbar__links,.user-navbar__actions{align-items:center;gap:12px;min-width:0;display:flex}.user-navbar__link{color:var(--color-text-muted);border-bottom:2px solid #0000;padding:10px 0;font-weight:500;transition:border-color .2s,color .2s}.user-navbar__link:hover,.user-navbar__link.is-active{color:var(--color-primary-500);border-color:var(--color-primary-500)}.user-navbar__login{padding-inline:22px}.user-navbar__staff-link{min-height:42px;color:var(--color-primary-600);box-shadow:var(--shadow-card);background:#eaf59d5c;border-color:#4f84283d;border-radius:999px;padding-inline:18px}.user-navbar__staff-link:hover{background:#c1d95c6b;border-color:#4f842857}.user-navbar__publish{padding-inline:24px}.user-navbar__user-menu{position:relative}.user-navbar__menu-group{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.user-navbar__notification-menu{position:relative}.user-navbar__notification-trigger{width:44px;height:44px;color:var(--color-primary-600);box-shadow:var(--shadow-card);background:#ffffffeb;border:1px solid #4f84281f;border-radius:50%;place-items:center;display:grid;position:relative}.user-navbar__notification-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.user-navbar__notification-badge{color:#fff;background:#e36c3f;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:-4px;right:-4px}.user-navbar__notification-dropdown{background:#fffffffa;border:1px solid #4f84281a;border-radius:20px;gap:12px;width:min(360px,100vw - 24px);padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 36px #4f842829}.user-navbar__notification-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user-navbar__notification-header strong{margin-bottom:4px;display:block}.user-navbar__notification-header p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.5}.user-navbar__notification-header button{color:var(--color-primary-600);font:inherit;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:700}.user-navbar__notification-list{gap:8px;max-height:360px;display:grid;overflow-y:auto}.user-navbar__notification-item{color:var(--color-text);text-align:left;background:#f6faea80;border:1px solid #4f842814;border-radius:16px;gap:8px;padding:12px 14px;display:grid}.user-navbar__notification-item.is-unread{background:#eaf59d57;border-color:#4f84282e}.user-navbar__notification-copy strong{margin-bottom:4px;font-size:.92rem;display:block}.user-navbar__notification-copy p,.user-navbar__notification-item span{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.5}.user-navbar__notification-empty{color:var(--color-text-muted);text-align:center;background:#f6faea8a;border-radius:16px;padding:18px 14px}.user-navbar__user-trigger{color:var(--color-primary-500);box-shadow:var(--shadow-card);background:#ffffffe0;border:1px solid #4f84281f;border-radius:999px;align-items:center;gap:12px;padding:8px 12px;display:inline-flex}.user-navbar__avatar{color:#fff;background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-500));border-radius:50%;place-items:center;width:38px;height:38px;font-size:.84rem;font-weight:800;display:grid}.user-navbar__avatar-img{object-fit:cover;border:2px solid #eaf59d;border-radius:50%;width:38px;height:38px}.user-navbar__user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:700;overflow:hidden}.user-navbar__dropdown{background:#fffffff5;border:1px solid #4f84281a;border-radius:18px;gap:4px;min-width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 36px #4f842824}.user-navbar__dropdown-link{width:100%;color:var(--color-text);text-align:left;font:inherit;background:0 0;border:0;border-radius:14px;padding:12px 14px;font-weight:600;display:block}.user-navbar__dropdown-link:hover,.user-navbar__dropdown-link--logout:hover{background:#eaf59d52}.user-navbar__dropdown-link--logout{color:#8a5a0b}.user-navbar__dropdown-link--admin{color:var(--color-primary-600)}.user-main{width:min(100% - 32px,1360px);min-width:0;margin:0 auto;padding:24px 0 64px}.user-footer{color:#fff;background:linear-gradient(180deg, var(--color-primary-500), #29551f)}.user-footer__content{text-align:center;justify-items:center;gap:22px;padding:44px 0 28px;display:grid}.user-footer__brand{justify-items:center;gap:12px;display:grid}.user-footer__brand p{color:#eaf59de6;max-width:360px;margin:0;font-size:.95rem}.user-footer__nav{flex-wrap:wrap;justify-content:center;gap:14px 24px;display:flex}.user-footer__nav a{color:#ffffffd1;font-size:.95rem;font-weight:500}.user-footer__copyright{border-top:1px solid #ffffff2e;width:min(100%,760px);padding-top:18px}.user-footer__copyright p{color:#ffffffa3;margin:0;font-size:.78rem}.user-footer__copyright a{color:#eaf59df5;font-weight:700}.user-footer__copyright a:hover{color:#fff}.user-footer__badge{color:#fff;background:linear-gradient(135deg,#e53935,#b71c1c);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #b71c1c4d}.user-footer__badge-icon{background-color:#da251d;border-radius:50%;flex-shrink:0;width:24px;height:24px;position:relative}.user-footer__badge-icon svg{width:60%;height:60%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-panel,.page-banner,.placeholder-page,.not-found__card{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#c1d95c57,#0000 28%),linear-gradient(#f5ffe2fa 0%,#fffffff5 100%);border:1px solid #4f842814;border-radius:32px;position:relative;overflow:hidden}.hero-panel{grid-template-columns:1.3fr .9fr;gap:28px;padding:42px;display:grid}.hero-panel__content h1,.page-banner h1,.placeholder-page h1,.not-found__card h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(2.4rem,4vw,4rem);line-height:1.05}.hero-panel__content p,.page-banner p,.placeholder-page p,.post-card p,.feature-card p,.visual-card span,.side-card p{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.75}.hero-panel__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-panel__card,.feature-card,.post-card,.side-card,.panel-card,.admin-stat{border-radius:var(--radius-lg);background:var(--color-surface-soft);box-shadow:var(--shadow-card);border:1px solid #4f842814}.hero-panel__card{color:#fff;background:linear-gradient(#4f8428f5,#336a29f5);align-self:end;padding:28px}.mini-stats{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.mini-stats li{border-bottom:1px solid #ffffff24;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.feature-card{padding:24px}.feature-card__icon{width:48px;height:48px;color:var(--color-primary-500);background:#eaf59de0;border-radius:16px;place-items:center;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-grid}.feature-card h2,.post-card h2,.side-card h3,.panel-card h2{letter-spacing:-.03em;margin:0 0 10px}.page-banner{grid-template-columns:1.1fr .9fr;gap:24px;padding:32px;display:grid}.page-banner__visual{align-items:stretch;display:flex}.visual-card{background:linear-gradient(135deg,#c1d95c3d,#4f842829),linear-gradient(#ffffff9e,#ffffffeb);border-radius:28px;flex-direction:column;justify-content:flex-end;gap:10px;width:100%;min-height:240px;padding:28px;display:flex}.community-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:24px;display:grid}.community-feed,.community-sidebar{gap:20px;display:grid}.post-card,.side-card,.placeholder-page{padding:28px}.side-card--accent{color:#fff;background:linear-gradient(180deg, var(--color-primary-400), var(--color-primary-500))}.side-card--accent p{color:#ffffffd1;margin-bottom:20px}.placeholder-page{gap:16px;display:grid}.placeholder-page__box{border:1px solid var(--color-border);background:#ffffffd1;border-radius:22px;gap:8px;padding:20px;display:grid}.admin-shell{background:radial-gradient(circle at 100% 0,#c1d95c42,#0000 18%),linear-gradient(#f5f9ea 0%,#eef5df 100%);grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#2e7029 0%,#21521e 100%);flex-direction:column;gap:24px;padding:28px 18px;display:flex}.admin-sidebar__brand{margin-bottom:8px}.admin-sidebar__nav{gap:8px;display:grid}.admin-sidebar__link{color:#ffffffe0;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.admin-sidebar__link:hover,.admin-sidebar__link.is-active{color:var(--color-text);background:linear-gradient(135deg, var(--color-primary-200), #98c660)}.admin-sidebar__icon{letter-spacing:-.03em;background:#ffffff1f;border-radius:12px;place-items:center;min-width:36px;height:36px;font-size:.78rem;display:inline-grid}.admin-sidebar__link.is-active .admin-sidebar__icon{background:#336a291f}.admin-sidebar__logout{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;margin-top:auto;padding:14px 16px}.admin-shell__content{flex-direction:column;min-width:0;display:flex}.admin-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1fbdcad;border-bottom:1px solid #4f842814;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.admin-topbar h1{letter-spacing:-.04em;margin:6px 0;font-size:clamp(2rem,3vw,3rem)}.admin-topbar span,.admin-topbar small,.admin-topbar__eyebrow{color:var(--color-text-muted)}.admin-topbar__eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:700}.admin-topbar__actions{align-items:center;gap:14px;display:flex}.admin-topbar__website-link{min-height:44px;color:var(--color-primary-600);box-shadow:var(--shadow-card);white-space:nowrap;background:#ffffffd1;border:1px solid #4f842833;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.admin-topbar__website-link:hover{color:var(--color-primary-700);background:#eaf59d94;border-color:#4f842857}.admin-topbar__search{min-width:min(420px,42vw);color:var(--color-text-muted);gap:6px;font-size:.84rem;display:grid}.admin-topbar__search input{background:#c1d95c47;border:1px solid #4f84281f;border-radius:999px;outline:none;width:100%;padding:14px 18px}.admin-topbar__icon-button{width:44px;height:44px;color:var(--color-primary-500);box-shadow:var(--shadow-card);background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.admin-topbar__profile{box-shadow:var(--shadow-card);white-space:nowrap;background:#fffc;border-radius:999px;flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:flex}.admin-topbar__avatar{color:#fff;background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-500));border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.admin-main{padding:28px}.admin-stat{gap:10px;padding:24px;display:grid}.admin-stat span{color:var(--color-text-muted)}.admin-stat strong{letter-spacing:-.05em;font-size:clamp(2rem,3vw,3rem)}.admin-stat--warm{background:radial-gradient(circle at top right, #ffafa35c, transparent 24%), var(--color-surface-soft)}.admin-stat--green{background:radial-gradient(circle at top right, #80b15542, transparent 24%), var(--color-surface-soft)}.admin-stat--lime{background:radial-gradient(circle at top right, #c1d95c52, transparent 24%), var(--color-surface-soft)}.admin-panels{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.panel-card{padding:28px}.bar-chart{background:linear-gradient(#4f84280a,#ffffffb3);border-radius:22px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:260px;padding:22px;display:grid}.bar-chart span{background:linear-gradient(180deg, var(--color-primary-200), var(--color-primary-400));border-radius:999px 999px 16px 16px;display:block}.comment-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.comment-list li{border-bottom:1px solid var(--color-border);gap:8px;padding-bottom:18px;display:grid}.not-found{background:radial-gradient(circle,#c1d95c3d,#0000 34%),linear-gradient(#f5fae8 0%,#eef5df 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.not-found__card{text-align:center;width:min(100%,640px);padding:40px}.not-found__card .btn{margin-top:12px}@media (width<=1200px){.community-layout,.admin-panels,.hero-panel,.page-banner,.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding-bottom:18px}}@media (width<=1023px){.user-navbar__inner,.admin-topbar,.admin-topbar__actions{flex-wrap:wrap}.user-navbar__mobile-toggle{color:var(--color-primary-500);cursor:pointer;background:0 0;border:none;order:2;padding:8px;display:block!important}.user-navbar__links{flex-direction:column;order:3;gap:14px;width:100%;display:none}.user-navbar__actions{flex-direction:column;order:4;align-items:stretch;width:100%;display:none}.user-navbar__staff-link{display:none}.user-navbar__menu-group{justify-content:space-between;width:100%}.user-navbar__links.is-mobile-open,.user-navbar__actions.is-mobile-open{display:flex}.user-navbar__dropdown{width:100%;left:0;right:auto}.user-navbar__notification-dropdown{left:0;right:auto}.admin-topbar__search{min-width:100%}}@media (width<=768px){.user-main,.admin-main{padding-left:0;padding-right:0}.user-navbar__inner{gap:12px;min-height:72px}.user-navbar__actions .btn,.user-navbar__staff-link,.user-navbar__publish,.user-navbar__login{width:100%}.user-navbar__menu-group{flex-direction:column;align-items:stretch;gap:10px}.user-navbar__notification-menu,.user-navbar__user-menu{width:100%}.user-navbar__notification-menu{justify-content:center;display:flex}.user-navbar__notification-trigger{flex:none;width:44px;min-width:44px;height:44px}.user-navbar__user-trigger{justify-content:flex-start;width:100%}.user-navbar__dropdown,.user-navbar__notification-dropdown{width:100%;left:0;right:0}.hero-panel,.page-banner,.placeholder-page,.panel-card,.admin-stat,.post-card,.side-card{padding:22px}.admin-topbar,.admin-main{padding:18px}}@media (width<=480px){.user-navbar__inner{min-height:68px}.hero-panel,.page-banner,.placeholder-page,.panel-card,.admin-stat,.post-card,.side-card,.not-found__card{border-radius:24px;padding:18px}}.page-hero,.surface-card,.ui-modal,.post-image,.inline-comments,.avatar-uploader{box-shadow:var(--shadow-card);border:1px solid #4f842814;border-radius:28px}.page-hero{background:radial-gradient(circle at 100% 0,#c1d95c47,#0000 26%),linear-gradient(#f5ffe2fa 0%,#fffffff5 100%);grid-template-columns:minmax(0,1.06fr) minmax(320px,.92fr);align-items:center;gap:28px;width:100%;min-width:0;max-width:100%;padding:34px;display:grid;position:relative;overflow:hidden}.page-hero>*{min-width:0}.page-hero__copy,.page-hero__headline{gap:16px;width:100%;max-width:100%;display:grid}.page-hero__badge{width:fit-content;color:var(--color-primary-500);background:#c1d95c3d;border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.page-hero__headline h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.02}.page-hero__headline p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:1.04rem;line-height:1.8}.page-hero__actions{flex-wrap:wrap;gap:14px;display:flex}.page-hero__visual{width:100%;min-width:0;max-width:100%}.page-hero__visual img{aspect-ratio:16/9;object-fit:cover;border-radius:24px;width:100%;min-height:280px;display:block;box-shadow:0 18px 44px #4f842829}.post-image{background:0 0;position:relative;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%;display:block}.post-image--card{aspect-ratio:16/9}.post-image--detail{aspect-ratio:16/9;max-height:520px}.post-image--detail img{max-height:520px}.post-image--compact{aspect-ratio:1}.post-image__fallback{background:linear-gradient(#1737150a,#1737153d);place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.post-image__fallback span{color:#17371566;font-size:.86rem;font-weight:700}.ui-modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1200;background:#0a180994;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ui-modal{background:#fffffffa;width:min(100%,1180px);max-height:min(92vh,980px);overflow:hidden}.ui-modal--composer{flex-direction:column;width:min(100%,1220px);max-height:calc(100dvh - 48px);display:flex}.ui-modal--crop{width:min(100%,860px)}.ui-modal__header,.ui-modal__footer{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.ui-modal__header{z-index:2;background:#fffffffa;border-bottom:1px solid #4f842814;flex-shrink:0;position:sticky;top:0}.ui-modal__header h2{margin:0 0 4px}.ui-modal__header p{color:var(--color-text-muted);margin:0}.ui-modal__close{color:#173715b8;background:#eaf59d42;border:0;border-radius:50%;width:40px;height:40px}.ui-modal__footer{z-index:2;background:#fffffffa;border-top:1px solid #4f842814;flex-shrink:0;position:sticky;bottom:0}.ui-cropper{background:#173715;min-height:420px;position:relative}.ui-cropper__controls{padding:18px 24px 0}.ui-cropper__slider{gap:10px;display:grid}.ui-cropper__slider span{font-weight:700}.composer-modal__body{grid-template-columns:minmax(0,1.78fr) minmax(280px,.72fr);align-items:start;gap:18px;min-height:0;padding:24px;display:grid;overflow:auto}.composer-modal__body .create-post-form,.composer-modal__body .create-post-sidebar__card{border-radius:24px}.create-post-form--compact{padding:24px}.composer-modal__footer{gap:18px;padding-block:16px}.composer-modal__footer-note{min-width:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.6}.composer-modal__footer-actions{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.composer-modal__footer-actions .btn{white-space:nowrap;border-radius:999px;min-height:46px;padding-inline:18px}.avatar-uploader{background:linear-gradient(#eaf59d3d,#fffffffa);grid-template-columns:auto minmax(0,1fr);gap:18px;padding:18px;display:grid}.avatar-uploader__preview{place-items:center;display:grid}.avatar-uploader__image,.avatar-uploader__fallback{border-radius:50%;width:112px;height:112px}.avatar-uploader__image{object-fit:cover;border:4px solid #eaf59d}.avatar-uploader__fallback{color:#fff;background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-500));place-items:center;font-size:2rem;font-weight:800;display:grid}.avatar-uploader__body{gap:14px;display:grid}.avatar-uploader__body p{color:var(--color-text-muted);margin:6px 0 0;line-height:1.65}.avatar-uploader__actions{flex-wrap:wrap;gap:10px;display:flex}.avatar-uploader__danger{color:#b23b2a}.inline-comments{background:#fffffff5;gap:18px;padding:22px;display:grid}.inline-comments--inline{margin-top:12px}.inline-comments__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-comments__heading h2{margin:0;font-size:1.4rem}.inline-comments__heading span,.inline-comments__meta span,.inline-comments__item-meta span,.inline-comments__state{color:var(--color-text-muted)}.inline-comments__composer,.inline-comments__item{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.inline-comments__avatar,.inline-comments__item-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.inline-comments__avatar--fallback,.inline-comments__item-avatar--fallback{color:#fff;background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-500));place-items:center;font-weight:700;display:grid}.inline-comments__form,.inline-comments__bubble,.inline-comments__list{gap:10px;display:grid}.inline-comments__form textarea{resize:vertical;width:100%;font:inherit;background:linear-gradient(#eaf59d2e,#fffffff5);border:1px solid #4f84281f;border-radius:18px;padding:14px 16px}.inline-comments__form-footer,.inline-comments__item-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-comments__meta{flex-wrap:wrap;gap:10px;display:flex}.inline-comments__error{color:#c62828;font-weight:600}.inline-comments__bubble{background:linear-gradient(#eaf59d2e,#fffffff5);border:1px solid #4f842814;border-radius:18px;padding:14px 16px}.inline-comments__bubble p{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:100%;margin:0;line-height:1.65}.ui-toast{z-index:1300;color:#fff;background:#173715eb;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 24px #0f1c0c47}.announcement-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#eaf59df5,#fffffffa);border-bottom:1px solid #4f84281a;position:sticky;top:0}.announcement-bar--info{background:linear-gradient(135deg,#eaf59df5,#fffffffa)}.announcement-bar--success{background:linear-gradient(135deg,#c1d95cf0,#fffffffa)}.announcement-bar--warning{background:linear-gradient(135deg,#f6e0b1f5,#fffffffa)}.announcement-bar--danger,.announcement-bar--critical{background:linear-gradient(135deg,#ffdcd5f5,#fffffffa)}.announcement-bar--maintenance{background:linear-gradient(135deg,#f6e0b1f5,#fffffffa)}.announcement-bar--banner,.announcement-bar--marquee{box-shadow:0 14px 28px #4f842814}.announcement-bar--banner .announcement-bar__inner,.announcement-bar--marquee .announcement-bar__inner{min-height:64px;padding:12px 0}.announcement-bar--popup-card{border:1px solid #4f84281a;border-radius:24px;gap:16px;width:min(560px,100vw - 32px);padding:24px;display:grid;box-shadow:0 26px 48px #22341b2e}.announcement-bar__inner{justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 0;display:flex}.announcement-bar__content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.announcement-bar__title{color:#336a29;flex-shrink:0}.announcement-bar__message{color:#173715cc;margin:0;line-height:1.55}.announcement-bar__marquee{flex:1;min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%)}.announcement-bar__marquee-track{white-space:nowrap;will-change:transform;align-items:center;gap:32px;min-width:max-content;animation:30s linear infinite announcement-marquee;display:inline-flex}.announcement-bar__marquee-item,.announcement-bar__marquee-copy{align-items:center;gap:12px;display:inline-flex}.announcement-bar--marquee:hover .announcement-bar__marquee-track{animation-play-state:paused}.announcement-bar__marquee-separator{color:#1737156b;font-weight:700}.announcement-bar__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.announcement-bar__cta,.announcement-bar__close{border-radius:999px;font-weight:700}.announcement-bar__cta{color:#fff;background:#336a29;padding:9px 14px}.announcement-bar__close{color:#336a29;background:#ffffffb8;border:0;width:36px;height:36px}.announcement-popup-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2135183d;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes announcement-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1180px){.page-hero,.composer-modal__body{grid-template-columns:1fr}.composer-modal__footer{flex-direction:column;align-items:stretch}.composer-modal__footer-actions{justify-content:stretch;width:100%}.composer-modal__footer-actions .btn{flex:1 1 0}}@media (width<=1023px){.page-hero{gap:22px;padding:28px}.page-hero__headline h1{font-size:clamp(2.2rem,7vw,3.6rem)}.page-hero__visual img{min-height:240px}}@media (width<=768px){.page-hero{flex-direction:column;align-items:stretch;gap:18px;padding:22px;display:flex}.page-hero__visual img{min-height:220px}.page-hero__actions,.ui-modal__header,.ui-modal__footer{flex-direction:column;align-items:stretch}.page-hero__copy,.page-hero__headline,.page-hero__visual{width:100%;max-width:100%}.page-hero__actions .btn,.ui-modal__footer .btn{width:100%}.ui-modal-overlay{padding:0}.ui-modal{border-radius:0;width:100%;height:100vh;max-height:100vh}.ui-modal__header,.ui-modal__footer,.composer-modal__body{padding-inline:18px}.composer-modal__body{padding-bottom:20px}.composer-modal__footer-actions{flex-direction:column;align-items:stretch}.announcement-bar__inner,.announcement-bar__content{align-items:flex-start}.announcement-bar__inner{flex-direction:column}.announcement-bar--marquee .announcement-bar__inner{align-items:stretch}.announcement-bar__marquee{-webkit-mask-image:none;mask-image:none}.announcement-bar__actions{justify-content:space-between;width:100%}.announcement-bar__marquee-track{white-space:normal;gap:8px;min-width:0;animation:none;display:grid}.announcement-bar__marquee-item{flex-wrap:wrap;align-items:flex-start;display:flex}.announcement-bar__marquee-copy{display:none}.avatar-uploader,.inline-comments__composer,.inline-comments__item,.inline-comments__form-footer{grid-template-columns:1fr}.avatar-uploader{text-align:center;justify-items:center}}@media (width<=480px){.page-hero,.ui-modal__header,.ui-modal__footer,.composer-modal__body{padding-inline:16px}.page-hero__headline h1{font-size:clamp(2rem,9vw,2.8rem)}.announcement-bar__inner{gap:12px}.announcement-bar__cta,.announcement-bar__close{min-height:40px}.ui-toast{width:auto;bottom:12px;left:12px;right:12px}}