:root{--bg:#0a0a0f;--bg-2:#101018;--panel:#13131a;--panel-2:#1a1a24;--border:#1e1e2e;--text:#e8e8f0;--muted:#8888a8;--accent:#00d4ff;--accent-2:#ff6b35;--accent-dim:#0a93b3;--ok:#2fd47a;--warn:#ffb020;--err:#ff4d61;--radius:12px;--shadow:0 8px 30px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background:#0a0a0f}body{background:radial-gradient(1100px 600px at 50% -10%, #15131f 0%, var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}h1,h2,h3,.logo,.sidebar-brand,.appbar-title,.tab,.auth-tab,.btn,.metric-val,.nav-item{font-family:Rajdhani,sans-serif}.hidden{display:none!important}.view{min-height:100vh}.auth-view{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:32px 28px}.brand{text-align:center;margin-bottom:26px}.brand-mark{filter:drop-shadow(0 0 22px #19c2f54d);width:132px;height:auto;margin:0 auto 8px;display:block}.sidebar-brand{align-items:center;gap:9px;display:flex}.brand-mark-sm{width:30px;height:auto}.logo{letter-spacing:4px;background:linear-gradient(180deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:58px;font-weight:700}.dot{color:var(--accent);-webkit-text-fill-color:var(--accent)}.tagline{color:var(--muted);margin-top:2px;font-size:14px}.auth-tabs{background:var(--bg-2);border-radius:10px;gap:6px;margin-bottom:20px;padding:5px;display:flex}.auth-tab{color:var(--muted);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;border-radius:7px;flex:1;padding:10px;font-size:15px;font-weight:600;transition:all .15s}.auth-tab.active{background:var(--accent);color:#042530}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label,#form-garmin label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}input[type=email],input[type=password],input[type=text]{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:12px 13px;font-family:inherit;font-size:15px;transition:border-color .15s}input:focus{border-color:var(--accent);outline:none}.btn{cursor:pointer;letter-spacing:.5px;color:var(--text);border:none;border-radius:9px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:#042530}.btn-primary:hover{background:#36e0ff}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:7px 12px;font-size:13px}.form-error{color:var(--err);min-height:16px;font-size:13px}.env-note{color:var(--muted);font-size:12px}.env-note strong{color:var(--warn)}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f1620b3;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:2px;font-size:26px;font-weight:700}.topbar-right{align-items:center;gap:14px;display:flex}.user-name{color:var(--muted);font-size:14px}.dashboard{max-width:1000px;margin:0 auto;padding:20px 16px 60px}.banner{background:linear-gradient(90deg, var(--panel), var(--panel-2));border:1px solid var(--accent-dim);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.banner strong{font-size:16px;display:block}.banner span{color:var(--muted);font-size:14px}.statusbar{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:10px 14px;font-size:14px;display:flex}.statusbar .btn{margin-left:auto}.statusbar .btn+.btn{margin-left:0}.status-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.status-dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-dot.err{background:var(--err);box-shadow:0 0 8px var(--err)}.tabs{-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:18px;padding-bottom:6px;display:flex;overflow-x:auto}.tab{white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{background:var(--accent);color:#042530;border-color:var(--accent)}.tab-content{animation:.2s fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.metric{flex-direction:column;gap:4px;display:flex}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.metric-val{color:var(--accent);font-size:30px;font-weight:700;line-height:1}.metric-unit{color:var(--muted);font-size:14px;font-weight:500}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.panel h3{letter-spacing:.5px;margin-bottom:12px;font-size:18px}.chart-wrap{height:240px;position:relative}.profile-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.avatar{object-fit:cover;border:2px solid var(--accent);background:var(--bg-2);border-radius:50%;width:72px;height:72px}.profile-head h3{margin:0;font-size:22px}.profile-head p{color:var(--muted);font-size:14px}.kv{grid-template-columns:160px 1fr;gap:8px 14px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{color:var(--text);word-break:break-word}.list{flex-direction:column;gap:10px;display:flex}.list-item{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:all .15s;display:flex}.list-item:hover{border-color:var(--accent)}.list-item .li-icon{font-size:22px}.li-main{flex:1}.li-title{font-weight:600}.li-sub{color:var(--muted);font-size:13px}.li-stats{color:var(--muted);gap:16px;font-size:13px;display:flex}.li-stats b{color:var(--text)}.gauge{justify-content:center;align-items:center;padding:10px 0;display:flex}.empty{color:var(--muted);text-align:center;padding:20px;font-size:14px}.err-line{color:var(--err);font-size:13px}.metric-val.positive{color:var(--ok)}.metric-val.negative{color:var(--warn)}.period-selector{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.period-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-family:Rajdhani;font-size:14px;font-weight:600;transition:all .15s}.period-btn:hover{color:var(--text)}.period-btn.active{background:var(--accent);color:#042530;border-color:var(--accent)}.add-weight-form .form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.add-weight-form input[type=number]{width:130px}.add-weight-form input[type=date]{width:170px}.add-weight-form .unit{color:var(--muted);margin-left:-4px}.weight-feedback{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:14px;display:flex}.weight-feedback .local-saved,.weight-feedback .garmin-synced{color:var(--ok)}.weight-feedback .garmin-error{color:var(--warn)}table.weight-history{border-collapse:collapse;width:100%;font-size:14px}table.weight-history th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:600}table.weight-history td{border-bottom:1px solid var(--border);padding:9px 10px}table.weight-history tr:last-child td{border-bottom:none}table.weight-history td.positive{color:var(--ok)}table.weight-history td.negative{color:var(--warn)}.debug-section{margin-bottom:18px}.debug-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.debug-pill{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;display:flex}.pill-ok{color:var(--ok)}.pill-err{color:var(--err)}pre.json{border:1px solid var(--border);color:#b6e3ef;background:#060a0f;border-radius:10px;max-height:420px;padding:14px;font-family:SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto}.log-row{border-bottom:1px solid var(--border);gap:10px;padding:7px 0;font-size:13px;display:flex}.log-row:last-child{border:none}.badge{border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600}.badge.success{color:var(--ok);background:#2fd47a26}.badge.failed{color:var(--err);background:#ff4d6126}.badge.mfa_required{color:var(--warn);background:#ffb02026}.log-time{color:var(--muted)}.warning-note{color:var(--warn);margin-bottom:12px;font-size:13px;line-height:1.5}.test-summary{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}table.test-table td.success,table.test-table tr.success td:nth-child(2){color:var(--ok)}table.test-table tr.failed td:nth-child(2){color:var(--err)}table.test-table tr.skipped td:nth-child(2){color:var(--warn)}details summary{cursor:pointer;color:var(--accent);font-size:13px}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:28px 24px;position:relative}.modal h2{margin-bottom:6px;font-family:Rajdhani;font-size:24px}.modal-sub{color:var(--muted);margin-bottom:18px;font-size:13px}.modal-sub strong{color:var(--accent)}#form-garmin{flex-direction:column;gap:14px;display:flex}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:12px;right:14px}.modal-close:hover{color:var(--text)}.mfa-hint{color:var(--warn);margin-top:14px;font-size:12px}.garmin-progress,.dash-loading{color:var(--muted);align-items:center;gap:12px;padding:16px 0;font-size:14px;display:flex}.dash-loading{justify-content:center;padding:40px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s infinite shimmer}.skel-stack{flex-direction:column;gap:12px;display:flex}.skel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.garmin-result{margin-top:12px;font-size:14px}.result-ok{color:var(--ok)}.result-err{color:var(--err)}.result-box{border:1px solid var(--border);background:var(--bg-2);border-radius:9px;margin-top:8px;padding:12px 14px}.result-box.err{border-color:var(--err)}.result-box.ok{border-color:var(--ok)}.result-detail{color:var(--muted);word-break:break-word;margin-top:6px;font-size:12px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.debug-grid{grid-template-columns:1fr}.kv{grid-template-columns:120px 1fr}.topbar-brand{font-size:22px}}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#101018b3;flex-direction:column;flex-shrink:0;gap:8px;width:210px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.sidebar-brand{letter-spacing:2px;padding:6px 10px 14px;font-size:26px;font-weight:700}.nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:16px;font-weight:600;transition:all .15s;display:flex}.nav-item .ico{text-align:center;width:20px;font-size:17px}.nav-item:hover{color:var(--text);background:var(--panel)}.nav-item.active{color:var(--accent);background:#00d4ff1a}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px;display:flex}.side-user{color:var(--muted);font-size:13px}.main-col{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.appbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9;background:#0a0a0fbf;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.appbar-title{letter-spacing:.5px;font-size:22px;font-weight:700}.mode-badge{background:var(--panel-2);color:var(--accent-2);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12px}.page{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:20px 16px 130px}.chatbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#101018eb;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.chat-icon{border:1px solid var(--border);background:var(--panel);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:11px;flex-shrink:0;font-size:18px;transition:all .15s}.chat-icon:hover{border-color:var(--accent)}.chat-send{background:var(--accent);color:#042530;border-color:var(--accent)}#chat-input{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:11px;flex:1;padding:11px 14px;font-family:inherit;font-size:15px}#chat-input:focus{border-color:var(--accent);outline:none}.chat-feedback{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:0 16px;padding:10px 14px;font-size:14px;animation:.2s fade;position:sticky;bottom:66px}.chat-feedback.photo-preview{align-items:center;gap:10px;display:flex}.chat-thumb{object-fit:cover;border-radius:8px;width:40px;height:40px}.bottomnav{display:none}@media (width<=860px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app-shell{height:100dvh;height:var(--app-h,100dvh);flex-direction:column;overflow:hidden}.sidebar{display:none}.main-col{flex-direction:column;flex:auto;min-height:0;display:flex}.appbar{-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 16px;padding-top:calc(env(safe-area-inset-top) + 10px);background:#0a0a0f;flex-shrink:0;padding-bottom:10px;position:static}.appbar-title{font-size:19px}.page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;min-height:0;padding:12px 12px 16px;overflow:hidden auto}.chatbar{flex-shrink:0;padding:8px 12px;position:static}#chat-input{font-size:16px}.chat-feedback{left:12px;right:12px;bottom:calc(64px + 58px + env(safe-area-inset-bottom) + 8px);z-index:30;margin:0;position:fixed}.bottomnav{border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0d0d14;flex-shrink:0;justify-content:space-around;display:flex;position:static}.bottomnav .nav-item{flex-direction:column;justify-content:center;gap:2px;width:auto;min-height:52px;padding:6px 4px;font-size:10px}.bottomnav .nav-item .ico{font-size:21px}.bottomnav .nav-item span:not(.ico){font-size:10px}.btn,.gtg-btn,.chip-toggle,.tab,.chat-icon{min-height:44px}input,textarea,select{font-size:16px}table.tbl,table.weight-history{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.hero h2{font-size:23px}.field-row{grid-template-columns:1fr;gap:4px}}.hero{margin-bottom:18px}.hero h2{font-size:26px}.hero p{color:var(--muted);font-size:14px}.gtg-row{flex-wrap:wrap;gap:10px;margin-bottom:6px;display:flex}.gtg-btn{border:1px solid var(--border);background:var(--panel);min-width:90px;color:var(--text);cursor:pointer;border-radius:12px;flex:1;padding:16px 10px;font-family:Rajdhani;font-size:16px;font-weight:600;transition:all .15s}.gtg-btn:hover{border-color:var(--accent-2)}.gtg-btn .gtg-count{color:var(--accent-2);font-size:22px;display:block}.progressbar{background:var(--bg-2);border-radius:6px;height:10px;margin-top:8px;overflow:hidden}.progressbar>span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.bar-label{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.program-box{white-space:pre-wrap;color:var(--text);font-size:14px;line-height:1.55}.program-box.muted{color:var(--muted)}.btn-secondary{background:var(--accent-2);color:#1a0a02;border:none}.btn-secondary:hover{background:#ff7d4d}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px}.tbl td{border-bottom:1px solid var(--border);padding:9px 10px}.tbl tr:last-child td{border:none}.tbl .ok{color:var(--ok)}.tbl .warn{color:var(--warn)}.tbl .err{color:var(--err)}.pill{border-radius:20px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pill.green{color:var(--ok);background:#2fd47a26}.pill.orange{color:var(--warn);background:#ffb02026}.pill.red{color:var(--err);background:#ff4d6126}.timeline-item{border-bottom:1px solid var(--border);gap:12px;padding:10px 0;display:flex}.timeline-item:last-child{border:none}.ti-time{color:var(--muted);min-width:46px;font-size:12px}.ti-main{flex:1}.ti-macros{color:var(--muted);font-size:12px}.field-row{grid-template-columns:180px 1fr;align-items:center;gap:10px 14px;margin-bottom:12px;display:grid}.field-row label{color:var(--muted);font-size:14px}.field-row input,.field-row select{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-toggle{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:20px;padding:7px 12px;font-size:13px}.chip-toggle.on{background:var(--accent);color:#042530;border-color:var(--accent)}textarea.manual{background:var(--bg-2);border:1px solid var(--border);width:100%;min-height:120px;color:var(--text);border-radius:9px;padding:11px;font-family:inherit;font-size:14px}@media (width<=560px){.field-row{grid-template-columns:1fr;gap:4px}}.program-card{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.program-card .program-headline{color:var(--text);margin:0;padding:14px 16px 0;font-family:Rajdhani;font-size:19px;font-weight:700}.program-section{border-bottom:1px solid var(--border);padding:14px 16px}.program-section:last-child{border-bottom:none}.program-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin:0 0 12px;font-family:Rajdhani;font-size:13px;font-weight:600;display:flex}.program-section-title .icon{font-size:16px}.exercise-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.exercise-row:last-child{border-bottom:none}.exercise-left{flex:1}.exercise-name{color:var(--text);margin:0 0 3px;font-size:15px;font-weight:500}.exercise-note{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.exercise-sets{color:var(--accent);white-space:nowrap;background:#00d4ff1f;border:1px solid #00d4ff40;border-radius:8px;flex-shrink:0;padding:4px 10px;font-family:Rajdhani;font-size:14px;font-weight:600}.program-badge{border-radius:20px;align-items:center;gap:4px;margin:0 4px 4px 0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.program-badge[data-color=cyan]{color:#00d4ff;background:#00d4ff1f;border:1px solid #00d4ff40}.program-badge[data-color=orange]{color:#ff6b35;background:#ff6b351f;border:1px solid #ff6b3540}.program-badge[data-color=green]{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.program-badge[data-color=red]{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.program-badge[data-color=purple]{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf640}.program-divider{background:var(--border);height:1px;margin:4px 0}.program-tip{border-left:3px solid var(--accent);color:var(--muted);background:#00d4ff0f;border-radius:0 8px 8px 0;margin:8px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.program-score{background:var(--bg-2);align-items:center;gap:12px;padding:12px 16px;display:flex}.program-score-value{color:var(--accent);font-family:Rajdhani;font-size:28px;font-weight:700}.program-score-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.program-score-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;width:0;height:100%;transition:width .8s}.analysis-box{border-top:1px solid var(--border);margin-top:10px;padding:12px 0 0}.analysis-head{justify-content:space-between;align-items:center;display:flex}.analysis-score{font-family:Rajdhani;font-weight:700}.analysis-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.analysis-grid .col-title{text-transform:uppercase;margin-bottom:4px;font-size:11px}.analysis-grid p{color:var(--muted);margin:2px 0;font-size:12px}.analysis-advice{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:8px;margin-top:8px;padding:10px;font-size:13px}@keyframes genbounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.gen-indicator{color:var(--accent);white-space:nowrap;background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.gen-dots{align-items:center;gap:3px;display:inline-flex}.gen-dots i{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite genbounce;display:inline-block}.gen-dots i:nth-child(2){animation-delay:.2s}.gen-dots i:nth-child(3){animation-delay:.4s}.gen-loading-card{background:var(--panel);text-align:center;border:1px solid #00d4ff33;border-radius:16px;padding:24px 16px}
