/* Shared product-surface theme. Keeps every public route aligned with the homepage. */
:root{--bg:#f7fbff;--bg-alt:#eaf4ff;--surface:#fff;--surface-alt:#f4f8ff;--text:#14213d;--text-muted:#637797;--pri:#2166df;--pri-hover:#1554c4;--pri-light:#eaf3ff;--pri-gradient:linear-gradient(135deg,#2166df,#347cf0);--radius:16px;--radius-lg:22px;--radius-xl:28px;--shadow:0 14px 34px rgba(39,83,145,.10)}
body{background:linear-gradient(145deg,#eff7ff 0,#fbfdff 48%,#f7f1ff 100%);color:var(--text)}
body::before{background:radial-gradient(ellipse,#e8f3ff 0,transparent 70%)}body::after{background:radial-gradient(ellipse,#f1ebff 0,transparent 70%)}
.navbar{height:72px;background:rgba(255,255,255,.92);border-bottom:1px solid #dce9fb;box-shadow:0 1px 0 rgba(36,84,150,.04);backdrop-filter:blur(14px)}
.nav-brand{color:var(--text);font-size:21px}.nav-brand span{color:var(--pri);background:var(--pri-light);box-shadow:none}.nav-links{gap:5px}.nav-links a{color:#233555;border-radius:10px;font-size:14px}.nav-links a.active,.nav-links a:hover{color:var(--pri);background:var(--pri-light);box-shadow:none}.nav-links .btn-primary,.btn-primary{background:var(--pri-gradient);box-shadow:0 8px 18px rgba(33,102,223,.18)}
.nav-links a[href="/pricing"]{font-size:14px}
.download-page,.account,.price-page,.help,.legal-page{position:relative;z-index:1}.panel,.side-action,.welcome,.metric,.price-card,.faq-group,.contact,.legal-card,.media-card,.workspace,.task,.history-item{border:1px solid #dbe7f7!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--shadow)!important;border-radius:var(--radius)!important}
.account-head h1,.download-head h1,.price-hero h1,.help-head h1,.legal-page h1{color:var(--text)}.account-head p,.download-head p,.price-hero p,.help-head p,.legal-lead{color:var(--text-muted)}
.account-head a,.primary-action,.price-card .buy,.contact button{background:var(--pri-gradient)!important;box-shadow:0 8px 18px rgba(33,102,223,.18)!important;border-radius:12px!important}.account-head a:hover,.primary-action:hover,.price-card .buy:hover,.contact button:hover{background:var(--pri-hover)!important}
.summary .metric,.summary .welcome{box-shadow:0 8px 20px rgba(39,83,145,.08)!important}.metric.points b{color:#bc7c16}.metric.vip b,.state{color:var(--pri)!important}.side-action button,.history-download{border-color:#a9c8fa!important;color:var(--pri)!important;background:#fff!important}.history-download{background:var(--pri-gradient)!important;color:#fff!important;border:0!important}
.parse-shell,.download-page .parse-shell{box-shadow:0 14px 34px rgba(39,83,145,.12)!important;border:1px solid #d6e5fa!important;background:#fff!important}.parse-shell #parseBtn,.parse-shell button:last-child{background:var(--pri-gradient)!important}.notice.info{background:#edf5ff;color:#1d4f9e}.notice.error{border-color:#f1c7c7}
.help-search,.contact input,.contact textarea,.legal-card input,.legal-card textarea{border-color:#ceddf1!important;background:#fff!important}.help-search:focus,.contact input:focus,.contact textarea:focus{border-color:var(--pri)!important;box-shadow:0 0 0 3px rgba(33,102,223,.12)!important}
.home-recent__content .home-recent__time{display:block;margin-top:3px;color:#7d8da8;font-size:12px;line-height:1.35}
.footer{background:linear-gradient(135deg,#172545,#101a33)!important;color:#d8e4f8!important}.footer h3,.footer h4,.footer h5,.footer strong{color:#f8fbff!important}.footer .footer-brand p,.footer a{color:#d8e4f8!important}.footer a:hover{color:#fff!important}.footer .footer-badge{border-color:rgba(216,228,248,.28)!important;background:rgba(255,255,255,.08)!important;color:#eef4ff!important}.footer .footer-bottom{border-color:rgba(216,228,248,.22)!important;color:#c6d3e8!important}
@media(max-width:760px){.navbar{height:64px;padding:0 16px}.nav-links{background:#fff;box-shadow:0 18px 38px rgba(25,57,105,.18)}.account,.download-page,.price-page,.help,.legal-page{padding-left:16px!important;padding-right:16px!important}.panel,.side-action,.price-card,.faq-group,.contact{border-radius:14px!important}}

/* Quiet, site-wide support entry. The QR stays hidden until the user asks for it. */
.hsk-feedback{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:500;display:flex;flex-direction:column;align-items:flex-end;font-family:inherit}
.hsk-feedback__trigger{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 15px;border:1px solid #c7d9f3;border-radius:14px;background:#fff;color:#174ea6;box-shadow:0 12px 28px rgba(28,75,139,.16);font:800 14px/1 inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.hsk-feedback__trigger svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hsk-feedback__trigger:hover{border-color:#8db5ee;box-shadow:0 15px 32px rgba(28,75,139,.2);transform:translateY(-2px)}
.hsk-feedback__trigger:active{transform:translateY(0) scale(.96)}
.hsk-feedback__trigger:focus-visible,.hsk-feedback__close:focus-visible{outline:3px solid rgba(33,102,223,.28);outline-offset:3px}
.hsk-feedback__panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(312px,calc(100vw - 32px));max-height:calc(100vh - 92px);overflow:auto;padding:18px;border:1px solid #d5e3f5;border-radius:18px;background:#fff;box-shadow:0 22px 52px rgba(22,55,103,.22);color:#14213d}
.hsk-feedback__panel[hidden]{display:none}
.hsk-feedback__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.hsk-feedback__head h2{margin:0;color:#14213d;font-size:18px;line-height:1.3;letter-spacing:-.01em}
.hsk-feedback__head p{margin:5px 0 0;color:#637797;font-size:13px;line-height:1.55}
.hsk-feedback__close{display:grid;width:36px;height:36px;flex:none;margin:-5px -5px 0 0;padding:0;border:0;border-radius:10px;background:#edf5ff;color:#315178;font:500 23px/1 system-ui;cursor:pointer;place-items:center}
.hsk-feedback__close:hover{background:#deecff;color:#174ea6}
.hsk-feedback__qr{margin-top:14px;padding:10px;border:1px solid #dbe7f7;border-radius:14px;background:#f7fbff}
.hsk-feedback__qr img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px;background:#fff}
.hsk-feedback__hint{display:flex;align-items:flex-start;gap:8px;margin:12px 2px 0;color:#526782;font-size:12px;line-height:1.55}
.hsk-feedback__hint svg{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke:#2166df;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:no-preference){.hsk-feedback.is-open .hsk-feedback__panel{animation:hsk-feedback-in .2s cubic-bezier(.22,1,.36,1)}@keyframes hsk-feedback-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}
@media(max-width:640px){.hsk-feedback{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.hsk-feedback__trigger{min-height:46px;padding:0 13px}.hsk-feedback__panel{width:min(304px,calc(100vw - 24px));max-height:calc(100vh - 76px);padding:16px;border-radius:16px}}
@media print{.hsk-feedback{display:none!important}}
