.u-diamond{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;transform:rotate(45deg)}.u-diamond--blue{background:var(--u-blue)}.u-diamond--yellow{background:var(--u-yellow);border:1.5px solid var(--u-blue)}.u-diamond--yellow-soft{background:var(--u-yellow-soft)}.u-diamond--outline{background:transparent;border:1.5px solid var(--u-blue-a45)}.u-diamond--muted{background:transparent;border:1.5px solid var(--u-blue-a30)}.u-diamond--warn{background:var(--u-warn)}.u-diamond--error{background:var(--u-error)}.u-diamond--success{background:var(--u-success)}.u-diamond--active{background:#ffffffb3;border:2px solid var(--u-yellow)}.u-diamond__seed{border-radius:1px}.u-diamond__seed--yellow{background:var(--u-yellow)}.u-diamond__seed--blue{background:var(--u-blue)}.u-diamond__seed--white{background:var(--u-white)}.u-diamond__inner{display:inline-flex;align-items:center;justify-content:center;transform:rotate(-45deg);line-height:1}.u-diamond__inner--yellow{color:var(--u-yellow)}.u-diamond__inner--blue{color:var(--u-blue)}.u-diamond__inner--white{color:var(--u-white)}@keyframes u-diamond-spin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.u-diamond--spin{animation:u-diamond-spin 1.1s linear infinite}@media (prefers-reduced-motion: reduce){.u-diamond--spin{animation-duration:2.4s}}.u-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--h-button);padding:0 var(--sp-4);border:0;border-radius:var(--r-control);font:var(--t-secondary);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.u-button--full{width:100%}.u-button:not(:disabled):active{transform:scale(.985)}.u-button--primary{background:var(--u-blue);color:var(--u-white);font:var(--t-main-button);box-shadow:var(--shadow-button)}.u-button--primary:not(:disabled):hover{background:#33359e}.u-button--primary:disabled{background:var(--u-blue-a30);color:#ffffffeb;box-shadow:none}.u-button--secondary{background:var(--glass-bg);border:1.5px solid var(--u-blue);color:var(--u-blue)}.u-button--secondary:not(:disabled):hover{background:var(--glass-bg-raised)}.u-button--secondary:disabled{border-color:var(--u-blue-a30);color:var(--ink-soft);background:var(--glass-bg-muted)}.u-button--ghost{background:transparent;color:var(--u-blue);padding:0 var(--sp-2)}.u-button--ghost:disabled{color:var(--ink-soft)}.u-button--underline .u-button__label{text-decoration:underline;text-underline-offset:3px}.u-button:disabled{cursor:default}.u-button__label{display:inline-block}.u-banner{display:flex;align-items:flex-start;gap:var(--sp-3);padding:12px var(--sp-4);border-radius:var(--r-control)}.u-banner--info{background:var(--glass-bg);border:1px solid var(--glass-border-color);box-shadow:var(--shadow-card)}.u-banner--warn{background:var(--u-yellow-soft)}.u-banner--success{background:#1e8a5a1a;border:1px solid rgba(30,138,90,.25)}.u-banner--accent{background:var(--u-yellow);box-shadow:var(--shadow-card)}.u-banner__icon{margin-top:4px}.u-banner__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.u-banner__title{font:var(--t-h3);color:var(--u-blue)}.u-banner__text{font:var(--t-body);color:var(--u-blue)}.u-banner--warn .u-banner__text,.u-banner--accent .u-banner__text,.u-banner--warn .u-banner__title,.u-banner--accent .u-banner__title{color:var(--u-blue-deep)}.u-banner__note{font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--ink-soft)}.u-banner--warn .u-banner__note{color:var(--u-warn)}.u-banner--success .u-banner__note{color:var(--u-success)}.u-banner__action{align-self:flex-start;margin-top:2px}.u-card{position:relative;overflow:hidden;display:block;width:100%;text-align:left;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--r-card);box-shadow:var(--shadow-card);color:var(--u-blue)}.u-card--raised{background:var(--glass-bg-raised);border-color:var(--glass-border-raised-color);border-radius:var(--r-hero);box-shadow:var(--shadow-raised)}.u-card--muted{background:var(--glass-bg-muted);box-shadow:none;color:var(--ink-soft)}.u-card--selected{background:var(--glass-bg-raised);border:1.5px solid var(--u-blue)}.u-card--pad{padding:var(--card-pad)}.u-card--accent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--u-yellow)}.u-card--accent.u-card--pad{padding-left:calc(var(--card-pad) + 3px)}.u-card--interactive{cursor:pointer;font:var(--t-body);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.u-card--interactive:active{transform:scale(.99)}.u-input{display:flex;flex-direction:column;gap:5px}.u-input__label{font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--ink-soft)}.u-input--warn .u-input__label{color:var(--u-warn)}.u-input--error .u-input__label{color:var(--u-error)}.u-input__field{display:flex;align-items:center;gap:var(--sp-2);height:var(--h-field);padding:0 var(--sp-4);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--r-control);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.u-input--lg .u-input__field{height:var(--h-field-lg)}.u-input__field:focus-within{background:var(--glass-bg-raised);border:1.5px solid var(--u-blue)}.u-input--warn .u-input__field{background:var(--glass-bg-raised);border:1.5px solid var(--u-warn)}.u-input--error .u-input__field{border:1.5px solid var(--u-error)}.u-input--disabled .u-input__field{background:var(--glass-bg-muted);border-color:var(--u-blue-a12)}.u-input__control{flex:1;min-width:0;border:0;outline:none;background:transparent;font:var(--t-body);color:var(--u-blue)}.u-input--lg .u-input__control{font:var(--t-h3)}.u-input__control::placeholder{color:var(--ink-soft);font:var(--t-body)}.u-input__control:disabled{color:var(--ink-soft)}.u-input__message{display:flex;align-items:center;gap:6px;font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--ink-soft)}.u-input--warn .u-input__message{color:var(--u-warn)}.u-input--error .u-input__message{color:var(--u-error)}.u-option{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--h-field-lg);padding:0 var(--sp-4);text-align:left;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--r-card);box-shadow:var(--shadow-card);color:var(--u-blue);font:var(--t-body);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.u-option:not(:disabled):active{transform:scale(.99)}.u-option--selected{background:var(--glass-bg-raised);border:1.5px solid var(--u-blue)}.u-option--correct{background:var(--glass-bg-raised);border:1.5px solid var(--u-success)}.u-option--wrong{background:var(--glass-bg-raised);border:1.5px solid var(--u-warn)}.u-option--disabled{background:var(--glass-bg-muted);box-shadow:none;color:var(--ink-soft);cursor:default}.u-option__label{flex:1;min-width:0}.u-progress{display:flex;flex-direction:column;gap:10px}.u-progress__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.u-progress__opened{font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--ink-soft)}.u-progress__current{font:var(--t-caption);font-weight:var(--fw-medium);letter-spacing:var(--ls-caption);color:var(--u-blue)}.u-progress__track{display:flex;gap:9px;align-items:center;margin:0;padding:0;list-style:none}.u-progress__dot-button{display:inline-flex;padding:0;border:0;background:transparent;cursor:pointer}.u-progress__dot-button:disabled{cursor:default}.u-sheet-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:var(--sheet-overlay);animation:u-sheet-fade var(--dur-base) var(--ease-out)}.u-sheet{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:10px var(--screen-pad) calc(var(--screen-pad) + env(safe-area-inset-bottom,0px));background:var(--sheet-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--sheet-border-color);border-radius:var(--r-hero) var(--r-hero) 0 0;box-shadow:var(--shadow-modal);animation:u-sheet-rise var(--dur-base) var(--ease-out);outline:none}.u-sheet__grabber{width:40px;height:4px;margin:0 auto var(--sp-3);border-radius:var(--r-pill);background:var(--u-blue-a18)}.u-sheet__title{font:var(--t-h2);color:var(--u-blue);margin:0 0 var(--sp-3)}.u-sheet__body{display:flex;flex-direction:column;gap:var(--gap-card)}.u-sheet__footer{margin-top:var(--sp-5)}@keyframes u-sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes u-sheet-rise{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.u-sheet-overlay,.u-sheet{animation:none}}.u-mainbutton-fallback{position:fixed;left:0;right:0;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--u-blue)}.u-mainbutton-fallback__btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;height:var(--h-main-button);border:0;background:var(--u-blue);color:var(--u-white);font:var(--t-main-button);cursor:pointer}.u-mainbutton-fallback__btn:disabled{cursor:default;opacity:.6}.dev-page__intro{display:flex;flex-direction:column;gap:var(--sp-2)}.dev-toc{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.dev-toc__chip{height:30px;padding:0 12px;border:1px solid var(--glass-border-color);border-radius:var(--r-pill);background:var(--glass-bg);color:var(--u-blue);font:var(--t-caption);letter-spacing:var(--ls-caption);cursor:pointer}.dev-section{display:flex;flex-direction:column;gap:var(--gap-card);scroll-margin-top:var(--sp-4)}.dev-section__head{display:flex;flex-direction:column;gap:2px}.dev-label{font:var(--t-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.dev-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.dev-stack{display:flex;flex-direction:column;gap:var(--sp-2)}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap-card)}.dev-swatch{display:flex;align-items:center;gap:10px}.dev-swatch__chip{width:30px;height:30px;flex:none;border-radius:var(--r-badge);border:1px solid var(--glass-border-color);box-shadow:var(--shadow-card)}.dev-swatch__text{display:flex;flex-direction:column;min-width:0}.dev-kv{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.dev-kv__value{font:var(--t-body);color:var(--u-blue);text-align:right;word-break:break-word}.dev-shadow-box{height:52px;border-radius:var(--r-card);background:var(--u-white);display:flex;align-items:center;justify-content:center;font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--ink-soft)}.dev-radii{display:flex;align-items:flex-end;gap:var(--sp-2)}.dev-radii__box{width:54px;height:54px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;background:var(--glass-bg);border:1px solid var(--glass-border-color);font:var(--t-caption);color:var(--ink-soft)}.dev-bullet{display:flex;align-items:flex-start;gap:var(--sp-2)}.dev-bullet>.u-diamond{margin-top:5px}.dev-diamond-cell{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--r-card);text-align:center}@font-face{font-family:e-Ukraine;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/e-Ukraine-300-S1s-pHc3.woff2) format("woff2")}@font-face{font-family:e-Ukraine;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/e-Ukraine-400-CNV7fHhI.woff2) format("woff2")}@font-face{font-family:e-Ukraine;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/e-Ukraine-500-DTvafs24.woff2) format("woff2")}@font-face{font-family:e-UkraineHead;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/e-UkraineHead-500-C8xsmHfX.woff2) format("woff2")}:root{--u-yellow: #fdb913;--u-yellow-soft: #ffe39a;--u-blue: #2e3092;--u-blue-deep: #23255f;--ink-soft: #6e71a6;--u-white: #ffffff;--u-success: #1e8a5a;--u-error: #d8433f;--u-warn: #d97706;--u-blue-a08: rgba(46, 48, 146, .08);--u-blue-a10: rgba(46, 48, 146, .1);--u-blue-a12: rgba(46, 48, 146, .12);--u-blue-a18: rgba(46, 48, 146, .18);--u-blue-a25: rgba(46, 48, 146, .25);--u-blue-a30: rgba(46, 48, 146, .3);--u-blue-a45: rgba(46, 48, 146, .45);--u-bg-gradient: linear-gradient(170deg, #fffdf6 0%, #fff6dc 55%, #ffefc4 100%);--u-bg-top: #fffdf6;--u-bg-bottom: #ffefc4;--glass-bg: rgba(255, 255, 255, .55);--glass-border-color: rgba(255, 255, 255, .8);--glass-bg-raised: rgba(255, 255, 255, .75);--glass-border-raised-color: rgba(255, 255, 255, .9);--glass-bg-muted: rgba(255, 255, 255, .35);--glass-blur: 14px;--r-badge: 8px;--r-control: 14px;--r-card: 16px;--r-hero: 18px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--screen-pad: 16px;--gap-card: 12px;--gap-section: 20px;--card-pad: 14px;--shadow-card: 0 6px 16px rgba(46, 48, 146, .07);--shadow-raised: 0 10px 30px rgba(46, 48, 146, .18);--shadow-modal: 0 -12px 40px rgba(35, 37, 95, .22);--shadow-button: 0 8px 20px rgba(46, 48, 146, .3);--font-body: "e-Ukraine", -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "e-UkraineHead", "e-Ukraine", -apple-system, "Segoe UI", sans-serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--t-h1: var(--fw-medium) 22px / 28px var(--font-head);--t-h2: var(--fw-medium) 17px / 24px var(--font-body);--t-h3: var(--fw-medium) 15px / 20px var(--font-body);--t-body: var(--fw-regular) 13px / 20px var(--font-body);--t-soft: var(--fw-light) 12px / 17px var(--font-body);--t-caption: var(--fw-regular) 11px / 15px var(--font-body);--t-story: var(--fw-regular) 15px / 25px var(--font-body);--t-main-button: var(--fw-medium) 15px / 20px var(--font-body);--t-secondary: var(--fw-medium) 14px / 20px var(--font-body);--ls-caption: .3px;--h-button: 46px;--h-field: 48px;--h-field-lg: 56px;--h-main-button: 50px;--sheet-overlay: rgba(35, 37, 95, .35);--sheet-bg: rgba(255, 255, 255, .82);--sheet-border-color: rgba(255, 255, 255, .9);--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fast: .12s;--dur-base: .22s}:root[data-tg-scheme=dark]{--sheet-overlay: rgba(0, 0, 0, .62);--shadow-modal: 0 -12px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;height:100%}body{margin:0;min-height:100%;background:var(--u-bg-gradient);background-attachment:fixed;color:var(--u-blue);font:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{min-height:100%}img,svg{max-width:100%}button,input,textarea{font:inherit;color:inherit}a{color:var(--u-blue);text-decoration-color:var(--u-yellow)}:focus-visible{outline:2px solid var(--u-blue);outline-offset:2px;border-radius:var(--sp-1)}.u-screen{display:flex;flex-direction:column;gap:var(--gap-section);max-width:520px;margin:0 auto;padding:var(--screen-pad);padding-bottom:calc(var(--screen-pad) + env(safe-area-inset-bottom,0px))}body[data-main-button-fallback=on] .u-screen{padding-bottom:calc(var(--h-main-button) + var(--sp-3) + var(--screen-pad) + env(safe-area-inset-bottom,0px))}.u-stack{display:flex;flex-direction:column;gap:var(--gap-card)}.u-h1{font:var(--t-h1);color:var(--u-blue);margin:0}.u-h2{font:var(--t-h2);color:var(--u-blue);margin:0}.u-h3{font:var(--t-h3);color:var(--u-blue);margin:0}.u-body{font:var(--t-body);color:var(--u-blue);margin:0}.u-soft{font:var(--t-soft);color:var(--ink-soft);margin:0}.u-caption{font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--ink-soft);margin:0}.u-story{font:var(--t-story);color:var(--u-blue);margin:0}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}