/* Shared appearance aliases for all application surfaces and new writing controls. */
:root{--surface:var(--mode-surface);--card:var(--mode-surface);--border:var(--mode-line);--soft:var(--mode-soft);--paper:var(--mode-canvas);--mode-bg:var(--mode-canvas);--purple:var(--green);--accent:var(--green);--text:var(--mode-text)}
.rich-input{font:inherit;color:var(--mode-text);background:var(--mode-surface);border:1px solid var(--mode-line);border-radius:14px;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:46px;max-height:180px;overflow-y:auto;outline:none;user-select:text;-webkit-user-select:text;cursor:text;line-height:1.5;text-align:left;flex:1;min-width:0;position:relative;overscroll-behavior:contain}
.rich-input:focus{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 14%,transparent)}
.rich-input.is-empty:before{content:attr(data-placeholder);color:var(--mode-muted);position:absolute;pointer-events:none}
.rich-input[aria-disabled=true]{opacity:.55;cursor:default}.rich-input .rich-markdown-syntax{color:var(--mode-muted);opacity:.65;font-size:.86em}.rich-input strong{font-weight:750}.rich-input em{font-style:italic}.rich-input code{font-family:ui-monospace,monospace;background:var(--mode-soft);border-radius:4px;padding:0 2px}.rich-input del{text-decoration:line-through}
.composer-input .rich-input{border:0;background:transparent;box-shadow:none;padding:9px 4px;min-height:38px;max-height:130px}.composer-input .rich-input:focus{box-shadow:none}.composer-input input[type=hidden]{display:none}.feed-composer-content>.rich-input{min-height:160px;border:0;background:transparent;font-size:18px;padding:6px 0;box-shadow:none}.feed-comment-compose>.rich-input,.feed-comment-form>.rich-input{min-height:42px;max-height:110px}.social-compose .rich-input{min-height:100px}.support-composer .rich-input{flex:1}.rich-input::-webkit-scrollbar{width:5px}.rich-input::-webkit-scrollbar-thumb{background:var(--mode-line);border-radius:8px}
/* Settings uses the same independent page header and bottom navigation as Chats. */
.settings-environment .topbar{display:none!important}.settings-environment .right-rail{display:none}.settings-environment .content-layout{grid-template-columns:minmax(0,1fr);padding-top:0!important}.settings-environment main{padding-top:0!important}.settings-page{max-width:740px;margin:0 auto;width:100%;padding-bottom:32px}.settings-page-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--mode-line);padding:24px 0 22px;margin-bottom:12px;position:sticky;top:0;background:var(--mode-canvas);z-index:5}.settings-page-header h1{font-family:var(--stu-font-display);font-size:clamp(26px,3vw,42px);letter-spacing:-.045em;margin:0;line-height:1.12}.settings-page-header h1>span{color:var(--green)}.settings-page-header .icon-button{flex-shrink:0}.settings-row{border-bottom:1px solid var(--mode-line);padding:22px 12px}.settings-row>svg:first-child{color:var(--green);flex-shrink:0}.settings-row strong{display:block;font-size:17px}.settings-row small{display:block;color:var(--mode-muted);font-size:12px;font-weight:400;margin-top:5px;line-height:1.5}.settings-page-content>.sound-settings,.settings-page-content>.appearance-settings,.settings-page-content>form,.settings-page-content>.social-settings-form{padding:20px 0}.settings-page-content .social-settings-form{overflow:visible}.settings-page-content>.modal-content{padding:0}.settings-page-content form{max-width:none}.settings-page-content .appearance-options{margin:20px 0}
/* Explicitly themed surfaces added by later features. Personal gradients/art stay intact. */
:root:is([data-theme=dark],[data-theme=oled]) :is(.social-surface .post,.social-surface .counts,.social-surface .song,.social-surface .prompt,.social-surface .announcement,.feed-panel,.feed-audience-picker,.feed-search-results,.feed-search-form,.post-action-menu,.thread-action-menu,.chat-list-menu,.chat-sheet,.profile-safety-actions,.settings-page-content,.company-claim,.society-benefit,.benefit-editor,.benefit-check,.meet-common,.friends-inbox,.request-inbox-row,.toast,.notification-item,.notifications-list,.chat-soft-warning,.notification-card,.call-history,.chat-history,.home-university,.home-section-card){background:var(--mode-surface);color:var(--mode-text);border-color:var(--mode-line)}
:root:is([data-theme=dark],[data-theme=oled]) :is(.social-surface .post-copy,.social-surface .social-replies,.feed-comment,.feed-panel-header,.post-action-menu button,.thread-action-menu button,.settings-row,.notification-item,.chat-history button,.society-benefit p){color:var(--mode-text);border-color:var(--mode-line)}
:root:is([data-theme=dark],[data-theme=oled]) :is(.social-surface .song small,.post-meta,.feed-comment time,.feed-composer-audience,.settings-row small,.notification-item small,.chat-history small){color:var(--mode-muted)}
:root:is([data-theme=dark],[data-theme=oled]) :is(.social-surface .feed-tabs,.social-surface .compose,.composer-input,.conversation-list,.conversation-search,.thread-header,.feed-tabs-bar,.friends-inbox .tabs){background:var(--mode-canvas);color:var(--mode-text);border-color:var(--mode-line)}
:root:is([data-theme=dark],[data-theme=oled]) :is(.tabs button.selected,.tabs button.active,.interest-buttons button.selected,.presence-options .selected,.appearance-option.selected,.settings-row[aria-pressed=true]){background:var(--mode-soft);color:var(--green);border-color:var(--green)}
:root:is([data-theme=dark],[data-theme=oled]) :is(.lm-study,.lm-study-year,.lm-location,.lm-status-text,.lm-socials a){color:var(--mode-text);border-color:var(--mode-line)}
@media(max-width:760px){.settings-environment .workspace{padding-top:0}.settings-page-header{padding-top:calc(22px + max(env(safe-area-inset-top,0px),var(--native-inset-top,0px)));padding-bottom:20px}.settings-page-header h1{font-size:34px}.settings-environment .primary{padding-top:0!important}.settings-page{padding-inline:0}.settings-page-content{padding:0 2px}.settings-row{padding:20px 8px}.rich-input{font-size:16px}.composer-input .rich-input{font-size:16px}.settings-page-content .appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.settings-page-header{scroll-behavior:auto}}

