:root{--app-font-body: "Verlag", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-font-brand: "ff-cocon-pro", "Verlag", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-color-carbon-black: #252422;--app-color-charcoal-brown: #403d39;--app-color-coral: #eb5e28;--app-color-dust-grey: #ccc5b9;--app-color-floral-white: #fffcf2;--app-header-height: 80px;font-family:var(--app-font-body)}@font-face{font-family:Verlag;src:url(/assets/verlag-book-p4sPVPqX.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:ff-cocon-pro;src:url(/assets/ff-cocon-pro-regular-B_RGqcm2.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cocon Pro;src:url(/assets/cocon-pro-bold-C428aieM.woff2) format("woff2");font-style:normal;font-weight:900;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:var(--app-font-body);color:var(--mantine-color-text);background:var(--app-color-background)}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--app-color-background)}.app-page{display:grid;flex:1;grid-template-rows:auto 1fr}.app-page--full-viewport{flex:none;min-height:100dvh}.app-header-slot{height:calc(var(--app-header-height) + env(safe-area-inset-top,0px))}.app-header{-webkit-backdrop-filter:blur(18px) saturate(1.16);backdrop-filter:blur(18px) saturate(1.16);background:var(--app-color-background);background:color-mix(in srgb,var(--app-color-background) 84%,transparent);box-shadow:0 10px 30px transparent;height:calc(var(--app-header-height) + env(safe-area-inset-top,0px));inset:0 0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) 0 18px;position:fixed;transform:translateY(calc(0px - var(--app-header-offset, 0px)));width:100%;will-change:transform;z-index:200}.app-header[data-hidden=true]{pointer-events:none}.app-header[data-scrolled=true]{box-shadow:0 10px 30px var(--app-header-shadow)}.app-header-content{align-items:center;display:flex;height:44px;justify-content:space-between}.app-main{width:100%;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-top:64px;padding-bottom:64px}.app-action-toggle{display:block;color:var(--app-action-toggle-color, var(--app-color-toggle-text))!important;cursor:pointer;outline:none}.app-action-toggle:hover,.app-action-toggle:active{background:transparent;color:var(--app-action-toggle-color, var(--app-color-toggle-text))!important}.app-action-toggle:disabled,.app-action-toggle[data-disabled]{background:transparent!important;color:var(--app-color-toggle-disabled-text)!important;cursor:not-allowed}.app-action-toggle:hover{transform:none}.app-action-toggle:not(:disabled):not([data-disabled]):active{transform:translateY(2px)}.app-mobile-only-action{display:none}.app-action-toggle-icon{display:block;width:24px;height:24px;object-fit:contain}.app-theme-toggle-icons{display:grid;height:22px;place-items:center;width:22px}.app-theme-toggle-icons>svg{display:block;grid-area:1 / 1}:root[data-mantine-color-scheme=light] .app-theme-toggle-sun{display:none}:root[data-mantine-color-scheme=dark] .app-theme-toggle-moon{display:none}:root[data-mantine-color-scheme=light]{--app-color-background: var(--app-color-floral-white);--app-color-surface: var(--app-color-floral-white);--app-color-border: rgba(204, 197, 185, .6);--app-image-frame-shadow: 4px 4px 8px 0 color-mix(in srgb, #fff1d8 50%, #000 50%);--app-color-toggle-text: #000000;--app-color-toggle-disabled-text: #9c9a93;--app-color-upload-border: #b7afa2;--app-color-upload-text: #252422;--app-color-upload-muted-text: #5f574c;--app-header-shadow: rgba(37, 36, 34, .08)}:root[data-mantine-color-scheme=dark]{--app-color-background: var(--app-color-carbon-black);--app-color-surface: var(--app-color-charcoal-brown);--app-color-border: rgba(255, 252, 242, .12);--app-image-frame-shadow: none;--app-color-toggle-text: #ffffff;--app-color-toggle-disabled-text: #8b8780;--app-color-upload-border: #8f877b;--app-color-upload-text: #fffcf2;--app-color-upload-muted-text: #e4dcd0;--app-header-shadow: rgba(0, 0, 0, .26)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.app-header{background:color-mix(in srgb,var(--app-color-background) 96%,transparent)}}@media(prefers-reduced-motion:reduce){.app-header{transform:none;transition:opacity .12s ease-out}.app-header[data-hidden=true]{opacity:0}}@media(max-width:767px){.app-mobile-only-action{display:inline-flex}.app-mobile-hidden{display:none}}
