@charset "UTF-8";
@font-face{font-family:Huninn;src:url('/fonts/huninn-landing.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f7f5ee;--surface:#fffef9;--ink:#3b4537;--muted:#85887a;--sage:#647b50;--sage-dark:#4a6039;--sage-light:#edf1e4;--line:#e7e7db;--orange:#df935f;--orange-soft:#fbefdf;--coffee:#654b38;--clay:#be8065;--radius:18px;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:14px}
*{box-sizing:border-box}body{margin:0;line-height:1.7}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d19b61}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{line-height:1.5}h1{font-family:Huninn,system-ui,sans-serif;font-weight:400;letter-spacing:.025em;color:#4f4b37}h2,h3{font-weight:600}button{border:0}img{display:block;max-width:100%}small{font-size:12px}.icon{height:20px;width:20px;flex:0 0 auto;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.full{width:100%}.eyebrow{font-size:12px;letter-spacing:.08em;color:#8a8e77;display:flex;align-items:center;gap:7px;margin-bottom:9px}.eyebrow .icon{width:17px;height:17px;color:#bc9969}
.preview-banner{position:sticky;top:0;z-index:20;min-height:30px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;background:#eceede;color:#7b8067;letter-spacing:.03em;padding:5px 12px;text-align:center}.preview-dot{width:5px;height:5px;border-radius:50%;background:#8c9e69}.banner-divider{color:#b1b59e;margin-inline:3px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand img{width:39px;height:39px}.brand>span{font-family:Huninn,system-ui,sans-serif;color:#63482e;font-size:16px;line-height:1.5;white-space:nowrap}.brand small{display:block;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.18em;color:#9a9986;margin-top:2px}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s}.button:hover{box-shadow:0 3px 8px #3a452b10}.button .icon{width:17px;height:17px}.button-primary{background:var(--sage);color:white}.button-primary:hover{background:var(--sage-dark)}.button-outline{background:transparent;border-color:#cfd5c2;color:var(--sage-dark)}.button-outline:hover{background:var(--sage-light)}.text-button,.quiet-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;font-size:12px;color:var(--sage);text-decoration:none;padding:6px 0}.text-button .icon,.quiet-link .icon{width:15px;height:15px}.text-button:hover,.quiet-link:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;color:#8b8e7d;background:none;border-radius:8px}.icon-button:hover{background:#eceee2}.icon-button .icon{width:18px;height:18px}.line-mark{display:inline-flex;justify-content:center;align-items:center;font-weight:800;font-family:Arial,sans-serif;font-size:8px;letter-spacing:-.3px;color:white;background:#06c755;border-radius:5px;min-width:25px;height:22px;position:relative;flex:0 0 auto}.line-mark:after{content:'';position:absolute;bottom:-3px;left:8px;border-top:4px solid #06c755;border-right:5px solid transparent}
/* A welcoming sign-in screen, with the same illustrations as the landing page. */
.login-header{width:min(1160px,calc(100% - 80px));margin:auto;height:100px;display:flex;justify-content:space-between;align-items:center}.login-header .brand>span{font-size:20px}.login-layout{max-width:1120px;min-height:calc(100dvh - 215px);margin:10px auto 35px;padding-inline:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:center}.login-story{padding-top:12px}.login-story>.eyebrow{color:#a18b66}.login-story h1{font-size:43px;line-height:1.5;letter-spacing:.04em;margin:14px 0 20px;color:#634d38}.login-story>p{font-size:15px;color:#939078;line-height:1.9}.login-illustration{position:relative;width:90%;max-width:470px;margin:16px -4px -3px}.login-illustration>img{width:100%;height:auto;mix-blend-mode:multiply;aspect-ratio:4/3;object-fit:contain}.floating-note{position:absolute;right:-15px;top:18px;background:#fffdf5;border:1px solid #e7dac0;padding:8px 13px;border-radius:15px 12px 13px 6px;font-family:Huninn,sans-serif;color:#83795c;font-size:12px;transform:rotate(3deg)}.floating-note .icon{width:14px;height:14px;color:#89996a;margin-right:3px}.login-features{display:flex;gap:20px;margin-top:12px;color:#92947c;font-size:11px}.login-features>span{display:flex;align-items:center;gap:6px}.login-features .icon{width:15px;height:15px;color:#9ba57e}.login-card{padding:43px 38px 30px;background:#fffefa;border:1px solid #e5e5d8;border-radius:24px;box-shadow:0 14px 50px #756d3810;max-width:430px;width:100%}.login-card-icon{display:grid;place-items:center;background:#eff1e3;color:#889968;width:52px;height:52px;border-radius:18px 15px 19px 16px;margin-bottom:27px}.login-card-icon .icon{width:26px;height:26px}.login-card h2{font-family:Huninn,sans-serif;font-weight:400;font-size:27px;color:#5b5944;white-space:nowrap}.login-description{color:#8b8d7d;font-size:13px;margin-top:15px;line-height:1.9}.line-button{margin-top:31px;width:100%;background:#06b94e;color:white;min-height:52px;border-radius:11px;font-size:15px}.line-button>.line-mark{background:white;color:#06b94e;font-size:8px;margin-right:4px}.line-button>.line-mark:after{border-top-color:white}.line-button>.icon{margin-left:auto}.line-button:hover{background:#05a947}.demo-login-note{color:#a0a18f;font-size:11px;text-align:center;line-height:1.8;margin-top:13px}.login-trust{display:flex;gap:13px;border-top:1px solid var(--line);margin-top:29px;padding-top:24px}.login-trust>.icon{color:#a4ae8a;margin-top:3px}.login-trust strong{font-size:12px;font-weight:500;color:#818970}.login-trust p{font-size:11px;color:#a1a38f;margin-top:6px}.login-legal{display:flex;justify-content:center;gap:12px;font-size:11px;color:#a0a18e;margin-top:26px}.login-legal a{text-decoration:none}.login-legal a:hover{text-decoration:underline}.login-footer{max-width:1120px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;border-top:1px solid #e8e5d9;color:#a09e8e;font-size:11px}
/* Member workspace */
.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);max-width:1600px;margin:auto}.sidebar{position:sticky;top:30px;height:calc(100dvh - 30px);background:#fbfbf4;border-right:1px solid #e6e7db;padding:28px 19px 0;display:flex;flex-direction:column}.sidebar .brand{gap:8px;padding-inline:0}.sidebar .brand img{width:34px;height:34px}.sidebar .brand>span{font-size:15px}.sidebar-label{margin:46px 12px 12px;font-size:10px;letter-spacing:.15em;color:#b0b09e}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 14px;border-radius:9px;background:none;color:#959984;font-size:13px;text-align:left}.nav-item .icon{width:18px;height:18px}.nav-item.active{color:#627849;background:#e9edde;font-weight:600}.nav-item:hover{background:#f0f1e7}.nav-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#829b62}.sidebar-help{margin:auto 7px 25px;padding:18px 14px 14px;border:1px solid #e7e6d7;border-radius:13px;background:#f6f5e9}.help-icon{display:grid;place-items:center;width:30px;height:30px;background:#e9ebd7;color:#929e72;border-radius:50%;margin-bottom:12px}.help-icon .icon{width:17px;height:17px}.sidebar-help h3{font-family:Huninn,sans-serif;font-size:14px;font-weight:400;color:#7e8168}.sidebar-help p{font-size:10px;color:#a1a48d;margin-top:7px;line-height:1.8}.sidebar-help .text-button{font-size:11px;margin-top:7px}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #e4e6d7;padding:22px 0 23px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eddec3;color:#9b825b;font-size:13px;flex-shrink:0}.sidebar-bottom>span>strong{display:block;font-size:12px;font-weight:500}.sidebar-bottom small{display:block;font-size:9px;color:#a7aa98;margin-top:2px}.sidebar-bottom>.icon-button{margin-left:auto;width:28px}.workspace{min-width:0}.workspace-header{height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e9dd}.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:#b0b29e}.breadcrumbs .icon{width:12px;height:12px;transform:rotate(-90deg);color:#bdc0ac}.breadcrumbs strong{color:#7f8671;font-weight:400}.workspace main{padding:31px 38px 26px;max-width:1280px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading h1{font-size:29px;color:#4f5542}.page-heading>div>p:not(.eyebrow){font-size:12px;color:#9b9e88;margin-top:5px}.group-select{position:relative;display:grid;grid-template-columns:25px 1fr 15px;grid-template-rows:19px 25px;column-gap:10px;min-width:214px;padding:10px 13px;background:#fffef8;border:1px solid #e5e6d9;border-radius:11px}.group-symbol{grid-row:span 2;display:grid;place-items:center;color:#9b9f7f}.group-select label{font-size:9px;color:#a5aa8e;grid-column:2}.group-select select{grid-column:2;grid-row:2;background:none;border:0;appearance:none;min-width:0;color:#71785d;font-size:12px;cursor:pointer;padding:0 15px 0 0}.group-select>.icon{width:14px;height:14px;grid-column:3;grid-row:span 2;align-self:center;pointer-events:none;color:#9fa487}.group-select select:focus-visible{outline:2px solid #d19b61}.current-plan{background:linear-gradient(115deg,#fff7e9,#fcf9ee 55%,#f0f2e1);border:1px solid #e4dfc8;border-radius:17px;padding:23px 24px 0;display:grid;grid-template-columns:1fr auto;gap:22px 20px}.plan-identity{display:flex;align-items:center;gap:13px;min-width:0}.group-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#ead5b2;color:#a17c44;font-family:Huninn,sans-serif;font-size:23px;flex:0 0 auto}.group-avatar.work{background:#dce5cc;color:#7e9167}.group-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-title h2{font-size:17px;font-weight:500;color:#665a3f}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#859264}.status-dot:before{content:'';width:5px;height:5px;background:#8b9f64;border-radius:50%}.plan-identity p{color:#9d9479;font-size:11px;margin-top:5px}.inline-divider{margin:0 8px;color:#c5bda5}.member-count{display:block;font-size:9px;color:#aaa58b;margin-top:3px}.plan-meta{display:flex;gap:23px;align-items:center}.plan-meta>div:first-child>span,.plan-meta small{display:block;font-size:9px;color:#a1a58d}.plan-meta strong{display:block;font-size:11px;font-weight:500;letter-spacing:.01em;color:#7c8269;margin-block:4px}.days-left{text-align:center;border-left:1px solid #dedfc9;padding-left:22px;min-width:74px}.days-left>strong{font-size:29px;line-height:1.2;color:#7b8b5a;font-weight:400}.days-left>span{font-size:9px;color:#9fa58a}.plan-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px dashed #dedcc3;padding:13px 0}.plan-bottom>p{display:flex;gap:7px;align-items:center;font-size:10px;color:#aaa284}.plan-bottom .icon{width:14px;height:14px}.plan-bottom .button{font-size:11px;padding:8px 15px;min-height:35px;border-radius:8px}.queued-note{grid-column:1/-1;margin-top:-20px;border-top:1px dashed #d8ddc7;padding:10px 0;color:#778b59;font-size:10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.queued-note>.icon{width:15px;height:15px}.queued-note .text-button{margin-left:auto;font-size:10px}
.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 14px}.section-top h2{font-size:15px;font-weight:500}.section-top>span{font-size:10px;color:#a7aa98}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.usage-card{background:var(--surface);border:1px solid #e5e6da;border-radius:15px;padding:18px 18px 17px;--metric-color:#d4995e;--metric-light:#faefdd}.usage-card.voice{--metric-color:#b88b74;--metric-light:#f6ece5}.usage-card.face{--metric-color:#81936a;--metric-light:#eef1e4}.usage-card-head{display:flex;align-items:center;gap:9px}.metric-icon{width:31px;height:31px;border-radius:10px;background:var(--metric-light);color:var(--metric-color);display:grid;place-items:center}.metric-icon .icon{width:17px;height:17px}.usage-card h3{font-size:12px;font-weight:400;color:#8b8e77}.remaining-label{margin-left:auto;color:#b3b49f;font-size:9px}.usage-number{font-size:35px;font-weight:400;letter-spacing:-.03em;line-height:1.3;margin-top:18px;color:#6b654c;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.usage-number>span{font-size:11px;font-weight:400;letter-spacing:0;color:#a7a48e}.usage-progress{height:5px;border-radius:5px;background:#f1f0e6;overflow:hidden;margin-top:20px}.usage-progress>span{display:block;height:100%;border-radius:5px;background:var(--metric-color)}.usage-detail{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#a8aa95;margin-top:10px;flex-wrap:wrap}.usage-detail strong{font-weight:400;color:#8a9079;margin-left:3px}.overview-secondary{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:19px;margin-top:22px}.panel{background:var(--surface);border:1px solid #e5e6da;border-radius:16px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 22px 0}.panel-head h2{font-size:14px;font-weight:500}.panel-head p{font-size:10px;color:#a7aa95;margin-top:6px}.panel-head p>span{margin:0 6px;color:#b5b9a1}.segmented{display:flex;gap:2px;background:#f1f2e8;padding:3px;border-radius:7px;flex:0 0 auto}.segmented button{background:none;border-radius:5px;padding:5px 8px;color:#a0a58b;font-size:9px;min-height:29px}.segmented button[aria-pressed=true]{background:#fffefa;color:#7b8b60;box-shadow:0 1px 5px #6a73501a}.bar-chart{height:184px;margin:25px 26px 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#f0f0e5 48px,#f0f0e5 49px);background-position:0 -28px;--bar-color:#debf8e}.bar-chart.voice{--bar-color:#c9ab97}.bar-chart.face{--bar-color:#afbf97}.chart-column{height:100%;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.bar-value{font-size:9px;color:#b2b49b;white-space:nowrap}.bar-track{position:relative;flex:1;width:100%;max-width:28px;display:flex;align-items:flex-end}.bar-track>span{display:block;width:100%;background:var(--bar-color);border-radius:5px 5px 2px 2px;min-height:4px;transition:height .2s}.bar-date{font-size:9px;color:#aaad96;background:var(--surface);width:100%;text-align:center;padding-top:8px}.chart-caption{display:flex;align-items:center;gap:5px;padding:16px 22px 18px;color:#b3b6a0;font-size:9px}.chart-caption .icon{width:12px;height:12px}.usage-guide{background:#f0f2e6;padding:24px 24px 20px;border-color:#e0e5d1;position:relative;overflow:hidden}.guide-art{position:absolute;right:20px;top:17px;color:#c4ceb0;transform:rotate(15deg)}.guide-art>.icon{width:47px;height:47px;stroke-width:1}.usage-guide h2{font-family:Huninn,sans-serif;font-weight:400;font-size:21px;line-height:1.55;color:#7b8860;position:relative}.usage-guide dl{display:grid;gap:13px;margin-top:18px}.usage-guide dt{font-size:10px;color:#8a9772;font-weight:500}.usage-guide dd{font-size:9px;color:#a3ac8e;margin-top:3px;line-height:1.75}.recent-orders{margin-top:22px;overflow:hidden}.recent-orders .panel-head{padding-bottom:10px}.recent-orders .text-button{font-size:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}th{font-weight:400;color:#a2a68e;background:#f8f8f0;padding:12px 20px;font-size:9px}td{border-top:1px solid #efefe4;padding:17px 20px;color:#828972}td>strong{font-size:10px;font-weight:400;display:block;color:#737c64}td>small{font-size:8px;color:#b0b59d;display:block;margin-top:4px}.amount{font-variant-numeric:tabular-nums;color:#77775e}.payment-status{display:inline-flex;align-items:center;gap:3px;font-size:9px;background:#edf2e4;color:#889d6c;border-radius:5px;padding:3px 6px}.payment-status .icon{width:11px;height:11px}.row-action{display:inline-flex;gap:7px;align-items:center;background:none;padding:6px 0;color:#889b6a;font-size:10px}.row-action .icon{width:13px;height:13px}.row-action:hover{text-decoration:underline}.app-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:6px 38px 0;padding:20px 0;border-top:1px solid #e8e9dc;font-size:9px;color:#afb29c}.notice{display:flex;align-items:flex-start;gap:9px;border-radius:10px;padding:13px 15px;color:#8c9872;background:#f0f3e7;font-size:11px;line-height:1.8}.notice>.icon{width:16px;height:16px;margin-top:2px}.notice strong{font-weight:500}.notice p{font-size:11px}.notice.warning{background:#faf0db;color:#a69059;margin-top:16px;border:1px solid #ecdfbb}.warning p{color:#b1a078;font-size:10px;margin-top:3px}.filter-label{font-size:10px;color:#929981;display:grid;gap:4px}.filter-label select{background:#fffef8;border:1px solid #dfe4d3;border-radius:8px;color:#7f896b;min-height:40px;padding:6px 15px;min-width:175px;font-size:12px}.purchase-summary{display:flex;align-items:center;gap:34px;font-size:12px;color:#8b937b;padding:15px 0 25px;flex-wrap:wrap}.purchase-summary>span{display:flex;align-items:center;gap:9px}.purchase-summary strong{color:#61734b;font-size:17px;font-weight:500;margin-left:3px}.purchase-summary>.muted{font-size:10px;margin-left:auto}.order-panel{overflow:hidden}.data-note{display:flex;align-items:flex-start;gap:8px;color:#a6ad95;font-size:10px;margin-top:20px;max-width:760px}.data-note .icon{width:15px;height:15px;flex-shrink:0;margin-top:2px}.profile-panel{max-width:720px;padding:28px}.profile-intro{display:flex;gap:17px;align-items:center}.avatar.large{width:60px;height:60px;font-size:22px;background:#e9dec4}.profile-intro h2{font-family:Huninn,sans-serif;font-size:23px;font-weight:400}.profile-intro p{display:flex;align-items:center;gap:7px;font-size:11px;color:#8e987b;margin-top:4px}.account-details{margin:26px 0 20px;border-top:1px solid var(--line)}.account-details>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.account-details dt{color:#a0a58f}.account-details dd{color:#818b71}.profile-panel>.button{margin-top:23px}.skip-link{position:fixed;left:10px;top:-100px;z-index:40;background:var(--sage);color:white;padding:10px 15px}.skip-link:focus{top:35px}
/* Purchase and document flows. */
dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 70px);padding:32px;border-radius:20px;border:1px solid #e1e4d4;background:#fffef9;color:var(--ink);box-shadow:0 24px 100px #29341b25;overflow:auto}dialog::backdrop{background:#3e473257;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.modal-close{position:absolute;right:12px;top:12px}dialog>.eyebrow{margin-top:4px;padding-right:20px}dialog h2{font-family:Huninn,sans-serif;font-weight:400;font-size:25px;color:#626b4e;padding-right:17px}.modal-description{font-size:12px;color:#9aa187;margin-top:14px;line-height:1.9}.modal-footnote{color:#a9ad95;font-size:10px;text-align:center;margin-top:14px}.order-amount{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.order-amount>strong{font-size:30px;color:#6d7d53;font-weight:400}.detail-list{margin:22px 0;font-size:12px;display:grid;gap:15px}.detail-list>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px}.detail-list dt{color:#a0a68d}.detail-list dd{color:#7d886a;overflow-wrap:anywhere}.detail-list small{font-size:10px;color:#a3aa91}.invoice-row{display:flex;gap:11px;align-items:center;border:1px solid #e5e8db;background:#f7f8f0;padding:14px;border-radius:10px;margin-block:22px}.invoice-row>.icon{color:#9aa77c}.invoice-row strong{font-size:12px;font-weight:500}.invoice-row p{font-size:10px;color:#a1aa8d;margin-top:3px}.invoice-row>.text-button{margin-left:auto}.invoice-demo{text-align:center;padding:25px 10px;color:#97a180}.invoice-demo>.icon{display:block;margin:0 auto 14px;width:34px;height:34px;color:#aeb89a}.invoice-demo>strong{font-size:14px;font-weight:500}.invoice-demo p{font-size:11px;margin-top:12px;line-height:1.9}.checkout-plans{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0 18px}.checkout-plans>button{position:relative;text-align:left;background:#faf9f0;border:1px solid #e3e6d8;border-radius:13px;padding:18px 17px;color:#939b82;min-width:0}.checkout-plans>button[aria-pressed=true]{border-color:#96a77c;background:#eef2e4}.checkout-plans>button>span{display:block;font-size:13px;color:#7d8e65}.checkout-plans>button>strong{display:block;font-size:25px;font-weight:400;color:#6e7c53;margin-top:12px}.checkout-plans>button>strong>small{font-size:9px;color:#a4aa93;margin-left:4px}.checkout-plans>button>p{font-size:10px;margin-top:12px;line-height:2;color:#9ba48b}.checkout-plans>button>.icon{position:absolute;top:15px;right:12px;color:#8eaa70;width:17px;height:17px}dialog>.notice{margin-bottom:22px}.checkout-total{padding:19px 0;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:22px 0}.checkout-total>span{font-size:12px;color:#9fa68f}.checkout-total>strong{font-size:30px;color:#65774d;font-weight:400}.checkout-details .line-mark{vertical-align:middle;margin-right:6px}dialog>.text-button.full{margin-top:8px;min-height:36px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,12px);max-width:calc(100vw - 32px);background:#4f6240;color:#fffdf5;font-size:12px;border-radius:10px;box-shadow:0 5px 25px #4d5f3120;padding:13px 20px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.workspace main{padding-top:40px}.page-heading h1{font-size:32px}.usage-number{font-size:40px}.usage-card{padding:23px}.current-plan{padding:27px 29px 0}.overview-secondary{grid-template-columns:2fr 1fr}}
@media(max-width:1150px){.workspace-header{padding-inline:26px}.workspace main{padding-inline:26px}.app-footer{margin-inline:26px}.current-plan{grid-template-columns:1fr;padding-inline:21px;gap:20px}.plan-meta{justify-content:space-between;border-top:1px dashed #e1dec5;padding-top:14px}.plan-meta>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.plan-meta>div:first-child>span{width:100%}.plan-meta strong{font-size:12px}.days-left{display:flex;gap:7px;align-items:baseline;padding-left:17px;min-width:auto}.days-left>strong{font-size:25px}.plan-bottom{margin-top:-3px}.usage-card{padding:17px 14px}.usage-card-head{gap:7px}.usage-number{font-size:32px;gap:5px}.usage-card h3{font-size:11px}.usage-detail{font-size:8px}.overview-secondary{grid-template-columns:minmax(0,1.65fr) minmax(207px,1fr)}.panel-head{padding-inline:18px}.chart-panel .panel-head{flex-wrap:wrap;gap:12px}.chart-panel .segmented{margin-left:auto}.bar-chart{margin-inline:20px;gap:10px}.usage-guide{padding:23px 18px}.usage-guide h2{font-size:19px}td,th{padding-inline:15px}.login-layout{gap:55px;padding-inline:40px}.login-story h1{font-size:37px}.login-features{gap:12px;font-size:10px}.login-header .brand>span{font-size:18px}.login-illustration{width:100%}}
@media(max-width:900px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:13px}.sidebar .brand>span{font-size:13px}.sidebar .brand img{width:30px;height:30px}.sidebar .brand{gap:6px}.workspace main{padding-inline:22px}.workspace-header{padding-inline:22px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.group-select{min-width:185px}.usage-grid{gap:10px}.usage-card-head{flex-wrap:wrap}.remaining-label{display:none}.metric-icon{width:27px;height:27px}.usage-number{font-size:29px}.usage-number>span{font-size:9px}.usage-progress{margin-top:16px}.overview-secondary{grid-template-columns:1fr}.usage-guide{padding:22px}.usage-guide h2{font-size:20px}.usage-guide h2 br{display:none}.usage-guide dl{grid-template-columns:repeat(3,1fr);gap:22px}.guide-art{top:14px}.bar-chart{height:170px}.sidebar-bottom{gap:5px}.sidebar-bottom small{font-size:8px}.sidebar-help{margin-inline:3px;padding:15px 10px}.app-footer{margin-inline:22px;font-size:8px}.filter-label select{min-width:150px}}
@media(max-width:760px){.preview-banner{font-size:9px;gap:5px}.banner-divider{margin-inline:0}.app-shell{display:block}.sidebar{position:relative;top:0;height:auto;padding:16px 20px 0;border-right:0;border-bottom:1px solid #e3e6d6;gap:15px}.sidebar .brand img{width:32px;height:32px}.sidebar .brand>span{font-size:15px}.sidebar .brand small{font-size:8px}.sidebar-label,.sidebar-help,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-bottom:10px}.nav-item{justify-content:center;padding:8px;min-height:39px;font-size:11px;gap:7px}.nav-item .icon{width:15px;height:15px}.nav-indicator{display:none}.workspace-header{height:53px;padding-inline:21px}.breadcrumbs{font-size:10px;gap:7px}.workspace-header .quiet-link{font-size:10px}.workspace main{padding:24px 20px}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:28px}.page-heading>div>p:not(.eyebrow){font-size:12px}.group-select{margin-top:21px;grid-template-columns:25px 1fr 15px;min-width:0;max-width:100%;grid-template-rows:15px 25px;padding:9px 13px}.group-select label{font-size:9px}.group-select select{font-size:13px}.current-plan{padding:19px 18px 0;gap:20px}.group-title h2{font-size:16px}.group-title{gap:9px}.group-avatar{width:43px;height:43px;font-size:22px}.plan-identity p{font-size:10px}.member-count{display:inline;margin-left:7px;font-size:9px}.inline-divider{margin-inline:5px}.plan-meta{gap:12px;align-items:center}.plan-meta strong{font-size:11px;letter-spacing:-.02em}.plan-meta small{font-size:8px}.days-left{padding-left:12px;display:block;text-align:center;flex-shrink:0}.days-left>strong{font-size:26px}.days-left>span{font-size:8px}.plan-bottom>p{font-size:9px;gap:5px;max-width:165px}.plan-bottom>.button{font-size:11px;padding-inline:11px;white-space:nowrap}.section-top{margin-top:26px;align-items:flex-start;flex-direction:column;gap:5px}.section-top>span{font-size:9px}.usage-grid{grid-template-columns:1fr;gap:11px}.usage-card{padding:17px 18px;display:grid;grid-template-columns:1fr auto;column-gap:15px}.usage-card-head{grid-column:1;flex-wrap:nowrap;gap:10px}.usage-card h3{font-size:12px}.metric-icon{width:30px;height:30px}.remaining-label{display:block;margin-left:0;font-size:9px}.usage-number{grid-column:2;grid-row:1;margin-top:0;align-self:center;justify-content:flex-end;font-size:30px}.usage-number>span{font-size:10px}.usage-progress{grid-column:1/-1;margin-top:16px}.usage-detail{grid-column:1/-1;margin-top:8px;font-size:10px}.overview-secondary{margin-top:18px;gap:17px}.panel-head{padding:20px 18px 0}.panel-head h2{font-size:14px}.panel-head p{font-size:10px}.chart-panel .panel-head{gap:15px}.chart-panel .segmented{margin-left:0}.segmented button{font-size:10px;padding-inline:9px}.bar-chart{height:170px;margin-top:23px;gap:8px}.bar-value{font-size:8px}.bar-date{font-size:9px}.chart-caption{font-size:8px;padding-inline:18px}.usage-guide{padding:22px}.usage-guide dl{grid-template-columns:1fr;gap:13px}.usage-guide dl>div{display:grid;grid-template-columns:80px 1fr;gap:15px}.usage-guide dt{font-size:11px}.usage-guide dd{font-size:10px;margin:0}.usage-guide h2{font-size:20px}.guide-art>.icon{width:38px;height:38px}.recent-orders{margin-top:18px}.recent-orders .panel-head{align-items:flex-start}.recent-orders .panel-head p{max-width:170px}table{font-size:10px}th{font-size:9px}td>strong{font-size:10px}td>small{font-size:8px}.table-scroll{padding-bottom:3px}.app-footer{margin:0 20px 10px;padding-top:16px;gap:5px;font-size:9px;flex-direction:column}.purchase-summary{gap:15px;font-size:11px;align-items:flex-start;padding-top:0}.purchase-summary>span{width:100%;gap:7px}.purchase-summary strong{font-size:17px}.purchase-summary>.muted{margin-left:0;font-size:9px}.filter-label{margin-top:20px}.filter-label select{width:100%;min-height:43px}.data-note{font-size:10px}.profile-panel{padding:23px 20px}.account-details>div{grid-template-columns:85px 1fr;gap:16px;font-size:11px}.profile-intro p{font-size:10px;flex-wrap:wrap}.profile-panel .notice p{font-size:10px}.notice.warning p{font-size:10px}.queued-note{font-size:10px}.login-header{width:calc(100% - 40px);height:80px}.login-header .brand>span{font-size:16px}.login-header .brand img{width:34px;height:34px}.login-header .quiet-link{font-size:10px}.login-layout{display:flex;flex-direction:column;gap:25px;margin:13px auto 35px;padding-inline:22px;min-height:0;max-width:520px}.login-story{width:100%;text-align:center;padding-top:7px}.login-story>.eyebrow{justify-content:center;font-size:10px}.login-story h1{font-size:31px;line-height:1.5;margin-top:12px;margin-bottom:13px}.login-story>p{font-size:12px;line-height:1.8}.login-illustration,.login-features{display:none}.login-card{padding:27px 25px 24px;max-width:420px}.login-card-icon{width:40px;height:40px;margin-bottom:18px;border-radius:13px}.login-card-icon .icon{width:21px;height:21px}.login-card h2{font-size:25px}.login-card>.eyebrow{font-size:10px}.login-description{font-size:12px;margin-top:12px}.line-button{margin-top:24px;min-height:49px;font-size:14px}.demo-login-note{font-size:10px}.login-trust{margin-top:24px;padding-top:20px}.login-trust strong{font-size:11px}.login-trust p{font-size:10px}.login-legal{font-size:10px;margin-top:20px}.login-footer{margin-inline:20px;padding:17px 0;font-size:9px;gap:12px}.modal-description{font-size:11px}dialog{padding:27px 23px;border-radius:17px}dialog h2{font-size:23px}.checkout-plans{gap:9px}.checkout-plans>button{padding:15px 12px}.checkout-plans>button>span{font-size:12px}.checkout-plans>button>strong{font-size:24px}.checkout-plans>button>strong>small{font-size:8px;margin-left:2px}.checkout-plans>button>p{font-size:9px}.checkout-plans>button>.icon{top:12px;right:8px;width:15px;height:15px}.detail-list{font-size:11px;gap:14px}.detail-list>div{grid-template-columns:70px 1fr;gap:13px}.notice{font-size:10px}.notice p{font-size:10px}.invoice-row{padding:12px;gap:8px}.invoice-row>.icon{width:17px;height:17px}.invoice-row strong{font-size:11px}.invoice-row p{font-size:9px}.invoice-row>.text-button{font-size:10px}.modal-footnote{font-size:9px}#toast{font-size:11px;width:max-content;bottom:17px}}
@media(max-width:360px){.sidebar{padding-inline:14px}.workspace main{padding-inline:14px}.workspace-header{padding-inline:15px}.nav-item{font-size:10px;gap:5px}.page-heading h1{font-size:26px}.usage-card{padding-inline:15px;column-gap:8px}.usage-number{font-size:27px;gap:4px}.usage-number>span{font-size:9px}.usage-card-head{gap:6px}.usage-card h3{font-size:11px}.remaining-label{font-size:8px}.plan-bottom{gap:9px}.plan-bottom>p{max-width:140px;font-size:8px}.plan-bottom>.button{font-size:10px;padding-inline:9px}.member-count{display:block;margin-left:0}.plan-meta>div:first-child{gap:5px}.plan-meta strong{font-size:10px}.chart-panel .segmented{width:100%;justify-content:space-between}.login-header{width:calc(100% - 28px)}.login-header .brand>span{font-size:14px}.login-header .quiet-link{font-size:9px}.login-layout{padding-inline:15px}.login-story h1{font-size:28px}.login-card{padding-inline:22px}.login-card h2{font-size:23px}dialog{padding-inline:20px}.checkout-plans>button>strong{font-size:21px}.checkout-plans>button>strong>small{display:block;margin:2px 0 0}.checkout-plans>button>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable secondary labels and compact plan summary at laptop widths. */
.nav-item{color:#7d856f}.usage-card h3{font-size:12px;color:#737e64}.usage-detail{font-size:10px;color:#89937a}.usage-detail strong{color:#6d7b5e}.remaining-label{color:#929b81}.plan-identity p{font-size:12px;color:#887e60}.member-count{font-size:10px;color:#969174}.plan-meta>div:first-child>span,.plan-meta small{font-size:10px;color:#889176}.plan-meta strong{font-size:12px;color:#707c5e}.section-top>span{font-size:10px;color:#8a957a}.panel-head p{font-size:11px;color:#8b957c}.bar-value,.bar-date{font-size:10px;color:#929e7f}.chart-caption{font-size:10px;color:#949e83}.usage-guide dt{font-size:11px;color:#7b8c61}.usage-guide dd{font-size:11px;color:#919f7c}.sidebar-help p{color:#929a7e}.sidebar-bottom small{color:#949f83}.plan-bottom>p{color:#969171}.login-description{color:#818975}.login-story>p{color:#8d8d73}.demo-login-note{color:#8e9781}.login-trust p{color:#929d84}.login-legal{color:#929b85}
@media(min-width:1001px) and (max-width:1150px){.current-plan{grid-template-columns:minmax(0,1fr) auto;gap:22px 15px}.plan-meta{border:0;padding:0;gap:16px}.plan-meta>div:first-child{display:block}.plan-meta>div:first-child>span{width:auto}.days-left{display:block;padding-left:16px;text-align:center}.plan-meta strong{font-size:11px}.member-count{display:block}.plan-bottom{margin-top:0}}
@media(max-width:760px){.plan-identity p{font-size:11px}.member-count{font-size:9px}.usage-card h3{font-size:12px}.plan-meta>div:first-child>span,.plan-meta small{font-size:9px}.plan-meta strong{font-size:11px}.usage-guide dd{font-size:10px}.chart-caption{font-size:9px}}
.account-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:23px}.account-actions>.text-button{font-size:11px;color:#9a9f89}
.table-scroll{position:relative;max-width:100%}
.plan-meta .days-left>strong{font-size:29px;font-weight:400;line-height:1.2;color:#7b8b5a}
/* Live account states. */
[hidden]{display:none!important}.sidebar{top:0;height:100dvh}.development .sidebar{top:30px;height:calc(100dvh - 30px)}.initial-state{min-height:80dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#6f7f59;font-size:14px;padding:24px;text-align:center}.loading-ring{width:30px;height:30px;border:3px solid #e0e6d5;border-top-color:#809966;border-radius:50%;animation:member-spin 1s linear infinite}@keyframes member-spin{to{transform:rotate(360deg)}}.login-feedback{font-size:11px;text-align:center;margin-top:15px;line-height:1.9;color:#7a876a;overflow-wrap:anywhere;min-height:42px}.login-feedback.error{color:#a25436}.login-card>.text-button{font-size:11px;line-height:1.8;min-height:38px}.header-links{display:flex;gap:20px;align-items:center}.empty-state{padding:50px 26px;text-align:center;max-width:790px;margin:35px 0}.empty-icon{display:grid;place-items:center;margin:0 auto 18px;border-radius:20px;width:60px;height:60px;background:#edf0e3;color:#8c9e6f}.empty-icon>.icon{width:28px;height:28px}.empty-state h2{font-family:Huninn,sans-serif;color:#6d7657;font-weight:400;font-size:24px}.empty-state p{font-size:13px;color:#8b957b;max-width:480px;margin:17px auto 25px;line-height:1.9}.empty-table{padding:40px 24px;text-align:center;color:#919a80;font-size:12px}.status-dot.inactive{color:#a48666}.status-dot.inactive:before{background:#baa084}.payment-status.pending{background:#fbf0dc;color:#a78348}.payment-status.failed{background:#f7eae1;color:#b27d66}.payment-status.neutral{background:#f0f0e9;color:#929681}.vip-notice{margin-top:18px;background:#f2efdf;border:1px solid #e0d8b9;color:#8d8151}.vip-notice p{color:#9a9173}.vip-number{color:#8a8156}.vip-number>span{font-size:12px;color:#a69666;background:#f0e9cd;padding:3px 7px;border-radius:5px}.vip-caption{font-size:11px;color:#9a9e81;margin-top:14px}.unavailable-number{color:#a4ab96}.quota-reserved{font-size:10px;color:#a39979;margin-top:6px}.chart-empty{padding:28px;min-height:295px;display:flex;flex-direction:column;justify-content:center}.chart-empty .guide-art{position:static;align-self:flex-start;margin-bottom:15px}.chart-empty h2{font-family:Huninn,sans-serif;font-size:24px;color:#7d8963;font-weight:400}.chart-empty p{font-size:12px;color:#939d81;max-width:380px;margin-top:15px;line-height:2}.empty-chart{padding:65px 24px;text-align:center;color:#a2aa93;font-size:12px}.renewal-unavailable{font-size:10px;color:#a2987a;max-width:220px;line-height:1.8}.invoice-demo+dl{margin-top:5px}#invoice-result:not(:empty){margin:15px 0}#invoice-result+.button{margin-top:12px}.sidebar-bottom>span:nth-child(2){min-width:0}.sidebar-bottom strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom>.icon-button{margin-left:auto;flex-shrink:0}.group-title h2{overflow-wrap:anywhere}.usage-card{min-width:0}.bar-chart{max-width:100%}.bar-value{white-space:normal;text-align:center}.purchase-summary>.muted{max-width:290px}.login-card h2{white-space:normal}
@media(max-width:760px){.development .sidebar,.sidebar{height:auto;top:0}.header-links{gap:13px}.header-links>.quiet-link{font-size:10px}.empty-state{padding:32px 22px;margin-top:24px}.empty-state h2{font-size:22px}.empty-state p{font-size:12px}.vip-caption,.quota-reserved{grid-column:1/-1;margin-top:9px;font-size:10px}.vip-notice p{font-size:10px}.chart-empty{min-height:240px;padding:25px 22px}.chart-empty h2{font-size:21px}.chart-empty p{font-size:11px}.bar-value{font-size:8px}.renewal-unavailable{font-size:9px;max-width:140px}.invoice-demo+dl{margin-top:0}}

/* Phone reading scale. Keep this after every earlier compact-phone override. */
@media (max-width:760px) {
  :root {
    --member-system-font: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;
    --ink:#364331;
    --muted:#626d59;
    font-family:var(--member-system-font);
    font-size:100%;
  }
  body {font-size:1.0625rem;line-height:1.6;}
  button,input,select,textarea {font-family:var(--member-system-font);line-height:1.5;}
  h1,h2,h3,dialog h2,.login-story h1,.login-card h2,.profile-intro h2,
  .usage-guide h2,.chart-empty h2,.empty-state h2,.group-avatar {
    font-family:var(--member-system-font);
    font-weight:600;
    letter-spacing:0;
    color:#3e4a36;
    line-height:1.45;
  }
  small {font-size:.875rem;line-height:1.5;}
  .eyebrow,.login-story>.eyebrow,.login-card>.eyebrow {
    font-size:.9375rem;line-height:1.5;letter-spacing:.025em;color:#667153;
  }
  .button,.line-button,.plan-bottom>.button,.login-card .line-button {
    min-height:3rem;font-size:1rem;line-height:1.5;padding:.75rem 1rem;
    white-space:normal;text-align:center;gap:.625rem;
  }
  .text-button,.quiet-link,.login-card>.text-button,.workspace-header .quiet-link,
  .header-links>.quiet-link,.login-header .quiet-link,.account-actions>.text-button,
  .recent-orders .text-button,.invoice-row>.text-button,.queued-note .text-button {
    min-height:2.75rem;font-size:1rem;line-height:1.5;padding:.5rem 0;
    color:#49613b;white-space:normal;
  }
  .icon-button,.sidebar-bottom>.icon-button {
    width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;
  }
  .icon-button .icon,.text-button .icon,.quiet-link .icon,.button .icon {
    width:1.25rem;height:1.25rem;
  }
  .line-mark,.line-button>.line-mark {
    min-width:2.75rem;height:1.875rem;font-size:.875rem;letter-spacing:-.025em;
  }
  .preview-banner {
    font-size:.875rem;line-height:1.5;padding:.5rem .75rem;gap:.375rem;flex-wrap:wrap;
    color:#566346;letter-spacing:0;
  }
  .brand>span,.sidebar .brand>span,.login-header .brand>span {
    font-size:1.0625rem;line-height:1.45;white-space:normal;
  }
  .brand small,.sidebar .brand small {
    font-size:.875rem;line-height:1.5;color:#657056;letter-spacing:.06em;
  }
  .sidebar,.development .sidebar {padding:1rem 1rem 0;gap:1rem;}
  .sidebar .brand img {width:2.5rem;height:2.5rem;}
  .sidebar nav {gap:.25rem;padding-bottom:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));}
  .nav-item {
    flex-direction:column;justify-content:center;min-width:0;min-height:4.5rem;
    gap:.25rem;padding:.5rem .25rem;font-size:1rem;line-height:1.5;text-align:center;
    color:#56654a;white-space:normal;
  }
  .nav-item .icon {width:1.375rem;height:1.375rem;}
  .nav-item.active {color:#415b31;}
  .workspace-header {
    height:auto;min-height:4rem;padding:.75rem 1rem;gap:.25rem;flex-wrap:wrap;
  }
  .breadcrumbs {flex:1 1 100%;font-size:.875rem;line-height:1.5;gap:.5rem;color:#657056;}
  .breadcrumbs strong {color:#4c5d40;}
  .header-links {width:100%;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;}
  .workspace main {padding:1.5rem 1rem;}
  .page-heading {margin-bottom:1.5rem;}
  .page-heading h1 {font-size:1.75rem;line-height:1.4;}
  .page-heading>div>p:not(.eyebrow) {font-size:1.0625rem;line-height:1.6;color:#626d59;margin-top:.5rem;}
  .group-select {
    margin-top:1.25rem;padding:.75rem 1rem;min-width:0;
    grid-template-columns:1.5rem minmax(0,1fr) 1.25rem;grid-template-rows:auto minmax(3rem,auto);
    column-gap:.75rem;row-gap:.125rem;
  }
  .group-select label {font-size:.9375rem;line-height:1.5;color:#626d59;}
  .group-select select {
    width:100%;min-height:3rem;font-size:1.0625rem;line-height:1.5;padding:.375rem .25rem .375rem 0;
    color:#3f5135;
  }
  .group-select>.icon {width:1.25rem;height:1.25rem;grid-row:1/3;}
  .current-plan {grid-template-columns:minmax(0,1fr);padding:1.25rem 1rem 0;gap:1.25rem;}
  .plan-identity {gap:.75rem;align-items:flex-start;}
  .plan-identity>div {min-width:0;}
  .group-avatar {width:3rem;height:3rem;font-size:1.5rem;}
  .group-title {gap:.5rem;}
  .group-title h2 {font-size:1.25rem;line-height:1.5;color:#51472f;}
  .status-dot {font-size:.875rem;line-height:1.5;color:#526840;}
  .status-dot.inactive {color:#796245;}
  .plan-identity p {font-size:1.0625rem;line-height:1.6;color:#5d5b43;margin-top:.5rem;}
  .member-count {display:block;margin:.25rem 0 0;font-size:.9375rem;line-height:1.5;color:#686b53;}
  .inline-divider {margin-inline:.375rem;}
  .plan-meta {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;}
  .plan-meta>div:first-child>span {font-size:.9375rem;line-height:1.5;color:#626d53;}
  .plan-meta strong {font-size:1rem;line-height:1.6;letter-spacing:0;color:#45563b;overflow-wrap:anywhere;}
  .plan-meta small {font-size:.875rem;line-height:1.6;color:#626d53;}
  .days-left {
    display:flex;align-items:baseline;gap:.625rem;min-width:0;text-align:left;
    border-left:0;border-top:1px solid #dedfc9;padding:.75rem 0 0;
  }
  .plan-meta .days-left>strong {font-size:2rem;line-height:1.2;color:#4e653a;}
  .days-left>span {font-size:.9375rem;line-height:1.5;color:#5f6c50;}
  .plan-bottom {flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem 0;margin-top:0;}
  .plan-bottom>p {max-width:none;font-size:1rem;line-height:1.6;color:#666044;align-items:flex-start;gap:.5rem;}
  .plan-bottom .icon {width:1.25rem;height:1.25rem;margin-top:.1875rem;}
  .plan-bottom>.button {width:100%;border-radius:.625rem;}
  .plan-bottom>.button .icon {margin-top:0;}
  .queued-note {
    margin-top:0;padding:.875rem 0;font-size:.9375rem;line-height:1.6;color:#52683e;
    align-items:flex-start;gap:.5rem;
  }
  .queued-note>.icon {width:1.25rem;height:1.25rem;margin-top:.125rem;}
  .renewal-unavailable {max-width:none;font-size:.9375rem;line-height:1.6;color:#746447;}
  .section-top {gap:.5rem;margin:1.75rem 0 1rem;}
  .section-top h2 {font-size:1.25rem;line-height:1.5;font-weight:600;}
  .section-top>span {font-size:.9375rem;line-height:1.6;color:#626d59;}
  .usage-grid {grid-template-columns:minmax(0,1fr);gap:1rem;}
  .usage-card {display:block;padding:1.25rem 1rem;}
  .usage-card-head {gap:.625rem;flex-wrap:wrap;}
  .metric-icon {width:2.5rem;height:2.5rem;}
  .metric-icon .icon {width:1.25rem;height:1.25rem;}
  .usage-card h3 {font-size:1.0625rem;font-weight:500;line-height:1.5;color:#4d5d42;}
  .remaining-label {margin-left:auto;font-size:.875rem;line-height:1.5;color:#667154;}
  .usage-number {justify-content:flex-start;font-size:2.25rem;line-height:1.3;gap:.5rem;margin-top:1rem;color:#455837;}
  .usage-number>span,.vip-number>span {font-size:1rem;line-height:1.5;color:#65704f;}
  .vip-number>span {color:#6d6337;padding:.25rem .5rem;}
  .usage-progress {height:.5rem;margin-top:1rem;}
  .usage-detail {font-size:.9375rem;line-height:1.6;gap:.375rem 1rem;margin-top:.625rem;color:#626f54;}
  .usage-detail strong {font-size:inherit;color:#455b35;}
  .vip-caption {font-size:.9375rem;line-height:1.6;color:#626b51;margin-top:.625rem;}
  .quota-reserved {font-size:.875rem;line-height:1.6;color:#726346;margin-top:.5rem;}
  .overview-secondary {grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1.5rem;}
  .panel-head {flex-direction:column;align-items:flex-start;padding:1.25rem 1rem 0;gap:.75rem;}
  .panel-head h2 {font-size:1.25rem;font-weight:600;line-height:1.5;}
  .panel-head p {font-size:.9375rem;line-height:1.6;color:#626d59;}
  .chart-panel .panel-head {gap:1rem;}
  .segmented {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.25rem;padding:.25rem;}
  .chart-panel .segmented {width:100%;margin-left:0;}
  .segmented button {min-height:3rem;padding:.5rem .375rem;font-size:1rem;line-height:1.5;color:#606e50;}
  .segmented button[aria-pressed=true] {color:#415a31;}
  .bar-chart {
    height:18rem;margin:1.5rem 1rem 0;grid-template-columns:repeat(7,minmax(3.75rem,1fr));gap:.5rem;
    overflow-x:auto;overflow-y:hidden;min-width:0;padding-bottom:.5rem;
  }
  .bar-value {font-size:.875rem;line-height:1.5;min-height:3em;white-space:normal;color:#626f54;}
  .bar-date {font-size:.875rem;line-height:1.5;color:#626f54;padding-top:.5rem;}
  .chart-caption {align-items:flex-start;padding:1rem;font-size:.875rem;line-height:1.6;color:#626f54;gap:.5rem;}
  .chart-caption .icon {width:1.125rem;height:1.125rem;margin-top:.125rem;}
  .chart-empty {min-height:0;padding:1.5rem 1rem;}
  .chart-empty h2 {font-size:1.375rem;line-height:1.5;}
  .chart-empty p {font-size:1.0625rem;line-height:1.6;color:#626d59;}
  .empty-chart {padding:2rem 1rem;font-size:1rem;line-height:1.6;color:#626d59;}
  .usage-guide {padding:1.5rem 1rem;}
  .usage-guide h2 {font-size:1.375rem;line-height:1.5;color:#52683d;}
  .usage-guide dl {gap:1.25rem;margin-top:1.25rem;}
  .usage-guide dl>div {display:block;}
  .usage-guide dt {font-size:1rem;line-height:1.5;color:#4c6339;font-weight:600;}
  .usage-guide dd {font-size:1.0625rem;line-height:1.6;color:#5d6b50;margin-top:.375rem;}
  .usage-guide>.text-button {justify-content:flex-start;margin-top:1rem;}
  .notice,.notice p,.notice.warning p,.profile-panel .notice p,.vip-notice p {
    font-size:1.0625rem;line-height:1.6;color:#5b694b;
  }
  .notice {padding:1rem;gap:.625rem;}
  .notice strong {font-size:1.0625rem;font-weight:600;color:#495c37;}
  .notice>.icon {width:1.375rem;height:1.375rem;margin-top:.1875rem;}
  .notice.warning,.notice.warning p {color:#74602f;}
  .notice.warning strong {color:#6e5522;}
  .vip-notice,.vip-notice p {color:#6b603c;}
  .vip-notice strong {color:#60522a;}
  .recent-orders {margin-top:1.5rem;}
  .recent-orders .panel-head {padding-bottom:.75rem;}
  .recent-orders .panel-head p {max-width:none;}
  .table-scroll {overflow:visible;max-width:100%;}
  table {width:100%;font-size:1rem;line-height:1.6;white-space:normal;}
  thead {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
  tbody {display:grid;gap:1rem;padding:1rem;}
  tr {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.625rem 1rem;padding:1rem;border:1px solid #e1e5d8;border-radius:.75rem;}
  td {display:block;min-width:0;grid-column:1/-1;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;color:#4f5f42;}
  td:nth-last-child(3) {grid-column:1;font-size:1.25rem;line-height:1.5;}
  td:nth-last-child(2) {grid-column:2;align-self:center;}
  td:last-child {padding-top:.5rem;border-top:1px solid #e7e9de;}
  td>strong {font-size:1rem;line-height:1.6;color:#435639;font-weight:500;}
  td>small {font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;color:#657056;margin-top:.375rem;}
  .payment-status {font-size:.875rem;line-height:1.5;color:#4b6537;padding:.375rem .5rem;gap:.375rem;}
  .payment-status .icon {width:1.125rem;height:1.125rem;}
  .payment-status.pending {color:#765b24;}
  .payment-status.failed {color:#8a4b32;}
  .payment-status.neutral {color:#5c6650;}
  .row-action {width:100%;min-height:3rem;justify-content:space-between;font-size:1rem;line-height:1.5;color:#496139;padding:.5rem 0;}
  .row-action .icon {width:1.25rem;height:1.25rem;}
  .empty-table {padding:1.5rem 1rem;font-size:1rem;line-height:1.6;color:#626d59;}
  .filter-label {font-size:.9375rem;line-height:1.5;color:#626d59;gap:.5rem;margin-top:1.25rem;}
  .filter-label select {width:100%;min-width:0;min-height:3rem;font-size:1.0625rem;line-height:1.5;color:#435739;padding:.625rem .875rem;}
  .purchase-summary {font-size:1.0625rem;line-height:1.6;gap:.75rem;padding:0 0 1.5rem;color:#5b6b4b;}
  .purchase-summary>span {gap:.5rem;flex-wrap:wrap;}
  .purchase-summary strong {font-size:1.375rem;line-height:1.5;color:#435d33;}
  .purchase-summary>.muted {max-width:none;font-size:.9375rem;line-height:1.6;color:#626d59;}
  .data-note {font-size:.9375rem;line-height:1.6;color:#626d59;gap:.625rem;}
  .data-note .icon {width:1.25rem;height:1.25rem;margin-top:.125rem;}
  .profile-panel {padding:1.5rem 1rem;}
  .profile-intro {align-items:flex-start;gap:1rem;}
  .profile-intro>div {min-width:0;}
  .profile-intro h2 {font-size:1.375rem;overflow-wrap:anywhere;}
  .profile-intro p {font-size:.9375rem;line-height:1.6;color:#5a6c49;}
  .avatar.large {width:3.5rem;height:3.5rem;font-size:1.5rem;}
  .account-details {margin:1.5rem 0;}
  .account-details>div {grid-template-columns:minmax(0,1fr);gap:.375rem;padding:1rem 0;font-size:1.0625rem;line-height:1.6;}
  .account-details dt {font-size:.9375rem;color:#626d59;}
  .account-details dd {color:#435539;overflow-wrap:anywhere;}
  .account-actions {flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1.5rem;}
  .app-footer {margin:0 1rem 1rem;padding-top:1rem;gap:.5rem;font-size:.875rem;line-height:1.6;color:#626d59;}
  .login-header {width:calc(100% - 2rem);height:auto;min-height:5.5rem;padding-block:1rem;gap:.5rem 1rem;flex-wrap:wrap;}
  .login-header .brand img {width:2.5rem;height:2.5rem;}
  .login-header>.quiet-link {margin-left:auto;}
  .login-layout {max-width:34rem;padding-inline:1rem;margin:1rem auto 2rem;gap:1.5rem;}
  .login-story>.eyebrow {justify-content:center;}
  .login-story h1 {font-size:1.75rem;line-height:1.45;margin:.75rem 0 1rem;}
  .login-story>p {font-size:1.0625rem;line-height:1.6;color:#63684f;}
  .login-card {max-width:none;min-width:0;padding:1.5rem 1.25rem;}
  .login-card h2 {font-size:1.375rem;line-height:1.5;white-space:normal;}
  .login-description {font-size:1.0625rem;line-height:1.6;color:#59654f;margin-top:1rem;}
  .login-story>p br,.login-description br,.login-trust p br {display:none;}
  .line-button {margin-top:1.5rem;}
  .login-feedback {font-size:.9375rem;line-height:1.6;color:#5a6b4b;min-height:0;margin-top:1rem;}
  .login-feedback.error {color:#914727;}
  .login-trust {gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;}
  .login-trust>.icon {width:1.375rem;height:1.375rem;color:#6d8057;}
  .login-trust strong {font-size:1rem;color:#4f6441;font-weight:600;}
  .login-trust p {font-size:.9375rem;line-height:1.6;color:#626d59;margin-top:.5rem;}
  .login-legal {font-size:.9375rem;line-height:1.5;color:#5c6b50;gap:.5rem;flex-wrap:wrap;align-items:center;}
  .login-legal a {display:inline-flex;min-height:2.75rem;align-items:center;padding:.5rem;}
  .login-footer {margin-inline:1rem;padding:1rem 0;font-size:.875rem;line-height:1.6;color:#626d59;gap:.5rem;flex-wrap:wrap;}
  dialog {width:calc(100% - 1.5rem);max-width:34rem;max-height:calc(100dvh - 1.5rem);padding:1.5rem 1.125rem;border-radius:1rem;}
  .modal-close {right:.5rem;top:.5rem;}
  dialog>.eyebrow {padding-right:2.75rem;font-size:.9375rem;line-height:1.5;}
  dialog h2 {font-size:1.375rem;line-height:1.5;padding-right:2.75rem;overflow-wrap:anywhere;}
  .modal-description {font-size:1.0625rem;line-height:1.6;color:#626d59;margin-top:1rem;}
  .modal-footnote {font-size:.875rem;line-height:1.6;color:#626d59;margin-top:1rem;}
  .detail-list {font-size:1.0625rem;line-height:1.6;gap:1rem;margin:1.5rem 0;}
  .detail-list>div {grid-template-columns:minmax(0,1fr);gap:.25rem;}
  .detail-list dt {font-size:.9375rem;color:#626d59;}
  .detail-list dd {color:#45573a;overflow-wrap:anywhere;}
  .detail-list small {font-size:.875rem;line-height:1.6;color:#626d59;}
  .order-amount {gap:.75rem;flex-wrap:wrap;padding:1.25rem 0;}
  .order-amount>strong {font-size:1.875rem;line-height:1.3;color:#4a6338;}
  .invoice-row {gap:.75rem;padding:1rem;flex-wrap:wrap;}
  .invoice-row>div {min-width:0;flex:1;}
  .invoice-row>.icon {width:1.375rem;height:1.375rem;}
  .invoice-row strong {font-size:1.0625rem;line-height:1.5;color:#4f6341;}
  .invoice-row p {font-size:.9375rem;line-height:1.6;color:#626d59;}
  .invoice-row>.text-button {width:100%;margin-left:0;justify-content:flex-start;}
  .invoice-demo {padding:1.5rem .5rem;color:#626d59;}
  .invoice-demo>strong {font-size:1.0625rem;line-height:1.5;color:#4d6340;}
  .invoice-demo p {font-size:1rem;line-height:1.6;}
  .checkout-plans {grid-template-columns:minmax(0,1fr);gap:.75rem;margin:1.5rem 0 1rem;}
  .checkout-plans>button {padding:1.25rem;min-height:3rem;font-size:1.0625rem;line-height:1.6;}
  .checkout-plans>button>span {font-size:1.0625rem;line-height:1.5;color:#4b6339;padding-right:1.75rem;}
  .checkout-plans>button>strong {font-size:1.875rem;line-height:1.3;color:#455c33;margin-top:.75rem;}
  .checkout-plans>button>strong>small {display:inline-block;font-size:.9375rem;line-height:1.5;color:#626d59;margin:0 0 0 .5rem;}
  .checkout-plans>button>p {font-size:1rem;line-height:1.7;color:#5c6e4b;margin-top:.75rem;}
  .checkout-plans>button>.icon {width:1.375rem;height:1.375rem;top:1rem;right:1rem;}
  .checkout-total {gap:.75rem;flex-wrap:wrap;padding:1rem 0;margin:1.5rem 0;}
  .checkout-total>span {font-size:1rem;line-height:1.6;color:#626d59;}
  .checkout-total>strong {font-size:1.875rem;line-height:1.3;color:#425c31;}
  dialog>.text-button.full {margin-top:.5rem;min-height:2.75rem;}
  #toast {font-size:1rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere;width:max-content;max-width:calc(100vw - 2rem);padding:.875rem 1rem;}
  .empty-state {padding:2rem 1rem;}
  .empty-state h2 {font-size:1.375rem;line-height:1.5;}
  .empty-state p {font-size:1.0625rem;line-height:1.6;color:#626d59;}
  .initial-state {font-size:1.0625rem;line-height:1.6;}
}

/* Overview information hierarchy: one quota list, optional detail, terse receipts. */
.overview-details {
  --overview-label:16px;
  --overview-secondary:14px;
  --overview-auxiliary:14px;
  --overview-title:20px;
  --overview-number:26px;
  --overview-control:16px;
  max-width:960px;
  display:grid;
  gap:12px;
  margin-top:24px;
  color:#43543a;
}
.usage-summary,.purchase-preview {padding:0;overflow:hidden;}
.usage-summary-head,.purchase-preview-head {
  display:flex;align-items:center;justify-content:space-between;gap:8px 16px;
  padding:16px 18px 12px;
}
.usage-summary-head {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;}
.usage-summary-heading {display:grid;gap:4px;min-width:0;}
.usage-summary-head h2,.purchase-preview-head h2 {
  font-size:var(--overview-title);line-height:1.4;font-weight:600;color:#3e4e36;
}
.usage-summary-heading>span,.usage-summary-foot>span,.purchase-preview-head p {
  font-size:var(--overview-auxiliary);line-height:1.45;color:#66715c;
}
.usage-context {
  padding:10px 18px;margin:0;border-top:1px solid #e8e7d8;border-bottom:1px solid #e8e7d8;
  background:#f4f2e7;color:#6a6042;font-size:var(--overview-secondary);line-height:1.5;
}
.usage-context>strong {font-weight:600;}
.usage-context>span {display:block;margin-top:2px;}
.quota-list {padding:0 18px;}
.quota-row {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;
  padding:14px 0;min-width:0;--quota-color:#bd8956;
}
.quota-row+.quota-row {border-top:1px solid #e7e9de;}
.quota-row.voice {--quota-color:#829664;}
.quota-row.face {--quota-color:#b58b69;}
.quota-row-head {display:flex;align-items:center;gap:10px;min-width:0;}
.quota-symbol {
  width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:var(--quota-color);
}
.quota-symbol>.icon {width:22px;height:22px;}
.quota-row h3 {
  font-size:var(--overview-label);font-weight:500;line-height:1.4;color:#485c3e;letter-spacing:0;
}
.quota-value {
  display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:5px;
  font-size:var(--overview-number);font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums;
  letter-spacing:-.025em;color:#425a33;text-align:right;min-width:0;
}
.quota-value>small {
  font-size:var(--overview-auxiliary);font-weight:400;line-height:1.4;letter-spacing:0;color:#657455;
}
.quota-vip {color:#786538;}
.quota-vip>small {color:#786538;}
.quota-unavailable {color:#829073;}
.quota-meter {
  grid-column:1/-1;height:4px;overflow:hidden;border-radius:4px;background:#eeeee3;margin-top:2px;
}
.quota-meter>span {display:block;height:100%;border-radius:inherit;background:var(--quota-color);}
.quota-detail {
  grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;
  font-size:var(--overview-secondary);line-height:1.4;color:#647257;
}
.quota-row>.quota-reserved {
  grid-column:1/-1;font-size:var(--overview-auxiliary);line-height:1.45;color:#78663f;margin:0;
}
.usage-summary-foot {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 16px;
  padding:10px 18px;border-top:1px solid #e7e9de;
}
.overview-details .text-button {
  min-height:44px;font-size:var(--overview-control);line-height:1.4;padding:8px 0;gap:6px;
  color:#49643a;
}
.overview-details .text-button>.icon {width:18px;height:18px;}
.overview-disclosure {overflow:hidden;}
.overview-disclosure>summary {
  min-height:56px;display:flex;align-items:center;gap:10px;padding:12px 18px;
  cursor:pointer;list-style:none;font-size:var(--overview-label);line-height:1.45;
  font-weight:500;color:#4a5e3e;touch-action:manipulation;
}
.overview-disclosure>summary::-webkit-details-marker {display:none;}
.overview-disclosure>summary::marker {content:'';}
.overview-disclosure>summary>span:first-child {flex:1;min-width:0;}
.overview-disclosure>summary>.disclosure-hint {
  font-size:var(--overview-auxiliary);font-weight:400;line-height:1.4;color:#6b775f;
}
.overview-disclosure>summary>.icon {width:18px;height:18px;color:#7a896c;transition:transform .15s;}
.overview-disclosure[open]>summary>.icon {transform:rotate(90deg);}
.overview-disclosure>summary:hover {background:#f6f7ef;}
.overview-disclosure>summary:focus-visible {outline:3px solid #d19b61;outline-offset:-4px;border-radius:12px;}
.overview-disclosure[open]>summary {border-bottom:1px solid #e7e9de;}
.usage-rules>dl {display:grid;gap:12px;margin:0;padding:14px 18px;}
.usage-rules>dl>div {display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;}
.usage-rules dt {font-size:var(--overview-label);font-weight:500;line-height:1.5;color:#4b603e;}
.usage-rules dd {font-size:var(--overview-secondary);line-height:1.5;color:#627155;}
.rules-footnote {
  margin:0;padding:0 18px 16px;font-size:var(--overview-secondary);line-height:1.5;color:#69755c;
}
.history-body>.chart-panel {border:0;border-radius:0;background:transparent;}
.history-body .panel-head {padding:14px 18px 0;gap:12px;}
.history-body .panel-head h2 {font-size:var(--overview-label);line-height:1.4;}
.history-body .panel-head p {font-size:var(--overview-secondary);line-height:1.45;margin-top:4px;}
.history-body .segmented button {min-height:44px;font-size:var(--overview-control);line-height:1.4;}
.history-body .bar-chart {height:176px;margin:16px 18px 0;}
.history-body .bar-value,.history-body .bar-date {font-size:var(--overview-auxiliary);line-height:1.35;}
.history-body .bar-value {min-height:2.7em;}
.history-body .bar-date {padding-top:3px;}
.history-body .chart-caption {padding:10px 18px 14px;font-size:var(--overview-auxiliary);line-height:1.45;}
.history-body .empty-chart {padding:18px;font-size:var(--overview-secondary);line-height:1.5;}
.purchase-preview-head {padding-block:10px;}
.purchase-preview-head p {margin-top:3px;}
.purchase-preview-head>.text-button {flex:0 0 auto;}
.purchase-preview-list {padding:0 18px;}
.purchase-preview-row {
  width:100%;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;
  align-items:center;gap:10px;border-top:1px solid #e7e9de;background:transparent;
  color:#475e3b;text-align:left;padding:12px 0;
}
.purchase-preview-row:hover {background:#f6f7ef;}
.purchase-preview-row:focus-visible {outline-offset:-2px;}
.purchase-preview-info,.purchase-preview-payment {min-width:0;display:flex;flex-direction:column;gap:4px;}
.purchase-preview-info>strong,.purchase-preview-payment>strong {
  font-size:var(--overview-label);font-weight:500;line-height:1.4;overflow-wrap:anywhere;
}
.purchase-preview-info>small {font-size:var(--overview-auxiliary);line-height:1.4;color:#6c775f;}
.purchase-preview-payment {align-items:flex-end;}
.purchase-preview-payment>strong {font-variant-numeric:tabular-nums;white-space:nowrap;}
.purchase-preview-payment>.payment-status {
  font-size:var(--overview-auxiliary);line-height:1.4;padding:0;background:transparent;gap:4px;
}
.purchase-preview-payment>.payment-status>.icon {width:15px;height:15px;}
.purchase-preview-row>.icon {width:18px;height:18px;color:#7a896c;}
.purchase-preview-empty {padding:0 18px 16px;font-size:var(--overview-secondary);line-height:1.5;color:#68765b;}
@media (max-width:760px) {
  .overview-details {
    --overview-label:1.0625rem;
    --overview-secondary:.9375rem;
    --overview-auxiliary:.875rem;
    --overview-title:1.25rem;
    --overview-number:1.625rem;
    --overview-control:1rem;
    gap:.75rem;margin-top:1.25rem;
  }
  .usage-summary-head,.purchase-preview-head {padding-inline:.875rem;gap:.375rem .75rem;}
  .usage-summary-head {grid-template-columns:minmax(0,1fr);gap:.875rem;padding-top:.875rem;padding-bottom:.875rem;}
  .usage-context {padding:.625rem .875rem;}
  .quota-list,.purchase-preview-list {padding-inline:.875rem;}
  .quota-row {padding:.75rem 0;gap:.375rem .625rem;}
  .quota-row-head {gap:.5rem;}
  .quota-symbol {width:1.75rem;height:1.75rem;}
  .quota-symbol>.icon {width:1.375rem;height:1.375rem;}
  .quota-value {gap:.25rem;}
  .usage-summary-foot {padding:.625rem .875rem;gap:0 .5rem;}
  .overview-details .text-button {min-height:2.75rem;}
  .overview-disclosure>summary {min-height:3.5rem;padding:.75rem .875rem;gap:.5rem;}
  .overview-disclosure>summary>.disclosure-hint {font-size:.875rem;}
  .usage-rules>dl {padding:.875rem;gap:.75rem;}
  .usage-rules>dl>div {grid-template-columns:minmax(0,1fr);gap:.25rem;}
  .rules-footnote {padding:0 .875rem 1rem;}
  .history-body .panel-head {padding:.875rem .875rem 0;gap:.75rem;}
  .history-body .bar-chart {
    height:11rem;margin:1rem .875rem 0;grid-template-columns:repeat(7,minmax(2.5rem,1fr));
    gap:.375rem;padding-bottom:.375rem;overflow-x:auto;overflow-y:hidden;
  }
  .history-body .chart-caption {padding:.625rem .875rem .875rem;}
  .history-body .empty-chart {padding:1rem .875rem;}
  .purchase-preview-head {padding-block:.625rem;}
  .purchase-preview-row {min-height:4.75rem;padding:.75rem 0;gap:.5rem;}
  .purchase-preview-empty {padding:0 .875rem 1rem;}
}

/* Phone entry hierarchy: compact brand tools, content first, navigation at the bottom. */
.mobile-member-tools {display:none;}
@media (max-width:760px) {
  html {scroll-padding-bottom:var(--member-nav-space,calc(5.25rem + env(safe-area-inset-bottom,0px)));}
  .app-shell {padding-bottom:var(--member-nav-space,calc(5.25rem + env(safe-area-inset-bottom,0px)));}
  .sidebar,.development .sidebar {
    position:relative;top:auto;height:auto;padding:.25rem 1rem;
    gap:0;border-bottom:1px solid #e3e6d6;
  }
  .sidebar-header {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3.5rem;}
  .sidebar-header>.brand {flex:1 1 11rem;min-width:0;gap:.5rem;}
  .sidebar-header .brand img {width:2rem;height:2rem;flex:0 0 auto;}
  .sidebar-header .brand>span {font-size:1.0625rem;line-height:1.35;min-width:0;}
  .sidebar-header .brand small {font-size:.875rem;line-height:1.35;letter-spacing:0;margin-top:.125rem;}
  .mobile-member-tools {display:flex;align-items:center;gap:0;flex:0 0 auto;margin-left:auto;}
  .mobile-member-tools>.icon-button {
    width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;
    padding:.5rem;text-decoration:none;color:#5c714a;
  }
  .mobile-member-tools .icon {width:1.25rem;height:1.25rem;}
  .sidebar nav {
    position:fixed;inset:auto 0 0;z-index:30;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;
    padding:.375rem max(.5rem,env(safe-area-inset-right,0px)) calc(.375rem + env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));
    background:#fbfbf4;border-top:1px solid #dfe4d4;
    box-shadow:0 -3px 14px #44543408;
  }
  .sidebar nav .nav-item {
    min-height:4rem;min-width:0;flex-direction:column;justify-content:center;
    gap:.125rem;padding:.375rem .125rem;font-size:1rem;line-height:1.35;
    text-align:center;white-space:normal;overflow-wrap:anywhere;
  }
  .sidebar nav .nav-item .icon {width:1.375rem;height:1.375rem;}
  .workspace-header {display:none;}
  .workspace main {padding:1rem;}
  .overview-heading {display:block;margin-bottom:.75rem;}
  .overview-heading .eyebrow,.overview-heading .overview-intro {display:none;}
  .overview-heading h1 {font-size:1.5rem;line-height:1.4;}
  .overview-heading .group-select {
    display:grid;grid-template-columns:1.25rem auto minmax(0,1fr) 1rem;
    grid-template-rows:auto;align-items:center;gap:.5rem;
    min-width:0;min-height:3.25rem;margin-top:.75rem;padding:.25rem .75rem;
  }
  .overview-heading .group-symbol {grid-column:1;grid-row:1;}
  .overview-heading .group-symbol>.icon {width:1.25rem;height:1.25rem;}
  .overview-heading .group-select label {
    grid-column:2;grid-row:1;font-size:.9375rem;line-height:1.4;
  }
  .overview-heading .group-select select {
    grid-column:3;grid-row:1;width:100%;min-width:0;min-height:2.75rem;
    padding:.375rem 0;font-size:1.0625rem;line-height:1.5;
  }
  .overview-heading .group-select>.icon {grid-column:4;grid-row:1;width:1rem;height:1rem;}
  .current-plan {padding:.875rem;gap:.625rem;grid-template-columns:minmax(0,1fr);}
  .plan-identity {gap:.625rem;align-items:center;}
  .group-avatar {width:2.5rem;height:2.5rem;flex:0 0 auto;font-size:1.25rem;}
  .group-title {gap:.375rem .5rem;}
  .group-title h2 {font-size:1.25rem;line-height:1.4;}
  .plan-identity p {font-size:1.0625rem;line-height:1.4;margin-top:.25rem;}
  .plan-identity .member-count {display:none;}
  .plan-meta {
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    gap:.5rem .75rem;border-top:1px dashed #e1dec5;padding-top:.625rem;
  }
  .plan-meta>div:first-child {display:block;min-width:0;}
  .plan-meta>div:first-child>span {display:block;width:auto;font-size:.875rem;line-height:1.4;}
  .plan-meta strong {font-size:.9375rem;line-height:1.45;margin:.1875rem 0;letter-spacing:0;}
  .plan-meta small {font-size:.875rem;line-height:1.4;}
  .plan-meta .days-left {
    display:flex;align-items:baseline;justify-content:flex-end;gap:.25rem;
    min-width:0;border:0;padding:0;text-align:right;white-space:nowrap;
  }
  .plan-meta .days-left>strong {font-size:1.25rem;line-height:1.2;margin:0;font-weight:500;}
  .plan-meta .days-left>span {font-size:.875rem;line-height:1.4;}
  .plan-bottom {
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    gap:.5rem .625rem;padding:.625rem 0 0;margin:0;
  }
  .plan-bottom>p {max-width:none;font-size:.875rem;line-height:1.45;gap:.375rem;}
  .plan-bottom>p>.icon {width:1.125rem;height:1.125rem;margin:0;}
  .plan-bottom>.button {
    width:auto;min-height:3rem;padding:.5rem .75rem;gap:.5rem;
    font-size:1rem;line-height:1.4;white-space:normal;
  }
  .plan-bottom .renewal-unavailable {font-size:.875rem;line-height:1.45;max-width:10rem;}
  .queued-note {
    margin:0;padding:.625rem 0 0;gap:.375rem;
    font-size:.875rem;line-height:1.45;
  }
  .queued-note>.icon {width:1.125rem;height:1.125rem;margin:0;}
  .overview-details {margin-top:.875rem;}
  #toast {bottom:var(--member-nav-space,calc(5.25rem + env(safe-area-inset-bottom,0px)));}
}
@media (max-width:360px) {
  .overview-heading .group-select {grid-template-columns:1.125rem minmax(0,1fr) 1rem;}
  .overview-heading .group-select label {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
  .overview-heading .group-select select {grid-column:2;}
  .overview-heading .group-select>.icon {grid-column:3;}
}

/* The landing page's paper, watercolor and ink; reading scale and layout stay intact. */
:root {
  --paper:#fffaf0;
  --surface:#fffdf6;
  --ink:#603a28;
  --coffee:#603a28;
  --muted:#80634f;
  --sage:#788e59;
  --sage-dark:#5e713e;
  --sage-light:#f1f4e4;
  --line:#ecd6b8;
  --orange:#ed9567;
  --orange-soft:#fff1db;
  --clay:#ba7957;
  --member-outline:#d8b58f;
  --member-shadow:#b17e4912;
  background-color:var(--paper);
  color:var(--ink);
}
body {
  background:radial-gradient(ellipse at 0 70%,#f8ddb823,transparent 65%),var(--paper);
  color:var(--ink);
}
.workspace {
  background-image:linear-gradient(to bottom,#fffaf0cc,#fffaf0f5 260px,#fffaf0 460px),url('/images/watercolor-landscape-1280-v1.webp');
  background-position:center top;
  background-size:100% 460px,auto 460px;
  background-repeat:no-repeat;
}
.brand>span,.sidebar .brand>span,.sidebar-header .brand>span {color:var(--coffee);}
.brand small,.sidebar .brand small,.sidebar-header .brand small {color:var(--muted);}
.preview-banner {background:#f4ead5;color:#756046;}
.preview-dot {background:#b5784e;}
.banner-divider {color:#b99570;}
.sidebar,.development .sidebar {background:#fff9ed;border-color:var(--line);}
.workspace-header {background:#fffaf0e8;border-color:var(--line);}
.breadcrumbs,.sidebar-label,.sidebar-bottom small {color:var(--muted);}
.breadcrumbs strong,.sidebar-bottom strong {color:var(--coffee);}
.breadcrumbs .icon {color:#ac8967;}
.sidebar-bottom,.login-trust,.login-footer,.app-footer {border-color:var(--line);}
.app-footer,.login-footer {color:var(--muted);}
.nav-item {color:#80634f;border-radius:16px 19px 15px 18px;}
.nav-item:hover {background:#fff0d9;}
.nav-item.active,.sidebar nav .nav-item.active {
  color:#603a28;
  background:radial-gradient(ellipse at 20% 20%,#fce4b9,#f8ddb8c9);
  border-radius:19px 25px 17px 22px;
  box-shadow:inset 0 0 0 1px #d7ad7e70;
}
.nav-indicator {background:#b9673e;}
.sidebar-help {background:#fff2dc;border-color:#dec099;border-radius:20px 24px 18px 22px;box-shadow:0 3px 0 var(--member-shadow);}
.sidebar-help h3 {color:#6d482f;}
.sidebar-help p {color:var(--muted);}
.help-icon,.login-card-icon,.empty-icon {background:#f8e5c6;color:#98613c;border-radius:43% 50% 39% 47%;}
.icon-button,.mobile-member-tools>.icon-button,.sidebar-bottom>.icon-button {color:#8a5d3d;border-radius:47% 43% 49% 40%;}
.icon-button:hover {background:#f9e9d1;}
.text-button,.quiet-link,.overview-details .text-button,.workspace-header .quiet-link,
.header-links>.quiet-link,.account-actions>.text-button,.invoice-row>.text-button {color:#93522e;}
.text-button:hover,.quiet-link:hover {color:#ba592f;}
.button {border-radius:26px 29px 24px 27px;}
.button-primary,.plan-bottom>.button-primary {
  background:#f3a16f;
  background-image:linear-gradient(145deg,#ffc08c45,#e77f4d25);
  color:#512b17;
  border-color:#ec9a65;
  box-shadow:0 3px 0 #ba774619;
}
.button-primary:hover {background-color:#ed9567;box-shadow:0 4px 10px #8750311c;}
.button-outline {background:#fffaf0;border-color:#ae7854;color:var(--coffee);}
.button-outline:hover {background:#fff1db;}
.button:hover {box-shadow:0 3px 8px #87503114;}
.button-primary:hover {box-shadow:0 4px 10px #8750311c;}
.line-button {background:#06b94e;color:white;border-radius:23px 26px 22px 25px;box-shadow:none;}
.line-button:hover {background:#05a947;box-shadow:none;}
button:focus-visible,a:focus-visible,select:focus-visible,
.group-select select:focus-visible,.overview-disclosure>summary:focus-visible {outline-color:#a34a26;}
.skip-link {background:#603a28;color:#fffaf0;}
h1,h2,h3,.page-heading h1,.overview-heading h1,.group-title h2,
.usage-summary-head h2,.purchase-preview-head h2,.panel-head h2,
.profile-intro h2,.login-story h1,.login-card h2,dialog h2,.empty-state h2,
.usage-guide h2,.chart-empty h2 {color:var(--coffee);}
.page-heading h1 {position:relative;isolation:isolate;}
.page-heading h1::after {
  content:'';
  position:absolute;
  left:0;
  bottom:.09em;
  width:4.5em;
  max-width:90%;
  height:.2em;
  background:#f4b28d80;
  border-radius:45% 48% 27% 33%;
  transform:rotate(-1.1deg);
  pointer-events:none;
  z-index:-1;
}
.eyebrow,.login-story>.eyebrow,.login-card>.eyebrow,
.page-heading>div>p:not(.eyebrow),.login-story>p,.login-description,
.login-trust p,.login-legal,.login-features,.login-feedback {color:var(--muted);}
.login-trust strong {color:var(--coffee);}
.login-trust>.icon,.login-features .icon {color:#788e59;}
.login-feedback.error {color:#a34a26;}
.group-select,.filter-label select {
  background:#fffdf6;
  border-color:#d8b58f;
  border-radius:15px 18px 13px 17px;
  box-shadow:0 2px 0 #b17e4908;
}
.group-select label,.filter-label {color:var(--muted);}
.group-select select,.filter-label select {color:var(--coffee);}
.group-symbol,.group-select>.icon {color:#a47a52;}
.panel,.login-card {
  background:#fffdf6;
  border-color:var(--member-outline);
  border-radius:22px 29px 23px 26px;
  box-shadow:0 4px 0 var(--member-shadow);
}
.current-plan {
  background:radial-gradient(ellipse at 0 0,#f9dcac80,transparent 68%),radial-gradient(ellipse at 100% 100%,#f5caaa29,transparent 65%),#fff8e9;
  border-color:#d8ac7b;
  border-radius:23px 29px 22px 27px;
  box-shadow:0 4px 0 #bb83521a;
}
.group-avatar,.avatar {
  color:#8b542d;
  background:radial-gradient(ellipse at 25% 20%,#fbe7bd,#efd1a0);
  border-radius:43% 49% 38% 47%;
  box-shadow:inset 0 0 0 1px #c39a6552;
}
.group-avatar.work {background:#e7edcf;color:#61713e;}
.plan-identity p {color:#785239;}
.member-count,.plan-meta>div:first-child>span,.plan-meta small,
.plan-meta .days-left>span,.plan-bottom>p,.renewal-unavailable {color:var(--muted);}
.inline-divider {color:#b48f65;}
.plan-meta strong,.plan-meta .days-left>strong {color:#79502f;}
.plan-meta,.plan-bottom,.queued-note,.days-left {border-color:#ddc29a;}
.status-dot {color:#5e713e;}
.status-dot:before {background:#788e59;}
.status-dot.inactive {color:#94613e;}
.status-dot.inactive:before {background:#b8875d;}
.queued-note {color:#5e713e;}
.overview-details {color:var(--coffee);}
.usage-summary {background:#fffdf6;}
.usage-summary-heading>span,.usage-summary-foot>span,.purchase-preview-head p,
.quota-detail,.purchase-preview-empty,.purchase-preview-info>small,
.overview-disclosure>summary>.disclosure-hint,.rules-footnote,
.usage-rules dd,.history-body .panel-head p,.history-body .bar-value,
.history-body .bar-date,.history-body .chart-caption,.history-body .empty-chart {color:var(--muted);}
.usage-context {
  background:radial-gradient(ellipse at 15% 50%,#fbe2b76b,transparent 80%),#fff2db;
  border-color:#e6cda8;
  color:#80572d;
}

/* Keep the translation entry prominent beside the title, and full-width on phones. */
.usage-summary-head>.translation-entry {
  min-height:46px;padding:10px 16px;gap:8px;font-size:var(--overview-control);line-height:1.4;
  border-radius:12px;background:#b54b17;background-image:none;border-color:#b54b17;
  color:#fffdf7;box-shadow:none;white-space:normal;text-align:center;
}
.usage-summary-head>.translation-entry:hover {background:#9d3f13;border-color:#9d3f13;box-shadow:none;}
.usage-summary-head>.translation-entry>.icon {width:18px;height:18px;}
@media (max-width:760px) {
  .usage-summary-head>.translation-entry {width:100%;min-width:0;min-height:3rem;padding:.75rem 1rem;}
}
.quota-row {--quota-color:#bd8956;}
.quota-row.voice {--quota-color:#788e59;}
.quota-row.face {--quota-color:#c27b5a;}
.quota-row h3,.quota-value {color:var(--coffee);}
.quota-value>small {color:var(--muted);}
.quota-vip,.quota-vip>small {color:#80572d;}
.quota-unavailable {color:#94785d;}
.quota-row+.quota-row,.usage-summary-foot,
.purchase-preview-row,.overview-disclosure[open]>summary {border-color:#ecd6b8;}
.quota-symbol {background:radial-gradient(ellipse at 28% 25%,#f8dfb4b3,#fff1db45);border-radius:42% 49% 40% 51%;color:#a8703c;}
.voice .quota-symbol {background:radial-gradient(ellipse at 30% 20%,#e5ebcc,#f1f4e44a);color:#6a7a47;}
.face .quota-symbol {background:radial-gradient(ellipse at 30% 20%,#f4d5c2,#fff1db4a);color:#ae6c48;}
.quota-meter {background:#f2e9d9;border-radius:44px 37px 40px 35px;}
.quota-meter>span {border-radius:35px 42px 36px 40px;}
.quota-row>.quota-reserved {color:#8b6338;}
.usage-rules dt,.overview-disclosure>summary {color:#70452e;}
.overview-disclosure>summary>.icon {color:#a47a52;}
.overview-disclosure>summary:hover,.purchase-preview-row:hover {background:#fff3df;}
.purchase-preview-row,.purchase-preview-info>strong,.purchase-preview-payment>strong {color:var(--coffee);}
.notice,.profile-panel .notice {background:#f1f4e4;border-color:#d4dab5;border-radius:15px 20px 14px 18px;}
.notice,.notice p,.profile-panel .notice p,.notice strong {color:#5d683f;}
.notice.warning,.notice.warning p,.notice.warning strong {background-color:#fff1d4;color:#805626;}
.notice.warning {border-color:#e5c78f;}
.notice.warning p,.notice.warning strong {background-color:transparent;}
.vip-notice,.vip-notice p,.vip-notice strong {color:#80572d;}
.vip-notice {background:#fff2db;border-color:#e6cda8;}
.account-details>div,.order-amount,.checkout-total {border-color:var(--line);}
.account-details dt,.detail-list dt,.detail-list small,
.profile-intro p,.modal-description,.modal-footnote {color:var(--muted);}
.account-details dd,.detail-list dd {color:var(--coffee);}
.purchase-summary,.data-note,.purchase-summary>.muted {color:var(--muted);}
.purchase-summary strong,.order-amount>strong,.checkout-total>strong {color:var(--coffee);}
.filter-label select {border-color:#d8b58f;}
.order-panel th {color:#8c694c;background:#fff4e1;border-color:var(--line);}
.order-panel td {color:#785339;border-color:var(--line);}
.order-panel td>strong,.order-panel .amount {color:var(--coffee);}
.order-panel td>small,.empty-table {color:var(--muted);}
.row-action {color:#93522e;}
.payment-status {background:#eef2df;color:#5e713e;border-radius:12px 15px 11px 14px;}
.payment-status.pending {background:#fff0d4;color:#8a5b21;}
.payment-status.failed {background:#f9e5d9;color:#9a4e31;}
.payment-status.neutral {background:#f1ebdf;color:#80634f;}
.purchase-preview-payment>.payment-status {background:transparent;color:#5e713e;}
.purchase-preview-payment>.payment-status.pending {color:#8a5b21;}
.purchase-preview-payment>.payment-status.failed {color:#9a4e31;}
.purchase-preview-payment>.payment-status.neutral {color:#80634f;}
.segmented {background:#f5ecda;border-color:#e2c8a4;border-radius:16px 19px 15px 18px;}
.segmented button {color:#80634f;border-radius:12px 15px 11px 14px;}
.segmented button[aria-pressed=true] {background:#ffe6c3;color:#78472b;box-shadow:0 2px 0 #ba77460d;}
.bar-chart {--bar-color:#ddb384;background-image:repeating-linear-gradient(to top,transparent 0,transparent 47px,#eee1c9 48px,#eee1c9 49px);}
.bar-chart.voice {--bar-color:#a5b581;}
.bar-chart.face {--bar-color:#d4a087;}
.bar-track>span {border-radius:8px 10px 0 0;}
.chart-caption,.bar-value,.bar-date,.empty-chart,.chart-empty p,.empty-state p {color:var(--muted);}
.invoice-row {background:#fff3df;border-color:#e4c7a2;border-radius:15px 20px 14px 18px;}
.invoice-row strong,.invoice-demo>strong {color:var(--coffee);}
.invoice-row p,.invoice-demo,.invoice-demo p {color:var(--muted);}
.invoice-row>.icon,.invoice-demo>.icon {color:#a57852;}
dialog {
  background:#fffaf0;
  border-color:#cda57b;
  border-radius:24px 28px 23px 26px;
  color:var(--coffee);
  box-shadow:0 24px 100px #613e292f;
}
dialog::backdrop {background:#543a2d73;}
.checkout-plans>button {background:#fff7e8;border-color:#dcc09b;border-radius:18px 23px 17px 21px;color:var(--muted);}
.checkout-plans>button[aria-pressed=true] {background:radial-gradient(ellipse at 0 0,#ffe6bf,transparent 85%),#fff2dd;border-color:#bd7950;box-shadow:0 3px 0 #ba774614;}
.checkout-plans>button>span,.checkout-plans>button>strong {color:var(--coffee);}
.checkout-plans>button>strong>small,.checkout-plans>button>p,.checkout-total>span {color:var(--muted);}
.checkout-plans>button>.icon {color:#a55b32;}
.login-card {background:radial-gradient(ellipse at 100% 0,#fce5c263,transparent 65%),#fffdf6;border-color:#d8b58f;box-shadow:0 7px 0 #b17e4912,0 15px 40px #a97b4910;}
.floating-note {background:#fff8e8;border-color:#d7b38a;color:#805a38;box-shadow:0 3px 0 #b17e4910;}
.floating-note .icon {color:#788e59;}
.loading-ring {border-color:#ead7b9;border-top-color:#c77f4e;}
.initial-state {color:var(--muted);}
#toast {background:#68452e;color:#fffaf0;border-radius:15px 19px 13px 17px;box-shadow:0 4px 0 #a8754919;}
@media (max-width:760px) {
  .sidebar nav {background:#fffaf0f7;border-color:#d9b78f;box-shadow:0 -3px 12px #885b350c;}
  .order-panel tbody tr {border-color:#dfc4a0;border-radius:18px 22px 17px 20px;background:#fffdf6;}
  .plan-bottom>.button {border-radius:24px 27px 22px 25px;}
}

.history-body>.chart-panel {box-shadow:none;}
.purchase-preview-row>.icon {color:#a47a52;}

.plan-bottom>.button {border-radius:26px 29px 24px 27px;}

/* Desktop purchase and account pages share the overview's readable 16 / 14px scale. */
@media (min-width:761px) {
  .page-heading.purchases-heading>div>p:not(.eyebrow),
  .page-heading.settings-heading>div>p:not(.eyebrow) {
    font-size:16px;line-height:1.6;
  }
  .filter-label {font-size:14px;line-height:1.5;}
  .filter-label select {font-size:16px;line-height:1.5;min-height:44px;}
  .purchase-summary {font-size:16px;line-height:1.6;}
  .purchase-summary strong {font-size:22px;line-height:1.4;}
  .purchase-summary>.muted {font-size:14px;line-height:1.6;}
  .order-panel table {font-size:16px;line-height:1.6;white-space:normal;}
  .order-panel th {font-size:14px;line-height:1.5;}
  .order-panel td {font-size:16px;line-height:1.6;}
  .order-panel td>strong {font-size:16px;line-height:1.6;white-space:nowrap;}
  .order-panel td>small {
    font-size:14px;line-height:1.5;max-width:30ch;overflow-wrap:anywhere;
  }
  .order-panel .amount {font-size:18px;font-weight:500;white-space:nowrap;}
  .order-panel .payment-status {font-size:14px;line-height:1.5;white-space:nowrap;gap:5px;}
  .order-panel .payment-status .icon {width:16px;height:16px;}
  .order-panel .row-action {
    font-size:16px;line-height:1.5;min-height:44px;white-space:nowrap;
  }
  .order-panel .row-action .icon {width:16px;height:16px;}
  .order-panel .empty-table {font-size:16px;line-height:1.6;}
  .data-note {font-size:14px;line-height:1.6;}
  .data-note>.icon {width:18px;height:18px;}
  .profile-intro p {font-size:15px;line-height:1.6;}
  .account-details>div {font-size:16px;line-height:1.6;}
  .account-details dt {font-size:14px;line-height:1.6;}
  .account-details dd {font-size:16px;line-height:1.6;}
  .profile-panel .notice,.profile-panel .notice p {font-size:16px;line-height:1.65;}
  .profile-panel .notice>.icon {width:20px;height:20px;}
  .profile-panel .button,.account-actions>.text-button {
    font-size:16px;line-height:1.5;min-height:44px;
  }
}

/* Spread the desktop watercolor across its whole content surface. */
@media (min-width:761px) {
  .workspace {background-size:100% 100%,100% auto;}
}

/* Desktop dialogs use the same 16 / 14px reading scale as member pages. */
@media (min-width:761px) {
  #modal {font-size:16px;line-height:1.6;}
  #modal>.eyebrow {font-size:14px;line-height:1.5;}
  #modal h2 {padding-right:44px;}
  #modal .modal-description {font-size:16px;line-height:1.6;}
  #modal .modal-footnote {font-size:14px;line-height:1.6;}
  #modal .detail-list {font-size:16px;line-height:1.6;}
  #modal .detail-list dt {font-size:14px;line-height:1.6;}
  #modal .detail-list dd {font-size:16px;line-height:1.6;}
  #modal .detail-list small {font-size:14px;line-height:1.6;}
  #modal .notice,#modal .notice p {font-size:16px;line-height:1.6;}
  #modal .notice>.icon {width:20px;height:20px;}
  #modal .payment-status {font-size:14px;line-height:1.5;}
  #modal .payment-status .icon {width:16px;height:16px;}
  #modal .button,#modal .text-button {
    font-size:16px;line-height:1.5;min-height:44px;
  }
  #modal .button>.icon,#modal .text-button>.icon {width:20px;height:20px;}
  #modal .modal-close {width:44px;height:44px;min-width:44px;min-height:44px;}
  #modal .modal-close>.icon {width:20px;height:20px;}
  #modal .checkout-plans>button {font-size:16px;line-height:1.6;}
  #modal .checkout-plans>button>span {font-size:16px;line-height:1.5;}
  #modal .checkout-plans>button>strong>small {font-size:14px;line-height:1.5;}
  #modal .checkout-plans>button>p {font-size:16px;line-height:1.6;}
  #modal .checkout-plans>button>.icon {width:20px;height:20px;}
  #modal .checkout-total>span {font-size:16px;line-height:1.6;}
  #modal .invoice-row strong {font-size:16px;line-height:1.5;}
  #modal .invoice-row p {font-size:14px;line-height:1.6;}
  #modal .invoice-row>.icon {width:20px;height:20px;}
  #modal .invoice-demo>strong,#modal .invoice-demo p {font-size:16px;line-height:1.6;}
  #modal .line-mark {font-size:14px;min-width:40px;height:28px;}
}

/* First-time members can start a trial without a paid subscription. */
.login-onboarding{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:16px;line-height:1.8}
.login-onboarding .text-button{font-size:inherit}
.trial-guide .trial-steps{max-width:540px;margin:20px auto;padding-left:1.5em;text-align:left;font-size:16px;line-height:1.8}
.trial-guide .trial-steps li+li{margin-top:8px}
.trial-guide>p,.trial-guide .trial-note{font-size:16px;line-height:1.8}
.trial-guide .trial-note{margin-top:16px}
@media(max-width:760px){.login-onboarding,.trial-guide .trial-steps,.trial-guide>p,.trial-guide .trial-note{font-size:17px}}