@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #e91e63;--color-secondary: #9c27b0;--color-accent: #ff5722;--color-background: #fafafa;--color-surface: #ffffff;--color-text: #212121;--color-text-secondary: white;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .1);--spacing-xs: .25em;--spacing-sm: .5em;--spacing-md: 1em;--spacing-lg: 1.5em;--spacing-xl: 2em;--spacing-xxl: 3em;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--border-radius: .5rem;--border-radius-lg: 1rem;--transition: all .2s ease;--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.3;font-family:var(--font-primary)}h1{font-size:var(--font-size-3xl);font-weight:800}h2{font-size:var(--font-size-2xl);font-weight:700}h3{font-size:var(--font-size-xl);font-weight:600}h4{font-size:var(--font-size-lg);font-weight:600}p{margin-bottom:var(--spacing-md);font-weight:400}a{color:var(--color-primary);text-decoration:none;transition:var(--transition);font-weight:500}a:hover{color:var(--color-secondary)}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.app__main{flex:1;padding-bottom:6rem;width:100%;overflow-x:hidden;padding:0 1rem 6rem;max-width:100vw}@media (min-width: 765px){.app__main{max-width:1024px;margin:0 auto;padding:var(--spacing-md);padding-bottom:2rem}}.widget{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:0 2px 8px var(--color-shadow);transition:var(--transition);font-family:var(--font-primary);width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.widget:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow)}.widget__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.widget__title{font-size:var(--font-size-lg);font-weight:700;margin:0;font-family:var(--font-primary);width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.widget__action{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-primary);white-space:nowrap;flex-shrink:0}.emoji{font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:var(--transition);-webkit-user-select:none;user-select:none}.emoji:hover{background:var(--color-background);transform:scale(1.1)}.emoji--selected{background:var(--color-primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:var(--transition);text-decoration:none;background:var(--color-surface);color:var(--color-text);box-shadow:0 2px 4px var(--color-shadow)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--color-shadow)}.btn--primary{background:var(--color-primary);color:#fff}.btn--secondary{background:var(--color-secondary);color:#fff}.btn--accent{background:var(--color-accent);color:#fff}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.btn--icon{width:3rem;height:3rem;padding:0;border-radius:50%}.card{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px var(--color-shadow);overflow:hidden;transition:var(--transition);font-family:var(--font-primary)}.card:hover{box-shadow:0 4px 16px var(--color-shadow)}.card__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--font-size-lg);font-weight:700;margin:0;font-family:var(--font-primary)}.card__body{padding:var(--spacing-md)}.card__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-background)}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid #e5e5e5;padding:8px 0;z-index:100;box-shadow:0 -2px 16px #0000001a;border-top-left-radius:15px;border-top-right-radius:15px}.nav__wave{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto;padding:0 .5rem}.nav__item{flex:1;display:flex;justify-content:center;min-width:0}.nav__button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50px;width:50px;background:var(--color-surface);border:none;color:#64748b;font-size:11px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:50px;max-width:70px;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:8px}.nav__button--active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;transform:translateY(-10px);box-shadow:0 8px 20px #e91e634d}.nav__button--menu{color:#64748b;background:var(--color-surface);border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:8px}.nav__icon{font-size:24px;margin-bottom:2px;line-height:1}.nav__label{font-size:8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;line-height:1.2}@media (min-width: 765px){.nav{position:relative;box-shadow:0 4px 16px #0000001a;order:-1;height:80px;padding:20px 0 8px}.nav__wave{justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md)}.nav__button{flex-direction:row;gap:var(--spacing-sm);width:auto;min-width:6rem;padding:10px 12px;border-radius:20px;transform:translateY(-12px);margin-bottom:12px;box-shadow:0 3px 10px #0000001f}.nav__button--active{transform:translateY(-16px);box-shadow:0 10px 24px #e91e6359}.nav__icon{margin-bottom:0}}.calendar{width:100%;overflow-x:hidden}.calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);width:100%;overflow:hidden}@media (max-width: 764px){.calendar__grid{gap:1px;padding:var(--spacing-xs)}}.calendar__day-header{background:var(--color-primary-light);padding:var(--spacing-sm);text-align:center;font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-primary);border-radius:var(--border-radius-sm);margin-bottom:2px}@media (max-width: 764px){.calendar__day-header{padding:4px var(--spacing-xs);font-size:.65rem;letter-spacing:0;margin-bottom:1px}}.calendar__day{background:var(--color-surface);padding:0;text-align:center;cursor:pointer;transition:var(--transition);position:relative;min-height:3rem;display:flex;align-items:center;justify-content:center;border:none;font-size:var(--font-size-sm);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;width:100%;max-width:100%}@media (max-width: 764px){.calendar__day{min-height:2.5rem;font-size:var(--font-size-xs);padding:1px}}.calendar__day:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.calendar__day--today{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:600;box-shadow:0 2px 8px #e91e634d}.calendar__day--today:hover{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));transform:translateY(-1px)}.calendar__day--selected{background:var(--color-accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff57224d}.calendar__day--selected:hover{background:var(--color-accent);color:#fff}.calendar__day--empty{background:transparent;cursor:default;box-shadow:none}.calendar__day--empty:hover{background:transparent;transform:none;box-shadow:none}.calendar__day-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;overflow:hidden}.calendar__day-number{font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-primary);line-height:1.2}@media (max-width: 764px){.calendar__day-number{font-size:.65rem;line-height:1}}.calendar__day-emoji{font-size:1.5rem;line-height:1}@media (max-width: 764px){.calendar__day-emoji{font-size:1rem;line-height:1}}.mood-yin-yang{display:flex;justify-content:center;align-items:center;margin:var(--spacing-md) 0}.mood-circle{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;background:linear-gradient(45deg,var(--color-primary) 50%,var(--color-secondary) 50%);box-shadow:0 4px 16px #0000001a;cursor:pointer;transition:var(--transition)}.mood-circle:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}.mood-half{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mood-half--left{left:0;background:linear-gradient(135deg,var(--color-primary),rgba(233,30,99,.8))}.mood-half--right{right:0;background:linear-gradient(135deg,var(--color-secondary),rgba(156,39,176,.8))}.mood-display{text-align:center;color:#fff}.mood-emoji{font-size:2.5rem;line-height:1;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mood-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-family:var(--font-primary)}.mood-divider{position:absolute;top:0;left:50%;width:2px;height:100%;background:#ffffff4d;transform:translate(-50%)}.navigation-menu{position:fixed;bottom:100px;left:1rem;right:1rem;background:#fff;border-radius:12px;padding:1rem;max-height:24rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:60}@media (min-width: 765px){.navigation-menu{bottom:100px;left:50%;right:auto;transform:translate(-50%);width:400px;max-width:90vw}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.page{padding-bottom:6rem;min-height:calc(100vh - 6rem)}.page--with-input{padding-bottom:8rem}@media (min-width: 765px){.page{padding-bottom:2rem;min-height:auto}.page--with-input{padding-bottom:2rem}}.grid{display:grid!important;gap:1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.grid>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.grid--2{grid-template-columns:repeat(2,1fr)!important}.grid--3{grid-template-columns:repeat(3,1fr)!important}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.grid--responsive{grid-template-columns:1fr!important}@media (min-width: 765px){.grid--responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}}.messenger-bubble{font-size:18px;box-shadow:0 8px 16px -4px #0003,0 4px 8px -2px #0000001a;min-width:60%;text-shadow:0 1px 3px rgba(0,0,0,.3)}.messenger-bubble--primary{color:var(--color-text);background:var(--color-surface)}.messenger-bubble--secondary{color:var(--color-text-secondary);background:var(--color-primary)}