:root{--dot-primary:#183d6f;--dot-primary-hover:#12305a;--dot-primary-soft:#f0f9fe;--dot-primary-rgb:24, 61, 111;--dot-link:#0d46b4;--dot-link-hover:#00395e;--dot-accent:#ff8200;--dot-accent-hover:#db7100;--dot-accent-soft:#fff3e6;--dot-success:#4CAF50;--dot-success-bg:#eff9eb;--dot-warn:#ff8200;--dot-danger:#F44336;--dot-danger-bg:#fee7e6;--dot-text:#363636;--dot-muted:#525252;--dot-mute-2:#747474;--dot-surface:#fff;--dot-bg:#f6f6f6;--dot-bg-alt:#ecf0f1;--dot-border:#d7dfe4;--dot-border-soft:#e5e9ee;--dot-focus:#0d46b4;--dot-radius:16px;--dot-radius-md:12px;--dot-radius-sm:6px;--dot-radius-pill:36px;--dot-font-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dot-font-heading:"PT Serif", Georgia, "Times New Roman", serif}*{box-sizing:border-box}.dotaznik-body{margin:0;font-family:var(--dot-font-body);background:var(--dot-bg);color:var(--dot-text);line-height:1.55;-webkit-font-smoothing:antialiased}.dotaznik-wrap{padding:2.5rem 1rem}@media (min-width: 640px){.dotaznik-wrap{padding:4rem 1rem}}.dotaznik-app{position:relative;max-width:860px;margin:0
auto;padding:1.5rem 1.25rem 1.25rem;background:var(--dot-surface);border-radius:var(--dot-radius);font-size:17px;line-height:1.6}.dotaznik-app, .dotaznik-app
*{line-height:1.6 !important}.dotaznik-app h1, .dotaznik-app h2, .dotaznik-app h3, .dotaznik-app h4, .dotaznik-app h5, .dotaznik-app
h6{line-height:1.2 !important}#dotaznik-app .dot-intro h1, #dotaznik-app .dot-intro h2, #dotaznik-app .dot-intro h3,
#dotaznik-app .dot-intro h4, #dotaznik-app .dot-intro h5, #dotaznik-app .dot-intro h6,
#dotaznik-app .dot-form-consents__footer h1, #dotaznik-app .dot-form-consents__footer h2,
#dotaznik-app .dot-form-consents__footer h3, #dotaznik-app .dot-form-consents__footer
h4{margin:1.25em 0 0.5em !important;font-family:var(--dot-font-heading);color:var(--dot-primary);font-weight:700}#dotaznik-app .dot-intro
h1{font-size:1.75rem}#dotaznik-app .dot-intro
h2{font-size:1.45rem}#dotaznik-app .dot-intro
h3{font-size:1.2rem}#dotaznik-app .dot-intro
h4{font-size:1.05rem}#dotaznik-app .dot-intro p,
#dotaznik-app .dot-form-consents__footer
p{margin:0
0 0.8em !important}#dotaznik-app .dot-intro ul, #dotaznik-app .dot-intro
ol{margin:0.5em 0 1em 1.5em !important;padding:0
0 0 1.5em !important}#dotaznik-app .dot-intro
li{margin:0.25em 0 !important}@media (min-width: 640px){.dotaznik-app{padding:2.25rem 2rem 2rem}}.dot-boot{display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:2rem 0;color:var(--dot-muted)}.dot-spinner{width:28px;height:28px;border-radius:50%;border:3px
solid var(--dot-border);border-top-color:var(--dot-primary);animation:dot-spin 0.9s linear infinite}@keyframes dot-spin{to{transform:rotate(360deg)}}.dot-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--dot-border-soft)}.dot-title{font-family:var(--dot-font-heading);font-size:2rem;margin:0
0 0.9rem;line-height:1.2;font-weight:700;color:var(--dot-primary);letter-spacing:-0.01em}.dot-page-title{font-family:var(--dot-font-heading);font-size:1.25rem;margin:0
0 1rem;font-weight:700;color:var(--dot-primary)}.dot-progress{display:flex;flex-direction:column;gap:0.4rem}.dot-progress__bar{height:8px;background:#e5e9ee;border-radius:999px;overflow:hidden}.dot-progress__fill{height:100%;background:linear-gradient(90deg, var(--dot-link) 0%, var(--dot-primary) 100%);transition:width 240ms ease;border-radius:999px}.dot-progress__label{font-size:0.8rem;color:var(--dot-mute-2)}.dot-intro{margin-bottom:1.25rem;color:var(--dot-text)}.dot-intro :first-child{margin-top:0}.dot-intro :last-child{margin-bottom:0}.dot-intro--questions, .dot-intro--questions
*{font-weight:700 !important}.dot-questions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.dot-q{border:1px
solid var(--dot-border-soft);border-radius:var(--dot-radius-md);padding:1.1rem 1.15rem;background:#fff;transition:border-color 160ms ease, box-shadow 160ms ease}.dot-q:focus-within{border-color:var(--dot-primary);box-shadow:0 0 0 3px rgba(var(--dot-primary-rgb), 0.10)}.dot-q.is-error{border-color:var(--dot-danger);background:var(--dot-danger-bg)}.dot-q__label{font-weight:600;margin-bottom:0.35rem;color:var(--dot-text);font-size:1.1rem;line-height:1.4}.dot-q__help{color:var(--dot-muted);font-size:0.95rem;margin-bottom:0.75rem}#dotaznik-app .dot-likert{display:grid !important;grid-template-columns:repeat(5, 1fr) !important;align-items:start !important;gap:0.5rem !important;margin-top:0.75rem;padding:0.5rem 0;position:relative !important}#dotaznik-app .dot-likert::before{content:'';position:absolute;left:10%;right:10%;top:calc(0.5rem + 0.25rem + 18px);height:2px;background:var(--dot-border);border-radius:1px;z-index:0;pointer-events:none}#dotaznik-app .dot-likert .dot-likert__item,
#dotaznik-app label.dot-likert__item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:0.35rem !important;cursor:pointer;padding:0.25rem 0;text-align:center !important;margin:0
!important;width:100% !important;float:none !important}#dotaznik-app .dot-likert__num{display:inline-flex !important;flex:0 0 auto !important;position:relative !important;z-index:1 !important}#dotaznik-app .dot-likert__caption{display:block !important;width:100% !important;flex:0 0 auto !important}.dot-likert__input{position:absolute;opacity:0;pointer-events:none}.dot-likert__input:focus-visible+.dot-likert__num{outline:2px
solid var(--dot-focus);outline-offset:3px}.dot-likert__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--dot-primary);font-weight:700;font-size:0.95rem;border:1.5px solid var(--dot-border);transition:background 140ms ease, color 140ms ease, border-color 140ms ease, transform 60ms ease}.dot-likert__caption{font-size:0.76rem;color:var(--dot-muted);line-height:1.2;font-weight:500}.dot-likert__item:hover .dot-likert__num{border-color:var(--dot-link);background:var(--dot-primary-soft);color:var(--dot-link)}.dot-likert__item:active .dot-likert__num{transform:translateY(1px)}.dot-likert__item:has(.dot-likert__input:checked) .dot-likert__num{background:var(--dot-link);color:#fff;border-color:var(--dot-link);box-shadow:0 6px 14px rgba(13, 70, 180, 0.28)}.dot-likert__item:has(.dot-likert__input:checked) .dot-likert__caption{color:var(--dot-link);font-weight:600}@media (max-width: 520px){#dotaznik-app .dot-likert{gap:0.25rem !important}#dotaznik-app .dot-likert::before{top:calc(0.5rem + 0.25rem + 16px)}.dot-likert__num{width:32px;height:32px;font-size:0.9rem}.dot-likert__caption{font-size:0.68rem}}.dot-form{display:flex;flex-direction:column;gap:1rem}.dot-form__title{margin:1.75rem 0 0.75rem;font-size:1.4rem;font-weight:700;font-family:var(--dot-font-heading);color:var(--dot-primary);line-height:1.3}.dotaznik-app:has(.dot-page--result){background:transparent;border:none;box-shadow:none;padding:0}.dot-page--result>.dot-result,.dot-page--result>.dot-form--contact{background:#fff;border-radius:var(--dot-radius);padding:1.75rem 1.5rem;position:relative;overflow:hidden}@media (min-width: 640px){.dot-page--result>.dot-result,.dot-page--result>.dot-form--contact{padding:2.25rem 2rem 2rem}}.dot-page--result>.dot-form--contact{margin-top:32px}.dot-page--result > .dot-form--contact .dot-form__title{margin:0.25rem 0 0.5rem;font-size:1.85rem}:root{--dot-promo-bg:#f1f6fd;--dot-promo-ink:#18356b;--dot-promo-lead:#5c6f8a;--dot-promo-note:#8a9bb2;--dot-promo-consent:#24354f;--dot-promo-line:#c6d4e7;--dot-promo-cta:#ef8b32;--dot-promo-cta-hover:#e07d24}.dot-page--result>.dot-form--contact.dot-promo{container-type:inline-size;background:var(--dot-promo-bg);border-radius:20px;padding:0;overflow:hidden}@media (min-width: 860px){.dot-page--result>.dot-form--contact.dot-promo{position:relative;left:50%;transform:translateX(-50%);width:min(1000px, 100vw - 2rem);max-width:none;border-radius:14px}}.dot-promo__inner{display:grid;grid-template-columns:1fr;align-items:stretch}@media (min-width: 860px){.dot-promo__inner{grid-template-columns:54.97% 45.03%}}.dot-promo__body{padding:2rem 1.5rem 2.25rem;min-width:0}@media (min-width: 860px){.dot-promo__body{padding:3.851cqw}}.dot-promo__media{position:relative;overflow:hidden}.dot-promo__media
picture{display:block;height:100%}.dot-promo__img{display:block;width:100%;height:100%;object-fit:cover}.dot-promo__media::after{content:'';position:absolute;inset:0;pointer-events:none}@media (max-width: 859px){.dot-promo__media{order:-1;max-height:320px}.dot-promo__img{object-position:center center}.dot-promo__media::after{background:linear-gradient(to bottom, rgba(241, 246, 253, 0) 55%, var(--dot-promo-bg) 100%)}}@media (min-width: 860px){.dot-promo__img{object-position:center bottom}.dot-promo__media::after{background:linear-gradient(to right, var(--dot-promo-bg) 0%, rgba(241, 246, 253, 0) 12%)}}.dot-page--result > .dot-form--contact .dot-promo__title{margin:0
0 1rem;font-size:1.6rem;line-height:1.25 !important;font-weight:700;color:var(--dot-promo-ink)}.dot-promo__lead,
.dot-promo__lead
p{color:var(--dot-promo-lead);font-size:1.05rem;line-height:1.55 !important}.dot-promo__lead p:first-child{margin-top:0}.dot-promo__lead p:last-child{margin-bottom:0}.dot-promo__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.85rem;margin:1.75rem 0 1.5rem;align-items:start}@media (max-width: 520px){.dot-promo__grid{grid-template-columns:1fr}}.dot-promo__grid .dot-field{gap:0;align-self:stretch}.dot-promo__grid .dot-field--placeholder .dot-field__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dot-promo__grid .dot-field__input{background:#fff;border:1px
solid var(--dot-promo-line);border-radius:8px;padding:1.15rem 1.1rem;font-size:1.05rem;color:var(--dot-promo-consent)}.dot-promo__grid .dot-field__input::placeholder{color:var(--dot-promo-lead);opacity:1}.dot-promo__grid .dot-field__input:focus-visible{border-color:var(--dot-promo-ink);outline:2px
solid rgba(24, 53, 107, 0.18);outline-offset:1px}.dot-promo__grid .dot-field.is-error .dot-field__input{border-color:var(--dot-danger)}.dot-btn.dot-promo__submit{background:var(--dot-promo-cta);border:1px
solid var(--dot-promo-cta);border-radius:8px;color:#fff;font-weight:700;font-size:1.05rem;line-height:1.2;padding:1.15rem 1.25rem;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:none}.dot-btn.dot-promo__submit:hover:not([disabled]){background:var(--dot-promo-cta-hover);border-color:var(--dot-promo-cta-hover);transform:none}.dot-promo__consents-intro,
.dot-promo__consents-intro
p{color:var(--dot-promo-note);font-size:0.95rem;line-height:1.5 !important}.dot-promo__consents-intro p:first-child{margin-top:0}.dot-promo__consents-intro p:last-child{margin-bottom:0}@media (min-width: 860px){.dot-page--result > .dot-form--contact .dot-promo__title{font-size:2.731cqw;line-height:1.256 !important;margin:0
0 1.261cqw}.dot-promo__lead,
.dot-promo__lead
p{font-size:1.331cqw;line-height:1.737 !important}.dot-promo__grid{gap:1.120cqw;margin:2.241cqw 0 0}.dot-promo__grid .dot-field__input,.dot-btn.dot-promo__submit{height:4.902cqw;border-radius:0.560cqw;font-size:1.331cqw;padding:0
1.540cqw}.dot-promo__consents-intro{margin-top:1.331cqw}.dot-promo__consents-intro,
.dot-promo__consents-intro
p{font-size:1.261cqw;line-height:1.5 !important}}.dot-promo .dot-form-consents{margin:0
0 0.25rem}#dotaznik-app .dot-promo .dot-form-consents__row{color:var(--dot-promo-consent);font-size:0.95rem;align-items:flex-start !important}.dot-promo .dot-required-star{color:inherit;font-weight:700}.dot-promo .dot-form-consents__text
em{color:var(--dot-promo-note)}.dot-promo .dot-form-consents__cb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:1px
solid var(--dot-promo-line);border-radius:5px;background:#fff}.dot-promo .dot-form-consents__cb:checked{background:var(--dot-promo-ink) no-repeat center / 14px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");border-color:var(--dot-promo-ink)}.dot-promo .dot-form-consents__cb:focus-visible{outline:2px
solid rgba(24, 53, 107, 0.35);outline-offset:2px}.dot-promo .dot-form-consents__footer{margin-top:1rem;color:var(--dot-promo-ink)}#dotaznik-app .dot-promo .dot-form-consents__footer,
#dotaznik-app .dot-promo .dot-form-consents__footer p,
#dotaznik-app .dot-promo .dot-form-consents__footer
span{color:var(--dot-promo-ink)}.dot-promo .dot-form-consents__footer
a{color:var(--dot-promo-ink);text-decoration:underline}@media (min-width: 860px){#dotaznik-app .dot-promo .dot-form-consents{margin:1.050cqw 0 0 !important;gap:0.980cqw !important}#dotaznik-app .dot-promo .dot-form-consents__row{gap:0.910cqw !important;font-size:12px;line-height:1.588 !important}.dot-promo .dot-form-consents__cb{width:1.681cqw;height:1.681cqw;border-radius:0.350cqw}.dot-promo .dot-form-consents__footer{margin-top:1.120cqw}#dotaznik-app .dot-promo .dot-form-consents__footer,
#dotaznik-app .dot-promo .dot-form-consents__footer p,
#dotaznik-app .dot-promo .dot-form-consents__footer span,
#dotaznik-app .dot-promo .dot-form-consents__footer
a{font-size:1.050cqw !important;line-height:1.73 !important}}.dot-page--result .dot-result__title,
.dot-page--result .dot-result__lead,
.dot-page--result .dot-intro,
.dot-page--result .dot-form-consents__footer,
.dot-page--result .dot-form-consents__text,
.dot-page--result .dot-consent__text,
.dot-page--result .dot-notice{max-width:700px}.dot-page--result .dot-nav{position:static;margin:1.25rem 0 0;padding:0;background:transparent;backdrop-filter:none;border-radius:0 0 var(--dot-radius) var(--dot-radius);border-top:1px solid var(--dot-border-soft)}@media (min-width: 640px){.dot-page--result .dot-nav{margin:2rem -2rem -2rem;padding:1rem 2rem}}.dot-field{display:flex;flex-direction:column;gap:0.35rem}.dot-field__label{font-size:0.9rem;font-weight:600;color:var(--dot-text)}.dot-field__input{font:inherit;color:inherit;padding:0.75rem 0.9rem;border:1px
solid var(--dot-border);border-radius:var(--dot-radius-sm);background:#fff;width:100%;transition:border-color 120ms ease, box-shadow 120ms ease}.dot-field__input:hover{border-color:#b8c2cc}.dot-field__input:focus-visible{outline:none;border-color:var(--dot-link);box-shadow:0 0 0 3px rgba(13, 70, 180, 0.15)}select.dot-field__input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--dot-muted) 50%), linear-gradient(135deg, var(--dot-muted) 50%, transparent 50%);background-position:calc(100% - 18px) 55%, calc(100% - 12px) 55%;background-size:6px 6px, 6px 6px;background-repeat:no-repeat;padding-right:2rem}.dot-field.is-error .dot-field__input{border-color:var(--dot-danger)}.dot-field__with-image{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.dot-field__body{flex:1 1 260px;min-width:200px;display:flex;flex-direction:column;gap:0.35rem}.dot-field__image{flex:0 0 auto;max-width:200px;height:auto;display:block}@media (max-width: 520px){.dot-field__image{max-width:140px;margin:0
auto}}.dot-consent{border:1px
solid var(--dot-border-soft);border-left:3px solid var(--dot-primary);border-radius:var(--dot-radius-md);padding:0.95rem 1rem;background:var(--dot-primary-soft);display:flex;flex-direction:column;gap:0.6rem}.dot-consent__text{font-size:0.88rem;color:var(--dot-muted)}.dot-consent__text
a{color:var(--dot-link)}.dot-consent__text p:first-child{margin-top:0}.dot-consent__text p:last-child{margin-bottom:0}.dot-consent__cb{display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;font-weight:600;color:var(--dot-primary)}.dot-consent__cb
input{width:18px;height:18px;accent-color:var(--dot-primary)}#dotaznik-app .dot-consent-group{display:flex !important;flex-direction:column !important;gap:0.75rem !important;margin:1.25rem 0 2rem !important;padding:0
!important}#dotaznik-app .dot-form-consents{display:flex !important;flex-direction:column !important;gap:1rem !important;margin:1rem 0 0;padding:0
!important}#dotaznik-app .dot-form-consents__row{display:flex !important;align-items:flex-start !important;gap:1rem !important;cursor:pointer;font-size:0.95rem;line-height:1.45;color:var(--dot-text);margin:0
!important;padding:0
!important;width:100% !important}#dotaznik-app .dot-form-consents__cb{margin-top:0.15rem !important}.dot-form-consents__cb{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--dot-primary);cursor:pointer}.dot-form-consents__text{flex:1 1 auto;text-align:left}.dot-required-star{color:#d63638;font-weight:700;margin-right:0.15rem}.dot-form-consents__text
em{color:var(--dot-muted);font-style:italic}#dotaznik-app .dot-form-consents__footer,
#dotaznik-app .dot-form-consents__footer p,
#dotaznik-app .dot-form-consents__footer span,
#dotaznik-app .dot-form-consents__footer
a{font-size:14px !important;line-height:1.5 !important}.dot-form-consents__footer{margin:0.75rem 0 0;padding:0;color:var(--dot-muted);text-align:left}.dot-form-consents__footer
a{color:var(--dot-link)}.dot-form-consents__footer p:first-child{margin-top:0}.dot-form-consents__footer p:last-child{margin-bottom:0}#dotaznik-app .dot-consent--radio,
#dotaznik-app label.dot-consent--radio{display:flex !important;flex-direction:row !important;align-items:center !important;gap:0.75rem !important;padding:0
!important;margin:0
!important;background:transparent !important;border:none !important;cursor:pointer;width:100% !important}#dotaznik-app .dot-consent__radio{flex:0 0 auto !important;width:18px !important;height:18px !important;margin:0
!important;accent-color:var(--dot-primary);cursor:pointer}#dotaznik-app .dot-consent--radio .dot-consent__text{flex:1 1 auto !important;font-size:0.95rem;line-height:1.45;color:var(--dot-text);margin:0
!important;display:block !important}.dot-error-note{color:var(--dot-danger);font-size:0.82rem;margin:0.25rem 0 0}.dot-error-banner{background:var(--dot-danger-bg);color:var(--dot-danger);border:1px
solid var(--dot-danger);border-radius:var(--dot-radius-sm);padding:0.6rem 0.75rem;margin-top:1rem;font-size:0.9rem}.dot-result__status{color:var(--dot-mute-2);font-size:0.9rem}.dot-result__title{font-family:var(--dot-font-heading);color:var(--dot-primary);margin:0.25rem 0 0.5rem;font-size:1.75rem;font-weight:700;letter-spacing:-0.01em}.dot-result__lead{font-size:1.05rem;margin:0
0 1.5rem;color:var(--dot-muted)}.dot-result__lead
strong{color:var(--dot-primary);font-weight:700;padding:0.05em 0.4em;background:var(--dot-primary-soft);border-radius:var(--dot-radius-sm)}.dot-dims{display:flex;flex-direction:column;gap:1rem;margin:1rem 0 1.75rem}.dot-dim{border:1px
solid var(--dot-border-soft);border-radius:var(--dot-radius-md);padding:1rem 1.1rem 1.2rem;background:#fff}.dot-dim__head{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;margin-bottom:0.15rem}.dot-dim__name{font-family:var(--dot-font-heading);font-weight:700;font-size:1.05rem;color:var(--dot-primary);margin:0}.dot-dim__score{font-size:0.85rem;color:var(--dot-mute-2)}.dot-dim__score
strong{color:var(--dot-accent);font-weight:700}.dot-dim__pct{color:var(--dot-mute-2);font-weight:500}.dot-result__loading{display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:3rem 1rem;color:var(--dot-muted)}.dot-result__loading-msg{margin:0;font-size:0.95rem}.dot-form__hint{margin:0
0 0.5rem;color:var(--dot-muted);font-size:0.92rem}.dot-notice{padding:0.9rem 1rem;border-radius:var(--dot-radius-md);font-size:0.95rem}.dot-notice--success{background:var(--dot-success-bg);color:#1b6b1f;border:1px
solid var(--dot-success)}.dot-notice--info{background:var(--dot-primary-soft);color:var(--dot-primary);border:1px
solid #cfe1f7;margin:32px
0 1.25rem}.dot-promo__confirm{margin:0.6rem 0 1rem;color:var(--dot-mute-2);font-size:14px}.dot-dim__desc{color:var(--dot-muted);font-size:0.9rem;margin:0.35rem 0 1rem}.dot-axis{position:relative;margin:1.4rem 0 0.75rem;padding:0
0.5rem}.dot-axis__track{position:relative;height:8px;border-radius:999px;background:linear-gradient(
90deg,
#b7d3ea 0%,
#ffd9a8 50%,
#ffb060 100%
)}.dot-axis__ticks{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:0.5rem;font-size:0.72rem;color:var(--dot-mute-2);text-align:center}.dot-axis__ticks span:first-child{text-align:left}.dot-axis__ticks span:last-child{text-align:right}.dot-axis__marker{position:absolute;top:-6px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:var(--dot-accent);border:3px
solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.18), 0 0 0 1px var(--dot-accent);transition:left 400ms ease}.dot-axis__marker::after{content:attr(data-label);position:absolute;left:50%;top:-1.75rem;transform:translateX(-50%);background:var(--dot-primary);color:#fff;font-size:0.72rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:var(--dot-radius-sm);white-space:nowrap}.dot-tips{background:var(--dot-primary-soft);border-radius:var(--dot-radius-md);padding:1.1rem 1.25rem;margin:0
0 1.5rem}.dot-tips__title{font-family:var(--dot-font-heading);color:var(--dot-primary);margin:0
0 0.6rem;font-size:1.05rem;font-weight:700}.dot-tips
ol{margin:0;padding-left:1.2rem}.dot-tips
li{margin:0.35rem 0;color:var(--dot-text)}.dot-nav{position:sticky;bottom:0;z-index:20;margin:2rem -1.25rem -1.25rem;padding:0.75rem 1.25rem;background:rgba(255,255,255,0.96);backdrop-filter:saturate(140%) blur(6px);border-top:1px solid var(--dot-border-soft);display:flex;flex-direction:column;gap:0.6rem;border-bottom-left-radius:var(--dot-radius);border-bottom-right-radius:var(--dot-radius)}@media (min-width: 640px){.dot-nav{margin-left:-2rem;margin-right:-2rem;padding:0.9rem 2rem}}.dot-nav__row{display:flex;align-items:center;gap:0.5rem}.dot-nav__row--primary{justify-content:space-between}.dot-nav__row--save{justify-content:flex-start}.dot-nav__left,.dot-nav__right{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center}.dot-nav__right{justify-content:flex-end}.dot-save-group__row{display:inline-flex;align-items:center;gap:0.75rem;position:relative;flex-wrap:wrap}.dot-save-group__row>.dot-btn--with-icon{gap:0.2rem}.dot-nav__row--save{padding-left:0}.dot-nav__row--save .dot-save-group__row>.dot-btn{padding:0;background:transparent;border:none;color:var(--dot-link);font-weight:500;border-radius:0}.dot-nav__row--save .dot-save-group__row > .dot-btn:hover:not([disabled]),
.dot-nav__row--save .dot-save-group__row>.dot-btn:focus-visible{background:transparent;color:var(--dot-link-hover);text-decoration:underline;text-underline-offset:3px;outline:none}.dot-btn--with-icon{display:inline-flex;align-items:center;gap:0.45rem}.dot-btn--with-icon
svg{flex-shrink:0}.dot-info-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px
solid var(--dot-border);background:#fff;color:var(--dot-muted);cursor:pointer;padding:0;position:relative;transition:color 120ms ease, border-color 120ms ease, background 120ms ease}.dot-info-btn:hover,.dot-info-btn:focus-visible{color:var(--dot-primary);border-color:var(--dot-primary);background:var(--dot-primary-soft);outline:none}.dot-info-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--dot-primary);color:#fff;font-size:0.82rem;line-height:1.4;padding:0.6rem 0.75rem;border-radius:var(--dot-radius-sm);width:max-content;max-width:280px;box-shadow:0 6px 16px rgba(0,0,0,0.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 140ms ease, visibility 140ms ease;z-index:10;white-space:normal;text-align:left;font-weight:400}.dot-info-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px
solid transparent;border-top-color:var(--dot-primary)}.dot-info-btn:hover .dot-info-tip,
.dot-info-btn:focus-visible .dot-info-tip,
.dot-info-btn.is-open .dot-info-tip{opacity:1;visibility:visible;pointer-events:auto}@media (max-width: 520px){.dot-info-tip{left:0;transform:none;max-width:240px}.dot-info-tip::after{left:15px;transform:none}}.dot-btn{font:inherit;cursor:pointer;padding:0.75rem 1.25rem;border-radius:var(--dot-radius-sm);border:1px
solid transparent;background:transparent;color:var(--dot-text);font-size:0.95rem;transition:background 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease, transform 60ms ease}.dot-btn:focus-visible{outline:2px
solid var(--dot-focus);outline-offset:2px}.dot-btn:active{transform:translateY(1px)}.dot-btn[disabled]{opacity:0.55;cursor:not-allowed}.dot-btn--primary{background:var(--dot-link);color:#fff;border-color:var(--dot-link);font-weight:700;padding:0.85rem 1.5rem;box-shadow:0 6px 16px rgba(13, 70, 180, 0.22)}.dot-btn--primary:hover:not([disabled]){background:var(--dot-link-hover);border-color:var(--dot-link-hover);box-shadow:0 8px 20px rgba(13, 70, 180, 0.28);transform:translateY(-1px)}.dot-btn--secondary{background:#fff;color:var(--dot-primary);border-color:var(--dot-border);font-weight:600}.dot-btn--secondary:hover:not([disabled]){border-color:var(--dot-primary);color:var(--dot-primary);background:var(--dot-primary-soft)}.dot-btn--ghost{color:var(--dot-link);font-weight:500}.dot-btn--ghost:hover:not([disabled]){color:var(--dot-link-hover);background:var(--dot-primary-soft)}.dot-save-status{display:inline-flex;align-items:center;min-height:1.4rem;font-size:0.82rem;color:var(--dot-mute-2)}.dot-save-status__saving,.dot-save-status__saved{display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.55rem;border-radius:var(--dot-radius-pill);background:var(--dot-bg);border:1px
solid var(--dot-border-soft)}.dot-save-status__saved{color:var(--dot-success)}.dot-save-status__saved
svg{color:var(--dot-success)}.dot-save-status__saving{color:var(--dot-link)}.dot-save-status__saving
svg{color:var(--dot-link)}.dot-footer{display:none}.dot-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.55);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999;animation:dot-fade 160ms ease}@keyframes dot-fade{from{opacity:0}to{opacity:1}}.dot-modal{position:relative;background:#fff;border-radius:var(--dot-radius);padding:2rem 2rem 1.75rem;max-width:560px;width:100%;box-shadow:0 20px 60px rgba(15, 23, 42, 0.35);display:flex;flex-direction:column;gap:1rem;animation:dot-pop 200ms ease}@keyframes dot-pop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.dot-modal__close{position:absolute;top:0.9rem;right:0.9rem;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--dot-mute-2);cursor:pointer;transition:color 120ms ease, background 120ms ease;padding:0}.dot-modal__close:hover,.dot-modal__close:focus-visible{color:var(--dot-primary);background:var(--dot-bg);outline:none}.dot-modal__head{display:flex;align-items:center;gap:0.75rem;padding-right:2.25rem}.dot-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--dot-primary-soft);color:var(--dot-primary);flex-shrink:0}.dot-modal__title{margin:0;font-family:var(--dot-font-heading);color:var(--dot-primary);font-size:1.35rem;font-weight:700;line-height:1.25}.dot-modal__desc{margin:0;color:var(--dot-muted);font-size:0.95rem;line-height:1.5}.dot-modal__row{display:flex;gap:0.5rem;padding:0.5rem;background:var(--dot-bg);border:1px
solid var(--dot-border-soft);border-radius:var(--dot-radius-md)}.dot-modal__input{flex:1;padding:0.7rem 0.85rem;border:none;background:transparent;border-radius:var(--dot-radius-sm);font:inherit;color:var(--dot-text);min-width:0;font-size:0.92rem}.dot-modal__input:focus-visible{outline:2px
solid var(--dot-focus);outline-offset:-2px;background:#fff}.dot-modal__copy{min-width:130px;justify-content:center}.dot-modal__copy.is-copied{background:var(--dot-success);border-color:var(--dot-success)}.dot-modal__intro{color:var(--dot-text);font-size:0.95rem;line-height:1.5}.dot-modal__intro :first-child{margin-top:0}.dot-modal__intro :last-child{margin-bottom:0}.dot-modal__hint{font-size:0.85rem;color:var(--dot-mute-2);margin:0}.dot-modal__hint--success{color:var(--dot-success);font-size:0.95rem}.dot-modal__error{color:var(--dot-danger);background:var(--dot-danger-bg);border:1px
solid var(--dot-danger);border-radius:var(--dot-radius-sm);padding:0.7rem 0.85rem;margin:0}@media (max-width: 520px){.dot-modal{padding:1.5rem 1.25rem 1.25rem}.dot-modal__row{flex-direction:column}.dot-modal__copy{width:100%}}.dot-empty{text-align:center;color:var(--dot-mute-2);padding:2rem 0}