*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}:root{--pink: #e8738a;--pink-light: #fde8ed;--bg: #ffffff;--text: #2d1f1f;--muted: #7a6b6b;--radius: 12px;--success: #4caf7d;--alert: #e05252;--purple: #8b5cf6;--amber: #f5a623;--cervical: #1f7a55;--cervical-light: #e3f3ea}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;display:flex;flex-direction:column;font-size:1rem;line-height:1.55;overflow-x:clip}#root{display:flex;flex-direction:column;min-height:100dvh;overflow-x:clip}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:inherit;font-size:1rem;padding:.75rem 1.5rem;transition:opacity .15s}button:active{opacity:.8}button:focus{outline:none}button:focus-visible{outline:2px solid #e8738a;outline-offset:2px}input,select,textarea{font-family:inherit}a:focus-visible{outline:2px solid #e8738a;outline-offset:2px}input:not([type=checkbox],[type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--pink)!important;box-shadow:inset 0 0 0 1px var(--pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-primary{background:var(--pink);color:#fff;font-weight:600;width:100%}.btn-ghost{background:transparent;color:var(--pink);font-weight:500}.btn-outline{background:transparent;color:var(--pink);font-weight:600;border:1.5px solid var(--pink);width:100%}.screen{flex:1;padding:1.5rem;display:flex;flex-direction:column;animation:fadeIn .22s ease}h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--pink)}h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--pink)}p{line-height:1.6;color:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{opacity:.9}50%{opacity:.2}}.clock-pulse{animation:pulse-ring 1.4s ease-in-out infinite}.onboarding-blob{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(232,115,138,.18) 0%,transparent 68%);top:-90px;right:-90px;animation:blob-drift 11s ease-in-out infinite;pointer-events:none}.onboarding-blob-2{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(232,115,138,.11) 0%,transparent 68%);bottom:80px;left:-70px;animation:blob-drift 14s ease-in-out infinite reverse;pointer-events:none}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,50px) scale(1.1)}66%{transform:translate(30px,-30px) scale(.92)}}@keyframes errorFade{0%{opacity:0}to{opacity:1}}.error-msg{animation:errorFade .18s ease;color:var(--alert);font-size:1rem}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.app-body{flex:1;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-nav{display:flex;border-top:1px solid #f0f0f0;background:var(--bg);position:sticky;bottom:0}.app-nav-link{flex:1;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:1rem;text-decoration:none;color:var(--muted);transition:color .15s,background .15s}.app-nav-link.active{color:var(--pink)}.app-nav-link--desktop,.app-nav-link--beta{display:none}.app-nav-link.app-nav-link--beta{color:var(--cervical)}.beta-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:.3em .55em;border-radius:999px;color:var(--cervical);background:var(--cervical-light)}.app-nav-link .beta-badge{margin-left:auto;flex-shrink:0}.app-nav-link.active .beta-badge{background:var(--bg)}.header-settings,.settings-back{display:flex}.app-nav-icon{display:flex;align-items:center;justify-content:center;height:32px}.dashboard-layout{flex:1;display:flex;flex-direction:column;gap:.875rem}.dashboard-panel{display:contents}.dashboard-side{order:1}.dashboard-actions{order:2;margin-top:auto;padding-top:.625rem}@media(min-width:640px){.app-main>.screen{width:100%;max-width:680px;margin:0 auto;padding:2rem}.app-main>.screen.screen--wide{max-width:960px}.app-main--onboarding{background:#fbeff2;padding:2rem 1.5rem;justify-content:center}.app-main--onboarding>.screen{flex:none;max-width:480px;min-height:min(720px,calc(100dvh - 69px - 4rem));background:var(--bg);border-radius:28px;box-shadow:0 24px 60px #e8738a2e,0 0 0 1px #e8738a14;padding:2.5rem}}@media(min-width:900px){.app-body{flex-direction:row}.app-nav{order:-1;flex-direction:column;gap:.25rem;width:280px;flex-shrink:0;padding:1.5rem 1rem;border-top:none;border-right:1px solid #f0f0f0;top:69px;bottom:auto;height:calc(100dvh - 69px)}.app-nav-label{white-space:nowrap}.app-nav-link{flex:none;flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.6rem .9rem;border-radius:var(--radius)}.app-nav-link:hover{background:#fdf5f7}.app-nav-link.active{background:var(--pink-light)}.app-nav-link--beta{display:flex;margin-top:auto}.app-nav-link--beta+.app-nav-link--desktop{margin-top:0}.app-nav-link--beta:hover{background:#f1f9f4}.app-nav-link--beta.active{background:var(--cervical-light)}.app-nav-link--desktop{display:flex;margin-top:auto}.header-settings,.settings-back{display:none}.app-main>.screen{padding:2.5rem 3rem}.dashboard-layout{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-panel{display:flex;flex-direction:column;gap:1.5rem;background:var(--pink-light);border-radius:20px;padding:1.5rem}.dashboard-actions{order:0;padding-top:0}.dashboard-side{display:flex;flex-direction:column}.dashboard-side>*{flex:1}}