:root{--green:#079452;--dark:#111412;--muted:#6f7471;--line:#e6e9e7;--appw:430px}#wrap.drj_app{position:relative;width:min(100%,var(--appw));min-height:100dvh;margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 0 45px rgba(22,27,24,.12)}#header{position:relative;z-index:50;background:#fff;padding-top:max(6px,env(safe-area-inset-top))}.mobile_status{height:30px;padding:0 19px;font-size:12px}.status_icons{font-size:11px;letter-spacing:1px;font-weight:800}#header>.inner{height:64px;padding:0 16px;gap:8px}.brand{min-width:145px;gap:10px}.logo{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#049255,#0ea765);color:#fff;justify-content:center;font-weight:800;font-size:20px;box-shadow:0 4px 10px rgba(7,148,82,.15)}.brand_copy h1{font-size:19px;line-height:1.1;font-weight:800}.brand_copy p{font-size:11px;color:#747976;margin-top:4px;white-space:nowrap}.mode_switch{margin-left:auto;background:#f3f5f4;border-radius:10px;overflow:hidden;min-width:132px}.mode_switch button{padding:8px 10px;font-size:11px;color:#858985;white-space:nowrap}.mode_switch button.active{background:#e5f4eb;color:#0b8e50;font-weight:700}.h_util{gap:4px}.icon_btn{position:relative;width:34px;height:34px;display:grid;place-items:center}.icon_btn svg{width:23px;height:23px;fill:none;stroke:#151716;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon_btn b{position:absolute;right:0;top:-2px;display:grid;place-items:center;min-width:16px;height:16px;border-radius:9px;background:#f24a47;color:#fff;font-size:9px;border:2px solid #fff}#container{position:relative;background:#fff}#footer{position:absolute;left:0;right:0;bottom:0;z-index:80;background:#fff}.bottom_nav{height:75px;border-top:1px solid #e4e7e5;justify-content:space-around;padding:5px 12px 8px;background:#fff}.nav_item{width:25%;height:60px;justify-content:center;gap:5px;color:#636865;font-size:11px}.nav_item.active{color:var(--green)}.nav_icon{position:relative;font-size:25px;line-height:1;font-weight:600}.nav_icon b{position:absolute;right:-10px;top:-7px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:10px;background:#f24a47;color:#fff;font-size:9px;border:2px solid #fff}.nav_item strong{font-weight:500}.nav_item.active strong{font-weight:700}.home_indicator{height:max(7px,env(safe-area-inset-bottom));background:#fff}.home_indicator:after{content:"";display:block;width:120px;height:4px;border-radius:2px;background:#050505;margin:0 auto}.side_wrap{position:fixed;z-index:150;top:0;bottom:0;left:50%;width:min(82vw,350px);transform:translateX(calc(-50% - var(--appw)/2 - 100%));background:#fff;transition:.25s;padding:24px}.side_wrap.on{transform:translateX(calc(-50% - var(--appw)/2))}.side_wrap+.black_bg{display:none;position:fixed;z-index:140;inset:0}.side_wrap.on+.black_bg{display:block}.side_wrap .top{padding-bottom:20px;border-bottom:1px solid #eee}.side_wrap .close{font-size:28px}.side_wrap .my_info{padding:22px 0}.side_wrap .my_info p{font-size:12px;color:var(--green)}.side_wrap .my_info .name{font-size:15px}.depth01 a{padding:17px 4px;border-top:1px solid #eee;font-size:15px}.modal{display:none;position:fixed;z-index:180;inset:0}.modal.show{display:block}.modal>.black_bg{position:absolute;inset:0}.modal_cont{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,var(--appw));background:#fff;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 35px rgba(0,0,0,.15)}.modal .bar{padding-bottom:14px;border-bottom:1px solid #eee}.modal .bar h3{font-size:20px;margin-top:3px}.modal .bar .close{font-size:28px;color:#666}.mini_kicker{font-size:11px;color:var(--green);font-weight:700}@media(max-width:430px){#wrap.drj_app{box-shadow:none}.side_wrap{left:0;transform:translateX(-100%)}.side_wrap.on{transform:none}.modal_cont{left:0;transform:none;width:100%}}