:root{color-scheme:light;--paper:#faf9f5;--ink:#20382c;--muted:#6c756d;--line:#dedfd4;--green:#315c42;--lime:#dceaba;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #849b55;outline-offset:4px}header{height:96px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:2px;font-size:19px;display:flex;align-items:center;gap:12px}.back{font-size:13px;color:var(--muted)}main{max-width:1184px;margin:auto;padding:64px 0;min-height:calc(100svh - 180px)}footer{max-width:1184px;margin:auto;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}footer div{display:flex;gap:25px}.loading{text-align:center;padding:120px 0}.auth-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;min-height:580px}.eyebrow{font-size:11px;letter-spacing:2.3px;text-transform:uppercase;color:var(--green);font-weight:650;margin:0 0 20px}.auth-story h1{font-size:clamp(40px,4vw,58px);line-height:1.18;font-weight:550;letter-spacing:-2px;margin:0 0 24px}.auth-story h1 em{font-style:normal;color:var(--green)}.lead{font-size:16px;max-width:360px;color:var(--muted);line-height:1.9}.ecosystem{position:relative;height:235px;margin:38px 0 20px;max-width:440px}.orbit{position:absolute;width:240px;height:240px;left:85px;top:0;border:1px solid #d5ddc9;border-radius:50%;background:radial-gradient(circle,#edf2e4,transparent 70%)}.orbit:after{content:"";position:absolute;inset:30px;border:1px dashed #c7d3ba;border-radius:50%}.hub{position:absolute;left:160px;top:82px;background:var(--green);color:white;padding:20px 24px;border-radius:18px;z-index:2;font-size:12px;letter-spacing:1px;box-shadow:0 15px 30px #315c421c}.mini-product{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;box-shadow:0 8px 20px #20382c06;display:flex;gap:13px;align-items:center;font-weight:550;font-size:13px;z-index:3}.mini-product small{display:block;color:var(--muted);font-weight:400;font-size:10px}.mini-product:first-of-type{left:0;top:20px}.mini-product.sonote{right:0;top:150px}.mini-product.star{left:0;top:175px;opacity:.65}.symbol{width:32px;height:32px;background:#ecf1e3;border-radius:9px;display:grid;place-items:center;font-size:20px;color:var(--green)}.small-note{color:var(--muted);font-size:12px}.auth-card{background:white;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:0 20px 50px #23372b05}.auth-card h2{font-size:26px;letter-spacing:-.5px;font-weight:550;margin:0 0 8px}.auth-card .muted{font-size:13px;margin:0 0 28px}.muted{color:var(--muted)}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;background:white;border:1px solid #cfd5cc;border-radius:8px;padding:12px;width:100%;color:var(--ink);font-weight:550}.google-button svg{width:20px;height:20px}.divider{display:flex;align-items:center;gap:15px;font-size:11px;color:#8a9189;margin:25px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e6e8e1}.field{display:block;margin:17px 0}.field span{display:block;font-size:12px;font-weight:550;margin-bottom:7px}.field input{width:100%;border:1px solid #dce0d7;border-radius:7px;padding:12px;background:#fbfcf9;color:var(--ink);min-width:0}.field input::placeholder{color:#a1a79f}.code-row{display:flex;align-items:end;gap:10px;margin:17px 0}.code-row .field{margin:0;flex:1}.code-row button{flex-shrink:0;min-height:48px}.button{background:var(--green);color:white;border:1px solid var(--green);padding:12px 18px;border-radius:7px;font-weight:550;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:16px}.button.secondary{background:transparent;color:var(--green);border-color:var(--line)}.button.full{width:100%;margin-top:8px}.links{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:20px 0 0}.text-button{padding:0;border:0;background:none;color:var(--green);font-size:12px}.form-note{font-size:11px;color:#858d84;line-height:1.8;margin:24px 0 0}.message{font-size:13px;padding:12px 15px;background:#edf3e5;border:1px solid #d9e3cb;border-radius:8px;margin:16px 0 0;overflow-wrap:anywhere}.message.error{background:#fff0e9;border-color:#edcfbe;color:#9d4724}.dashboard{display:grid;grid-template-columns:190px 1fr;gap:64px;min-height:620px}.sidebar{display:flex;flex-direction:column;gap:8px}.identity{margin-bottom:26px;overflow-wrap:anywhere}.avatar{width:46px;height:46px;border-radius:50%;background:var(--lime);color:var(--green);display:grid;place-items:center;font-size:20px;margin-bottom:12px}.identity strong{display:block;font-size:15px;font-weight:600}.identity small{color:var(--muted);font-size:11px}.sidebar button{border:0;text-align:left;padding:12px 15px;border-radius:7px;background:none;color:var(--muted);font-size:13px}.sidebar button.active{background:#eaf0df;color:var(--green);font-weight:600}.dashboard-main{min-width:0}.dashboard-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px}.dashboard-title h1{font-size:36px;letter-spacing:-1px;font-weight:550;margin:0 0 8px}.dashboard-title .eyebrow{margin-bottom:12px}.dashboard-title p.muted{font-size:13px;margin:0}.status-pill{display:inline-block;background:#eaf1df;color:var(--green);font-size:10px;border:1px solid #dce6ce;padding:5px 10px;border-radius:20px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.product-cover{height:128px;background:#ecf0e5;padding:25px;position:relative;overflow:hidden}.product-cover.speech{background:#f2ede5}.product-cover:after{content:"";position:absolute;width:200px;height:200px;right:-25px;top:-55px;border:1px solid #bcc8ae;border-radius:50%;box-shadow:0 0 0 25px #ffffff33,0 0 0 50px #ffffff33}.product-cover .symbol{background:var(--green);color:#fff;width:42px;height:42px;position:relative;z-index:1}.product-cover span.label{font-size:10px;letter-spacing:1.5px;margin-top:10px;display:block;position:relative;z-index:1}.product-body{padding:24px;flex:1}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-heading h2{font-size:20px;font-weight:600;margin:0}.product-body .muted{font-size:11px;margin-top:7px}.quota{margin:24px 0}.quota strong{font-size:32px;letter-spacing:-1px;font-weight:500}.quota small{color:var(--muted);font-size:12px;margin-left:7px}.meter{width:100%;height:5px;border:0;background:#e9ede4;border-radius:4px;display:block;margin:12px 0}.meter::-webkit-progress-bar{background:#e9ede4;border-radius:4px}.meter::-webkit-progress-value{background:#6d8d53;border-radius:4px}.meter::-moz-progress-bar{background:#6d8d53;border-radius:4px}.quota p{color:var(--muted);font-size:11px;margin:0}.product-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ece3;padding:16px 24px;font-size:12px;color:var(--green)}.notice{margin-top:26px;border:1px dashed #cdd7c2;border-radius:12px;padding:20px 24px;font-size:12px;color:var(--muted);display:flex;gap:18px}.notice strong{color:var(--ink);display:block;font-size:14px;margin-bottom:4px}.section-title{font-size:16px;font-weight:600;margin:38px 0 16px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:18px}.panel-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel h2{font-size:16px;font-weight:600;margin:0 0 8px}.panel p{font-size:12px;color:var(--muted);margin:0}.panel .button{flex-shrink:0}.empty-state{padding:50px 25px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#fff}.empty-state .symbol{margin:0 auto 15px;width:48px;height:48px}.empty-state h2{font-size:18px;font-weight:550;margin:0 0 10px}.empty-state p{color:var(--muted);font-size:13px;margin:0}.record{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:13px}.record small{display:block;color:var(--muted)}.security-form{max-width:430px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1279px){main,footer{margin-left:48px;margin-right:48px}.auth-layout{gap:60px}}@media(max-width:900px){.auth-layout{gap:32px}.auth-story h1{font-size:42px}.ecosystem{transform:scale(.85);transform-origin:left center;width:380px;margin-right:-50px}.auth-card{padding:28px}.dashboard{gap:30px;grid-template-columns:155px 1fr}.product-grid{grid-template-columns:1fr}.dashboard-title h1{font-size:30px}.panel-row{align-items:start;flex-direction:column}}@media(max-width:650px){header{height:76px;padding:0 22px}.brand{font-size:15px}.back{font-size:11px}main{margin:0;padding:35px 22px;min-height:calc(100svh - 155px)}footer{margin:0 22px;gap:15px;flex-direction:column;padding:18px 0}.auth-layout{grid-template-columns:1fr;gap:28px;min-height:auto}.auth-story h1{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.auth-story .lead{font-size:13px;margin:0}.auth-story .eyebrow{margin-bottom:10px}.ecosystem,.auth-story .small-note{display:none}.auth-card{padding:26px;border-radius:14px}.auth-card h2{font-size:23px}.dashboard{grid-template-columns:1fr;gap:28px}.sidebar{flex-direction:row;flex-wrap:wrap;gap:6px}.identity{width:100%;margin:0 0 12px;display:grid;grid-template-columns:40px 1fr;column-gap:12px}.avatar{grid-row:span 2;width:40px;height:40px;font-size:18px;margin:0}.identity strong{font-size:13px}.sidebar button{padding:10px 12px}.sidebar .signout{margin:0 0 0 auto}.dashboard-title h1{font-size:28px}.dashboard-title{gap:15px}.dashboard-title .status-pill{display:none}.notice{padding:17px;gap:10px}.product-cover{height:112px}.record{flex-direction:column;gap:8px}.code-row{gap:8px}.code-row button{padding:12px;font-size:12px}}@media(prefers-reduced-motion:no-preference){.auth-card{animation:enter .35s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.panel-row .google-button{width:auto;flex-shrink:0;padding:10px 16px}

.brand-icon{width:32px;height:32px;flex-shrink:0}

/* Keep primary account actions in the first viewport, including narrow web panels. */
header{height:76px}main{padding:32px 0;min-height:calc(100svh - 150px)}footer{padding:18px 0}.auth-layout{min-height:0;gap:72px}.auth-story h1{font-size:48px}.ecosystem{height:220px;margin:26px 0 16px}.auth-card{padding:28px 32px;max-width:480px;width:100%;justify-self:end}.auth-card h2{font-size:24px}.auth-card .eyebrow{margin-bottom:14px}.auth-card .muted{margin-bottom:20px}.google-button{padding:10px 14px}.divider{margin:18px 0}.field{margin:13px 0}.field span{margin-bottom:6px}.field input{padding:10px 12px}.code-row{margin:13px 0}.code-row button{min-height:45px}.button{padding:10px 16px}.links{margin-top:16px}.form-note{margin-top:18px}.dashboard{min-height:0;gap:40px}.dashboard-title{margin-bottom:24px}.dashboard-title h1{font-size:30px}.product-cover{height:96px;padding:18px 24px}.product-cover .symbol{width:32px;height:32px}.product-body{padding:20px}.quota{margin:18px 0}.quota strong{font-size:28px}.product-action{padding:13px 20px}.notice{margin-top:20px;padding:16px 20px}.panel{padding:20px;margin-bottom:14px}.record{padding:13px 0}.section-title{margin:26px 0 14px}
@media(max-width:1000px){.auth-layout{grid-template-columns:1fr;gap:0}.auth-story{display:none}.auth-card{justify-self:center;max-width:440px}.dashboard{grid-template-columns:1fr;gap:24px}.sidebar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}.identity{margin:0 16px 0 0;display:grid;grid-template-columns:36px 1fr;column-gap:10px}.avatar{grid-row:span 2;width:36px;height:36px;font-size:16px;margin:0}.identity strong{font-size:13px}.identity small{font-size:10px}.sidebar button{padding:9px 12px}.sidebar .signout{margin:0 0 0 auto;padding:9px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-row{flex-direction:row;align-items:center}.panel .record{flex-direction:row}.dashboard-title .status-pill{display:none}}
@media(max-width:650px){header{height:64px;padding:0 20px}main{margin:0;padding:20px;min-height:calc(100svh - 132px)}footer{margin:0 20px;padding:14px 0;flex-direction:row;flex-wrap:wrap;gap:8px}footer div{gap:16px}.brand{font-size:14px;gap:8px}.brand-icon{width:28px;height:28px}.auth-card{padding:24px;max-width:440px}.auth-card h2{font-size:23px}.auth-card .eyebrow{margin-bottom:10px}.auth-card .muted{font-size:12px;margin-bottom:18px}.form-note{font-size:10px;margin-top:16px}.sidebar{gap:4px}.identity{width:100%;margin:0 0 8px}.sidebar .signout{margin-left:auto;font-size:11px}.sidebar button{padding:8px 10px;font-size:12px}.dashboard{gap:20px}.dashboard-title{margin-bottom:18px}.dashboard-title .eyebrow{margin-bottom:8px}.dashboard-title h1{font-size:26px}.dashboard-title .muted{font-size:12px}.product-cover{height:80px;padding:14px 18px}.product-cover span.label{font-size:8px}.product-heading{flex-wrap:wrap;gap:6px}.product-heading h2{font-size:17px}.product-body{padding:16px}.product-action{padding:12px 16px}.quota{margin:14px 0}.quota strong{font-size:25px}.quota small{font-size:11px}.panel{padding:18px}.panel-row{align-items:start;flex-direction:column;gap:12px}.panel .record{flex-direction:column;gap:5px}.notice{padding:14px;font-size:11px;gap:10px}.notice strong{font-size:12px}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr;gap:14px}.product-cover{display:none}.product-heading{flex-wrap:nowrap}.quota{margin:12px 0}.quota p{font-size:10px}.product-heading h2{font-size:18px}.product-body .muted{margin-top:4px}.meter{margin:8px 0}.identity{margin-bottom:4px}.sidebar .signout{padding-left:4px}.sidebar button{font-size:11px;padding:8px}.notice .symbol{display:none}.notice{margin-top:16px}.auth-card{padding:22px}}
@media(min-width:1001px) and (max-height:800px){.auth-layout{gap:60px}.auth-story h1{font-size:42px}.ecosystem{margin-top:14px;transform:scale(.85);transform-origin:left center;height:190px}.auth-story .lead{font-size:14px}.auth-story .small-note{font-size:11px}main{padding:24px 0}.auth-card{padding:24px 28px}}

