:root{--b-radius:18px;--b-edge:4px;--b-ms:80ms;--b-primary:var(--color-teal);--b-primary-edge:var(--color-teal-deep);--b-danger:var(--color-bad-deep);--b-danger-edge:#b0303a;--b-success:var(--color-leaf);--b-success-edge:#17803a;--b-off:#e3eceb;--b-off-text:#9db1b0;--b-tile:#fff;--b-tile-line:var(--color-swan);--b-tile-edge:var(--color-lip);--b-tile-text:var(--color-ink);--b-sel:#ddf1fc;--b-sel-line:var(--color-sky);--b-sel-edge:var(--color-select);--b-sel-text:#174f73;--b-ok:var(--color-dock-ok);--b-ok-line:var(--color-mint);--b-ok-edge:var(--color-leaf);--b-ok-text:#135a39;--b-bad:var(--color-dock-bad);--b-bad-line:var(--color-coral);--b-bad-edge:var(--color-bad-deep);--b-bad-text:#9d2a22}html.dark:root,html:root .duo-lesson{--b-off:#2b3a40;--b-off-text:#5d7078;--b-tile:#131f24;--b-tile-line:#37464f;--b-tile-edge:#37464f;--b-tile-text:#f4f1ea;--b-sel:#13242e;--b-sel-line:#49c0f6;--b-sel-edge:#1f8fc4;--b-sel-text:#7fd3fb;--b-ok:#173528;--b-ok-line:#1c7a4e;--b-ok-edge:#1c7a4e;--b-ok-text:#b6f6d4;--b-bad:#3d1d22;--b-bad-line:#b83e35;--b-bad-edge:#b83e35;--b-bad-text:#ffc1c4}html:root :is(.btn,.cta){--bg:var(--b-primary);--edge:var(--b-primary-edge);border-radius:var(--b-radius);background:var(--bg);color:#fff;box-shadow:0 var(--b-edge) 0 var(--edge);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #0000001f;transition:transform var(--b-ms) ease-out, box-shadow var(--b-ms) ease-out, background-color .12s;background-image:none;border:0;font-weight:900}html:root .cta:not(.w-14):not(.cta-lg){height:50px}html:root .cta-lg{border-radius:var(--b-radius);height:52px}html:root :is(.btn,.cta):active:not(:disabled){transform:translateY(var(--b-edge));box-shadow:0 0 0 var(--edge)}html:root :is(.btn-danger,.cta-bad){--bg:var(--b-danger);--edge:var(--b-danger-edge)}html:root .btn-success{--bg:var(--b-success);--edge:var(--b-success-edge)}html:root :is(.btn,.cta).normal-case{text-transform:none;letter-spacing:.01em}html:root :is(.btn,.cta):disabled:not(.cta-wait){background:var(--b-off);color:var(--b-off-text);box-shadow:none;transform:translateY(var(--b-edge));cursor:default}html:root .cta-wait:disabled{opacity:1}html:root .fc-cta:after{display:none}html:root :is(.btn-secondary,.btn-ghost,.ghost-btn,.sade-quiet,.press,.gr-opt,.goal-parts){--line:var(--b-tile-line);--edge:var(--b-tile-edge);border:2px solid var(--line);border-bottom-color:var(--edge);border-radius:var(--b-radius);background:var(--b-tile);color:var(--b-tile-text);box-shadow:0 2px 0 var(--edge);transition:transform var(--b-ms) ease-out, box-shadow var(--b-ms) ease-out, background-color .12s, border-color .12s;background-image:none}html:root :is(.btn-secondary,.btn-ghost,.ghost-btn,.sade-quiet,.press,.gr-opt,.goal-parts):active:not(:disabled){box-shadow:0 0 0 var(--edge);transform:translateY(2px)}html:root :is(.btn-secondary,.btn-ghost,.ghost-btn,.sade-quiet){letter-spacing:.06em;text-transform:uppercase;color:var(--color-teal-deep);font-weight:900}html.dark:root :is(.btn-secondary,.btn-ghost,.ghost-btn,.sade-quiet){color:var(--b-tile-text)}html:root .ghost-btn{height:46px}html:root .btn-ghost{background:0 0}html:root :is(.btn-secondary,.btn-ghost,.ghost-btn,.sade-quiet,.press):disabled{background:var(--b-off);border-color:var(--b-off);color:var(--b-off-text);box-shadow:none;transform:translateY(2px)}html:root :is(.btn-pill,.goal-parts){letter-spacing:.06em;text-transform:uppercase;color:var(--color-select);border-radius:12px;padding:6px 12px;font-size:13px;font-weight:900}html:root :is(.press,.gr-opt){font-weight:800}html:root :is(.press-on,.ob-opt.ob-on){--line:var(--b-sel-line);--edge:var(--b-sel-edge);background:var(--b-sel);color:var(--b-sel-text)}html:root :is(.press-ok,.gr-opt.is-ok){--line:var(--b-ok-line);--edge:var(--b-ok-edge);background:var(--b-ok);color:var(--b-ok-text)}html:root :is(.press-bad,.gr-opt.is-no){--line:var(--b-bad-line);--edge:var(--b-bad-edge);background:var(--b-bad);color:var(--b-bad-text)}html.dark:root :is(.press-on,.press-ok,.press-bad),html:root .duo-lesson :is(.press-on,.press-ok,.press-bad){border-color:var(--line);border-bottom-color:var(--edge)}html:root .press-on .opt-title{color:var(--b-sel-text)}html:root .ob-opt{box-shadow:0 2px 0 var(--b-tile-edge);border:2px solid var(--b-tile-line)!important;border-bottom-color:var(--b-tile-edge)!important}html:root .ob-opt.ob-on{box-shadow:0 2px 0 var(--b-sel-edge);border-color:var(--b-sel-line)!important;border-bottom-color:var(--b-sel-edge)!important;background:var(--b-sel)!important}html:root .ob-opt.ob-on .opt-title{color:var(--b-sel-text)}html:root .bk-hero-cta{border-radius:var(--b-radius);box-shadow:0 var(--b-edge) 0 #0003;text-transform:uppercase;letter-spacing:.06em;transition:transform var(--b-ms) ease-out, box-shadow var(--b-ms) ease-out;font-size:16px}html:root .bk-hero-cta:active{transform:translateY(var(--b-edge));box-shadow:0 0 #0003}html.calm:root :is(.btn,.cta,.press,.ghost-btn,.sade-quiet,.gr-opt,.goal-parts){transition-duration:0s}html:root .btn-gem{--bg:var(--b-primary);--edge:var(--b-primary-edge);color:#fff}html:root .btn-gold{--bg:#ffc800;--edge:#d9a400;color:#3d2a00}html:root .btn-white{--bg:#fff;--edge:#00000024;color:var(--color-teal-ink)}html:root :is(.btn,.cta).btn-short:disabled{background:var(--bg);color:#fff;opacity:.55;box-shadow:0 var(--b-edge) 0 var(--edge);transform:none}html:root .yol-node{--bg:var(--color-teal);--edge:var(--color-teal-deep);--yol-e:8px;background:var(--bg);color:#fff;width:70px;height:64px;box-shadow:0 var(--yol-e) 0 var(--edge), inset 0 -3px 0 #00000014;transform:translateY(calc(var(--yol-e) * -.5));transition:transform var(--b-ms) ease-out, box-shadow var(--b-ms) ease-out;border-radius:50%;place-items:center;display:grid}html:root .yol-node.is-locked{--bg:color-mix(in srgb, var(--tint,var(--yol-lock)) 22%, var(--yol-lock));--edge:color-mix(in srgb, var(--tint,var(--yol-lock-edge)) 30%, var(--yol-lock-edge));color:color-mix(in srgb, var(--tint,var(--yol-lock-ink)) 45%, var(--yol-lock-ink))}html:root button:active .yol-node,html:root a:active .yol-node{transform:translateY(calc(var(--yol-e) * .5));box-shadow:0 0 0 var(--edge)}html:root .yol-head{border-radius:var(--b-radius);box-shadow:0 var(--b-edge) 0 var(--edge);transition:transform var(--b-ms) ease-out, box-shadow var(--b-ms) ease-out}html:root .yol-head:active{transform:translateY(var(--b-edge));box-shadow:0 0 0 var(--edge)}html:root .yol-guide{border-left:2px solid color-mix(in srgb, var(--edge) 70%, transparent);color:#fff}html:root .yol-guide:active{background:#0000001a}:root{--yol-lock:#e5e5e5;--yol-lock-edge:#c4c4c4;--yol-lock-ink:#afafaf;--yol-off:#e5e5e5}html.dark:root .yol-node.is-locked{--bg:color-mix(in srgb, var(--tint,var(--yol-lock)) 34%, var(--yol-lock));--edge:color-mix(in srgb, var(--tint,var(--yol-lock-edge)) 28%, #0b1114);color:color-mix(in srgb, var(--tint,var(--yol-lock-ink)) 60%, #c9d6d6)}html.dark:root{--yol-lock:#37464f;--yol-lock-edge:#24313a;--yol-lock-ink:#5d7078;--yol-off:#37464f}html.calm:root .yol-node,html.calm:root .yol-head{transition:none}
