#mApp,.m-sheet{display:none}@media(max-width:767px){*{max-width:100%}body{padding-bottom:0;overflow-x:hidden;background:#f7f8f5}body>header,body>main,body>nav,body>dialog{display:none}#mApp{display:block;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 58px) 0 calc(env(safe-area-inset-bottom) + 70px)}.m-head{height:58px;position:fixed;inset:env(safe-area-inset-top) 0 auto;z-index:20;background:#fff;border-bottom:1px solid #ced8d4;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.m-head .brand{font-size:15px}.m-head .mark{width:31px;height:31px;font-size:11px}.m-icon{border:0;background:none;font-size:22px;width:48px;height:48px}.m-screen{display:none;padding:20px 16px}.m-screen.active{display:block}.m-hero{background:#10242b;color:#fff;margin:-20px -16px 18px;padding:24px 18px 28px}.m-hero .eyebrow{color:#b4c0be}.m-hero h1{font-size:32px;line-height:1.04;letter-spacing:-.06em;margin:8px 0}.m-hero em{font-style:normal;color:#f5a623}.m-hero p:not(.eyebrow){color:#cdd8d5;font-size:14px;margin:0}.m-home-actions{display:grid;gap:9px;margin-bottom:28px}.m-home-actions button{height:72px;border:0;border-radius:12px;text-align:left;padding:0 15px;font:17px Manrope;display:grid;grid-template-columns:31px 1fr;grid-template-rows:25px 18px;align-items:center}.m-home-actions button:first-child{background:#f5a623}.m-home-actions button:last-child{background:#10242b;color:#fff}.m-home-actions b{font-size:15px}.m-home-actions small{grid-column:2;font-size:12px;opacity:.7}.m-title{margin:0 0 14px}.m-title h2{margin:4px 0 0;font-size:23px;letter-spacing:-.045em}.m-list{display:grid;gap:12px}.m-card{display:grid;grid-template-columns:124px 1fr;background:#fff;border:1px solid #ced8d4;border-radius:13px;overflow:hidden;text-align:left;padding:0;min-height:150px}.m-card-img{position:relative;background:url('assets/metal-stock.png') var(--pos,center)/cover}.m-card-img .status{position:absolute;top:7px;left:7px;font-size:9px;padding:5px 6px}.m-card-info{padding:11px 10px;display:grid;align-content:start}.m-card-info h3{font-size:15px;line-height:1.15;margin:0 0 4px}.m-card-info .spec{font-size:11px;line-height:1.4;margin:0;color:#627477}.m-card-meta{align-self:end;display:flex;justify-content:space-between;align-items:end;margin-top:8px}.m-card-meta b{font-size:16px}.m-card-meta small,.m-card-meta span{font-size:10px;color:#627477}.m-search{height:58px;border:1px solid #ced8d4;border-radius:11px;background:#fff;width:100%;text-align:left;padding:0 15px;font:700 16px Manrope;display:flex;justify-content:space-between;align-items:center}.m-chips{display:flex;gap:7px;overflow:auto;padding:11px 0 17px}.m-chips button{flex:none;height:36px;border:1px solid #ced8d4;border-radius:18px;background:#fff;padding:0 12px;font:12px Manrope}.results-title{border-top:1px solid #ced8d4;padding-top:17px}.m-nav{display:flex!important;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed!important;inset:auto 0 0;z-index:30;background:#fff;border-top:1px solid #ced8d4;justify-content:space-around}.m-nav button{width:20%;border:0;background:#fff;color:#627477;font:20px Manrope;display:grid;place-items:center}.m-nav span{font-size:10px}.m-nav .active{color:#10242b}.m-nav .sell-nav{color:#10242b;font-size:28px}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0 18px}.progress span{height:5px;border-radius:5px;background:#d6dedb}.progress .on{background:#f5a623}.progress b{grid-column:span 4;font:12px 'DM Mono';margin-top:4px}.m-flow{box-shadow:none;padding:0;background:none}.m-step{display:none}.m-step.on{display:grid;gap:13px}.m-step h3{margin:0;font-size:20px}.m-step p{font-size:13px;color:#627477;margin:-5px 0 2px}.m-flow label,.sheet-fields label{font-size:12px;gap:6px}.m-flow input,.m-flow select,.m-flow textarea,.sheet-fields input,.sheet-fields select{min-height:50px;font-size:16px}.m-flow textarea{padding:12px;border:1px solid #ced8d4;border-radius:9px;font:16px Manrope;min-height:100px}.take,.choose{height:60px;border-radius:10px;font:700 15px Manrope}.take{background:#f5a623;border:0}.choose{background:#fff;border:1px solid #10242b}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:7px}.m-flow-actions{display:flex;gap:8px;margin-top:20px}.m-flow-actions button{height:54px;border-radius:9px;font:700 15px Manrope}.back{width:35%;border:1px solid #ced8d4;background:#fff}.continue{width:65%;border:0;background:#10242b;color:#fff}.inbox,.m-menu{display:grid;gap:8px}.inbox button{position:relative;text-align:left;border:1px solid #ced8d4;background:#fff;border-radius:11px;padding:9px;display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center}.inbox img{width:54px;height:54px;border-radius:7px;object-fit:cover}.inbox span{display:grid;gap:3px}.inbox b{font-size:14px}.inbox small{font-size:11px;color:#627477;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.inbox time{align-self:start;font-size:10px;color:#627477}.inbox i{position:absolute;right:8px;bottom:8px;width:17px;height:17px;border-radius:50%;background:#f5a623;font:10px Manrope;text-align:center;line-height:17px;font-style:normal}.m-menu button{height:57px;background:#fff;border:1px solid #ced8d4;border-radius:9px;text-align:left;padding:0 14px;font:700 14px Manrope}.m-menu span{float:right;font-size:23px;color:#627477}.m-sheet{position:fixed;z-index:60;inset:0;background:#f7f8f5;overflow:auto;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 15px)}.m-sheet.open{display:block}.sheet-head{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ced8d4;margin:0 -16px;padding:0 16px}.sheet-head h2{font-size:20px;margin:0}.sheet-head button{border:0;background:none;width:45px;height:45px;font-size:27px}.sheet-head div{display:grid;grid-template-columns:42px 1fr;align-items:center}.sheet-head small{grid-column:2;color:#627477;font-size:10px}.sheet-fields{display:grid;gap:13px;padding:18px 0 84px}.sheet-actions{position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:#fff;border-top:1px solid #ced8d4;display:grid;grid-template-columns:1fr 2fr;gap:8px}.sheet-actions button{height:52px;border-radius:9px;font:700 14px Manrope;border:1px solid #ced8d4;background:#fff}.sheet-actions button:last-child{background:#f5a623;border-color:#f5a623}.chat{padding:20px 0 70px;display:grid;gap:10px}.chat p{max-width:80%;padding:11px 12px;margin:0;border-radius:12px;font-size:14px}.them{background:#e5ebe8}.me{background:#f5a623;justify-self:end}.composer{position:fixed;bottom:0;left:0;right:0;padding:9px 12px calc(env(safe-area-inset-bottom) + 9px);background:#fff;display:flex;gap:7px;border-top:1px solid #ced8d4}.composer input{min-height:48px;font-size:16px}.composer button{background:#10242b;color:#fff;border:0;border-radius:8px;padding:0 15px;font-weight:700}.manage-img{width:100%;height:170px;object-fit:cover;margin-top:18px;border-radius:10px}.manage-body h2{margin:16px 0 3px;font-size:22px}.manage-body>p{font-size:13px;color:#627477}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0}.stats div{background:#e8edeb;padding:9px 4px;border-radius:7px;text-align:center;font-size:10px;color:#627477}.stats b{display:block;color:#10242b;font-size:16px}.manage-body>button{width:100%;height:51px;background:#fff;border:1px solid #ced8d4;border-radius:9px;text-align:left;padding:0 13px;font:700 14px Manrope;margin:4px 0}.manage-body .danger{color:#a63e29}.offer{background:#fff;border:1px solid #ced8d4;border-radius:12px;padding:16px;margin-top:18px}.offer h3{margin:6px 0}.offer p:not(.eyebrow){font-size:13px;color:#627477}.offer div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.offer button{height:45px;border:1px solid #ced8d4;border-radius:8px;background:#fff;font-weight:700}.offer button:last-child{background:#f5a623;border-color:#f5a623}.toast{bottom:calc(env(safe-area-inset-bottom) + 76px)}}