:root{--dlg-action: var(--ui-action, #4f46e5);--dlg-action-hover: var(--ui-action-hover, #4338ca);--dlg-action-disabled: var(--ui-action-disabled, #a5b4fc);--dlg-action-tint: var(--ui-action-tint, #eef2ff);--dlg-danger: var(--ui-danger, #dc2626);--dlg-danger-hover: var(--ui-danger-hover, #b91c1c);--dlg-btn-height: 44px;--dlg-btn-radius: 8px;--dlg-btn-font: .9375rem;--dlg-btn-pad-x: 18px;--dlg-btn-secondary-border: #cbd5e1;--dlg-btn-secondary-text: #334155;--dlg-btn-secondary-hover: #f8fafc;--dlg-radius: var(--sheet-radius, 16px);--dlg-scrim: var(--sheet-scrim, rgba(15, 23, 42, .45));--dlg-shadow: 0 20px 50px rgba(15, 23, 42, .18);--dlg-line: var(--ui-line, #e7eaf0);--dlg-gap: clamp(16px, 4vh, 48px);--dlg-close-size: 44px;--dlg-close-bg: var(--ui-surface-soft, #f1f5f9);--dlg-close-bg-hover: #e2e8f0;--dlg-close-color: #475569;--dlg-close-icon: 20px;--dlg-title-size: 1.125rem;--dlg-title-color: var(--ui-text, #0f172a);--dlg-muted: var(--ui-text-muted, #64748b);--dlg-field-border: var(--ui-field-border, #cbd5e1);--dlg-focus: var(--ui-focus, #6366f1);--dlg-focus-ring: 0 0 0 3px rgba(99, 102, 241, .2)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) :is(.btn-primary,.btn-secondary,.btn-danger,.btn-danger-quiet,.btn-warn-quiet){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;min-height:var(--dlg-btn-height);padding:0 var(--dlg-btn-pad-x);border:1px solid transparent;border-radius:var(--dlg-btn-radius);font-family:inherit;font-size:var(--dlg-btn-font);font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}:where(body.page-therapeut,body.page-dialog,.game-end-stage) :is(.btn-primary,.btn-secondary,.btn-danger,.btn-danger-quiet,.btn-warn-quiet)[hidden]{display:none}:where(body.page-therapeut,body.page-dialog,.game-end-stage) :is(.btn-primary,.btn-secondary,.btn-danger) .icon{font-size:1.1rem}:where(body.page-therapeut,body.page-dialog,.game-end-stage) :is(.btn-primary,.btn-secondary,.btn-danger,.btn-danger-quiet,.btn-warn-quiet):focus-visible{outline:2px solid var(--dlg-action);outline-offset:2px}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-primary{background:var(--dlg-action);color:#fff}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-primary:hover:not(:disabled){background:var(--dlg-action-hover)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-secondary{background:#fff;border-color:var(--dlg-btn-secondary-border);color:var(--dlg-btn-secondary-text)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-secondary:hover:not(:disabled){background:var(--dlg-btn-secondary-hover)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-danger{background:var(--dlg-danger);color:#fff}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-danger:hover:not(:disabled){background:var(--dlg-danger-hover)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-danger-quiet{background:#fff;border-color:#fecaca;color:#b91c1c}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-danger-quiet:hover:not(:disabled){background:#fef2f2}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-warn-quiet{background:var(--ui-warn-bg, #fffbeb);border-color:var(--ui-warn-border, #fde68a);color:var(--ui-warn-text, #b45309)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-warn-quiet:hover:not(:disabled){border-color:var(--ui-warn-text, #b45309)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-warn-quiet[aria-pressed=true]{background:var(--ui-warn-border, #fde68a);border-color:var(--ui-warn-text, #b45309);box-shadow:inset 0 0 0 1px var(--ui-warn-text, #b45309)}:where(body.page-therapeut,body.page-dialog,.game-end-stage) .btn-primary:disabled{background:var(--dlg-action-disabled);cursor:not-allowed}:where(body.page-therapeut,body.page-dialog,.game-end-stage) :is(.btn-secondary,.btn-danger,.btn-warn-quiet):disabled{opacity:.6;cursor:not-allowed}.game-end-stage{--dlg-btn-height: 52px;--dlg-btn-font: 1.0625rem;display:flex;flex-direction:column;gap:10px}.game-end-stage>:is(.btn-primary,.btn-secondary,.btn-danger){width:100%}@media(max-height:500px){.game-end-stage{--dlg-btn-height: 44px;gap:8px}}.audio-unlock{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--dlg-scrim);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:audio-unlock-in .2s ease-out}.audio-unlock__card{box-sizing:border-box;width:min(100%,360px);padding:28px 24px 24px;background:#fff;border-radius:var(--dlg-radius);box-shadow:var(--dlg-shadow);text-align:center}.audio-unlock__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:16px;border-radius:50%;background:var(--dlg-action-tint);color:var(--dlg-action);font-size:28px}.audio-unlock__title{margin:0 0 6px;font-size:var(--dlg-title-size);font-weight:700;line-height:1.3;color:var(--dlg-title-color)}.audio-unlock__text{margin:0 0 20px;font-size:.9375rem;line-height:1.45;color:var(--dlg-muted)}.audio-unlock .is-touch-focus:focus-visible{outline:none}@keyframes audio-unlock-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.audio-unlock{animation:none}}body:is(.page-therapeut,.page-dialog) .modal{position:fixed;inset:0;z-index:3200;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;max-width:none;max-height:none;padding:var(--dlg-gap) 24px;background:transparent;border-radius:0;box-shadow:none;overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transform:none;animation:none;font-size:14px}body:is(.page-therapeut,.page-dialog) .modal:is(.hidden,[hidden]){display:none}html:has(body.page-dialog .modal:not(.hidden):not([hidden])){overflow:hidden}body.page-dialog .modal>.modal-backdrop{touch-action:none}body:is(.page-therapeut,.page-dialog) .modal>.modal-backdrop{position:fixed;inset:0;z-index:0;display:block;margin:0;padding:0;background:var(--dlg-scrim);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;animation:none}body:is(.page-therapeut,.page-dialog) .modal.modal--top{z-index:10050}body:is(.page-therapeut,.page-dialog) .modal .is-touch-focus:focus,body:is(.page-therapeut,.page-dialog) .modal .is-touch-focus:focus-visible{outline:none;box-shadow:none}body:is(.page-therapeut,.page-dialog) .modal--stacked>.modal-backdrop{background:#0f172a40}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(var(--dlg-w, 560px),100%);max-width:none;height:auto;max-height:calc(100dvh - 2 * var(--dlg-gap));margin:0;padding:0;background:#fff;border:0;border-radius:var(--dlg-radius);box-shadow:var(--dlg-shadow);overflow:hidden;transform:none;animation:none}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog:focus{outline:none}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--wide{--dlg-w: 800px}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--compact{--dlg-w: 400px}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--xwide{--dlg-w: 1040px;height:min(860px,calc(100dvh - 48px));max-height:none}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--fit{--dlg-w: 1040px}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--media{--dlg-w: 720px;height:min(720px,calc(100dvh - 2 * var(--dlg-gap)))}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--search{height:min(640px,calc(100dvh - 2 * var(--dlg-gap)))}body:is(.page-therapeut,.page-dialog) .modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:16px 16px 12px 24px;background:#fff;border:0}body:is(.page-therapeut,.page-dialog) .modal .modal-header h2{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;margin:0;font-size:var(--dlg-title-size);line-height:1.3;font-weight:700;color:var(--dlg-title-color)}body:is(.page-therapeut,.page-dialog) .modal .modal-header h2>i{font-size:1em;color:var(--dlg-action)}body:is(.page-therapeut,.page-dialog) .modal .modal-dialog--danger .modal-header h2>i{color:var(--dlg-danger)}body:is(.page-therapeut,.page-dialog) .modal .modal-header__sub{flex-basis:100%;font-size:.8125rem;font-weight:500;color:var(--dlg-muted)}body:is(.page-therapeut,.page-dialog) .modal .modal-close{position:relative;flex:0 0 auto;display:grid;place-items:center;width:var(--dlg-close-size);height:var(--dlg-close-size);margin:-6px -4px -6px auto;padding:0;border:0;border-radius:50%;background:var(--dlg-close-bg);color:var(--dlg-close-color);font-size:0;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}body:is(.page-therapeut,.page-dialog) .modal .modal-close:before{position:absolute;inset:0;display:grid;place-items:center;content:"";font:900 var(--dlg-close-icon) / 1 "Font Awesome 6 Free"}body:is(.page-therapeut,.page-dialog) .modal .modal-close:hover{background:var(--dlg-close-bg-hover)}body:is(.page-therapeut,.page-dialog) .modal .modal-close--on-media{position:absolute;top:12px;right:12px;z-index:2;margin:0;background:#ffffffeb;box-shadow:0 2px 8px #0f172a26}body:is(.page-therapeut,.page-dialog) .modal .modal-close--on-media:hover{background:#fff}body:is(.page-therapeut,.page-dialog) .modal .modal-close:focus-visible{outline:2px solid var(--dlg-action);outline-offset:2px}body:is(.page-therapeut,.page-dialog) :is(.dlg-close,.page-close){display:grid;place-items:center;width:var(--dlg-close-size);height:var(--dlg-close-size);padding:0;border:0;border-radius:50%;background:var(--dlg-close-bg);color:var(--dlg-close-color);font-size:var(--dlg-close-icon);line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}body.page-dialog .page-close{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:12px;z-index:2}body:is(.page-therapeut,.page-dialog) :is(.dlg-close,.page-close):hover{background:var(--dlg-close-bg-hover)}body:is(.page-therapeut,.page-dialog) :is(.dlg-close,.page-close):focus-visible{outline:2px solid var(--dlg-action);outline-offset:2px}body:is(.page-therapeut,.page-dialog) .modal .modal-body{flex:1 1 auto;min-height:0;max-height:none;padding:8px 24px 20px;overflow-y:auto;overscroll-behavior:contain}body:is(.page-therapeut,.page-dialog) .modal .modal-text{margin:0;font-size:.9375rem;line-height:1.5;color:#334155}body:is(.page-therapeut,.page-dialog) .modal .modal-text:not(:last-child){margin-bottom:16px}body:is(.page-therapeut,.page-dialog) .modal .modal-body.hidden{display:none}body:is(.page-therapeut,.page-dialog) .modal .modal-body--flush{padding:0;overflow:hidden}body:is(.page-therapeut,.page-dialog) .modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;padding:12px 24px;background:#fff;border-top:1px solid var(--dlg-line)}body:is(.page-therapeut,.page-dialog) .modal :is(.modal-header,.modal-body,.modal-footer)[hidden],body:is(.page-therapeut,.page-dialog) .modal .modal-footer>[hidden]{display:none}body:is(.page-therapeut,.page-dialog) .modal .modal-subbar{flex:0 0 auto;padding:0 24px 12px;border-bottom:1px solid var(--dlg-line)}body:is(.page-therapeut,.page-dialog) .modal .modal-subbar .modal-text{margin-bottom:10px;font-size:.8125rem;color:var(--dlg-muted)}body:is(.page-therapeut,.page-dialog) .modal .modal-footer__note{margin:0 auto 0 0;font-size:.8125rem;color:var(--dlg-muted)}body:is(.page-therapeut,.page-dialog) .modal input[type=search].modal-field{-webkit-appearance:none;appearance:none}body:is(.page-therapeut,.page-dialog) .modal .modal-label{display:block;margin:0 0 6px;font-size:.875rem;font-weight:700;color:#334155}body:is(.page-therapeut,.page-dialog) .modal .modal-field{display:block;box-sizing:border-box;width:100%;min-height:40px;margin:0;padding:9px 12px;border:1px solid var(--dlg-field-border);border-radius:8px;background:#fff;color:var(--dlg-title-color);font-family:inherit;font-size:.9375rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}body:is(.page-therapeut,.page-dialog) .modal textarea.modal-field{min-height:88px;resize:vertical}body:is(.page-therapeut,.page-dialog) .modal .modal-field::placeholder{color:#94a3b8}body:is(.page-therapeut,.page-dialog) .modal .modal-field:focus{outline:none;border-color:var(--dlg-focus);box-shadow:var(--dlg-focus-ring)}body:is(.page-therapeut,.page-dialog) .modal .modal-field:is(:disabled,[readonly]){background:#f8fafc;color:var(--dlg-muted);cursor:default}body:is(.page-therapeut,.page-dialog) .modal .modal-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:.9375rem;font-weight:700;line-height:1.4;color:var(--dlg-title-color);cursor:pointer}body:is(.page-therapeut,.page-dialog) .modal .modal-check input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ui-action);cursor:pointer}@media(pointer:coarse){body:is(.page-therapeut,.page-dialog) .modal .modal-field{min-height:44px;font-size:16px}}@media(min-width:640px)and (max-width:768px){body:is(.page-therapeut,.page-dialog) .modal:has(>.modal-dialog--xwide){padding:0}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--xwide{width:100%;height:100dvh;border-radius:0}}@media(max-width:639px){body:is(.page-therapeut,.page-dialog) .modal{justify-content:flex-end;align-items:stretch;padding:0;top:var(--vv-top, 0px);bottom:auto;height:var(--vv-h, 100%)}body:is(.page-therapeut,.page-dialog) .modal>.modal-backdrop{animation:sheet-scrim-in .2s ease-out}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog{width:100%;max-height:calc(var(--vv-h, 100dvh) - var(--sheet-top-gap, 48px));border-radius:var(--sheet-radius, 16px) var(--sheet-radius, 16px) 0 0;box-shadow:0 -8px 24px #0f172a1f;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in var(--sheet-in, .28s cubic-bezier(.32, .72, 0, 1))}html.vv-keyboard body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog{padding-bottom:0;box-shadow:0 -8px 24px #0f172a1f,0 120px #fff,0 240px #fff}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--media{height:calc(var(--vv-h, 100dvh) - var(--sheet-top-gap, 48px))}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--media:before{content:"";position:absolute;top:8px;left:50%;z-index:2;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#ffffffe6;box-shadow:0 0 4px #0f172a40}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--xwide{height:calc(var(--vv-h, 100dvh) - var(--sheet-top-gap, 48px));padding-bottom:0}body:is(.page-therapeut,.page-dialog) .modal .modal-header{position:relative;padding:22px 12px 10px 16px}body:is(.page-therapeut,.page-dialog) .modal .modal-header:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--sheet-grip, #cbd5e1)}body:is(.page-therapeut,.page-dialog) .modal .modal-body{padding:8px 16px 16px}body:is(.page-therapeut,.page-dialog) .modal .modal-body--flush{padding:0}body:is(.page-therapeut,.page-dialog) .modal .modal-footer{padding:12px 16px}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--search{height:calc(var(--vv-h, 100dvh) - var(--sheet-top-gap, 48px))}body:is(.page-therapeut,.page-dialog) .modal .modal-subbar{padding:0 16px 10px}body:is(.page-therapeut,.page-dialog) .modal .modal-footer:has(.modal-footer__note){flex-wrap:wrap}body:is(.page-therapeut,.page-dialog) .modal .modal-footer__note{flex-basis:100%}body:is(.page-therapeut,.page-dialog) .modal .modal-footer>:is(.btn-primary,.btn-secondary,.btn-danger,.btn-danger-quiet){flex:1 1 0;min-width:0}body:is(.page-therapeut,.page-dialog) .modal:has(>.modal-dialog--confirm){justify-content:center;padding:16px}body:is(.page-therapeut,.page-dialog) .modal>.modal-dialog--confirm{border-radius:var(--dlg-radius);box-shadow:var(--dlg-shadow);padding-bottom:0;animation:none}body:is(.page-therapeut,.page-dialog) .modal .modal-dialog--confirm .modal-header{padding-top:16px}body:is(.page-therapeut,.page-dialog) .modal .modal-dialog--confirm .modal-header:before{content:none}body:is(.page-therapeut,.page-dialog) .modal .modal-dialog--confirm .modal-footer{flex-direction:column;align-items:stretch}body:is(.page-therapeut,.page-dialog) .modal .modal-dialog--confirm .modal-footer>*{flex:0 0 auto;width:100%}}@keyframes sheet-scrim-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){body:is(.page-therapeut,.page-dialog) .modal>:is(.modal-backdrop,.modal-dialog){animation:none}}body:is(.page-therapeut,.page-dialog) :is(.modal,.preview-modal__overlay,.menu-sheet),body:is(.page-therapeut,.page-dialog) :is(.modal,.preview-modal__overlay,.menu-sheet) *{scrollbar-width:none}body:is(.page-therapeut,.page-dialog) :is(.modal,.preview-modal__overlay,.menu-sheet)::-webkit-scrollbar,body:is(.page-therapeut,.page-dialog) :is(.modal,.preview-modal__overlay,.menu-sheet) *::-webkit-scrollbar{display:none}.more-hint{position:relative;z-index:2;flex:0 0 auto;height:0;pointer-events:none}.more-hint--inside{position:sticky;bottom:0}.more-hint:before,.more-hint:after{content:"";position:absolute;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.more-hint:before{height:3rem;background:linear-gradient(to top,#fff 15%,#fff0)}.more-hint:after{height:1.5rem;margin-bottom:.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14'%3E%3Cpath d='M2 2l9 9 9-9' fill='none' stroke='%234f46e5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px 14px no-repeat}.more-hint.is-on:before,.more-hint.is-on:after{opacity:1}.more-hint.is-on:after{animation:more-hint-bounce 2s ease-in-out infinite}@keyframes more-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.more-hint.is-on:after{animation:none}}
