*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f7;--bg-elevated:rgba(255,255,255,.82);--bg-elevated-2:#ffffff;--bg-elevated-3:#f0f0f2;--separator:rgba(60,60,67,.12);--accent:#2387F7;--accent-dim:rgba(35,135,247,.12);--accent-gradient:linear-gradient(135deg,#2387F7,#1a6fc9);--label:#1d1d1f;--label-2:#3a3a3c;--label-3:#8e8e93;--fill:rgba(120,120,128,.1);--green:#34c759;--red:#ff3b30;--font:"IBM Plex Sans",-apple-system,sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:22px;--r-full:999px;--tab-w:72px;--tab-h:50px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--keyboard-h:0px}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--label);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--separator);border-radius:var(--r-full)}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--separator) transparent}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(1.1)}}@keyframes morphBg{0%{transform:translate(0) scale(1);opacity:.6}to{transform:translate(40px,-20px) scale(1.15);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tab-content{animation:tabSlideIn .35s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.btn:active,.btn-primary:active,.btn-soft:active,.btn-ghost:active{transform:scale(.96)}input,textarea,select{transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;outline:none}::selection{background:var(--accent-dim)}.message.grouped{margin-top:-4px}.message.grouped .bubble{border-top-left-radius:var(--r-sm);border-top-right-radius:var(--r-sm)}.message.grouped+.message.grouped .bubble{border-radius:var(--r-sm)}.message.grouped:last-of-type .bubble{border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}.tabbar{position:fixed;left:0;top:0;bottom:0;width:var(--tab-w);display:flex;flex-direction:column;background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-right:.5px solid var(--separator);z-index:100;padding:var(--sp-3) 0;align-items:center;gap:2px}.tabbar .logo{width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:var(--sp-4);cursor:pointer}.tabbar .tab{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:var(--label-3);transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;min-height:48px;flex-direction:column;gap:1px;padding:4px 0}.tabbar .tab:hover{background:var(--fill);color:var(--label)}.tabbar .tab.active{color:var(--accent)}.tabbar .tab.active:after{content:"";position:absolute;left:6px;right:6px;bottom:3px;height:3px;background:var(--accent);border-radius:2px;animation:badgePop .35s ease}.tabbar .spacer{flex:1}.tabbar .v1{font-size:10px;color:var(--label-3);padding:4px 0;text-decoration:none;min-height:44px;display:flex;align-items:center}.main{position:fixed;left:var(--tab-w);top:0;right:0;bottom:0;display:flex;flex-direction:column;overflow-wrap:break-word;word-break:break-word}.main-content,.glass-card{overflow-wrap:break-word;word-break:break-word}.main-header{margin:8px 8px 0;height:50px;display:flex;align-items:center;padding:0 var(--sp-4);border-bottom:.5px solid var(--separator);flex-shrink:0;background:#ffffff8c;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);gap:8px;border-radius:14px 14px 0 0;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000000a,0 4px 16px #0000000f}.main-header h1{font-size:18px;font-weight:600;flex:1}.main-content{flex:1;overflow-y:auto;padding:var(--sp-4);-webkit-overflow-scrolling:touch}@media(min-width:1024px)and (max-width:1366px){:root{--tab-w:64px}.main{left:var(--tab-w)}.tabbar .tab{width:44px;height:44px;font-size:18px}}@media(min-width:768px)and (max-width:1023px){:root{--tab-w:56px}.main{left:var(--tab-w)}.tabbar .tab{width:40px;height:40px;font-size:17px}.tabbar .logo{width:36px;height:36px;font-size:15px}}@media(max-width:767px){.tabbar{left:0;right:0;top:auto;bottom:0;width:100%;height:calc(var(--tab-h) + var(--safe-b));flex-direction:row;border-right:none;border-top:.5px solid var(--separator);padding:4px var(--sp-2) var(--safe-b);justify-content:space-around;z-index:200}.tabbar .logo,.tabbar .spacer{display:none}.tabbar .tab{width:54px;height:50px;font-size:20px;min-height:48px;gap:2px}.tabbar .tab.active{background:var(--accent-dim)}.tabbar .tab.active:after{display:none}.main{left:0;bottom:calc(var(--tab-h) + var(--safe-b))}.main-header{height:48px;padding:0 var(--sp-3)}.main-content{padding:var(--sp-3)}.main-header h1{font-size:17px}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:200}.login-card{width:340px;max-width:88vw;padding:var(--sp-8);text-align:center}.login-card h1{font-size:32px;font-weight:700;margin-bottom:4px}.login-card p{color:var(--label-3);font-size:13px;margin-bottom:var(--sp-6)}.login-card input{width:100%;padding:14px 16px;border-radius:var(--r-md);background:var(--bg-elevated-3);border:1.5px solid var(--separator);color:var(--label);font-size:15px;outline:none;margin-bottom:var(--sp-3);-webkit-appearance:none}.login-card input:focus{border-color:var(--accent)}.login-card button{width:100%;padding:14px 16px;border-radius:var(--r-md);background:var(--accent-gradient);border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;min-height:48px}.glass-card{background:#ffffff8c;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border:.5px solid rgba(120,120,128,.12);border-radius:var(--r-lg);transition:box-shadow .2s;box-shadow:inset 0 1px #fff6,0 1px 4px #00000008}.thread-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;min-height:52px;border-bottom:.5px solid var(--separator);transition:background .15s,transform .15s}.thread-item:hover{background:var(--fill)}.thread-item.active{background:var(--accent-dim)}.thread-item .av{width:44px;height:44px;border-radius:var(--r-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;background:var(--bg-elevated-3);color:var(--label);min-height:44px;min-width:44px}.thread-item .info{flex:1;min-width:0}.thread-item .info .name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item .info .prev{font-size:12px;color:var(--label-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}@media(max-width:767px){.thread-item{min-height:48px;padding:var(--sp-2) var(--sp-3)}.thread-item .av{width:40px;height:40px;font-size:14px;min-height:40px;min-width:40px}.thread-item .info .name{font-size:14px}}.message-list{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.message{max-width:78%;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.message.outgoing{align-self:flex-end}.message.incoming{align-self:flex-start}.message .bubble{padding:10px 16px;border-radius:var(--r-2xl);font-size:15px;line-height:1.5;transition:transform .15s;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.message.incoming .bubble:hover{transform:scale(1.01)}.message.outgoing .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:var(--r-sm)}.message.incoming .bubble{background:#e9e9eb;color:var(--label);border-bottom-left-radius:var(--r-sm)}.message .time{font-size:10px;color:var(--label-3);margin-top:2px;display:flex;align-items:center;justify-content:flex-end}@media(max-width:767px){.message{max-width:92%;font-size:15px}.message .bubble{padding:9px 14px;font-size:15px}}@media(min-width:768px)and (max-width:1023px){.message{max-width:85%}}.chat-input{display:flex;flex-direction:column;gap:0;border-top:.5px solid var(--separator);background:#ffffff8c;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.chat-input input{flex:1;padding:12px 18px;border-radius:var(--r-full);background:var(--bg-elevated-3);border:1.5px solid transparent;font-size:15px;outline:none;transition:border-color .2s,background .2s;min-height:44px}.chat-input input:focus{border-color:var(--accent);background:#fff}.chat-input button{width:38px;height:38px;border-radius:var(--r-full);background:var(--accent);border:none;cursor:pointer;color:#fff;font-size:16px;flex-shrink:0;min-height:38px;min-width:38px}@media(max-width:767px){.chat-input{padding:var(--sp-2) var(--sp-2);gap:6px}.chat-input input{padding:10px 14px;font-size:16px;min-height:44px}.chat-input button{width:44px;height:44px;font-size:18px}}.btn{padding:8px 16px;border-radius:var(--r-md);border:none;font-size:13px;font-weight:600;cursor:pointer;min-height:36px;font-family:inherit;transition:all .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--label-3)}.btn-ghost:hover{background:var(--fill)}.btn-soft{background:var(--bg-elevated-3);color:var(--label)}.btn:disabled{opacity:.4;cursor:default}@media(max-width:767px){.btn{min-height:44px;padding:10px 18px;font-size:14px}}.segmented{display:flex;background:var(--fill);border-radius:var(--r-md);padding:2px;gap:2px}.segmented button{flex:1;padding:7px 12px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--label-3);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;min-height:36px}.segmented button.active{background:#fff;color:var(--label);box-shadow:0 1px 3px #0000000f}@media(max-width:767px){.segmented{overflow-x:auto}.segmented button{min-height:40px;font-size:12px;padding:6px 10px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s;padding:var(--sp-4)}@media(max-width:767px){.modal-overlay{padding:var(--sp-2);align-items:center;padding-bottom:calc(var(--sp-2) + var(--safe-b))}}.modal-card{background:#fff;border-radius:var(--r-xl);box-shadow:0 24px 80px #00000026;overflow-y:auto;max-height:85vh;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:20px 24px}.modal-card h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;padding-right:0}.modal-card .dfield label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.modal-card input,.modal-card textarea,.modal-card select{max-width:100%}.modal-card textarea{word-break:break-word;white-space:pre-wrap}@media(max-width:767px){.modal-card{width:92%!important;max-width:92vw!important;min-width:unset!important;border-radius:var(--r-lg);margin:0 auto;padding:16px 18px}}.sheet{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:#fff;border-left:.5px solid var(--separator);z-index:250;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000014;animation:slideUp .2s}.sheet .head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:.5px solid var(--separator);flex-shrink:0}.sheet .head h3{font-size:15px;font-weight:600}.sheet .body{flex:1;overflow-y:auto;padding:var(--sp-4)}@media(max-width:767px){.sheet{width:100vw;border-left:none;border-radius:0}}@media(min-width:768px)and (max-width:1023px){.sheet{width:360px}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--sp-3)}.stat-card{padding:var(--sp-4);border-radius:var(--r-lg);background:#ffffff8c;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border:.5px solid rgba(120,120,128,.12);transition:transform .2s,box-shadow .2s;overflow-wrap:break-word;word-break:break-word;box-shadow:inset 0 1px #fff6,0 1px 4px #00000008}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.stat-card .lbl{font-size:10px;color:var(--label-3);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-card .val{font-size:24px;font-weight:700;margin-top:4px}@media(max-width:480px){.stat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--sp-2)}.stat-card{padding:var(--sp-3)}.stat-card .val{font-size:18px}}@media(min-width:768px)and (max-width:1023px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.pipeline-col .cards{flex:1;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:var(--fill);border-radius:var(--r-sm)}.pipeline-card{padding:var(--sp-3);border-radius:var(--r-md);cursor:grab;background:#fff;border:.5px solid var(--separator);transition:transform .2s,box-shadow .2s}.pipeline-card:active{cursor:grabbing;transform:scale(1.03);box-shadow:0 8px 32px #00000026}@media(max-width:767px){.pipeline-card{padding:10px}}.dfield{margin-bottom:var(--sp-3)}.dfield label{display:block;font-size:10px;font-weight:600;color:var(--label-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-1)}.dfield input,.dfield textarea,.dfield select{width:100%;padding:10px 12px;border-radius:var(--r-md);background:var(--bg-elevated-3);border:1px solid var(--separator);font-size:14px;outline:none;min-height:44px}.dfield input:focus,.dfield textarea:focus{border-color:var(--accent)}@media(max-width:767px){.dfield input,.dfield textarea,.dfield select{min-height:44px;font-size:16px}input,textarea,select,[contenteditable],.chat-input input{font-size:16px!important}}.section-header{display:flex;align-items:center;gap:4px;padding:6px 16px 2px;cursor:pointer;font-size:11px;font-weight:600;color:var(--label-2);text-transform:uppercase;letter-spacing:.5px;min-height:44px;overflow-wrap:break-word;word-break:break-word}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;cursor:pointer;border:.5px solid var(--separator);background:var(--bg-elevated-2);transition:all .2s;min-height:36px}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.unread-badge{animation:badgePop .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:0 5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.coach-panel{position:fixed;bottom:80px;right:16px;width:320px;max-height:400px;background:#ffffffb3;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:.5px solid rgba(120,120,128,.15);border-radius:var(--r-xl);box-shadow:inset 0 1px #fff9,0 16px 48px #0000001f;z-index:250;display:flex;flex-direction:column;overflow:hidden}@media(max-width:767px){.coach-panel{left:8px;right:8px;width:auto;bottom:70px}}.coach-panel .head{padding:12px 16px;border-bottom:.5px solid var(--separator);font-weight:600;font-size:13px;display:flex;justify-content:space-between;align-items:center}.coach-panel .body{flex:1;overflow-y:auto;padding:12px 16px;font-size:13px;line-height:1.6}.coach-panel .quick{display:flex;gap:6px;padding:8px 16px;border-top:.5px solid var(--separator);flex-wrap:wrap}.coach-panel .quick button{padding:8px 14px;border-radius:999px;background:var(--fill);border:none;font-size:12px;cursor:pointer;color:var(--label);min-height:36px}[data-theme=dark],.dark{--bg:#08080a;--bg-elevated:rgba(18,18,20,.9);--bg-elevated-2:rgba(22,22,25,.97);--bg-elevated-3:rgba(36,36,38,.85);--separator:rgba(84,84,88,.4);--label:#f5f5f7;--label-2:#e5e5ea;--label-3:#c7c7cc;--fill:rgba(120,120,128,.18)}.dark .glass-card,.dark .modal-card,.dark .sheet,.dark .coach-panel{background:#121214bf!important;backdrop-filter:saturate(180%) blur(24px)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important;border-color:#ffffff14!important;box-shadow:inset 0 1px #ffffff0f,0 16px 48px #0006!important}.dark .login-card{background:#ffffff14!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:.5px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}.dark .login-card h1,.dark .login-card p{color:var(--label)!important}.dark .login-card input{background:#ffffff0f!important;border-color:#ffffff1f!important;color:var(--label)!important}.dark .login-card input::placeholder{color:#fff6!important}.dark .login-card input:focus{border-color:#007aff!important;box-shadow:0 0 0 3px #007aff33!important}.dark .tabbar{background:#08080ae0}.dark .main-header{background:#ffffff14!important;backdrop-filter:saturate(180%) blur(24px)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important;border-radius:14px 14px 0 0!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000001a,0 4px 16px #0003!important}.dark input,.dark textarea,.dark select{background:var(--bg-elevated-3);color:var(--label);border-color:var(--separator)}.dark .chat-input{background:#ffffff0f;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top-color:var(--separator)}.dark .main-header[style*="rgba(255,255,255"]{background:#ffffff14!important;backdrop-filter:saturate(180%) blur(24px)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important;border-radius:14px 14px 0 0!important}.dark .message-list::-webkit-scrollbar-thumb{background:#ffffff26}.dark .chat-input input{background:var(--bg-elevated-3);color:var(--label);border-color:transparent}.dark .chat-input input:focus{background:var(--bg-elevated-2);border-color:var(--accent)}.dark .chat-input input::placeholder{color:var(--label-3)}.dark .toast-error,.dark .modal-card [style*="rgba(255,59,48,0.08)"]{background:#ff3b3026!important;color:var(--red)!important}.dark .toast-item{background:#121214eb!important;backdrop-filter:saturate(180%) blur(24px)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0006!important}.dark .install-banner{background:#121214b3!important;backdrop-filter:saturate(180%) blur(28px)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important;border-color:#ffffff14!important;box-shadow:inset 0 1px #ffffff0f,0 12px 40px #00000080!important}.close-btn{width:28px;height:28px;border-radius:50%;background:#ff3b30d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,59,48,.3);color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;min-height:auto;padding:0;line-height:1;box-shadow:inset 0 1px #ffffff4d,0 2px 8px #ff3b3026}.close-btn:hover{background:#ff3b30f2;transform:scale(1.08);box-shadow:inset 0 1px #fff6,0 4px 14px #ff3b3040}.close-btn:active{transform:scale(.95)}.dark .modal-card [style*="rgba(52,199,89,0.08)"]{background:#34c7591f!important;color:var(--green)!important}.dark .modal-card [style*="rgba(255,204,0"]{background:#ffcc001a!important}.dark .message.incoming .bubble{background:var(--bg-elevated-3)}.dark .stat-card,.dark .pipeline-card{background:#161619b3!important;backdrop-filter:saturate(180%) blur(12px)!important;-webkit-backdrop-filter:saturate(180%) blur(12px)!important;border-color:#ffffff0f!important;box-shadow:inset 0 1px #ffffff0a,0 1px 4px #0003!important}.dark .segmented button.active{background:var(--bg-elevated-2)}.progress-bar{height:3px;background:var(--fill);overflow:hidden;border-radius:2px}.progress-bar .fill{height:100%;background:var(--accent-gradient);border-radius:2px;animation:progressSlide 1.5s ease-in-out infinite;width:30%}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}@media(hover:hover){.thread-item:hover{transform:translate(4px)}.pipeline-card:hover{box-shadow:0 4px 12px #00000014}}@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait){.main-header h1{font-size:16px}.thread-item{min-height:48px}}@media only screen and (min-width:1024px)and (max-width:1366px)and (orientation:landscape){:root{--tab-w:60px}}@supports (padding-top:env(safe-area-inset-top)){.main{padding-top:env(safe-area-inset-top)}}