/* SubmitJoy: paper-light and graphite-dark. Green is an accent, not a canvas. */
:root {
  color-scheme:light; --sj-surface:#ffffff; --sj-surface-soft:#f1f3f4;
  --sj-page:#f7f8fa; --sj-fg:#202632; --sj-secondary:#606b79;
  --sj-border:#dce2e7; --sj-brand:#087f65; --sj-brand-soft:#e8f5ef;
  --sj-elevation:0 4px 18px rgba(30,40,55,.045);
}
:root[data-sj-theme="dark"] {
  color-scheme:dark; --sj-surface:#1d2027; --sj-surface-soft:#272b34;
  --sj-page:#13161c; --sj-fg:#edf0f5; --sj-secondary:#a5afbd;
  --sj-border:#353b47; --sj-brand:#69d4b2; --sj-brand-soft:#203b34;
  --sj-elevation:0 4px 18px rgba(0,0,0,.12);
}
html[data-sj-theme] {
  --sj-text:var(--sj-fg); --sj-muted:var(--sj-secondary); --sj-body:var(--sj-fg);
  --sj-ink:var(--sj-page); --sj-ink-2:var(--sj-surface-soft); --sj-card:var(--sj-surface);
  --sj-card-dark:var(--sj-surface); --sj-line:var(--sj-border); --sj-cyan:var(--sj-brand);
  --sj-lime:var(--sj-brand); --sj-shadow:var(--sj-elevation); --sj-glow:var(--sj-elevation);
  --sj-r-bg:var(--sj-page); --sj-r-panel:var(--sj-surface); --sj-r-panel-2:var(--sj-surface-soft);
  --sj-r-border:var(--sj-border); --sj-r-text:var(--sj-fg); --sj-r-muted:var(--sj-secondary); --sj-r-mint:var(--sj-brand);
}
html[data-sj-theme] body.submitjoy-next{background:var(--sj-page);color:var(--sj-fg);font-size:15px;letter-spacing:0;line-height:1.6}
html[data-sj-theme] .sj-atmosphere{display:none}
html[data-sj-theme] :is(.sj-site-header,.sj-footer,.sj-bottom-nav,.sj-account-panel,.sj-primary-nav.is-open){background:var(--sj-surface);color:var(--sj-fg);border-color:var(--sj-border);box-shadow:var(--sj-elevation)}
html[data-sj-theme] .sj-site-header{backdrop-filter:none}
html[data-sj-theme] .sj-header-inner{min-height:68px;gap:18px}
html[data-sj-theme] .sj-brand-mark{background:var(--sj-brand);color:var(--sj-surface);box-shadow:none;border:0;border-radius:12px}
html[data-sj-theme] :is(.sj-social-panel,.sj-moment-card,.sj-profile-card,.sj-panel,.sj-content-card,.sj-hero-copy,.sj-revival-card,.sj-revival-feature,.sj-feature-grid article,.sj-feature-intro,.sj-auth-intro,.sj-guideline-list,.sj-live-card,.sj-room-message){background:var(--sj-surface);color:var(--sj-fg);border-color:var(--sj-border);box-shadow:var(--sj-elevation);backdrop-filter:none;border-radius:18px}
html[data-sj-theme] :is(.sj-content-card,.sj-panel,.sj-hero-copy)::before,html[data-sj-theme] .sj-revival-feature::after{display:none}
html[data-sj-theme] :is(h1,h2,h3,h4,.sj-moment-meta strong,.sj-revival-card strong,.sj-revival-card h3,.sj-profile-card strong,.sj-feature-intro h2){color:var(--sj-fg);text-shadow:none}
html[data-sj-theme] :is(.sj-primary-nav a,.sj-header-actions a,.sj-revival-shortcuts a,.sj-revival-card>a,.sj-bottom-nav a,.sj-account-panel a){color:var(--sj-fg);background:transparent;box-shadow:none;border-color:var(--sj-border)}
html[data-sj-theme] :is(.sj-primary-nav a:hover,.sj-primary-nav a[aria-current="page"],.sj-account-panel a:hover){background:var(--sj-brand-soft);color:var(--sj-brand)}
html[data-sj-theme] :is(.sj-button,.sj-action-primary,.sj-revival-button,.sj-join,button[type="submit"]){background:var(--sj-brand);color:var(--sj-surface);border-color:var(--sj-brand);box-shadow:none;border-radius:12px;font-weight:650}
html[data-sj-theme] :is(.sj-action-link,.sj-reaction-main,.sj-action-menu summary,.sj-card-menu summary,.sj-tool-button,.sj-button.is-secondary){background:var(--sj-surface-soft);color:var(--sj-fg);border-color:var(--sj-border);box-shadow:none}
html[data-sj-theme] :is(.sj-card-menu-panel,.sj-reaction-options,.sj-reaction-menu,.sj-react-options){background:var(--sj-surface);color:var(--sj-fg);border-color:var(--sj-border)}
html[data-sj-theme] :is(.sj-topic-row a,.sj-pill,.sj-feature-badge,.sj-revival-topics a,.sj-kicker){background:var(--sj-brand-soft);color:var(--sj-brand);border-color:transparent;text-shadow:none}
html[data-sj-theme] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),textarea,select){background:var(--sj-surface-soft);color:var(--sj-fg);border:1px solid var(--sj-border);border-radius:12px;box-shadow:none}
html[data-sj-theme] :is(input,textarea)::placeholder{color:var(--sj-secondary);opacity:1}
html[data-sj-theme] :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--sj-brand);outline-offset:3px}
html[data-sj-theme] :is(.sj-moment-actions,.sj-comments,.sj-profile-cover,.sj-site-ad,.sj-ad-slot){border-color:var(--sj-border)}
html[data-sj-theme] :is(.sj-moment-meta small,.sj-media-hint,.sj-comment-controls,.sj-comment-target,.sj-footer p,.sj-revival-card p,.sj-revival-feature p,.sj-revival-join p,.sj-revival-topics small,.sj-ai-disclosure span){color:var(--sj-secondary)}
html[data-sj-theme] :is(.sj-comment-bubble,.sj-comments p,.sj-link-card,.sj-link-preview,.sj-stat,.sj-console-readout,.sj-revival-join,.sj-ai-disclosure,.sj-pending-list li){background:var(--sj-surface-soft);color:var(--sj-fg);border-color:var(--sj-border);box-shadow:none}
html[data-sj-theme] :is(.sj-comment-bubble>strong,.sj-comment-text,.sj-ai-disclosure b,.sj-ai-disclosure strong){color:var(--sj-fg)}
html[data-sj-theme] :is(.sj-comment-controls button,.sj-comments button[data-sj-expand-comments],.sj-comment-pages button,.sj-comment-login){color:var(--sj-brand)}
html[data-sj-theme] .sj-bot-badge{background:var(--sj-brand-soft);color:var(--sj-brand);border-color:var(--sj-border)}
html[data-sj-theme] .sj-comments textarea{background:var(--sj-surface);color:var(--sj-fg);border-color:var(--sj-border)}
html[data-sj-theme] .sj-thread-comment{margin-bottom:14px}
html[data-sj-theme] .sj-comment-bubble{border-radius:5px 15px 15px 15px}
html[data-sj-theme] .sj-moment-body{font-size:16px;line-height:1.65;padding-top:10px;padding-bottom:14px;color:var(--sj-fg)}
html[data-sj-theme] .sj-moment-body :is(p,span,li,blockquote){color:var(--sj-fg)}
html[data-sj-theme] .sj-moment-body a{color:var(--sj-brand)}
html[data-sj-theme] .sj-moment-actions{background:var(--sj-surface-soft);color:var(--sj-fg)}
html[data-sj-theme] .sj-moment-actions :is(.sj-action-link,.sj-reaction-trigger,.sj-react-login){background:var(--sj-surface);color:var(--sj-fg);border-color:var(--sj-border);box-shadow:none}
html[data-sj-theme] form.is-drag-over{outline:2px dashed var(--sj-brand);outline-offset:4px;background:var(--sj-brand-soft)}
html[data-sj-theme] .sj-moment-card{overflow:hidden}
html[data-sj-theme] .sj-main .sj-feed{max-width:840px;margin-inline:auto;gap:20px}
html[data-sj-theme] .sj-revival-feature{min-height:290px;padding:32px}
html[data-sj-theme] .sj-revival-feature h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.035em;line-height:1.12}
html[data-sj-theme] .sj-theme-select{max-width:100px;min-height:36px;padding:6px 9px;font-size:12px}
html[data-sj-theme] .sj-attach-control{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sj-border);border-radius:12px;padding:7px 10px;cursor:pointer;font-size:13px;font-weight:650;color:var(--sj-brand)}
.sj-attach-control input{max-width:185px;font-size:11px}.sj-comment-preview{flex-basis:100%;display:flex;align-items:center;gap:12px}.sj-comment-preview[hidden]{display:none}
.sj-comment-preview :is(img,video){max-width:180px;max-height:140px;object-fit:contain;border-radius:12px}.sj-comment-preview button{font-size:12px}
.sj-comment-media{display:block;max-width:100%;width:auto;max-height:360px;margin-top:10px;border-radius:12px;overflow:hidden;object-fit:contain}.sj-comment-media img{display:block;max-height:360px;object-fit:contain;width:auto}
html[data-sj-theme] .sj-load-more{background:var(--sj-surface);color:var(--sj-brand);border-color:var(--sj-border)}
html[data-sj-theme] .sj-comments :is(button[data-sj-expand-comments],.sj-comment-controls button,.sj-comment-pages button,button[data-sj-cancel-reply]){background:transparent;border:0;box-shadow:none;border-radius:5px;min-height:32px;padding:4px 6px;transform:none}
html[data-sj-theme] .sj-comments button::after{display:none}
html[data-sj-theme] .sj-comments .sj-attach-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:0;background:transparent;color:var(--sj-brand);border-radius:10px;box-shadow:none;cursor:pointer}
html[data-sj-theme] .sj-comments .sj-attach-icon:hover{background:var(--sj-brand-soft)}
html[data-sj-theme] .sj-comments .sj-comment-count{font-weight:650;font-size:13px;padding-left:0;text-decoration:underline;text-underline-offset:4px}
.sj-empty-count{font-size:12px;color:var(--sj-secondary)}
.sj-feed-entry{max-width:840px;margin:0 auto 20px}.sj-start-post{display:grid;grid-template-columns:1fr auto;padding:18px 22px;background:var(--sj-brand-soft);border-radius:16px;text-decoration:none;color:var(--sj-brand);gap:4px}.sj-start-post span{font-size:13px;color:var(--sj-secondary);grid-column:1}.sj-start-post b{grid-column:2;grid-row:1/3;align-self:center;font-size:28px}.sj-feed-entry nav{display:flex;gap:8px;margin-top:16px}.sj-feed-entry nav a{padding:8px 18px;text-decoration:none;border-radius:20px;color:var(--sj-secondary)}.sj-feed-entry nav a[aria-current]{background:var(--sj-surface-soft);color:var(--sj-fg);font-weight:700}
@media(min-width:1100px){html[data-sj-theme] .sj-primary-nav a{font-size:13px;padding:7px 9px}}
@media(max-width:700px){html[data-sj-theme] .sj-header-inner{gap:8px;min-height:62px}html[data-sj-theme] .sj-brand small{display:none}html[data-sj-theme] .sj-brand{font-size:15px}html[data-sj-theme] .sj-header-actions{gap:7px}.sj-theme-select{width:75px}html[data-sj-theme] .sj-content-card{padding:14px}html[data-sj-theme] .sj-main .sj-feed{gap:14px}html[data-sj-theme] .sj-moment-card{border-radius:15px}.sj-media-hint{font-size:11px}.sj-comment-preview{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html[data-sj-theme] .sj-comments .sj-comment-composer>.sj-attach-icon{margin-left:auto;margin-right:0;order:2}
html[data-sj-theme] .sj-comments .sj-comment-composer>.sj-comment-send{margin-left:0;order:3;width:42px;height:42px;padding:9px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px}
.sj-comment-composer>.sj-comment-preview{order:1}
html[data-sj-theme] .sj-moment-card{overflow:visible}
html[data-sj-theme] .sj-moment-actions{grid-template-columns:1fr 42px 42px;border-radius:0}
html[data-sj-theme] .sj-moment-actions :is(.sj-action-link,.sj-reaction-trigger){width:42px;min-width:42px;height:42px;min-height:42px;padding:9px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;position:relative;font-size:21px}
html[data-sj-theme] .sj-moment-actions :is(.sj-action-link,.sj-reaction-trigger)::before,html[data-sj-theme] .sj-moment-actions :is(.sj-action-link,.sj-reaction-trigger)::after{display:none}
html[data-sj-theme] .sj-moment-actions :is(.sj-action-link,.sj-reaction-trigger):hover{background:var(--sj-brand-soft);color:var(--sj-brand)}
html[data-sj-theme] .sj-reaction-popover{bottom:100%;background:var(--sj-surface);border-color:var(--sj-border);box-shadow:var(--sj-elevation)}
html[data-sj-theme] .sj-reaction-popover::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px}
html[data-sj-theme] .sj-reaction-tray:is(:hover,:focus-within) .sj-reaction-popover{opacity:1;transform:none;pointer-events:auto}
html[data-sj-theme] :is(.sj-hero-copy p,.sj-revival-copy p,.sj-revival-feature p,.sj-feature-intro p){color:var(--sj-secondary)}
html[data-sj-theme] .sj-reaction-popover{max-width:min(420px,calc(100vw - 48px));flex-wrap:wrap;border-radius:18px}
.sj-mobile-account{display:none}
@media(max-width:700px){.sj-primary-nav.is-open .sj-mobile-account{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px}.sj-mobile-account a{padding:8px}.sj-mobile-account select{max-width:95px}}