/* A warm, editorial layer: photography, tactile surfaces, a clear dark action system. */
:root{--canvas:#ffffff;--card:#fff;--ink:#222328;--text:#222328;--line:#ececf0;--orange:#ff7a24;--orange-light:#fff0e5;--muted:#74747e}
body{background:#f0f1f4}body:before{background:none}.studio-header{height:76px}.studio-label{color:#77766f}.studio-footer{color:#85847d}.preview-panel h2{font-family:Manrope,sans-serif;font-weight:750;font-size:27px;letter-spacing:-1px;color:#2e302a}.preview-panel>p{font-size:12px;color:#74756e}.mode-switch{background:#dbd9d3;border-color:#d8d6d0}.mode-switch button{font-size:11px}.mode-switch button.active{color:#222328}.scene{color:#777870}.scene.active{background:#f8eee4;color:#663f26}.panel-top{color:#8b613f}.panel-caption{color:#777870}.scene-number{color:#9c9c94}.device{box-shadow:0 0 0 1px #777873,0 0 0 3px #c6c7bf,0 28px 55px -24px #2b2d2a60,0 6px 15px #282b2514}.screen,.screen .status-bar,.screen.is-home .status-bar{background:var(--canvas)}.screen{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.app,.visual-home{background:var(--canvas)}.app .page{padding-bottom:30px}.screen .page-title,.app-titlebar h1,.screen .page-header h1,.simple-section-title h2{font-family:Manrope,sans-serif}
.simple-home-header{min-height:58px}.home-brand{width:148px}.screen .notification-button{border-radius:50%;background:white;box-shadow:0 2px 7px #292b2210;border:1px solid #ececf0;width:42px;min-width:42px}.home-location{min-height:34px!important;margin:0 0 12px;font-size:12px;color:#77786f}.home-location>.ico{color:#a86436;width:14px;height:14px}.home-location>.ico:last-child{width:12px;height:12px}
.discovery-search{height:52px;border-radius:17px;border:1px solid #ececf0;background:white;box-shadow:0 2px 4px #2b2d2303;color:#77796f;font-size:14px;margin-bottom:18px;padding:0 15px;gap:10px}.discovery-search>.ico{width:21px;height:21px;color:#3c3c45}.search-end{margin-left:auto;width:30px;height:30px;background:#fff0e5;display:grid;place-items:center;border-radius:10px}.search-end>.ico{width:16px;height:16px;color:#4f554a}
.editorial-hero{width:100%;height:210px;display:block;position:relative;overflow:hidden;border-radius:24px;text-align:left;padding:22px;color:white;isolation:isolate;background:#8b806d}.editorial-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 57%;z-index:-2;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.editorial-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,31,23,.72),rgba(28,31,23,.12) 78%)}.editorial-hero:hover>img{transform:scale(1.04)}.hero-label{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#fff6e9;display:block}.editorial-copy{display:block;margin-top:15px}.editorial-copy>strong{font-family:Manrope,sans-serif;font-size:36px;line-height:1.08;font-weight:750;letter-spacing:-1.4px;display:block}.editorial-copy>span{display:inline-flex;align-items:center;gap:12px;margin-top:17px;font-size:13px;font-weight:550}.editorial-copy .ico{width:17px;height:17px}.hero-count{position:absolute;right:20px;bottom:22px;font-size:10px;letter-spacing:1.5px;color:#fff9ed}
.simple-section-title{margin:20px 0 12px}.screen .simple-section-title h2{font-size:18px;font-weight:750;letter-spacing:-.65px}.simple-section-title button{color:#555b50;font-size:13px}.simple-section-title button .ico{width:15px;height:15px}.service-shortcuts{gap:16px 8px}.service-shortcuts>button>span{background:#f4f4f7;border:1px solid #eeeeF2;width:62px;height:62px;border-radius:20px;box-shadow:inset 0 1px white}.service-shortcuts>button:hover>span{background:#ffe3cf;transform:translateY(-3px)}.service-shortcuts strong{font-size:12px;letter-spacing:-.15px;color:#3c3c45}.service-shortcuts .service-art{width:51px;height:51px}.service-shortcuts>button{min-height:92px}.all-services-icon>.ico{color:#686e60}
.continue-card{display:flex;width:100%;align-items:center;gap:12px;background:#fff1e7;border:1px solid #ffdfc7;border-radius:18px;padding:15px;text-align:left;margin-top:22px}.continue-icon{background:white;display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:#9b562a}.continue-icon .ico{width:19px;height:19px}.continue-card>span:nth-child(2){flex:1;min-width:0}.continue-card small{display:block;font-size:9px;font-weight:650;letter-spacing:1px;color:#7c7d73;margin-bottom:4px}.continue-card strong{display:block;font-size:14px;font-weight:600;color:#34343e}.continue-card>.ico{width:19px;height:19px;color:#656d5b}
.swipe-cue{display:flex;align-items:center;gap:6px;font-size:11px;color:#797c72}.swipe-cue .ico{width:14px;height:14px}.discovery-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none;overscroll-behavior-x:contain}.discovery-rail::-webkit-scrollbar{display:none}.discovery-card{position:relative;flex:0 0 244px;scroll-snap-align:center;background:#fff;border-radius:23px;overflow:hidden;border:1px solid #e9e7e0}.collection-open{display:block;width:100%;padding:0;text-align:left}.collection-open>img{display:block;width:100%;height:166px;object-fit:cover;background:#e4dfd4;transition:transform .6s ease}.collection-open:hover>img{transform:scale(1.035)}.collection-card-copy{display:block;padding:17px 17px 15px}.collection-card-copy>small{font-size:9px;letter-spacing:1.1px;font-weight:650;color:#8b7760;display:block;margin-bottom:6px}.collection-card-copy>strong{display:block;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.7px;line-height:1.3;font-weight:750;color:#2a2a32}.collection-card-copy>span{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:#777780}.collection-card-copy .ico{width:18px;height:18px}.screen .collection-save{position:absolute;top:11px;right:11px;width:44px;height:44px;border-radius:50%;background:#fffffff2;display:grid;place-items:center;box-shadow:0 2px 8px #35352514;color:#444b3d}.collection-save .ico{width:20px;height:20px}.collection-save.is-saved .ico{fill:#ff7a24;stroke:#8b3f0b}.saved-collections{display:grid;gap:16px}.saved-collections .discovery-card{width:100%}.saved-collections .collection-open>img{height:160px}
.project-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-tile{position:relative;text-align:left;padding:16px;min-height:228px!important;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.project-paint{background:#ffad70;color:#502e1a}.project-garden{background:#edf4ee;color:#35412d}.project-tile>span{display:flex;justify-content:flex-end;margin-bottom:4px}.project-tile .service-art{width:90px;height:90px;transform:rotate(-7deg);transition:transform .35s}.project-tile:hover .service-art{transform:rotate(0) translateY(-3px)}.project-tile>strong{font-family:Manrope,sans-serif;font-size:22px;font-weight:750;letter-spacing:-.9px;line-height:1.2}.project-tile>small{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;line-height:1.4;margin-top:auto;padding-top:15px}.project-tile>small>.ico{width:15px;height:15px}.booking-shortcuts>button{background:white;border:1px solid #e7e5de;border-radius:16px;font-size:13px}.booking-shortcuts .ico{color:#866447}
/* Dark dock: one strong anchor across every screen. */
.bottom-nav{bottom:20px;left:13px;right:13px;height:70px;border-radius:24px;padding:9px 7px;background:#262823;border:1px solid #383c32;box-shadow:0 7px 18px #252b2123;backdrop-filter:none;overflow:visible}.screen .nav-item{color:#c7cbc0;min-height:50px;gap:4px;flex:1;padding:4px 0;width:auto;border-radius:16px}.nav-item>.ico{width:24px;height:24px;stroke-width:1.7}.nav-item>span{font-size:12px;font-weight:550;line-height:1.3}.nav-item.active{color:#ffb17a;background:#3c3b31}.nav-item.active>span{font-weight:650}.nav-dot{background:#ffad72;right:23px;top:1px;border-color:#262823;width:6px;height:6px}.home-indicator{bottom:6px;background:#414639;width:106px;height:4px}.app{height:calc(100% - 150px)}
/* Apply the same material and contrast to existing task screens. */
.screen .primary,.screen .small-primary{background:#292c25;color:#fff;border-color:#292c25;border-radius:16px;box-shadow:0 3px 5px #252b2108}.screen .primary:hover,.screen .small-primary:hover{background:#414739;border-color:#414739}.screen .primary:active{background:#191d15}.screen .secondary{background:#f5f5f7;border-color:#e5e5eb;color:#3b3b44;border-radius:15px}.screen .text-button{color:#97551f}.screen .round-btn,.screen .page-header .round-btn{background:#fff;border-color:#e8e6df;border-radius:15px;color:#55555e}.screen .field,.screen .orange-signup-body .field{background:#fff;border-color:#e1e0d7;color:#333b2b;border-radius:15px}.screen .field:focus{border-color:#cc996d;box-shadow:0 0 0 3px #f7e9db}.screen .label{color:#484f3f}.screen .choice,.screen .chip{background:#f5f5f7;border-color:#e3e2d9;color:#5c6352}.screen .choice.selected,.screen .chip.active{background:#ffe2cc;border-color:#f0bb91;color:#673e20}.screen .segments{background:#f2f2f5;border-color:#e7e7ed}.screen .segments>button.active{background:#fff;color:#3c4333;box-shadow:0 2px 5px #2d322310}.category-directory>button{background:#f5f5f7;border:1px solid #e9e9ee;border-radius:22px}.category-directory>button:hover{background:#ffead9}.visual-catalog-search{background:#fff;border:1px solid #e5e4dc;border-radius:16px}.visual-service-row{border-bottom-color:#e9e9ee}.row-art{background:#f4f4f7;border-radius:16px}.screen .selected-service{background:#f5f5f7;border-color:#e2e0d7}.screen .flow-progress{background:#e9e5da}.screen .flow-progress>div{background:#ff9a50}.screen .info-box{background:#f5f5f7;border-color:#e4e2d9;color:#73786c}.screen .request-tile,.screen .job-tile,.screen .offer-card{background:#fff;border-color:#e9e9ee;border-radius:22px;box-shadow:0 2px 5px #302d2103}.screen .request-tile .tag,.screen .offer-count{background:#f4eee4;color:#876340}.screen .request-tile h3,.screen .job-tile h3{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.6px}.screen .offer-card.chosen{border-color:#dba67b;background:#fff9f2}.screen .earnings{background:#ff9d56;color:#50341d;box-shadow:none;border:0;border-radius:24px}.screen .earnings:after{display:none}.screen .earnings small,.screen .earnings span{color:#6d4c31}.screen .metric-row{background:#f5f5f7;border-color:#e3e2d8;border-radius:19px}.screen .tag{background:#eeeae0;color:#7a6b53}
.screen[data-view="profile"] .app,.screen[data-view="profile"] .status-bar{background:var(--canvas)}.account-card{border-color:#e9e9ee;border-radius:24px;background:#fff;position:relative;overflow:hidden}.account-avatar{background:#ffe0c7;color:#784c2d;border:4px solid #fff3e7;width:64px;height:64px}.account-identity h2{font-family:Manrope,sans-serif;font-weight:750;letter-spacing:-.5px;color:#2b2b34}.screen .account-edit{background:#f5f5f7;border-color:#e5e5eb;color:#565e49}.settings-card{border-color:#e9e9ee;border-radius:20px;box-shadow:0 2px 5px #302d2103}.screen .settings-card .menu-row{border-bottom-color:#f0f0f4;color:#3b3b44}.settings-card .menu-row>.ico:first-child{color:#7c826f}.settings-card .menu-row:hover{background:#faf9f5}.screen .logout-button{border-color:#e9e9ee;border-radius:16px;background:#fff}.screen .empty .empty-icon{background:#f0ece2;border:1px solid #e8e2d5;color:#9b7447;border-radius:22px;box-shadow:none}.screen .empty h2{font-family:Manrope,sans-serif;color:#303039}.screen .empty p{color:#777780}.message-row{border-bottom-color:#e4e3da}.screen .message-row h3{color:#383842}.screen .chat-bubble{background:#f2f2f5;color:#45454e;border-radius:18px 18px 18px 5px}.screen .chat-bubble.mine{background:#ffe1c8;color:#694424;border-radius:18px 18px 5px 18px}.screen .chat-input button{background:#2a2a32}.screen .thread-context{background:#f5f5f7;border-color:#e4e2d9}.screen .chat-input{background:var(--canvas)}.screen .sheet{background:var(--canvas);border-radius:30px 30px 0 0}.screen .sheet h2{font-family:Manrope,sans-serif;letter-spacing:-.7px}.screen .orange-signup-art{background:#ffdfc4}.screen .orange-signup-body{background:var(--canvas)}
.collection-sheet{padding:0!important;overflow-y:auto}.collection-sheet .sheet-handle{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#fff9;z-index:2}.collection-sheet .sheet-close{z-index:3;background:#fffffff2!important;border:0!important;top:17px;right:17px}.collection-cover{height:185px;position:relative;background:#d8d1c5;overflow:hidden}.collection-cover>img{width:100%;height:100%;object-fit:cover}.collection-cover>span{position:absolute;bottom:16px;left:22px;font-size:10px;letter-spacing:1.3px;font-weight:650;background:#fff2e6;color:#6f472a;border-radius:7px;padding:7px 10px}.collection-body{padding:22px 22px 28px}.collection-body>h2{margin:0 0 6px}.collection-body>p{font-size:14px;color:#767680;margin:0 0 18px}.collection-services{border:1px solid #e4e3d9;border-radius:19px;background:#fff;padding:0 13px;margin-bottom:18px}.collection-services>button{display:flex;align-items:center;gap:12px;min-height:68px;width:100%;border-bottom:1px solid #eeeae3;padding:8px 0;text-align:left}.collection-services>button:last-child{border-bottom:0}.collection-service-art{display:grid;place-items:center;width:44px;height:44px;background:#f3f0e7;border-radius:13px;flex-shrink:0}.collection-service-art .service-art{width:39px;height:39px}.collection-services strong{font-size:14px;font-weight:600;flex:1}.collection-services>.ico,.collection-services>button>.ico{width:17px;height:17px;color:#8a907e}.screen .collection-save-wide{width:100%;gap:9px;display:flex;align-items:center;justify-content:center;font-size:14px}.collection-save-wide[aria-pressed="true"]{background:#ffdfc2;color:#684126;border-color:#ecc5a5}
@media(max-width:600px){body{background:var(--canvas)}.app .page{padding-left:20px;padding-right:20px}.app{height:calc(100% - 99px)}.bottom-nav{height:70px;bottom:max(17px,env(safe-area-inset-bottom));padding:9px 7px;left:13px;right:13px}.screen .nav-item>span{font-size:12px}.screen .nav-item{min-height:50px}.app.no-nav{height:calc(100% - 20px)}.editorial-hero{height:218px}.home-brand{width:150px}.collection-sheet{max-height:92%}}
@media(prefers-reduced-motion:reduce){.editorial-hero>img,.collection-open>img,.project-tile .service-art,.service-shortcuts>button>span{transition:none;transform:none!important}.discovery-rail{scroll-behavior:auto;scroll-snap-type:none}}

.screen .simple-home-header{margin-bottom:10px}
.screen .primary,.screen .small-primary{background:#ff7a24;border-color:#ff7a24;color:#222228;box-shadow:none}
.screen .primary:hover,.screen .small-primary:hover{background:#ff8d43;border-color:#ff8d43}
.screen .primary:active,.screen .small-primary:active{background:#f56b15;border-color:#f56b15}
.screen .flow-progress>div{background:#ff7a24}
.screen .category-directory>button:hover,.service-shortcuts>button:hover>span{background:#ffe0c7}
.screen .home-indicator{background:#29292f}

/* Keep the request action at the bottom while the questions scroll independently. */
.screen[data-view="request"] .app.no-nav{height:calc(100% - 53px);overflow:hidden}
.screen[data-view="request"] .flow-page{height:100%;display:flex;flex-direction:column;padding:0 20px;overflow:hidden}
.screen[data-view="request"] .flow-page>.page-header,.screen[data-view="request"] .flow-progress,.screen[data-view="request"] .flow-meta{flex-shrink:0}
.screen[data-view="request"] .step-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 20px;scroll-padding:16px;scrollbar-width:none}
.screen[data-view="request"] .flow-action{position:static;flex-shrink:0;margin:0 -20px;padding:14px 20px 24px;background:#fff;border-top:1px solid #ededf1;backdrop-filter:none}
.screen[data-view="request"] .flow-action .primary{width:100%;display:flex;align-items:center;justify-content:center;min-height:50px;gap:10px;margin:0}
.screen[data-view="request"] .flow-action>span{margin-top:8px;font-size:11px}
@media(max-width:600px){.screen[data-view="request"] .app.no-nav{height:100%}.screen[data-view="request"] .flow-action{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}}

/* Keep search focus on its rounded container, without an inner orange rectangle. */
.screen .catalog-search input:focus,.screen .catalog-search input:focus-visible,.screen .searchbox input:focus,.screen .searchbox input:focus-visible{outline:none;box-shadow:none}
.screen .catalog-search:focus-within,.screen .searchbox:focus-within{border-color:#b8b9c2}
.screen .searchbox:focus-visible{outline:2px solid #b8b9c2;outline-offset:2px}