.rich-markdown-heading{font-weight:750;font-size:1.13em}.rich-markdown-quote{color:var(--mode-muted);font-style:italic}.rich-markdown-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}.rich-input .chat-mention{border-radius:5px;background:var(--mode-soft);color:var(--green);padding:0 2px}
/* Match the scroll behaviour of the Chats page heading; keep content below it. */
.settings-page-header{position:relative;top:auto}.settings-page-content h3:first-child{margin-top:0}
.appearance-option.selected{border-color:var(--green)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent)}.appearance-light .theme-sample{background:#f8f6f0}.appearance-light .theme-sample i{background:#6236ff}.appearance-dark .theme-sample{background:#29223f}.appearance-dark .theme-sample i,.appearance-oled .theme-sample i{background:#bca7ff}.appearance-oled .theme-sample{background:#000}.appearance-system .theme-sample{background:linear-gradient(90deg,#f8f6f0 50%,#29223f 50%)}

.rich-input[aria-invalid=true]{border-color:var(--green)}.rich-input-error{color:var(--mode-text);display:block;margin-top:5px}
:root:is([data-theme=dark],[data-theme=oled]) .social-surface{--purple:var(--green)}.appearance-option.selected{outline-color:var(--green)!important}.appearance-system .theme-sample i{background:#bca7ff}:root:is([data-theme=dark],[data-theme=oled]) :is(.company-verification>svg,.feed-compose-footer .file-label,.studio-section-grid button svg){color:var(--green)}

body:has(.legal-page){background:var(--mode-canvas);color:var(--mode-text)}.legal-page a{color:var(--green)}:root:is([data-theme=dark],[data-theme=oled]) :is(.restriction-screen,.restriction-detail,.warning-gate,.offline-library,.service-unavailable,.admin-panel,.admin-tabs,.admin-review,.support-case){color:var(--mode-text);border-color:var(--mode-line)}