:root{--text:#08060d;--accent:#7c3aed}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{background-image:url(/assets/app-bg-DX-N1Pq2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}#root{min-height:100vh}p{margin:0}button,input,textarea,select{font-family:inherit}.home-page{padding:30px 30px 100px}.home-hero{text-align:center;padding-top:80px}.home-title{color:#08060d;margin-top:24px;margin-bottom:12px;font-size:24px;font-weight:700}.home-description{color:#6b6375;max-width:280px;margin:0 auto 24px;font-size:15px;line-height:1.4}.home-sticker{width:260px;height:auto;margin:0 auto 24px;display:block}.home-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:20px;width:100%;height:60px;font-size:20px;font-weight:700;box-shadow:0 8px 20px #7c3aed59}.home-stats{gap:12px;margin-top:32px;display:flex}.user-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.user-header__left{align-items:center;gap:10px;display:flex}.user-header__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 4px 12px #00000014}.user-header__greeting{color:#6b6375;text-align:left;font-size:10px;line-height:12px}.user-header__name{color:#08060d;text-align:left;margin-top:2px;font-size:14px;font-weight:700;line-height:18px}.user-header__actions{gap:8px;margin-left:auto;display:flex}.user-header__icon{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #0000000d}.user-header__icon-image{width:18px;height:18px;display:block}.recipient-picker{background:#fff;border-radius:24px;margin-bottom:24px;padding:16px;position:relative}.recipient-picker__title{margin-bottom:12px;font-size:12px;font-weight:600}.recipient-picker__item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.recipient-picker__avatar{object-fit:cover;background:#eee;border-radius:50%;width:36px;height:36px}.recipient-picker__item--active{color:#7c3aed;font-weight:700}.recipient-picker__selected{cursor:pointer;align-items:center;gap:12px;display:flex}.recipient-picker__arrow{margin-left:auto}.recipient-picker__list{z-index:1000;background:#fff;border-radius:20px;max-height:220px;padding:8px 16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.recipient-picker__list::-webkit-scrollbar{width:6px}.recipient-picker__list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:999px}.create-page{padding:22px 22px 140px}.create-page__title{text-align:left;margin-bottom:24px;font-size:19px;font-weight:600}.recipient-card{background:#fff;border-radius:20px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.sticker-preview{object-fit:contain;width:auto;height:112px}.description-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:16px}.section-title{margin-bottom:12px;font-size:9px;font-weight:500}.description-textarea{resize:none;background:0 0;border:none;outline:none;width:100%;min-height:90px;font-size:14px}.date-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:16px}.date-input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:20px;width:100%;height:60px;font-size:20px;font-weight:700;box-shadow:0 8px 20px #7c3aed59}.create-recipient-icon{border-radius:50%;width:36px;height:36px}.create-recipient-content{flex:1}.create-recipient-title{margin:0 0 6px;font-size:12px;font-weight:600}.create-recipient-select{background:0 0;border:none;outline:none;width:100%;font-size:14px}.create-sticker-card{background:#fff;border-radius:24px;margin-bottom:24px;padding:20px}.create-sticker-title{text-align:left;margin-bottom:12px;font-size:9px;font-weight:500}.create-sticker-slider{scroll-snap-type:x mandatory;gap:24px;padding:10px 40px;display:flex;overflow-x:auto}.create-sticker-slider::-webkit-scrollbar{display:none}.create-sticker-slide{scroll-snap-align:center;opacity:.4;flex:0 0 220px;transition:all .2s}.create-sticker-slide--active{opacity:1;transform:scale(1.08)}.create-sticker-slide-image{width:100%;height:auto;display:block}.create-sticker-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:50%;width:48px;height:48px;font-size:20px}.date-input{width:100%;margin-bottom:8px}.date-row{align-items:center;display:flex;position:relative}.date-display{font-size:16px;font-weight:600}.date-button{z-index:1;cursor:pointer;background:0 0;border:none;width:44px;height:44px;margin-left:auto;padding:0;position:relative}.date-button__icon{width:24px;height:24px;display:block}.date-input-hidden{opacity:0;cursor:pointer;z-index:2;width:44px;height:44px;position:absolute;top:0;right:0}.motivation-card{border-radius:20px;margin-bottom:24px;padding:20px}.motivation-card--active{background:#fff7ed;border:1px solid #fb923c}.motivation-card--completed{background:#ecfdf5;border:1px solid #4ade80}.motivation-card__text{color:#08060d;margin-bottom:16px;font-size:14px;line-height:20px}.motivation-card__footer{justify-content:space-between;align-items:center;display:flex}.motivation-card__button{cursor:pointer;background:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:600}.motivation-card__percent{font-size:22px;font-weight:700}.z-card{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:24px;width:100%;margin-bottom:16px;padding:16px;position:relative;box-shadow:0 4px 20px #0000000d}.z-card__sticker{width:120px;margin-bottom:12px;display:block}.z-card__description{color:#222;text-align:left;margin-bottom:12px;font-size:16px;line-height:1.4}.z-card__author{align-items:center;gap:8px;margin-bottom:12px;display:flex}.z-card__avatar{background:#eee;border-radius:50%;width:32px;height:32px}.z-card__label{color:#777;font-size:9px}.z-card__name{font-size:14px;font-weight:400}.z-card__button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:14px;width:140px;height:44px;margin-top:8px;font-size:14px;font-weight:700;display:block;box-shadow:0 8px 20px #7c3aed40}.z-card__badge{color:#fff;background:#16a34a;border-radius:999px;justify-content:center;align-items:center;min-width:72px;height:28px;font-size:12px;font-weight:700;display:flex;position:absolute;top:20px;right:20px}.z-card__completed-date{color:#8b8792;text-align:right;font-size:11px;position:absolute;top:54px;right:20px}.inbox-page{min-height:100vh;padding:22px 22px 100px}.inbox-progress{color:#fff;background:#f98e42;border-radius:24px;margin-bottom:24px;padding:24px}.inbox-progress__text{margin-bottom:16px;font-size:14px;line-height:20px}.inbox-progress__footer{justify-content:space-between;align-items:center;display:flex}.inbox-progress__button{color:#f98e42;cursor:pointer;background:#fff;border:none;border-radius:18px;width:120px;height:36px;font-weight:700}.inbox-progress__percent{font-size:28px;font-weight:700}.inbox-empty{text-align:center;padding:40px 20px}.inbox-title{text-align:left;color:#08060d;margin:0 0 20px;font-size:18px;font-weight:700}.inbox-empty__title{margin-top:12px;margin-bottom:8px}.calendar-week{gap:12px;margin-bottom:24px;display:flex;overflow-x:auto}.calendar-week::-webkit-scrollbar{display:none}.calendar-day{cursor:pointer;background:#fff;border:none;border-radius:20px;min-width:72px;height:72px;font-weight:700}.calendar-day--active{color:#fff;background:#7c3aed}.calendar-day--disabled{cursor:default;opacity:.7;background:#ececec}.calendar-day:disabled{pointer-events:none}.calendar-day{background:#fff;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:60px;height:69px;padding:8px 12px;display:flex;box-shadow:0 4px 16px #0000000a}.calendar-week{gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.calendar-day__weekday{color:#8b8792;text-transform:lowercase;margin-bottom:8px;font-size:10px;font-weight:400}.calendar-day__number{color:#08060d;font-size:19px;font-weight:600;line-height:1}.calendar-day--disabled .calendar-day__number{color:#b0b0b0!important}.calendar-day__month{color:#8b8792;text-transform:lowercase;margin-top:6px;font-size:11px;font-weight:500}.calendar-day--active{background:linear-gradient(#8b5cf6,#7c3aed)}.calendar-day--active .calendar-day__weekday,.calendar-day--active .calendar-day__number,.calendar-day--active .calendar-day__month{color:#fff!important}.calendar-day--disabled .calendar-day__weekday,.calendar-day--disabled .calendar-day__number,.calendar-day--disabled .calendar-day__month{color:#b5b5b5!important}.calendar-progress{color:#fff;background:#f98e42;border-radius:24px;margin-bottom:24px;padding:24px}.calendar-progress__text{margin-bottom:16px;font-size:14px;line-height:20px}.calendar-progress__footer{justify-content:space-between;align-items:center;display:flex}.calendar-progress__button{color:#f98e42;cursor:pointer;background:#fff;border:none;border-radius:18px;width:120px;height:36px;font-weight:700}.calendar-progress__percent{font-size:28px;font-weight:700}.sent-tabs{gap:12px;margin-bottom:24px;display:flex}.sent-tab{cursor:pointer;background:#fff;border:none;border-radius:999px;padding:12px 20px}.sent-tab--active{color:#fff;background:#7c3aed}