.mobile-site-menu,.mobile-workspace-menu{display:none}
.mobile-site-menu,.mobile-workspace-menu{margin:0!important;padding:0!important}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 html{scroll-padding-top:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{font-size:14px}main,section,article,form,fieldset,aside,nav{min-width:0}fieldset{max-width:100%}
 h1,h2,h3,p,dd{overflow-wrap:anywhere}img,video,canvas{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px!important;max-width:100%;min-width:0}
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,.date-trigger{min-height:48px}
 textarea{line-height:1.6;min-height:104px}input[type=checkbox],input[type=radio]{flex-shrink:0;min-height:0}
 .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.45;font-size:13px;white-space:normal;text-align:center}
 .wrap{width:100%;max-width:100%;padding-left:16px;padding-right:16px}
 .demo:has(.beta-feedback-link){padding:6px 12px;font-size:10px;gap:4px 10px}
 .header.wrap{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:0!important;min-height:76px!important;height:76px!important;padding:14px 16px!important;border-bottom:1px solid var(--line);z-index:50}
 .header>.brand{width:132px!important;max-width:132px!important;margin:0!important;flex:none}
 .header>.nav{display:none!important}
 .header>.actions{display:flex!important;position:absolute;top:16px;right:126px;padding:0!important;margin:0!important;gap:0!important;width:44px;flex-basis:auto!important}
 .header>.actions>.btn,.header .account-nav>a{display:none!important}.header .account-nav{display:block!important}.header .account-bell{width:44px!important;height:44px!important;min-height:44px;border-radius:12px}
 .header .theme-switch{width:48px;height:28px;right:72px;top:38px;transform:translateY(-50%)}
 .header .theme-thumb{width:20px;height:20px}[data-theme=dark] .header .theme-thumb{transform:translateX(20px)}
 .mobile-site-menu{display:block;position:absolute;right:16px;top:16px;z-index:80}
 .mobile-site-menu>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;color:var(--blue)}
 .mobile-site-menu>summary::-webkit-details-marker,.mobile-workspace-menu>summary::-webkit-details-marker{display:none}
 .mobile-menu-lines,.mobile-menu-lines:before,.mobile-menu-lines:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s}
 .mobile-menu-lines:before,.mobile-menu-lines:after{content:'';position:absolute;left:0}.mobile-menu-lines:before{top:-6px}.mobile-menu-lines:after{top:6px}
 .mobile-site-menu[open] .mobile-menu-lines{background:transparent}.mobile-site-menu[open] .mobile-menu-lines:before{top:0;transform:rotate(45deg)}.mobile-site-menu[open] .mobile-menu-lines:after{top:0;transform:rotate(-45deg)}
 .mobile-site-menu>nav{position:absolute;right:0;top:54px;width:min(330px,calc(100vw - 32px));padding:10px;max-height:calc(var(--mobile-viewport,100dvh) - 100px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 16px 50px #0003}
 .mobile-site-menu nav a,.mobile-site-menu nav button{display:flex;align-items:center;width:100%;min-height:48px;padding:12px;font:inherit;font-size:14px;text-align:left;color:var(--blue);background:transparent;border:0;border-radius:9px;text-decoration:none}
 .mobile-site-menu nav a:hover,.mobile-site-menu nav button:hover{background:var(--notice-bg)}.mobile-menu-account{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
 .mobile-site-menu>summary:focus-visible,.mobile-workspace-menu>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
 .header .account-notifications{position:static}.header .account-notices{position:fixed!important;top:var(--mobile-notices-top,90px)!important;right:16px!important;left:16px!important;width:auto!important;max-width:none;max-height:calc(var(--mobile-viewport,100dvh) - 110px);overflow-y:auto;z-index:100}
 .mvp-workspace{display:block!important;padding-top:16px!important;padding-bottom:28px!important}
 .mvp-workspace .workspace-sidebar{display:block!important;margin-bottom:24px;padding:0!important;overflow:visible!important;position:relative!important;top:auto!important}
 .workspace-sidebar>.workspace-side-heading,.workspace-sidebar>.workspace-menu{display:none!important}
 .mobile-workspace-menu{display:block;width:100%}.mobile-workspace-menu>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:14px 16px;cursor:pointer;min-height:66px;color:var(--blue)}
 .mobile-workspace-menu summary small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.mobile-workspace-menu summary strong{font-size:14px}
 .mobile-workspace-menu>nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border-top:1px solid var(--line);overflow:visible}
 .mobile-workspace-menu nav a{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px;border-radius:9px;font-size:12px;line-height:1.45;color:var(--muted)}
 .mobile-workspace-menu nav a.active{background:var(--notice-bg);color:var(--blue)}.mobile-workspace-menu nav .ui-icon{width:18px;height:18px;flex:none}.mobile-workspace-menu nav i{display:none}
 .site-return.wrap{padding:12px 16px 0}.site-return a{min-height:40px;display:inline-flex;align-items:center}
 .workspace-heading,.work-heading,.pro-page-heading,.talent-heading{gap:16px;flex-wrap:wrap;margin-bottom:22px}
 h1,.mvp-title,.pro-page-heading h1{font-size:clamp(25px,7vw,32px)!important;line-height:1.25!important;letter-spacing:-.6px}
 .panel,.pro-card,.work-card{border-radius:14px}.panel,.pro-card{padding:20px}.workspace-main{width:100%;min-width:0}
 .work-grid,.project-info-grid,.demand-detail-layout,.demand-condition-grid,.demand-brief-fields,.auth-compact-grid,.google-completion-grid,.conditions-comparison,.owner-metrics,.owner-testing-options{grid-template-columns:minmax(0,1fr)!important}
 .work-filters,.work-heading-actions,.profile-final-actions,.pro-save-bar>div,.profile-step-actions{flex-wrap:wrap;gap:10px}
 .work-filters>*{min-width:0;max-width:100%;flex:1 1 140px}.work-filters label{width:auto!important}
 .work-card-actions{flex-wrap:wrap;gap:10px}.work-card-actions .btn{flex:1 1 130px}.work-facts{gap:12px;flex-wrap:wrap}
 .dashboard-stat{min-width:0}.dashboard-stat small,.dashboard-stat p{font-size:12px;line-height:1.5}
 .profile-editor-footer,.pro-save-bar,.demand-editor-footer{position:static!important;bottom:auto!important;flex-wrap:wrap;gap:12px;padding:18px 0!important}
 .profile-editor-footer .btn,.profile-final-actions .btn,.pro-save-bar .btn,.profile-step-actions .btn{flex:1 1 130px;min-width:0}
 .profile-step-nav{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.profile-step-nav button{min-height:48px}
 .profile-step-panel,.profile-editor-body,.demand-editor,.support-request{max-width:100%;min-width:0}
 .pro-card,.profile-step-panel,.auth-card,.support-request,.google-completion-card{padding:20px!important}
 .auth-page,.auth-compact-page{padding:24px 16px!important}.auth-card{width:100%;max-width:100%;margin:0!important;border-radius:16px}
 .auth-compact-grid{gap:0!important}.auth-compact-signup h1{font-size:28px!important}
 .skill-options label{max-width:100%}.skill-options span{white-space:normal;overflow-wrap:anywhere;min-height:44px;display:flex;align-items:center}
 .pro-upload-card,.pro-work-number,.pro-edit-photo,.portfolio-link-heading{flex-wrap:wrap;gap:16px}.pro-edit-work-grid,.pro-field-pair,.pro-work-grid{grid-template-columns:minmax(0,1fr)!important}
 .budget-range-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px}.money-control{min-width:0}.money-control>input{width:100%;min-width:0;padding-left:7px!important}
 .discovery-page{padding-top:22px!important}.discover-layout{grid-template-columns:minmax(0,1fr)!important}.discover-filters{position:static!important;max-width:100%}.discover-filter-toggle{min-height:52px}
 .discover-editor,.discover-demand{min-width:0}.discover-results-top{flex-wrap:wrap;gap:12px}
 .support-ticket-grid{grid-template-columns:minmax(0,1fr)!important}.support-thread-header{flex-wrap:wrap;gap:12px}.support-entry{min-width:0;gap:10px}.support-entry-avatar{flex-shrink:0}.support-thread-messages{padding:16px!important}.support-reply-box{padding:16px!important}
 .footer .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;padding-top:22px;padding-bottom:22px;font-size:11px}
 dialog{max-width:calc(100vw - 24px)!important;max-height:calc(var(--mobile-viewport,100dvh) - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box}
 dialog:not(.date-dialog){width:min(520px,calc(100vw - 24px));padding:22px!important;border-radius:16px}
 dialog h2{font-size:20px;line-height:1.4;padding-right:25px}.interest-confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.interest-confirm-actions .btn{flex:1 1 120px}.date-dialog{padding:18px!important}.date-navigation{grid-template-columns:36px minmax(0,1fr) 88px 36px;gap:4px}.date-days button{min-height:38px}
 .media-controls{gap:8px}.video-player{min-width:0;max-width:100%}.video-review-player{width:100%}.delivery-files,.delivery-links,.delivery-external-link,.shared-link,.message-file-name{min-width:0;overflow-wrap:anywhere}
 .project-fold>summary{min-height:58px}.project-fold-body{padding:16px!important}.project-terms div{gap:12px}
 /* Chat occupies the usable screen; only its timeline scrolls. */
 body:has(.inbox-page){overflow:hidden}#app:has(.inbox-page){height:var(--mobile-viewport,100dvh)!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden}
 #app:has(.inbox-page)>.demo,#app:has(.inbox-page)>.site-return,#app:has(.inbox-page)>.footer{display:none!important}
 #app:has(.inbox-page)>.header{flex:none!important}.inbox-page{flex:1;min-height:0!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;display:flex}
 .inbox{display:flex!important;flex:1;width:100%;height:100%!important;max-height:none!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none}
 .inbox-sidebar,.inbox-thread{width:100%;min-width:0;min-height:0;flex:1}.inbox-sidebar{border:0}.inbox-thread{display:flex;flex-direction:column;overflow:hidden}
 .inbox.has-conversation>.inbox-sidebar{display:none!important}.inbox:not(.has-conversation)>.inbox-sidebar{display:flex!important}
 .inbox-thread-heading{padding:12px!important;gap:10px!important;min-height:68px;flex:none}.inbox-thread-heading h2{font-size:14px!important;line-height:1.4}.inbox-thread-heading .inbox-icon-button{width:40px;height:44px;min-width:40px}.inbox-thread-heading .inbox-thread-tools{gap:2px}
 .inbox-messages{flex:1;min-height:0;padding:18px 12px!important;overscroll-behavior:contain}.inbox-bubble{max-width:88%!important;min-width:0!important}.inbox-bubble p{font-size:14px;line-height:1.6}
 .chat-project-card{max-width:100%!important;min-width:0!important}.inbox-composer{flex:none;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))!important;gap:6px!important;align-items:flex-end;min-width:0}
 .inbox-composer textarea{font-size:16px!important;min-height:44px!important;max-height:116px!important;line-height:1.4;padding:11px!important}.inbox-composer .inbox-icon-button,.inbox-composer .inbox-send{width:42px!important;height:44px!important;min-width:42px!important;flex:none;padding:10px!important}
 .inbox-composer>.inbox-input-wrap{flex:1;min-width:0}.voice-composer{padding:12px!important;gap:10px}.voice-composer .btn{min-height:44px;font-size:12px}
 .inbox-options,.inbox-project-menu{max-width:calc(100vw - 24px)!important;max-height:60dvh;overflow-y:auto}.shared-dialog{height:auto!important}
}
@media(min-width:761px) and (max-width:1050px){.mvp-workspace{grid-template-columns:190px minmax(0,1fr)!important;gap:20px!important}.workspace-menu a{font-size:12px!important}.inbox{grid-template-columns:280px minmax(0,1fr)}.work-grid{grid-template-columns:minmax(0,1fr)}.pro-edit-work-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.header>.brand{width:112px!important;max-width:112px!important}.header>.actions{right:120px}.header .theme-switch{right:68px;width:44px}.mobile-site-menu{right:12px}.header.wrap{padding-left:12px!important}.wrap{padding-left:12px;padding-right:12px}.mobile-workspace-menu>nav{grid-template-columns:minmax(0,1fr)}.dashboard-stats,.work-metrics{gap:10px}.inbox-composer{gap:4px!important}.inbox-composer .inbox-icon-button,.inbox-composer .inbox-send{width:36px!important;min-width:36px!important;padding:8px!important}.budget-range-fields{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){.mobile-menu-lines,.mobile-menu-lines:before,.mobile-menu-lines:after{transition:none}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 .inbox-back{display:grid!important;place-items:center;width:36px;min-width:36px;height:44px}
 .inbox-thread-heading>.inbox-avatar{width:32px;height:32px;flex:none}.inbox-thread-person{min-width:0}.inbox-thread-person h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .themed-player{max-width:100%;min-width:0}.player-toolbar button,.player-volume>summary{min-width:44px;min-height:44px}.player-seek{min-height:24px}.player-volume-panel{max-width:calc(100vw - 56px)}
 .voice-speed{min-width:44px;min-height:44px}.voice-play{min-width:40px;min-height:40px}
 .discover-check{min-height:44px;align-items:center}.reaction-people{min-height:36px}.message-reaction-picker>summary{min-width:36px;min-height:36px;display:grid;place-items:center}.message-reaction-picker>summary svg{width:18px;height:18px}
 .message-reaction-picker>div{max-width:calc(100vw - 40px);flex-wrap:wrap}.message-reaction-picker>div button{min-width:40px;min-height:40px}
 .contact-layout{grid-template-columns:minmax(0,1fr)!important}.contact-compose,.contact-recipient{min-width:0;max-width:100%;padding:20px}.contact-send{flex-wrap:wrap;gap:12px}.contact-send .btn{width:100%}
 .inbox-options>div{max-width:calc(100vw - 24px);max-height:calc(var(--mobile-viewport,100dvh) - 190px);overflow-y:auto}.inbox-options>div button,.inbox-options>div a{min-height:44px}
}

@media(max-width:760px), (max-width:1000px) and (max-height:500px){.inbox:not(.has-conversation)>.inbox-thread{display:none!important}.inbox-composer>.inbox-attach-button{display:grid;place-items:center;flex:none;width:36px;height:44px;min-height:44px;margin:0}.inbox-attach-button .ui-icon{width:21px;height:21px}}