:root{--buka-bg:#160e17;--buka-panel:#271925;--buka-text:#fff1f3;--buka-muted:#c1a4b3;--buka-accent:#ff8da3;--buka-border:#ffb5c32b;--buka-font:"DM Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-padding-top:100px}body{font-family:var(--buka-font)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--buka-accent);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;color:#25111b;background:var(--buka-accent);padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
.buka-header{position:sticky;inset:0 0 auto;z-index:40;height:78px;border-bottom:1px solid var(--buka-border);background:#160e17f2;backdrop-filter:blur(18px);color:var(--buka-text);font-family:var(--buka-font)}.buka-header *{box-sizing:border-box}.buka-shell{height:100%;max-width:1520px;padding:0 clamp(20px,3.5vw,56px);margin:auto;display:flex;align-items:center;gap:30px}.buka-brand{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;color:inherit}.buka-brand>img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 12px #ff718d35)}.buka-brand>span{display:grid;gap:3px;font-size:19px;font-weight:800;letter-spacing:.03em;line-height:1.15}.buka-brand small{font-size:8px;font-weight:600;letter-spacing:.19em;color:var(--buka-muted)}.buka-nav{display:flex;align-items:center;gap:clamp(15px,1.7vw,27px);margin-left:auto;white-space:nowrap}.buka-nav>a{font-size:13px;color:var(--buka-muted);text-decoration:none;position:relative;padding:28px 0}.buka-nav>a:hover,.buka-nav>a:is([aria-current=page],[aria-current=location]){color:var(--buka-accent)}.buka-nav>a:is([aria-current=page],[aria-current=location]):after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;border-radius:2px;background:var(--buka-accent)}.buka-auth{flex:none;min-width:188px}.buka-header .account-nav{display:flex;align-items:center;justify-content:flex-end;gap:17px;min-height:40px;font-size:13px}.buka-header .account-nav>a:first-child{max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--buka-text)}.buka-header .plain-button{font:inherit;color:var(--buka-muted);border:0;background:none;padding:10px 0;cursor:pointer;white-space:nowrap}.buka-header .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap;padding:0 14px;border:1px solid #ff899d75;border-radius:8px;background:#ff899d12;font:inherit;font-size:12px;font-weight:600;color:var(--buka-accent);cursor:pointer;text-decoration:none}.buka-header .plain-button:hover,.buka-header .nav-cta:hover{color:#ffd2dc;background-color:#ff899d1a}.buka-menu-toggle{display:none;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;cursor:pointer}.buka-menu-toggle span{display:block;width:21px;height:2px;background:var(--buka-text);margin:6px auto;transition:transform .2s}.buka-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.buka-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.auth-placeholder{display:inline-flex;align-items:center;gap:18px;min-height:40px;width:166px;justify-content:flex-end}.auth-placeholder i{height:14px;width:42px;border-radius:6px;background:#ffb5c31c}.auth-placeholder i:last-child{height:38px;width:102px}.buka-header button:disabled{opacity:.5;cursor:wait}.session-pending{text-align:center;min-height:235px;display:grid;justify-items:center;align-content:center;gap:12px}.session-pending h2,.session-pending p{margin:0}.loading-ring{display:inline-block;width:28px;height:28px;border:2px solid #ff8da32b;border-top-color:var(--buka-accent);border-radius:50%;animation:buka-spin .8s linear infinite}@keyframes buka-spin{to{transform:rotate(360deg)}}
/* Shared login dialog, isolated from marketing and help-page typography. */
.account-auth-dialog{box-sizing:border-box;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overscroll-behavior:contain;color:var(--buka-text);background:#2a1926;border:1px solid #ffb5c34d;border-radius:18px;padding:38px 30px 25px;position:fixed;overflow:auto;box-shadow:0 35px 100px #0008;font-family:var(--buka-font);font-size:14px;text-align:left}.account-auth-dialog *{box-sizing:border-box}.account-auth-dialog::backdrop{background:#0a050ccc;backdrop-filter:blur(7px)}.account-auth-dialog h2{margin:0 0 12px;font-size:25px;line-height:1.4}.account-auth-dialog .kicker{margin:0 0 16px;letter-spacing:.19em;color:var(--buka-accent);font-size:10px;font-weight:700}.account-auth-dialog .muted{color:var(--buka-muted);font-size:13px;line-height:1.8}.account-auth-dialog label{display:grid;gap:9px;margin:17px 0;color:#dcc5d0;font-size:13px}.account-auth-dialog input:not([type=checkbox]){width:100%;min-height:46px;padding:12px 14px;color:var(--buka-text);background:#1e121e;border:1px solid #ffb5c33d;border-radius:8px;font:inherit}.account-auth-dialog input:focus{border-color:var(--buka-accent)}.account-auth-dialog .auth-fields{border:0;min-width:0;margin:0;padding:0}.account-auth-dialog .password-control{display:block;position:relative}.account-auth-dialog .password-control input{padding-right:66px}.account-auth-dialog .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;padding:6px;color:var(--buka-accent);font:inherit;cursor:pointer}.account-auth-dialog .dialog-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;color:var(--buka-text);background:#ffffff0f;font-size:24px;cursor:pointer}.account-auth-dialog .agreement-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;font-size:12px;line-height:1.8}.account-auth-dialog .agreement-row input{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--buka-accent)}.account-auth-dialog a{color:var(--buka-accent);text-decoration:none}.account-auth-dialog .field-error{color:#ffbccb;font-size:12px;line-height:1.6}.account-auth-dialog input[aria-invalid=true]{border-color:#ff8aa5}.account-auth-dialog .error-message{color:#ffbccb;background:#ff718d14;border:1px solid #ff718d59;border-radius:8px;padding:12px;font-size:13px;line-height:1.7}.account-auth-dialog .button{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:12px 16px;border:0;border-radius:8px;font:inherit;font-weight:700;color:#25111b;background:linear-gradient(115deg,#ffadbb,#ed6e86);cursor:pointer}.account-auth-dialog .plain-button{display:block;padding:7px;border:0;background:none;color:var(--buka-accent);font:inherit;font-size:13px;cursor:pointer}.account-auth-dialog .auth-switch{margin:18px auto 0}.account-auth-dialog .auth-draft-note{margin:15px 0 0;color:var(--buka-muted);font-size:11px;text-align:center;line-height:1.8}.account-auth-dialog button:disabled{opacity:.5;cursor:wait}.buka-footer{max-width:1320px;margin:auto;padding:28px 6%;border-top:1px solid var(--buka-border);display:flex;flex-wrap:wrap;gap:18px 25px;color:var(--buka-muted);font-size:12px}.buka-footer a:hover{color:var(--buka-accent)}.buka-footer>span{margin-left:auto}
@media(max-width:1120px){.buka-header{height:68px}.buka-shell{gap:18px}.buka-nav{position:absolute;left:0;right:0;top:68px;display:none;max-height:calc(100dvh - 80px);overflow:auto;background:#20131ffa;border-bottom:1px solid var(--buka-border);padding:8px 24px 20px;box-shadow:0 20px 30px #0004}.buka-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.buka-nav>a{padding:17px 0;border-bottom:1px solid var(--buka-border);font-size:14px}.buka-nav>a:is([aria-current=page],[aria-current=location]):after{display:none}.buka-auth{margin-left:auto;min-width:166px}.buka-menu-toggle{display:block}}@media(max-width:580px){.buka-shell{padding:0 16px;gap:10px}.buka-brand>img{width:34px;height:34px}.buka-brand>span{font-size:17px}.buka-brand small{font-size:7px}.buka-auth{min-width:0}.buka-header .account-nav{gap:10px}.buka-header .account-nav .nav-cta{display:none}.buka-header .account-nav>a:first-child{max-width:85px;font-size:12px}.buka-header .plain-button{font-size:13px}.auth-placeholder{width:66px}.auth-placeholder i{width:50px}.auth-placeholder i:last-child{display:none}.buka-footer{padding:24px 20px}.buka-footer>span{width:100%;margin:0}.account-auth-dialog{padding:38px 22px 24px}.buka-nav.is-open{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
astro-island,astro-slot,astro-static-slot{display:contents}.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}.faq-more{display:inline-block;color:#ff8da3;margin-top:15px;font-weight:600}

/* Shared control sizes and interaction states. */
:root{--buka-control-radius:10px;--buka-control-height:46px;--buka-action-shadow:0 8px 24px #ed6e861c;color-scheme:dark}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:var(--buka-font)}
a,button,input,select,textarea,summary{touch-action:manipulation}
.button,.help-button{min-height:var(--buka-control-height);padding:11px 20px;border:1px solid transparent;border-radius:var(--buka-control-radius);font-size:14px;font-weight:600;line-height:1.5;text-align:center;gap:10px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.button-primary,.button-red,.button-light,.help-button.primary,.account-auth-dialog .button{color:#25111b;background:linear-gradient(115deg,#ffadbb,#f07892);border-color:#ffadbb50;box-shadow:var(--buka-action-shadow)}
.button-outline,.button-ghost,.help-button{color:#f3c2d1;border-color:#ffb5c345;background:#ff8da309;box-shadow:none}
.button-outline span,.button-ghost span{margin-left:0}
.button:active,.help-button:active{transform:translateY(1px);box-shadow:none}
.button:disabled,.help-button:disabled,.plain-button:disabled,.buka-header button:disabled{cursor:not-allowed;box-shadow:none;opacity:.48;transform:none}
[aria-busy=true] button[type=submit]{cursor:progress}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #ffb5c3;outline-offset:4px}
.buka-header .plain-button{min-width:44px;min-height:44px;padding:10px 9px;border-radius:8px}
.buka-header .nav-cta{min-height:42px;border-radius:9px;font-weight:600}
.buka-header .account-nav{gap:12px}
.buka-header .account-nav>a:first-child{padding:12px 0}
.buka-menu-toggle{border:1px solid transparent}
.account-main .plain-button,.pagination .plain-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid #ffb5c330;border-radius:9px;background:#ff8da307;color:#edb6c9;font-size:13px;line-height:1.5}
.account-main .plain-button:disabled{background:transparent}

/* Inputs and account dialogs retain the same brand palette on every page. */
.account-main input:not([type=checkbox]),.account-main select,.auth-dialog input:not([type=checkbox]),.auth-dialog select{min-height:48px;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s,background .18s}
.account-main label,.auth-dialog label{font-size:13px;line-height:1.6}
input::placeholder,textarea::placeholder{color:#b89baa;opacity:1}
input:autofill{-webkit-text-fill-color:#fff1f3;box-shadow:0 0 0 1000px #241722 inset}
.auth-dialog,.account-auth-dialog{border-radius:18px;border-color:#ffb5c34d;box-shadow:0 28px 100px #0008;scrollbar-width:thin;scrollbar-color:#9d607c #261722;overscroll-behavior:contain}
.auth-dialog .dialog-close,.account-auth-dialog .dialog-close{width:44px;height:44px;right:10px;top:8px;display:grid;place-items:center;line-height:1;background:#ffffff0a;transition:background .18s,color .18s}
.auth-dialog h2,.account-auth-dialog h2{line-height:1.45;letter-spacing:-.02em;padding-right:12px}
.account-auth-dialog input:not([type=checkbox]){min-height:50px;padding:13px 14px;font-size:15px;border-radius:9px}
.account-auth-dialog .password-control input{padding-right:68px}
.auth-dialog .password-toggle,.account-auth-dialog .password-toggle{min-width:48px;min-height:44px;padding:8px;right:5px;border-radius:7px;font-size:13px}
.account-auth-dialog .auth-switch{min-height:44px;padding:10px 14px;margin-top:12px;line-height:1.6}
.account-auth-dialog .auth-draft-note{margin-top:8px;font-size:11px;line-height:1.9}
.account-auth-dialog .button{min-height:48px;border:1px solid #ffadbb50;border-radius:10px;font-size:14px;font-weight:650}
.account-auth-dialog .agreement-row,.account-main .agreement-row{align-items:center;min-height:44px;gap:7px;line-height:1.9;font-size:12px;margin:12px 0}
.account-auth-dialog .agreement-row input,.account-main .agreement-row input{width:20px;height:20px;min-height:20px;padding:0;margin:0 2px 0 0;border-radius:4px;accent-color:#ff8da3}
.account-auth-dialog input[aria-invalid=true]{background:#ff718d0b;box-shadow:0 0 0 2px #ff718d18}

/* Member and order pages. */
.account-title h1{font-size:clamp(30px,3.5vw,44px);line-height:1.4;letter-spacing:-.035em;text-wrap:pretty}
.account-title>.button{flex:none}
.account-title .muted{margin:14px 0 0;font-size:14px;line-height:1.9}
.account-card{border-color:#ffb5c32e;box-shadow:0 12px 36px #0000000a}
.profile-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px}
.profile-card>div:first-child{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:15px;align-items:center;min-width:0}
.profile-card .profile-avatar{grid-row:1/3;margin:0;width:48px;height:48px;border:1px solid #ff8da32b}
.profile-card h2{font-size:20px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.profile-card p{grid-column:2;font-size:12px}
.profile-card>.plain-button{grid-column:3}
.membership-status:empty{display:none}
.membership-status strong{font-size:14px;line-height:1.7}
.account-main .plan-card{border-radius:13px;border-color:#ffb5c335;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.account-main .plan-card.selected{border-color:#ff9db3;box-shadow:inset 0 0 0 1px #ff9db3;background:linear-gradient(130deg,#4b293c,#30202d)}
.account-main .plan-card h3{font-size:20px;line-height:1.5}
.account-main .plan-card p{font-size:12px;line-height:1.8}
.account-main .plan-price,.payment-amount,.order-row>strong{font-variant-numeric:tabular-nums}
.account-main .plan-price{letter-spacing:-.035em;line-height:1.4}
.account-main .plan-tag{font-size:11px;letter-spacing:.03em}
.account-main .plan-selected{font-size:13px;font-weight:500}
.checkout-card{gap:36px}
.checkout-card h2{line-height:1.5}
.checkout-total .payment-amount{font-size:38px;line-height:1.3;margin:8px 0 18px}
.payment-method{border-radius:10px}
.payment-method-caption{font-size:12px;line-height:1.5}
.payment-brand{border:1px solid #fff}
.order-toolbar{align-items:end;gap:16px;margin-bottom:4px}
.order-toolbar label{margin:0 0 14px;min-width:210px}
.order-toolbar>.plain-button{margin-bottom:14px}
.order-row{gap:20px;padding:25px 0}
.order-row h3{font-size:17px;line-height:1.6}
.order-row .muted{font-size:12px;line-height:1.8}
.order-row .order-number{font-size:11px;line-height:1.8;letter-spacing:.025em}
.order-row>strong{font-size:17px;white-space:nowrap}
.order-row .button{min-height:44px;padding:10px 15px;font-size:13px}
.status-badge{justify-content:center;align-items:center;min-height:30px;line-height:1.5;font-size:12px}
.pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;max-width:430px;margin:24px auto 0;text-align:center;font-size:12px;line-height:1.7}
.pagination>span{min-width:0}
.account-main .empty-state{padding:44px 22px}
.account-main .empty-state h2{font-size:22px;line-height:1.6;margin-bottom:12px}
.account-main .empty-state>.button{margin-top:12px}
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;max-width:850px;margin:0 auto 22px;padding-bottom:18px;border-bottom:1px solid #ffb5c32b}
.legal-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:9px;color:#c1a4b3;font-size:13px}
.legal-tabs a[aria-current=page]{border-color:#ff8da34a;background:#ff8da312;color:#ffb5c3}
.legal-document{padding:32px 36px}
.legal-document h1{font-size:32px;line-height:1.5;margin:18px 0 25px}
.legal-document>p:last-child{font-size:15px;line-height:2.1;overflow-wrap:anywhere}

/* Home-page copy and smaller actions. */
.mode-button,.plan-tab{min-height:44px;padding:10px 16px;font-size:13px;line-height:1.6;border-radius:8px}
.mode-switch,.plan-tabs{border-radius:12px;gap:4px;padding:4px}
.hero-lede{font-size:15px;line-height:1.95;max-width:35em}
.hero-footnote{font-size:12px;line-height:1.8;flex-wrap:wrap}
.section-intro>p,.network-copy>p:not(.kicker),.download-copy>p:last-child{font-size:14px;line-height:1.95}
.product-card h4{font-size:14px;line-height:1.8}
.product-desc{font-size:14px;line-height:1.9}
.product-tags span{font-size:11px;color:#cfadbd;line-height:1.5}
.product-link{min-height:44px;margin-top:22px;padding:9px 0;font-size:13px}
.product-route-art{pointer-events:none}
.feature-tile{padding-bottom:36px}
.feature-tile p{font-size:13px;line-height:1.9}
.feature-tile h3{line-height:1.6}
.plans .plan-card>p,.plans .plan-card ul{font-size:13px;line-height:1.9}
.plans .plan-top{font-size:11px;color:#c19caf;line-height:1.7}
.plans .plan-grid{padding-top:10px}
.plans .plan-badge{top:-13px;right:20px;padding:6px 9px;font-size:10px;letter-spacing:.04em;border-radius:6px;line-height:1.4}
.plan-note{color:#bc96aa;font-size:12px;line-height:1.9}
.download-card strong{font-size:14px}
.download-card small{font-size:12px;line-height:1.7;color:#d5b5c3}
.download-card-pending{border-style:dashed}
.faq summary{font-size:15px;min-height:64px;line-height:1.7}
.faq details p{font-size:14px;line-height:2}
.footer-main>div:first-child>p,.company-name{font-size:12px;line-height:1.9}
.footer-links{font-size:13px;gap:20px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.footer-legal{font-size:11px;line-height:1.9}
.footer-bottom{font-size:11px;line-height:1.9}
.footer-bottom span:last-child a{display:inline-flex;align-items:center;min-height:36px}
.buka-footer{gap:8px 22px;padding-top:20px;padding-bottom:20px;align-items:center}
.buka-footer a{display:inline-flex;align-items:center;min-height:44px;line-height:1.7}
.help-pagination button{min-height:44px}
.result-summary button{min-height:44px;padding-left:6px;padding-right:6px}

@media(hover:hover){
 .button:not(:disabled):hover,.help-button:not(:disabled):hover{transform:translateY(-2px);border-color:#ffb5c38c;box-shadow:0 10px 26px #ff8da318}
 .button-primary:hover,.button-red:hover,.button-light:hover,.help-button.primary:hover{background:linear-gradient(115deg,#ffc0ca,#ff8fa6)}
 .account-main .plain-button:not(:disabled):hover,.pagination .plain-button:not(:disabled):hover{border-color:#ff8da373;background:#ff8da316;color:#ffd4e0}
 .dialog-close:not(:disabled):hover,.account-auth-dialog .password-toggle:hover{background:#ff8da31a;color:#ffd1df}
 .legal-tabs a:hover{background:#ff8da30c;color:#ffb5c3}
 .buka-menu-toggle:hover{border-color:#ff8da33b;background:#ff8da30c}
}
@media(hover:none){.button:hover,.help-button:hover,.account-main .plan-card:hover,.plans .plan-card:hover{transform:none}}
@media(max-width:760px){
 .account-main{padding-top:32px;padding-bottom:56px}
 .account-title{margin-bottom:24px}.account-title h1{font-size:29px;line-height:1.5}
 .account-title .muted{font-size:14px;margin-top:10px}
 .account-title>.button{margin-top:18px}
 .profile-card{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px}
 .profile-card>div:first-child{grid-template-columns:42px minmax(0,1fr);column-gap:12px}
 .profile-card .profile-avatar{width:42px;height:42px;font-size:20px;border-radius:12px}
 .profile-card h2{font-size:17px}.profile-card p{font-size:11px}
 .profile-card>.plain-button{grid-column:2;grid-row:1;padding:10px;font-size:12px}
 .membership-status:not(:empty){grid-area:2/1/auto/-1;border-top:1px solid #ffb5c32b;padding-top:16px;gap:12px}
 .account-main .plan-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}
 .account-main button.plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'tag price' 'title price' 'desc selected';align-items:center;gap:7px 13px;padding:18px 20px;min-width:0}
 .account-main .plan-card .plan-tag{grid-area:tag;font-size:11px}
 .account-main .plan-card h3{grid-area:title;margin:0;font-size:17px}
 .account-main .plan-card .plan-price{grid-area:price;text-align:right;font-size:28px}
 .account-main .plan-card .plan-price small{font-size:11px;margin-top:3px}
 .account-main .plan-card p{grid-area:desc;margin:2px 0 0;font-size:11px}
 .account-main .plan-card .plan-selected{grid-area:selected;margin:0;font-size:12px;text-align:right}
 .account-main input:not([type=checkbox]),.account-main select,.auth-dialog input:not([type=checkbox]),.auth-dialog select,.account-auth-dialog input:not([type=checkbox]){font-size:16px}
 .account-main select{padding-right:30px}
 .auth-dialog,.account-auth-dialog{max-height:calc(100dvh - 28px);max-width:calc(100vw - 28px);padding:38px 22px 22px}
 .auth-dialog h2,.account-auth-dialog h2{font-size:24px;padding-right:8px}
 .auth-dialog .muted,.account-auth-dialog .muted{font-size:13px;line-height:1.9}
 .account-auth-dialog label{margin:15px 0}
 .account-auth-dialog .auth-draft-note{font-size:11px}
 .order-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
 .order-toolbar label{min-width:0;margin:0 0 14px}
 .order-toolbar>.plain-button{padding:10px;font-size:12px;margin-bottom:14px}
 .order-row{grid-template-columns:minmax(0,1fr) auto;gap:14px}
 .order-row .button{font-size:13px;padding:10px 13px}
 .pagination{gap:8px}
 .pagination .plain-button{padding:10px;min-width:58px;font-size:12px}
 .legal-tabs{gap:5px;margin-bottom:18px;padding-bottom:14px}
 .legal-tabs a{padding:10px 13px;font-size:13px}
 .legal-document{padding:24px 22px}.legal-document h1{font-size:28px}
 .hero-lede{font-size:14px}
 .hero-actions{gap:10px;flex-wrap:wrap}
 .hero-actions .button{padding:11px 16px;font-size:13px}
 .product-desc{font-size:14px}.feature-tile p{font-size:14px;max-width:none}
 .section-intro>p{font-size:14px}
 .plan-tabs,.mode-switch{max-width:100%}
 .download-card small{font-size:11px}
 .download-card{gap:10px}
 .download-card .platform-badge{width:34px;height:34px}
 .download-card>span:nth-child(2){min-width:0}
 .footer-links{gap:4px 18px;font-size:13px}
 .footer-legal,.footer-bottom{font-size:11px}
 .buka-footer{gap:4px 18px}
}
@media(max-width:380px){
 .account-main button.plan-card{padding:17px 16px;gap:7px 9px}
 .account-main .plan-card .plan-price{font-size:26px}
 .profile-card{grid-template-columns:minmax(0,1fr);gap:12px}
 .profile-card>.plain-button{grid-column:1;grid-row:auto;justify-self:start;margin-left:54px}
 .membership-status:not(:empty){grid-area:auto}
 .mode-button,.plan-tab{font-size:12px;padding:10px 13px}
 .account-title h1{font-size:27px}
 .legal-tabs a{padding:10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.search-form button[type=submit]{min-height:46px;border-radius:9px;font-size:14px}
.search-form .search-clear{min-width:44px;min-height:44px}
@media(max-width:760px){.search-form button[type=submit]{padding:0 15px;font-size:13px}}
.button:not(:disabled):active,.help-button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #25111b18;filter:brightness(.97)}

/* Keep dismissing a long dialog possible at every scroll position. */
html{scrollbar-gutter:stable}
html:has(dialog[open]){overflow:hidden}
.auth-dialog{--dialog-padding-top:38px;--dialog-padding-x:32px;padding-top:var(--dialog-padding-top);padding-left:var(--dialog-padding-x);padding-right:var(--dialog-padding-x)}
.dialog-controls{position:sticky;top:calc(-1 * var(--dialog-padding-top));z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin:calc(-1 * var(--dialog-padding-top)) calc(-1 * var(--dialog-padding-x)) 24px;padding:8px 10px 8px var(--dialog-padding-x);background:#2a1926;border-bottom:1px solid #ffb5c326;text-align:left}
.dialog-controls>span{color:#c1a4b3;font-size:12px;letter-spacing:.04em}
.auth-dialog .dialog-close,.account-auth-dialog .dialog-close{position:static;flex:none;margin:0;background:#392333;border:1px solid #ffb5c33b;box-shadow:none}
.auth-dialog>p,.auth-dialog .error-message{overflow-wrap:anywhere}
.payment-dialog{--dialog-padding-x:30px;width:480px;padding-bottom:26px}
.payment-dialog h2{font-size:25px;margin:0 0 8px;padding:0}
.payment-dialog .payment-plan{margin:0;color:#dcc5d0;font-size:14px;line-height:1.8}
.payment-dialog>.payment-amount{font-size:38px;line-height:1.3;margin:14px 0 12px}
.payment-dialog>.status-badge{min-height:28px}
.payment-summary{font-size:13px;line-height:1.75;margin:20px 0;padding:10px 0}
.payment-summary>div{gap:18px;margin:8px 0;align-items:baseline}
.payment-summary dt{flex:none}
.payment-summary dd{font-variant-numeric:tabular-nums}
.payment-qr{width:212px;max-width:100%;margin:20px auto;border-width:12px}
.payment-dialog>.muted{font-size:13px;line-height:1.85;margin:12px 0}
.payment-dialog .payment-retry{margin-top:18px;padding-top:6px}
.payment-dialog .payment-field-label{font-size:13px;margin:12px 0 8px}
.payment-dialog .payment-methods{margin:10px 0}
.payment-dialog .payment-brand{min-height:50px;padding:10px}
.payment-dialog .payment-brand img{height:28px;max-width:112px}
.payment-dialog .payment-method-caption{padding-top:8px}
.payment-dialog .button{margin-top:12px}
.payment-dialog>.auth-switch{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;margin:10px 0 0;border:1px solid #ffb5c330;border-radius:10px;color:#f3c2d1;background:#ff8da309;font-size:14px;line-height:1.5}
.payment-dialog>.auth-switch:disabled{cursor:progress;opacity:.55}
.payment-dialog [aria-busy=true]{cursor:progress}
.payment-code-notice{margin:18px 0;text-align:left;border-radius:10px}
.payment-code-notice strong{display:block;color:#ffd2dd;font-size:14px;line-height:1.7}
.payment-code-notice p{margin:6px 0 0;font-size:13px;line-height:1.85}
.payment-dialog>.order-number{font-size:11px;line-height:1.8;margin:18px 0 0;color:#b89baa;overflow-wrap:anywhere}
.order-empty{max-width:500px;margin:14px auto;text-align:center}
.account-main .order-empty h2{font-size:20px}
.order-empty .muted{font-size:14px;line-height:1.9}
.order-empty .button{margin-top:14px}
.order-empty-mark{position:relative;display:block;width:46px;height:54px;margin:0 auto 22px;border:1px solid #ff8da34f;border-radius:10px;background:linear-gradient(135deg,#ff8da315,#ff8da303);transform:rotate(-7deg)}
.order-empty-mark:before,.order-empty-mark:after{content:'';position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:#ffb5c366}
.order-empty-mark:before{top:19px}.order-empty-mark:after{top:29px;right:17px}
.empty-state-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
@media(hover:hover){.payment-dialog>.auth-switch:not(:disabled):hover{background:#ff8da316;border-color:#ff8da373;color:#ffd4e0}}
@media(max-width:760px){
 .auth-dialog{--dialog-padding-x:22px}
 .payment-dialog{padding-bottom:22px}
 .payment-dialog h2{font-size:23px}
 .payment-dialog>.payment-amount{font-size:34px}
 .payment-summary{font-size:13px;margin:16px 0}
 .payment-summary>div{margin:6px 0}
 .payment-dialog .payment-methods{gap:10px}
 .payment-dialog .payment-brand{min-height:46px;padding:9px}
 .payment-dialog .payment-brand img{height:26px}
 .account-main .order-empty{padding:36px 6px}
 .empty-state-actions{gap:10px}
}

/* A price request can fail independently of the member's account. */
.quote-summary{display:flow-root;min-height:140px;margin-bottom:8px}
.quote-loading{padding:8px 0 16px}
.quote-placeholder{display:block;width:136px;height:43px;border-radius:8px;background:linear-gradient(100deg,#ff8da311,#ff8da327,#ff8da311);background-size:200% 100%;animation:buka-placeholder 1.6s ease-in-out infinite}
.quote-loading .muted{display:flex;align-items:center;gap:9px;margin:14px 0 0;font-size:13px;line-height:1.8}
.quote-loading .loading-ring,.loading-label .loading-ring{width:17px;height:17px;flex:none}
.quote-error{padding:14px 16px;border:1px solid #ff8da345;border-radius:10px;background:#ff8da308;overflow-wrap:anywhere}
.quote-error p{margin:0;color:#c1a4b3;font-size:13px;line-height:1.85}
.quote-error strong{display:block;margin-bottom:5px;color:#ffd1dd;font-size:14px;font-weight:600}
.quote-error span{display:block}
.account-main .quote-retry{margin-top:12px;min-height:44px;background:#ff8da30c}
.checkout-total>.button{min-height:48px}
.order-toolbar>.plain-button{min-width:88px}
.order-toolbar>[aria-busy=true]{cursor:progress}

/* Legal documents retain their title and offer recovery when the service is slow. */
.legal-load-state{min-height:220px;padding:24px;border:1px solid #ffb5c32b;border-radius:12px;background:#ff8da305}
.legal-load-state p{color:#c1a4b3;font-size:14px;line-height:1.95;margin:0;overflow-wrap:anywhere}
.loading-label{display:flex;align-items:center;gap:10px}
.document-placeholder{display:grid;gap:15px;margin-top:28px}
.document-placeholder i{display:block;height:11px;border-radius:5px;background:#ff8da315}
.document-placeholder i:nth-child(2){width:93%}.document-placeholder i:last-child{width:64%}
.legal-load-state h2{color:#fff1f3;font-size:18px;line-height:1.6;margin:0 0 10px}
.legal-load-state .button{margin-top:22px}
.legal-error{border-color:#ff8da33d}
.legal-document>.legal-text{white-space:pre-wrap;color:#d6bac8;font-size:15px;line-height:2.1;overflow-wrap:anywhere}
@keyframes buka-placeholder{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@media(max-width:760px){
 .quote-error{padding:14px}
 .legal-load-state{padding:20px;min-height:220px}
}

/* Platform symbols and actions use the same visual language. */
.landing-body{overflow-x:clip}
.platform-badge svg{display:block;width:24px;height:24px}
.download-card>b svg{display:block;width:18px;height:18px}
.download-card:focus-visible{outline-offset:5px;border-color:#ffb5c3}
.footer-bottom a{white-space:nowrap}
.footer-bottom span:last-child{flex-wrap:wrap}
@media(max-width:1120px){
 .buka-nav>a:is([aria-current=page],[aria-current=location]){background:#ff8da30d;border-radius:7px}
}

/* Keep small copy legible and consistent with the warm brand colors. */
.mode-button[aria-selected=false],.plan-tab[aria-selected=false]{color:#d6bac8}
.hero-footnote,.hero .eyebrow,.trust-strip span,.footer-links,.company-name{color:var(--buka-muted)}
.footer-brand .brand-name span{color:var(--buka-muted)}
.hero-scroll{color:#b89baa;font-size:10px}
.product-number span{color:#b89baa;font-size:11px}
.plans .plan-card ul{color:#d6bac8}
.plans .plan-price em{color:var(--buka-muted);font-size:12px}
.footer-bottom{color:var(--buka-muted);font-size:12px}
.footer-bottom span:last-child a{min-height:44px}
.checkout-guidance{min-height:44px;margin:0 0 10px;color:#d6bac8;font-size:12px;line-height:1.85;overflow-wrap:anywhere}