:root{--radius-large:14px;--radius-medium:10px;--radius-small:6px;--display:"Itim", "Chewy", cursive;--body:"Josefin Sans", system-ui, sans-serif;--page-art:url("/background-doodles.png")}html[data-contrast=high]{--page-art:none}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{font-size:calc(var(--base-font-size,16px) * var(--text-scale,1))}body{background-color:var(--color-page-solid);background-image:var(--page-art), var(--color-page-gradient);font-family:var(--body);color:var(--color-text);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}h1,h2{font-family:var(--display);color:var(--color-heading);margin:0;font-weight:400}.screen{inset:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px) 0;flex-direction:column;padding:16px 16px 24px;animation:.25s fade;display:flex;position:absolute}.screen:after{content:"";flex:none;height:12px}.main-grid>*,.manage-layout>*,.settings-layout>*,.friend-profile-layout>*,.home-lower>*{min-width:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--color-card);border:6px solid var(--color-primary);border-radius:var(--radius-large);padding:24px}.title-top{font-family:var(--display);color:var(--color-on-strong);text-align:center;margin:4px 0 12px;font-size:1.6rem}.btn{background:var(--color-card);border:5px solid var(--color-primary);color:var(--color-heading);font-family:var(--display);border-radius:var(--radius-medium);min-width:150px;padding:14px 8px;font-size:1.6rem}.btn:hover{background:var(--color-surface)}.plus{background:var(--color-primary);width:56px;height:56px;color:var(--color-on-strong);border:0;border-radius:50%;flex:none;place-items:center;font-size:2.2rem;line-height:1;display:grid}.plus:hover{background:var(--color-ink)}:focus-visible{outline:3px solid var(--color-outline);outline-offset:2px}button:disabled{opacity:.6;cursor:default}.btn:disabled:hover{background:var(--color-card)}.error-text{color:var(--color-danger);margin:8px 0;font-weight:600}.btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{transition-duration:10ms!important;animation-duration:10ms!important}.logo{background-color:currentColor;flex:none;display:block;-webkit-mask:url("/fihh_logo.png") 50%/contain no-repeat;mask:url("/fihh_logo.png") 50%/contain no-repeat}.brand{align-items:center;gap:14px;font-size:2.4rem;line-height:1;display:flex}.brand-logo{width:72px;height:72px;color:var(--color-on-strong)}.footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:40px;padding:14px 24px 6px;display:flex}.danger-button{border-color:var(--color-danger);color:var(--color-danger)}.danger-button:hover{background:var(--color-danger);color:var(--color-on-strong)}.loading-screen{color:var(--color-on-strong);font-family:var(--display);justify-content:center;align-items:center;gap:12px;font-size:1.6rem}.loading-logo{width:120px;height:120px;color:var(--color-on-strong);animation:1.2s ease-in-out infinite alternate loading-pulse}@keyframes loading-pulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.password-wrap{display:flex;position:relative}.password-wrap .password-input{flex:1;width:100%;min-width:0;padding-right:52px}.password-toggle{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-small);width:40px;height:34px;color:var(--color-heading);place-items:center;font-size:1.3rem;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{border-color:var(--color-primary);background:var(--color-surface)}