:root{
  --bg:#f3f7f9;--bg-2:#eef4f7;--panel:rgba(255,255,255,.94);--panel-solid:#fff;
  --text:#172534;--muted:#667788;--line:#dbe5ea;--line-strong:#c9d7de;
  --brand:#0f766e;--brand-2:#155eef;--brand-soft:#e8f5f3;--blue-soft:#edf4ff;
  --green:#07875f;--green-soft:#e9f9f2;--red:#b42318;--red-soft:#fff0ee;--amber:#9a5b00;
  --shadow:0 12px 36px rgba(24,48,62,.07);--shadow-soft:0 4px 16px rgba(24,48,62,.05);
  --radius:18px;--radius-sm:12px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100%;background:radial-gradient(circle at 8% 0%,rgba(15,118,110,.10),transparent 26%),radial-gradient(circle at 95% 4%,rgba(21,94,239,.08),transparent 26%),linear-gradient(180deg,#f8fbfc 0%,var(--bg) 34%,var(--bg-2) 100%);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px rgba(15,118,110,.16);border-color:var(--brand)!important}
.container{max-width:1240px;margin:0 auto;padding:30px 20px 64px}
.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:26px;align-items:center;margin-bottom:18px;padding:26px 28px;border:1px solid rgba(201,215,222,.9);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,251,252,.88));box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;right:-74px;top:-88px;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,rgba(15,118,110,.11),rgba(21,94,239,.08));pointer-events:none}
.brand-lockup{display:flex;gap:16px;align-items:center;min-width:0;position:relative;z-index:1}.brand-mark{flex:0 0 auto;width:58px;height:58px;filter:drop-shadow(0 8px 14px rgba(15,118,110,.18))}
.hero h1{margin:4px 0 5px;font-size:clamp(28px,4vw,38px);line-height:1.12;letter-spacing:-.035em}.hero p{margin:0;color:var(--muted);max-width:720px;font-size:15.5px}.hero-actions{position:relative;z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#6b8190;font-size:10.5px;font-weight:850}
.hero-actions,.row-actions,.section-head,.tabs,.range-controls,.legend,.date-range,.export-buttons,.protocol-top,.import-panel{display:flex;align-items:center;gap:10px}.section-head{justify-content:space-between}.section-head.wrap{flex-wrap:wrap}
.button{border:1px solid transparent;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,var(--brand),#0b8c80);color:#fff;font-weight:780;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 7px 16px rgba(15,118,110,.14)}
.button:hover{filter:brightness(.99);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.secondary{background:#eef4ff;color:#274b91;border-color:#dbe7fb;box-shadow:none}.button.soft{background:#f1f5f7;color:#365060;border-color:#e0e8ec;box-shadow:none}.button.success{background:linear-gradient(135deg,#07875f,#059669)}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.icon-button{border:1px solid #e1e9ed;background:#f6f9fa;color:#526572;border-radius:50%;width:38px;height:38px;font-size:22px;line-height:1;cursor:pointer}
.panel{background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);padding:21px;margin:18px 0;box-shadow:var(--shadow-soft)}
h2{margin:1px 0 13px;font-size:21px;letter-spacing:-.015em}h3{margin:0 0 10px;font-size:16px}.muted,.hint,footer{color:var(--muted)}.hint{font-size:12.5px}.hidden{display:none!important}
.profile-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,#ffffff,#f8fbfc);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 18px;box-shadow:var(--shadow-soft)}.profile-main{display:flex;align-items:flex-end;gap:10px}.profile-switcher select{min-width:240px;margin-top:4px;padding:10px 36px 10px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text);font-weight:780}
.protocol-card{position:relative;overflow:hidden;border-left:0;background:linear-gradient(125deg,#fff 0%,#fbfefe 58%,#eef8f7 100%)}.protocol-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--brand),var(--brand-2))}.protocol-top{justify-content:space-between}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:13px 0}.check-grid label,.check{display:flex;gap:9px;align-items:flex-start}.check-grid input,.check input{accent-color:var(--brand);margin-top:3px}
.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid label,.share-grid label,.profile-create label{font-size:12px;color:var(--muted);font-weight:760}.form-grid input:not([type="checkbox"]):not([type="radio"]),.form-grid select,.share-grid input:not([type="checkbox"]):not([type="radio"]),.share-grid select,.range-controls input,.date-range input,.profile-create input{width:100%;margin-top:5px;padding:10.5px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text)}.wide{grid-column:1/-1}
.toast{position:fixed;right:20px;top:20px;z-index:20;background:#172b37;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:0 14px 34px rgba(15,31,40,.22)}
.session-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:#f7fafb;border:1px solid #e6edef;border-radius:12px;margin-bottom:14px}.status-dot{display:inline-block;width:9px;height:9px;background:#22a06b;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(34,160,107,.11)}.timer-pill{background:var(--brand-soft);color:#12665f;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:780}
.reading-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;background:linear-gradient(180deg,#f8fbfc,#f5f9fa);padding:15px;border:1px solid #e4ecef;border-radius:14px}.reading-form label{font-size:12px;color:var(--muted);font-weight:780}.reading-form input{width:100%;display:block;margin:5px 0 2px;padding:11px;border:1px solid var(--line-strong);border-radius:10px;font-size:21px;font-weight:850;background:#fff}.reading-form label span{font-size:10px}.reading-cards{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.reading-card{min-width:168px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;box-shadow:0 4px 12px rgba(24,48,62,.035)}.reading-card .num{font-size:12px;color:var(--muted)}.reading-card .bp{font-size:22px;font-weight:850}.reading-card button{border:0;background:transparent;color:var(--red);cursor:pointer;padding:0;margin-top:6px}.session-average{margin-top:14px;background:var(--green-soft);border:1px solid #bdebd8;border-radius:14px;padding:14px}.session-average .big{font-size:28px;font-weight:880}.session-finish{margin-top:12px}
.range-controls{flex-wrap:wrap}.tabs{background:#e9eff2;padding:4px;border-radius:11px}.tabs button{border:0;background:transparent;padding:7px 10px;border-radius:8px;cursor:pointer;color:#526572}.tabs button.active{background:#fff;color:var(--text);box-shadow:0 2px 8px rgba(24,48,62,.08);font-weight:750}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat{position:relative;overflow:hidden;background:linear-gradient(150deg,#fff,#fbfdfe);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow-soft)}.stat:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));opacity:.72}.stat .label{color:var(--muted);font-size:12px}.stat .value{font-size:26px;font-weight:880;margin:4px 0;letter-spacing:-.025em}.stat .sub{font-size:11px;color:var(--muted)}
.chart-panel{padding-bottom:10px}#trend{width:100%;height:300px;display:block}.legend{font-size:12px;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.sys{background:#155eef}.dot.dia{background:#0f766e}
.table-wrap{overflow:auto;border:1px solid #e8eef1;border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid #e9eef1;vertical-align:top}th{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#758896;background:#f8fafb}tbody tr:hover{background:#fbfdfd}table.compact{min-width:650px}
.history-day{margin:4px 0 20px}.day-title{display:flex;justify-content:space-between;align-items:center;font-weight:850;border-bottom:1px solid var(--line);padding:9px 2px}.session-row{display:grid;grid-template-columns:145px 110px 1fr 165px 80px 100px;gap:12px;align-items:center;padding:13px 3px;border-bottom:1px solid #e9eff2}.session-row .avg-bp{font-size:19px;font-weight:880}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 7px;background:#eef4f5;color:#46606e;border:1px solid #e0e9ec;border-radius:999px;font-size:11px}.raw-readings{font-size:12px;color:#475d6c}.danger-link{border:0;background:transparent;color:var(--red);cursor:pointer;font-weight:650}
.doctor-panel{position:relative;overflow:hidden}.doctor-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand-2),var(--brand))}.doctor-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.subpanel{min-width:0;border:1px solid var(--line);border-radius:14px;padding:16px;background:linear-gradient(180deg,#fcfefe,#f8fbfc)}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:12px 0 10px}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:0 0 14px}.check-option{display:flex;align-items:center;gap:10px;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #dfe9ed;border-radius:11px;background:#fff;color:#526572;font-size:12.5px;font-weight:700;line-height:1.35;cursor:pointer}.check-option:hover{border-color:#bfd2d9;background:#fbfefe}.check-option input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--brand)}.check-option span{min-width:0}.share-result{margin-top:14px;padding:13px;background:var(--green-soft);border:1px solid #bdebd8;border-radius:12px}.share-url-row{display:flex;gap:8px}.share-url-row input{flex:1;padding:8px;border:1px solid var(--line-strong);border-radius:9px}.share-list-wrap{margin-top:14px}.share-item{display:grid;grid-template-columns:1.1fr 1fr .7fr .8fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:11px 0;font-size:13px}.status-active{color:var(--green);font-weight:780}.status-dead{color:var(--red);font-weight:780}.import-panel{justify-content:space-between}
.profile-create{display:grid;grid-template-columns:1fr 1.5fr auto;gap:12px;align-items:end;margin-bottom:14px}.profile-row{display:grid;grid-template-columns:1.3fr 1.5fr .8fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.profile-name{font-weight:850;font-size:16px}.profile-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.mini-button{border:1px solid #d7e1e6;background:#fff;color:#344f5e;border-radius:9px;padding:7px 9px;cursor:pointer}.mini-button.danger{color:var(--red)}.archived-profile{opacity:.65}.profile-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef3f5;color:#667b88;font-size:11px;margin-left:6px}
footer{text-align:center;font-size:12px;margin-top:30px;padding:8px 16px}
@media(max-width:950px){.stats{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.doctor-grid{grid-template-columns:1fr}.session-row{grid-template-columns:120px 90px 1fr 140px 70px}.session-row .action-col{grid-column:1/-1}.reading-form{grid-template-columns:repeat(3,1fr)}.reading-form button{grid-column:1/-1}.share-item{grid-template-columns:1fr 1fr 1fr}.share-item .share-action{grid-column:auto}}
@media(max-width:700px){.container{padding:14px 11px 44px}.hero{display:block;padding:20px 17px;border-radius:20px}.brand-lockup{align-items:flex-start}.brand-mark{width:48px;height:48px}.hero-actions{margin-top:17px;display:flex;flex-wrap:wrap}.hero h1{font-size:27px}.profile-switcher{align-items:stretch;flex-direction:column}.profile-main{align-items:stretch}.profile-main>div{flex:1}.profile-switcher select{min-width:0;width:100%}.check-grid,.form-grid,.stats,.share-grid,.share-options{grid-template-columns:1fr}.wide{grid-column:auto}.reading-form{grid-template-columns:1fr}.session-status,.protocol-top,.import-panel{align-items:flex-start;flex-direction:column}.range-controls,.date-range{width:100%}.range-controls input,.date-range input{min-width:0}.session-row{grid-template-columns:1fr 1fr}.session-row .raw-col,.session-row .avg-col{grid-column:1/-1}.share-item{grid-template-columns:1fr}.export-buttons{flex-wrap:wrap}.profile-create{grid-template-columns:1fr}.profile-row{grid-template-columns:1fr}.profile-actions{justify-content:flex-start}.button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.account-pill{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid #d5e2e7;border-radius:999px;background:#fff;color:#365060;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 3px 10px rgba(24,48,62,.05)}.account-dot{width:8px;height:8px;border-radius:50%;background:#16a36f;box-shadow:0 0 0 4px rgba(22,163,111,.12)}.logout-button{background:#fff1f0;color:#a12a22;border-color:#f0bbb6;box-shadow:none;font-weight:850}.logout-button:hover{background:#ffe5e2;border-color:#e49a93;filter:none}.logout-button:focus-visible{box-shadow:0 0 0 3px rgba(180,35,24,.15);border-color:#b42318!important}
.profile-login{font-size:12px;color:var(--muted);margin-top:4px}.profile-login strong{color:var(--text)}
.login-body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e8f7f4 0,transparent 32%),linear-gradient(145deg,#f7fafb,#eef5f5)}.login-shell{width:min(440px,100%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(24,48,62,.13)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.login-brand h1{margin:2px 0 0;font-size:27px;letter-spacing:-.025em}.login-copy{color:var(--muted);line-height:1.55;margin:0 0 18px}.login-form{display:grid;gap:14px}.login-form label{font-size:12px;color:var(--muted);font-weight:760}.login-form input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;color:var(--text);font-size:16px}.login-submit{width:100%;margin-top:2px}.login-error{margin-bottom:14px;padding:11px 12px;border:1px solid #f2c6c6;border-radius:10px;background:#fff1f1;color:#9b2424;font-size:13px}.login-note{margin:17px 0 0;text-align:center}
@media(max-width:700px){.account-pill{order:4;flex:1;min-width:0;justify-content:center}.logout-button{order:5;width:100%;min-height:50px;font-size:16px;border-width:1.5px}.hero-actions .logout-button{margin-top:2px}.login-card{padding:22px 18px;border-radius:20px}.login-body{padding:14px}}
.account-editor{margin:14px 0;padding:15px;border:1px solid #d9e8e6;border-radius:14px;background:linear-gradient(145deg,#f8fcfb,#f2f8f7)}.account-editor-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.account-editor-form label{font-size:12px;color:var(--muted);font-weight:760}.account-editor-form input{display:block;width:100%;margin-top:5px;padding:10.5px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text);font-size:16px}.account-editor-actions{display:flex;gap:8px}.account-editor h3{margin-bottom:0}
@media(max-width:700px){.account-editor-form{grid-template-columns:1fr}.account-editor-actions{flex-wrap:wrap}}

/* v2.4 additions */
.protocol-time{max-width:760px;margin:6px 0 0;font-size:13px;line-height:1.55}
.rest-timer-box{min-width:220px;text-align:center;padding:15px 18px;border:1px solid #cfe3e0;border-radius:16px;background:linear-gradient(145deg,#f7fffd,#eaf7f4);box-shadow:0 8px 24px rgba(15,118,110,.08)}
.rest-timer-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#56736f;font-weight:800}
.rest-timer-display{font-variant-numeric:tabular-nums;font-size:46px;line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--brand);margin:8px 0 12px}
.protocol-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:16px}
.protocol-list>div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #e3ecef;border-radius:12px;background:rgba(255,255,255,.72)}
.protocol-list>div>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:850;font-size:12px}
.timer-pill{font-size:16px;padding:10px 15px;border-radius:12px;font-variant-numeric:tabular-nums}
.edit-warning{margin:0 0 15px;padding:12px 14px;border:1px solid #f2d18d;border-radius:12px;background:#fff8e8;color:#7a4c00}
.edit-readings{display:grid;gap:9px;margin-top:8px}
.edit-reading-row{display:grid;grid-template-columns:90px 1.3fr .7fr .7fr .7fr auto;gap:9px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;background:#f9fbfc}
.edit-reading-row label{font-size:11px;color:var(--muted);font-weight:760}
.edit-reading-row input{width:100%;margin-top:4px;padding:9px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:var(--text)}
.edit-reading-label{align-self:center;font-weight:850}
.action-col{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.weight-form{display:grid;grid-template-columns:1fr .55fr 1.4fr auto;gap:12px;align-items:end;margin:14px 0}
.weight-form label{font-size:12px;color:var(--muted);font-weight:760}
.weight-form input{display:block;width:100%;margin-top:5px;padding:10.5px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text)}
.weight-actions{display:flex;gap:7px;align-items:center}.weight-list{border-top:1px solid var(--line)}
.weight-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;padding:11px 2px;border-bottom:1px solid #e9eff2}.weight-row-note{color:#526572;font-size:13px}
.weight-summary{min-width:160px;text-align:right}.weight-current{display:grid}.weight-current span,.weight-current small{color:var(--muted);font-size:11px}.weight-current b{font-size:25px;line-height:1.15}
.report-option{margin:10px 0 12px}.share-action{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.scroll-top{position:fixed;right:22px;bottom:22px;z-index:18;border:1px solid #cbd9df;background:rgba(255,255,255,.96);color:#274657;border-radius:999px;padding:10px 14px;box-shadow:0 10px 30px rgba(24,48,62,.15);font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}
.scroll-top:hover{border-color:#9fb8c2}.scroll-top span{margin-left:4px}
@media(max-width:950px){.edit-reading-row{grid-template-columns:100px repeat(3,1fr)}.edit-reading-row label:first-of-type{grid-column:2/-1}.edit-reading-row .danger-link{grid-column:1/-1;justify-self:start}.weight-form{grid-template-columns:1fr 1fr}.weight-note{grid-column:1/-1}.weight-actions{grid-column:1/-1}}
@media(max-width:700px){.protocol-list{grid-template-columns:1fr}.rest-timer-box{width:100%;min-width:0}.rest-timer-display{font-size:52px}.edit-reading-row{grid-template-columns:1fr 1fr}.edit-reading-label{grid-column:1/-1}.edit-reading-row label:first-of-type{grid-column:1/-1}.edit-reading-row .danger-link{grid-column:1/-1}.weight-form{grid-template-columns:1fr}.weight-note,.weight-actions{grid-column:auto}.weight-row{grid-template-columns:1fr}.weight-summary{text-align:left}.scroll-top{right:12px;bottom:12px}.scroll-top span{display:none}.session-status{align-items:stretch}.timer-pill{text-align:center;font-size:17px}}

/* v2.4.1 responsive share form */
@media(max-width:520px){
  .doctor-panel .subpanel{padding:14px}
  .share-grid{grid-template-columns:1fr}
  .share-options{grid-template-columns:1fr;gap:8px}
  .check-option{min-height:48px;font-size:13px}
  #create-share{width:100%;min-height:48px}
}
@media(max-width:700px){
  .share-url-row{flex-direction:column}
  .share-url-row input{width:100%;min-width:0}
  .share-url-row .button{width:100%}
}

/* v2.5 analytics */
.chart-panel{padding-bottom:16px}
.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.chart-head h3,.mini-chart-head h3{margin:2px 0 2px}
.chart-mode-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#f3f7f9}
.chart-mode-tabs button{border:0;background:transparent;color:#607383;font-weight:800;font-size:12px;padding:8px 11px;border-radius:9px;cursor:pointer;min-height:36px}
.chart-mode-tabs button.active{background:#fff;color:var(--text);box-shadow:0 2px 9px rgba(24,48,62,.09)}
.chart-mode-tabs button:hover:not(.active){background:rgba(255,255,255,.66)}
.chart-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.chart-legend-main{margin:9px 0 6px}
.range-mark{display:inline-block;width:14px;height:10px;margin-right:5px;vertical-align:-1px;border-left:2px solid #9db0bd;border-right:2px solid #9db0bd;border-radius:3px;background:rgba(157,176,189,.14)}
.chart-stage{position:relative;width:100%;min-width:0}
.chart-stage svg{display:block;width:100%;height:330px;overflow:visible;touch-action:pan-y}
.chart-stage svg .chart-point{cursor:pointer;transition:r .12s ease,opacity .12s ease,stroke-width .12s ease}
.chart-stage svg .chart-point:hover,.chart-stage svg .chart-point:focus{opacity:1;stroke-width:3px;outline:none}
.chart-tooltip{position:absolute;z-index:6;pointer-events:none;max-width:220px;padding:9px 11px;border:1px solid #d5e1e6;border-radius:11px;background:rgba(23,37,52,.96);color:#fff;font-size:12px;line-height:1.45;box-shadow:0 10px 28px rgba(20,39,53,.2);transform:translate(-50%,-108%);white-space:normal}
.chart-tooltip b{font-size:13px}.chart-tooltip .tip-muted{color:#bed0d8}
.chart-note{margin-top:4px;color:#82919c;font-size:11px}
.mini-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.mini-chart-panel{padding-bottom:14px}
.mini-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:2px}
.mini-chart-summary{color:#506777;font-size:12px;font-weight:780;text-align:right}
.chart-stage.mini-stage svg{height:190px}
.chart-empty{fill:#8496a3;font-size:13px}
@media(max-width:800px){.mini-chart-grid{grid-template-columns:1fr}.chart-stage svg{height:300px}.chart-stage.mini-stage svg{height:180px}}
@media(max-width:560px){.chart-head{gap:10px}.chart-mode-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.chart-mode-tabs button{padding:9px 6px}.chart-stage svg{height:280px}.chart-legend-main{gap:10px}.chart-note{font-size:10.5px}.mini-chart-summary{font-size:11px}}

@media(min-width:801px){#trend{height:330px}}
@media(max-width:800px){#trend{height:300px}}
@media(max-width:560px){#trend{height:280px}}