/* Internal UI system. Deliberately not loaded by the homepage or landing pages. */
:root{--ui-font:Manrope,Arial,sans-serif;--ui-text:16px;--ui-label:14px;--ui-caption:12px;--ui-title:28px;--ui-section:20px;--ui-control:42px;--ui-icon:22px;--ui-purple:#9227ca;--ui-ink:#292331;--ui-muted:#82738c;--ui-line:#e9dfef;--ui-soft:#f5e9fc;--ui-radius:12px;--ui-gap:16px;--purple:var(--ui-purple);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--tint:var(--ui-soft)}
body.ui-scale{font-family:var(--ui-font);font-size:var(--ui-text);line-height:1.5;color:var(--ui-ink)}
.ui-scale :is(button,input,textarea,select,dialog){font-family:var(--ui-font)}
.ui-scale :is(h1,.browse-head h1,.identity h1,.social-main>h1,.create-heading h1,.challenge-header h1,.auth-card h1){font-size:var(--ui-title)!important;font-weight:800;line-height:1.25;letter-spacing:-.6px}
.ui-scale :is(h2,.task-copy h2,.create-section h2,.aside-card h2,.progress-head h2,.personal-progress h2,.deels-compose-dialog h2,.favorites-head h2,.dialog-head h2,.modal-head h2){font-size:var(--ui-section);line-height:1.35;letter-spacing:-.3px;font-weight:700}
.ui-scale :is(h3,.challenge-body h3,.platform-track .challenge-body h3,.post-title){font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.2px}
.ui-scale :is(.post-text,.card-start p,.platform-track .card-start p,.task-copy>p,.identity p,.chat-bubble,.post-comments p,.comment-bubble>p,.deels-comment-list p){font-size:15px;line-height:1.6}
.ui-scale :is(.social-muted,.muted,.card-author,.card-date,.card-meta,.card-reward,.field,.check,.section-note,.hint,.deels-description,.deels-cover-input,.notification-item,.auth-card label){font-size:var(--ui-label);line-height:1.5}
.ui-scale :is(.card-author,.card-date,.social-muted,.muted,.hint,.section-note,.chat-row small,.number-collection .collection-title){color:var(--ui-muted)}
.ui-scale :is(.preview-note,.notification-item time,.chat-row time,.chat-bubble time,.chat-date,.post-bottom-date,.deels-comment-meta,.field small,.upload-field small,.sidebar-bottom small){font-size:var(--ui-caption);line-height:1.5}
/* One navigation scale at every breakpoint, without changing page layouts. */
body.ui-scale>.sidebar .nav-item{font-family:var(--ui-font);font-size:16px;font-weight:600;line-height:1.4;gap:12px;padding:12px 16px;min-height:48px;border-radius:var(--ui-radius)}
body.ui-scale>.sidebar .nav-item>svg{width:var(--ui-icon);height:var(--ui-icon);stroke-width:1.7}
body.ui-scale>.sidebar nav{gap:8px;margin-top:32px}
body.ui-scale>.sidebar .nav-item.active{color:var(--ui-purple);background:#eeddf7;box-shadow:inset 3px 0 var(--ui-purple)}
body.ui-scale .social-top{height:64px;min-height:64px;gap:12px}
.ui-scale .social-user{font-size:14px;font-weight:700;gap:8px}
.ui-scale .social-top .social-avatar{width:34px;height:34px}
.ui-scale :is(.social-icon svg,.primary svg,.browse-secondary svg,.button-card svg,.friend-icon svg,.profile-person-actions svg,.icon-button svg,.unified-back svg){width:var(--ui-icon);height:var(--ui-icon);flex:none}
.ui-scale .header-search{height:var(--ui-control)}
.ui-scale .header-search input{font-size:15px}
/* Full controls; icon actions, media buttons and cards retain their own shapes. */
.ui-scale :is(.primary,.browse-secondary,.button-card,.create-bottom button,.auth-card #auth-submit,.deels-upload-button,.deels-compose-modes>button,.deels-create-submit,.modal-footer>button,.ch-actions>button,.ch-ai>button,.aside-card>.button,.aside-card>button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ui-control);height:auto;padding:9px 16px;font-size:14px;line-height:22px;font-weight:700;border-radius:var(--ui-radius)}
.ui-scale :is(.primary,.button-card,.deels-create-submit,.auth-card #auth-submit){background:var(--ui-purple);color:white;border:1px solid transparent;box-shadow:0 4px 12px #9227ca14}
.ui-scale .browse-secondary{color:var(--ui-purple);background:#fff;border:1px solid var(--ui-line);box-shadow:none}
.ui-scale .browse-actions>:is(.primary,.browse-secondary){height:42px;min-height:42px;margin:0;padding:9px 16px}
.ui-scale :is(.browse-topics>button,.friends-tabs>button,.tabs>button,.segmented>button,.view-switch>button,.create-anchors a){font-family:var(--ui-font);font-size:14px;line-height:22px;font-weight:600}
.ui-scale :is(.friends-tabs>button,.browse-topics:not(.story-topics)>button,.segmented>button,.view-switch>button){min-height:42px;padding:9px 16px}
.ui-scale :is(.icon-button,.unified-back,.profile-person-actions>button,.profile-person-actions>a){box-sizing:border-box;width:42px;height:42px;min-width:42px;padding:0;border-radius:var(--ui-radius)}
.ui-scale :is(.social-search,.friends-toolbar .social-search,.auth-card input:not([type=checkbox]),.creation input:not([type=checkbox]):not([type=radio]):not([type=file]),.creation select,.select-trigger){box-sizing:border-box;min-height:42px;height:42px;padding:9px 12px;font-size:15px;line-height:22px;border-radius:var(--ui-radius);border:1px solid var(--ui-line);color:var(--ui-ink)}
.ui-scale .creation :is(.toggle input,.invite-user input){min-height:0;height:100%;padding:0}
.ui-scale :is(textarea,.creation textarea,.deels-description textarea){font-size:15px;line-height:1.6;border-radius:var(--ui-radius);padding:12px;color:var(--ui-ink)}
.ui-scale .base-copy .title-field textarea{min-height:42px;height:42px;padding:9px 12px;line-height:22px}
.ui-scale .chat-input textarea{font-size:15px;line-height:22px;padding:9px 12px;min-height:42px}
.ui-scale .deels-comment-input>input{font-size:15px;line-height:22px;padding:9px 0!important;min-height:42px}
/* Shared spacing rhythm. */
.ui-scale :is(.browse-head,.social-main>h1,.create-heading,.challenge-navigation){margin-bottom:24px}
.ui-scale .stories-toolbar{gap:16px;margin:8px 0 24px}
.ui-scale .friends-toolbar{gap:24px;margin-bottom:24px}
.ui-scale :is(.profile-feed,.challenge-grid,.task-grid){gap:24px}
.ui-scale :is(.profile-post,.create-section,.aside-card){padding:24px}
.ui-scale :is(.challenge-body,.platform-track .challenge-body,.task-copy){padding:16px}
.ui-scale .identity{padding:8px 8px 16px}
.ui-scale .identity-person{gap:24px}
.ui-scale .profile-content .collections{gap:16px;margin-bottom:16px}
.ui-scale .profile-content .post-composer{margin-bottom:24px}
.ui-scale .collection-number{font-size:32px;line-height:1.2;font-weight:500;color:var(--ui-purple)}
.ui-scale .number-collection .collection-title{font-size:14px;line-height:1.5}
.ui-scale .platform-heading h2{font-size:20px;line-height:1.35;font-weight:600}
.ui-scale .friend-person h3,.ui-scale .chat-head h3{font-size:16px;font-weight:700}
.ui-scale .social-main #friends-list{gap:32px 16px}
.ui-scale .notification-head h2{font-size:20px}
.ui-scale .notification-head,.ui-scale .notification-item{padding:16px}
.ui-scale :is(.dialog-head,.favorites-head,.deels-compose-dialog>header){gap:16px}
.ui-scale .deels-compose-dialog h2{font-size:20px}
.ui-scale :is(.deels-story-caption p,.deels-story-comments p){font-size:15px}
.ui-scale :is(.deels-story-caption b,.deels-story-actions small){font-size:14px}
.ui-scale .deels-story-dialog .deels-story-follow{font:600 14px/22px var(--ui-font);padding:9px 16px;min-height:42px}
.ui-scale :is(.text-button,.friend-actions a,.auth-tabs button){font-family:var(--ui-font);font-size:14px}
.ui-scale :is(.social-count,.friends-count){font-size:12px;color:var(--ui-purple)}
@media(max-width:800px){body.ui-scale>.sidebar nav{margin-top:0;gap:8px}body.ui-scale>.sidebar .nav-item{padding:10px 12px;min-height:42px}.ui-scale :is(.profile-post,.create-section,.aside-card){padding:16px}.ui-scale .identity-person{gap:16px}.ui-scale .profile-content .collections{gap:8px}.ui-scale .friends-toolbar{gap:16px}.ui-scale :is(.header-search input,.social-search,.auth-card input:not([type=checkbox]),.creation input:not([type=checkbox]):not([type=radio]):not([type=file]),.creation select,textarea){font-size:16px}.ui-scale .social-top{gap:8px}.ui-scale .friends-count{font-size:12px}}
/* Requested layout corrections, internal screens only. */
body.ui-scale .social-top>.header-search{flex:1 1 0;width:auto;max-width:none;min-width:0;margin-right:0}
body.ui-scale .social-top>:not(.header-search){flex-shrink:0}
body.ui-scale:has(>.sidebar)>main{padding-top:80px!important}
body.ui-scale:has(>.sidebar)>main:not(.profile-main){padding-left:32px;padding-right:32px;max-width:none;width:calc(100% - 244px);box-sizing:border-box}
body.ui-scale .social-top{padding-left:32px;padding-right:32px}
.ui-scale :is(.browse-head h1,.social-main>h1,.create-heading h1){margin-top:0}
.ui-scale :is(.browse-head,.social-main>h1,.create-heading){margin-bottom:20px}
.ui-scale .platform-section{display:block;margin:24px 0;padding:0;background:none;border:0}
.ui-scale .platform-section .platform-heading{display:block;margin:0 0 12px}
.ui-scale .platform-section .platform-heading h2{writing-mode:horizontal-tb;transform:none;white-space:normal;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:600;color:var(--ui-muted)}
.ui-scale .platform-heading h2 span{border:0;padding:0;color:var(--ui-purple)}
.ui-scale .platform-section .platform-track{display:flex;flex-wrap:wrap;gap:16px;overflow:visible;padding:0;margin:0}
.ui-scale .platform-track>.challenge-card{flex:0 1 260px;max-width:100%;transform:none;border-radius:16px;box-shadow:0 4px 14px #512a6a10}
.ui-scale .platform-track .challenge-cover{height:128px;min-height:128px}
.ui-scale .platform-track .challenge-body{padding:12px}
.ui-scale .platform-track .challenge-body h3{font-size:17px;margin:0 0 8px}
.ui-scale .platform-track .card-start{margin-bottom:12px}
.ui-scale .platform-track .card-start p{font-size:14px;line-height:1.5}
.ui-scale .profile-content .post-composer{padding:12px 16px;min-height:0;resize:none;overflow:visible;margin-bottom:16px}
.ui-scale .post-composer textarea{min-height:42px;padding:4px 0;flex:none;resize:none;border:0;outline:none;box-shadow:none}
.ui-scale .post-composer textarea:is(:focus,:focus-visible){outline:none;box-shadow:none;border:0}
.ui-scale .post-composer:focus-within{outline:none;box-shadow:none;border-color:#eee8f3}
.ui-scale .post-composer .composer-actions{padding-top:8px;margin-top:0;gap:12px}
.ui-scale .profile-post{padding:16px 20px}
.ui-scale .profile-post .post-text{margin:12px 0}
.ui-scale .profile-post .post-actions{padding:8px 0;gap:16px}
.ui-scale .profile-post .post-comments{padding-top:8px;margin-top:0}
.ui-scale .profile-post .post-comments .comment{margin:8px 0;gap:12px}
.ui-scale .profile-post .post-comments .comment:first-child{margin-top:0}
.ui-scale .profile-post .comment-bubble{padding:0}
.ui-scale .profile-post .deels-comment-meta{margin-top:4px}
.ui-scale .profile-post .deels-comment-form{margin-top:12px}
.ui-scale .settings.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transform:none}
/* Match the selected Friends tab: pale violet fill with a bottom accent. */
.ui-scale .browse-topics{gap:8px;margin:16px 0 24px;align-items:center}
.ui-scale .stories-toolbar .browse-topics{margin:0}
.ui-scale .browse-topics>button,.ui-scale .friends-tabs>button{box-sizing:border-box;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ui-muted);font:600 14px/22px var(--ui-font);box-shadow:none}
.ui-scale .browse-topics>button.selected,.ui-scale .friends-tabs>button.selected{background:#eeddf7;border-color:transparent;color:var(--ui-purple);box-shadow:inset 0 -2px var(--ui-purple)}
.ui-scale .browse-topics>button:hover,.ui-scale .friends-tabs>button:hover{background:#f5ecfb;color:var(--ui-purple)}
.ui-scale .social-main #friends-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}
.ui-scale .friend-person .social-avatar{width:96px;height:96px}
.ui-scale .friend-actions [data-friend-action=accept]{color:#3a8b5b}
.ui-scale .friend-actions [data-friend-action=remove]{color:#bf5260}
.ui-scale .friend-actions [data-friend-action=accept]:hover{background:#edf7f0}
.ui-scale .friend-actions [data-friend-action=remove]:hover{background:#fcf0f2}
.ui-scale .friends-search-wrap{position:relative;display:block}
.ui-scale .friends-toolbar .friends-search-wrap .friends-search{width:100%;padding-left:42px}
.ui-scale .friends-search-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#918598;pointer-events:none}
@media(max-width:800px){body.ui-scale:has(>.sidebar)>main{padding-top:16px!important}body.ui-scale:has(>.sidebar)>main:not(.profile-main){width:100%;padding-left:20px;padding-right:20px}body.ui-scale .social-top{padding-left:20px;padding-right:20px}.ui-scale .social-main #friends-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-scale .friend-person .social-avatar{width:80px;height:80px}.ui-scale .platform-track>.challenge-card{flex-basis:calc(50% - 8px)}}
@media(max-width:480px){.ui-scale .friend-person .social-avatar{width:68px;height:68px}.ui-scale .social-main #friends-list{gap:20px 8px}.ui-scale .platform-track>.challenge-card{flex-basis:100%}.ui-scale .profile-post{padding:16px}}