@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Fredoka-Medium-B2CDAGP6.ttf)format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Fredoka-SemiBold-BIDw7ui2.ttf)format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Fredoka-Bold-OltQ2MHo.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Nunito-SemiBold-B4qcAUfD.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/Nunito-Bold.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/Nunito-ExtraBold-De0aZuyy.ttf)format("truetype")}body{color:#1f2937;background:#f0f5ff;margin:0;font-family:Fredoka;line-height:1.6}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar .topbar-left{text-align:left;flex-direction:column;gap:0;padding-top:1rem;padding-left:1rem;display:flex}.topbar .topbar-left .day-label{color:#505885;margin-bottom:0;padding-bottom:0;font-size:1.2rem;font-weight:400}.topbar .topbar-left .greeting h1{margin:0;padding-top:0;padding-bottom:1rem;font-size:2rem;font-weight:700}.topbar .streak-badge{color:#1f2937;background:#febe30;border-radius:99999px;justify-content:center;align-items:center;width:fit-content;margin-left:auto;margin-right:1rem;padding:.5rem 1rem;display:flex}.main-panel{color:#fff;background-color:#4b5bff;border-radius:28px;flex-direction:column;gap:16px;margin:20px 20px 0;padding:20px 20px 22px;display:flex}.main-panel .welcome-row{align-items:center;gap:14px;display:flex}.main-panel .welcome-row .face-badge img{width:72px;height:80px}.main-panel .welcome-row .headline-block #headline{margin:0;font-family:Fredoka,sans-serif;font-size:26px;font-weight:600;line-height:1.15}.main-panel .welcome-row .headline-block #subheadline{margin:6px 0 0;font-size:15px;font-weight:400;line-height:1.35}.main-panel .actions button{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;font-family:inherit;font-size:17px;font-weight:500;display:flex}.main-panel .actions .primary-action{color:#1b2559;background:#ffc83d}.main-panel .actions .secondary-action{color:#fff;background:0 0;border:2px solid #ffffffbf}.photoPopupOverlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.photoPopup{text-align:center;background-color:#4b5bff;border-radius:26px;width:100%;max-width:400px;height:100%;max-height:400px;position:relative}.photoPopupOverlay.show{display:flex}#imageInput{border:#1b2559, solid, 3px;background-color:#0000;border-radius:9999px;margin:10px;padding:10px;font-family:Fredoka}.photoPopupOverlay .photoPopup button{border:#1b2559, solid, 3px;background-color:#0000;border-radius:14px;justify-content:center;align-items:center;width:100%;max-width:fit-content;height:100%;max-height:fit-content;margin:10px;padding:10px;font-family:Fredoka}#closeImageButton{max-width:40px;padding:5px}#submitImageButton{text-align:center;justify-content:center;align-items:center;margin:20px;padding:10px;position:absolute;bottom:0;left:0;right:0}#primaryTextInput{box-sizing:border-box;resize:vertical;width:80%;max-width:350px;min-height:120px;max-height:250px;padding:12px;font-family:Nunito;font-size:16px;line-height:1.5}.btn:hover,button:hover{background:#3d84c2}