/* Account settings use one reading column, with full-width device rows. */
.avatar{position:relative;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.security-layout{display:flex;flex-direction:column;gap:24px}.security-layout .panel{margin:0;padding:0;overflow:hidden;border-radius:16px}.security-heading,.device-heading{padding:24px 28px 0}.security-heading h2,.device-heading h2{font-size:17px;margin:0 0 5px}.security-heading p,.device-intro{font-size:12px;line-height:1.8;color:var(--muted)}.security-item{display:flex;align-items:center;gap:18px;padding:22px 0;margin:0 28px;border-bottom:1px solid #e9ece3}.security-item:last-child{border-bottom:0}.security-icon,.device-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #e5e9df;border-radius:12px;background:#f6f8f2;color:var(--green)}.security-icon svg,.device-icon svg{width:21px;height:21px}.security-copy{flex:1;min-width:0}.security-item h3{font-size:13px;font-weight:600;margin:0 0 4px}.security-item p{line-height:1.7;margin:0;font-size:12px;overflow-wrap:anywhere}.security-item .account-email{color:var(--ink)}.security-item .button{font-size:12px;flex-shrink:0;padding:8px 14px}.security-item .status-pill{font-size:11px;padding:4px 12px}.device-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-heading-actions{display:flex;align-items:center;gap:16px}.device-count{font-size:11px;color:var(--muted);white-space:nowrap}.device-heading-actions .text-button{font-size:12px}.panel .device-intro{padding:4px 28px 20px;margin:0}.device-list{display:flex;flex-direction:column}.device-card{padding:20px 28px;border-top:1px solid #e9ece3;background:#fff}.device-card.is-current{background:#f7faf3}.device-row{display:flex;align-items:center;gap:16px}.device-info{flex:1;min-width:0}.device-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.device-name h3{font-size:14px;margin:0;font-weight:600;overflow-wrap:anywhere}.device-info p{font-size:12px;margin-top:3px}.device-exit{border:1px solid var(--line);border-radius:7px;background:transparent;font-size:12px;color:var(--green);cursor:pointer;white-space:nowrap;padding:8px 14px}.device-exit:hover,.security-item .button:hover{background:#eaf0df;border-color:#c7d3ba}.device-meta{display:flex;flex-wrap:wrap;gap:4px 20px;margin:8px 0 0 58px;color:var(--muted);font-size:11px;line-height:1.8}.device-confirm{margin:16px 0 0 58px;border-top:1px solid var(--line);padding-top:14px}.device-confirm p{line-height:1.7;margin-bottom:12px}.device-confirm>div{display:flex;gap:8px;justify-content:flex-end}.device-confirm .button{padding:8px 14px;font-size:12px}.security-signout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px}.security-signout h2{font-size:13px;font-weight:600;margin:0 0 5px}.security-signout p{font-size:12px;color:var(--muted);margin:0}.security-signout .button{color:#944b3a;border-color:#e5d5cd;font-size:12px;flex-shrink:0}.security-signout .button:hover{background:#fff0e9}
@media(max-width:650px){.security-layout{gap:18px}.security-heading,.device-heading{padding:20px 18px 0}.security-item{margin:0 18px;padding:18px 0;gap:12px;flex-wrap:wrap}.security-icon,.device-icon{width:36px;height:36px;border-radius:10px}.security-copy{flex-basis:calc(100% - 48px)}.security-item>.button,.security-item>.status-pill{margin-left:48px}.panel .device-intro{padding:4px 18px 18px}.device-card{padding:18px}.device-row{gap:12px;flex-wrap:wrap}.device-info{flex-basis:calc(100% - 48px)}.device-exit{margin-left:48px;padding:7px 12px}.device-meta,.device-confirm{margin-left:48px}.device-name{gap:7px}.device-name .status-pill{font-size:9px;padding:3px 7px}.device-meta{font-size:10px;gap:2px 12px}.security-signout{align-items:flex-start;flex-direction:column;gap:12px}.security-signout p{font-size:11px}}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.price-card{display:flex;flex-direction:column;gap:16px;margin:0;min-width:0}.price-card h2{font-size:22px;margin:0}.price-card p{margin:0}.price-card .price-amount{font-size:32px;color:var(--ink);font-weight:600}.price-amount small{font-size:12px;color:var(--muted);font-weight:400}.price-card .button{margin-top:auto}.button:disabled{opacity:.5;cursor:default}.plan-features{padding-left:20px;color:var(--muted);font-size:13px;line-height:2}.product-body>a{display:inline-block;margin-top:8px}.record small{display:block;overflow-wrap:anywhere}.notice button{margin-left:8px}@media(max-width:700px){.price-grid{grid-template-columns:1fr}.price-card{padding:22px}.price-card .price-amount{font-size:28px}}

/* Pricing uses the same plan hierarchy as the product website. */
.price-grid{gap:18px;margin:24px 0 18px}
.price-card{display:grid;grid-template-rows:subgrid;grid-row:span 7;padding:26px;gap:0;background:#fffefa}
.price-card h2{font-size:22px;margin:0 0 8px}
.price-card .plan-description{font-size:13px;color:var(--muted);min-height:44px;line-height:1.7}
.price-card .price-amount{font-size:36px;margin:22px 0 18px;white-space:nowrap;letter-spacing:-1px}
.price-amount small{font-size:12px;letter-spacing:0}
.price-card .plan-allowance{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}
.price-card .plan-note{font-size:12px;color:var(--muted);margin:0 0 24px;line-height:1.7}
.price-card>.button{margin-top:0;min-height:44px;align-self:start}
.price-card .plan-features{list-style:none;padding:20px 0 0;margin:24px 0 0;border-top:1px solid var(--line);font-size:12px;line-height:1.8}
.price-card .plan-features li{padding:5px 0}
.price-card .plan-features li:before{content:'✓';color:var(--green);margin-right:8px}
.pricing-caption{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 36px}
.purchase-context{padding:14px 18px;margin:0 0 24px;border:1px solid var(--line);border-radius:10px;background:#f5f7f1;color:var(--muted);font-size:13px;line-height:1.8}
.pricing-faq{margin:32px 0}
.pricing-faq h2{font-size:18px;margin:0 0 14px}
.pricing-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.pricing-faq summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.6}
.pricing-faq p{font-size:13px;color:var(--muted);line-height:1.9;margin:12px 0 0}
.pricing-legal{font-size:11px;color:var(--muted);line-height:1.9;margin:24px 0}
.pricing-legal a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1001px) and (max-width:1200px){.price-card{padding:20px}.price-card .price-amount{font-size:30px}.price-card .plan-allowance{font-size:13px}}
@media(max-width:650px){.price-card{padding:24px}.price-card .plan-description{min-height:0}.price-card .price-amount{font-size:34px}}


/* Account content uses the website's shared navigation and product identity. */
main,footer{max-width:1180px}
.account-tabs{display:flex;flex-direction:column;gap:6px}
.account-tabs button{min-height:44px;white-space:nowrap}
.product-cover.speech{background:#e9eedc}.product-cover.sonote{background:#e8edf5}
.product-cover .product-mark{position:relative;z-index:1}
.product-heading>.product-mark{display:none}
.product-body>.button{display:inline-flex;min-height:44px;margin:10px 0 2px}
.product-action{min-height:48px}
.empty-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.empty-actions .button{min-height:44px}
.purchase-summary{padding:18px 20px;border:1px solid #d5dfc7;border-radius:10px;background:#f2f5ec;margin:0 0 24px}
.purchase-summary>p{font-size:12px;color:#687168;line-height:1.8;margin:0 0 7px}
.purchase-summary h3{font-size:16px;color:var(--ink);line-height:1.5;margin:0 0 10px}
.purchase-cost{font-size:24px;font-weight:600;color:var(--ink);margin:0 0 8px}
.purchase-cost span{font-size:12px;font-weight:400;color:#687168}
.purchase-summary>a{display:inline-flex;align-items:center;min-height:40px;font-size:13px;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.form-note{font-size:12px;color:#687168;line-height:1.8}
.field input::placeholder{color:#687168;opacity:1}
.links{flex-wrap:wrap;gap:8px 16px}
.links .text-button{min-height:40px;font-size:12px}
.form-note a{display:inline-block;text-decoration:underline;text-underline-offset:3px}
.pricing-legal{font-size:12px}
footer{font-size:12px}
@media(max-width:1000px){.sidebar{display:flex;flex-direction:column;align-items:stretch;gap:12px}.identity{width:100%;margin:0}.account-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:4px;min-height:48px;padding:0 2px 4px}.account-tabs button{flex:0 0 auto;min-height:44px;font-size:13px;padding:10px 14px}.dashboard{gap:24px}}
@media(max-width:650px){.form-note{font-size:12px}.auth-card .muted{font-size:13px}.product-pricing{gap:18px}.empty-actions{flex-direction:column;align-items:stretch}.empty-actions .button{width:100%}.purchase-summary{padding:16px}.account-tabs{margin:0 -2px}.account-tabs button{font-size:13px}.identity{margin:0}.dashboard-title .muted{font-size:13px}}
@media(max-width:480px){.product-heading>.product-mark{display:inline-grid;flex-basis:32px;width:32px;height:32px;border-radius:8px}.product-heading>.product-mark svg{width:23px;height:23px}.product-heading h2{flex:1}.product-heading{gap:10px;flex-wrap:wrap}.product-heading .status-pill{margin-left:auto}}
.account-selection{max-width:480px;margin:48px auto}.account-selection .button{min-height:44px}
.sidebar{min-width:0}.account-tabs{min-width:0;max-width:100%}
@media(max-width:1000px){.dashboard{grid-template-columns:minmax(0,1fr)}}

.account-profile{display:contents}
.sidebar .sidebar-logout{order:1;flex:0 0 auto;min-height:44px;margin:0;padding:12px 15px;border:1px solid #e5d5cd;background:#fff5f0;color:#944b3a;font-size:13px}
.sidebar .sidebar-logout:hover{background:#ffede5;border-color:#d9bfb3}
.sidebar-logout svg{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.account-profile{display:flex;align-items:center;gap:16px}.account-profile .identity{flex:1;min-width:0;width:auto;margin:0}.sidebar .sidebar-logout{display:grid;place-items:center;width:44px;height:44px;padding:0}.sidebar-logout svg{display:block}.sidebar-logout span{display:none}}

/* Every account tab starts from the same compact title area. */
#app:has(>.dashboard){padding-top:24px;padding-bottom:24px}
.dashboard-title{min-height:90px;margin-bottom:20px}
.dashboard-title+*{margin-top:0}
.dashboard-title .eyebrow{line-height:18px;margin-bottom:6px}
.dashboard-title h1{line-height:1.3;margin-bottom:6px}
.dashboard-title p.muted{line-height:1.6}
@media(max-width:650px){#app:has(>.dashboard){padding-top:20px;padding-bottom:20px}.dashboard-title{min-height:0;margin-bottom:16px}}

.checkout-challenge{box-sizing:border-box;width:364px;max-width:calc(100vw - 16px);max-height:calc(100svh - 32px);padding:20px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 20px 60px rgb(32 56 44 / 18%)}
.checkout-challenge::backdrop{background:rgb(32 56 44 / 28%);backdrop-filter:blur(2px)}
.checkout-challenge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.checkout-challenge h2{font-size:17px;font-weight:600;line-height:1.5;margin:0;outline:none}
.checkout-challenge-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.checkout-challenge-close:hover{background:var(--paper);color:var(--ink)}
.checkout-challenge-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.checkout-challenge-widget{width:300px;min-height:65px;margin:0 auto}
.checkout-challenge.is-compact .checkout-challenge-widget{width:150px;min-height:140px}

.subscription-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.subscription-info h2{font-size:17px;margin:0 0 8px}.subscription-info p{margin:5px 0;font-size:12px}.subscription-info .subscription-price{font-size:20px;color:var(--ink);font-weight:600}.subscription-price span{font-size:12px;color:var(--muted);font-weight:400}.subscription-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.subscription-actions .text-button{font-size:12px}.subscription-history{margin:18px 0 28px}.subscription-history summary{font-size:12px;color:var(--muted);cursor:pointer;margin-bottom:14px}.subscription-history .subscription-card{padding:18px 22px}.subscription-history h2{font-size:14px}.billing-dialog{width:min(440px,calc(100% - 40px));box-sizing:border-box;padding:28px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #20382c26}.billing-dialog::backdrop{background:#15291f66}.billing-dialog h2{font-size:20px;margin:0 0 14px}.billing-dialog p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.billing-dialog form{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.billing-dialog .button{font-size:12px}@media(max-width:650px){.subscription-card{align-items:flex-start;flex-direction:column;gap:18px}.subscription-actions{flex-wrap:wrap;gap:16px}.billing-dialog{padding:24px}.billing-dialog form{flex-wrap:wrap}}
:root{--gift-ink:#334635}
.gift-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line,#e6e7df);margin:0 0 24px;padding-bottom:12px}
.gift-tabs button{padding:9px 18px;border:0;background:transparent;border-radius:7px;font:inherit;color:inherit;cursor:pointer}
.gift-tabs [aria-current=page]{background:#e9eee5;color:var(--gift-ink)}
.gift-redeem-layout,.gift-issue-layout,.gift-config-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.gift-redeem h2{margin:12px 0}.gift-redeem form{margin-top:28px}.gift-redeem input{font-family:monospace;letter-spacing:1px}
.gift-redeem-layout .panel,.gift-issue-layout .panel,.gift-config-layout .panel{min-width:0}
.gift-card{--card-top:#3a574c;--card-base:#152c25;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;font-family:Arial,"Microsoft YaHei",sans-serif;width:100%;max-width:400px;aspect-ratio:1.586;box-sizing:border-box;min-width:0;padding:24px;border-radius:17px;background:radial-gradient(circle at 100% 0%,transparent 0 156px,#f3edcf12 157px 179px,transparent 180px 205px,#f3edcf10 206px 232px,transparent 233px 261px,#f3edcf0c 262px 289px,transparent 290px),linear-gradient(115deg,transparent 30%,#ffffff0a 45%,transparent 59%),linear-gradient(145deg,var(--card-top),var(--card-base));color:#f4f1e7;border:1px solid #b7ac8870;box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 0 #0003,0 18px 30px -14px #18291f65;margin:0 0 22px}
.gift-card.is-sonote{--card-top:#655774;--card-base:#30273f;border-color:#b7ac8870}
.gift-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.gift-card-top strong{font-size:17px;letter-spacing:-.3px;font-weight:500}.gift-card-top>span{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;color:#e3d6b2}.gift-card-top b{font-size:22px;font-weight:400;line-height:1}
.gift-card-value{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0}.gift-card-label{display:block;font-size:8px;letter-spacing:3px;color:#ddd0ae;margin-bottom:7px}.gift-card-amount{font-size:clamp(19px,2.2vw,28px);line-height:1.16;letter-spacing:-.8px;font-weight:500;text-shadow:0 1px 1px #0003}
.gift-card-number{font:12px/1.45 monospace;letter-spacing:1.2px;overflow-wrap:anywhere;color:#f0e9d9;text-shadow:0 1px 1px #0005}
.gift-card small{display:block;font-size:10px;color:#e0d8c8;line-height:1.4;min-height:14px}.gift-balance-list{padding-top:12px}
.gift-empty{padding:48px 24px;text-align:center;color:#7c8373}.gift-empty>span{display:block;font-size:64px;color:#9cae8f;margin-bottom:24px}.gift-empty h2{font-size:19px;font-weight:500}.gift-empty p{font-size:14px;line-height:1.8}
.gift-form-actions{display:flex;align-items:center;gap:16px}.gift-config-layout textarea{resize:vertical;width:100%;font:13px/1.8 monospace;padding:12px;border:1px solid #d9ddd3;border-radius:8px;box-sizing:border-box;background:#fff;color:#30372a}
.gift-config-layout select,.gift-issue-layout select{width:100%;padding:12px;background:#fff;color:#30372a;border:1px solid #d9ddd3;border-radius:8px;font:inherit}
.gift-recipients{font-size:13px;margin:16px 0}.gift-recipients pre{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 monospace}.gift-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:32px}
.gift-batch{gap:20px}.gift-batch>div{min-width:0}.gift-batch strong,.gift-batch small{overflow-wrap:anywhere}.gift-success{margin-top:24px;background:#f2f6ee;border:1px solid #dbe5d3;border-radius:10px;padding:20px}.gift-success p{font-size:13px}.gift-product-balance{display:grid;gap:8px;border-top:1px solid #e6e8e0;margin-top:18px;padding-top:16px}.gift-product-balance>span{font-size:12px;color:#7c8373}.gift-product-balance strong{font-size:19px}.gift-product-balance small,.quota .gift-expiry{font-size:12px;color:#69775e;line-height:1.8}
@media(max-width:800px){.gift-redeem-layout,.gift-issue-layout,.gift-config-layout{grid-template-columns:minmax(0,1fr);gap:20px}.gift-card{padding:20px;gap:9px;border-radius:15px}.gift-empty{padding:24px 12px}.gift-card-amount{font-size:23px}.gift-card-top strong{font-size:15px}.gift-card-top>span{font-size:7px;letter-spacing:1.5px}.gift-card-number{font-size:10px;letter-spacing:1px}.gift-card small{font-size:9px}.gift-batch{align-items:flex-start}.gift-tabs button{padding:9px 14px}}

.quota-source{display:block;font-size:12px;color:var(--muted);margin:0 0 10px}.gift-product-balance>div{display:flex;align-items:baseline;gap:6px}.gift-product-balance .meter{margin:3px 0}.gift-product-balance .meter::-webkit-progress-value{background:#9b84ba}.gift-product-balance .meter::-moz-progress-bar{background:#9b84ba}

.product-body{display:flex;flex-direction:column}.product-body>.button{align-self:flex-start;margin-top:auto}.product-heading{min-height:44px}.product-body>.product-source{min-height:3.3em;margin-bottom:0}.product-body .quota{margin-top:18px}

.product-cover{height:72px;padding:12px 20px}.product-body{padding:16px 20px}.product-heading{min-height:34px}.product-body>.product-source{min-height:0;margin:4px 0 0}.product-body .quota{margin:12px 0 16px}.product-body .quota>strong{font-size:28px}.gift-product-balance{gap:5px;margin-top:12px;padding-top:10px}.product-body .meter{margin:8px 0}.product-action{padding:10px 20px}.gift-balance-list .gift-card{max-width:340px;padding:20px;gap:10px;grid-template-rows:auto 1fr auto}.gift-balance-list .gift-card-amount{font-size:24px}.gift-record-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.gift-delete{color:#a34b3e}
@media(min-width:481px){.product-body>.product-source{min-height:3.3em}}@media(max-width:650px){.product-body{padding:14px 16px}.product-body .quota{margin:10px 0 12px}.product-action{padding:10px 16px}.gift-balance-list .gift-card{max-width:320px}}

.product-cover span.label{display:none}

.account-language-item select{font-family:inherit;font-size:12px;font-weight:400;line-height:1.65;color:var(--green);padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:white;width:auto;min-width:140px;max-width:100%;margin:0}.account-language-item{flex-wrap:wrap}.account-language-item .security-icon svg{width:21px;height:21px}@media(max-width:500px){.account-language-item select{margin-left:48px;width:calc(100% - 48px)}}

.account-language-item select:focus-visible{outline:3px solid #849b55;outline-offset:4px}

html[data-language-pending] :is(.site-header,.skip-link,footer){visibility:hidden}

.account-language-status{display:block;margin-top:6px;color:var(--green);font-size:12px;line-height:1.5}