:root{--viewport-height:100dvh}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}*{font-family:TildaSans,sans-serif}@font-face{font-family:TildaSans;src:url(../assets/fonts/TildaSans-VF.woff2)format("woff2");font-weight:400;font-style:normal}html,body,#root{height:var(--viewport-height);background-color:#fff;width:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:TildaSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.calendar{place-content:center;place-items:center;height:100vh;font-family:TildaSans,sans-serif;display:grid}.calendar-card{text-align:center;grid-template-rows:9.5%;height:702px;font-family:TildaSans,sans-serif;display:grid;overflow:hidden}.header-left-butt{color:#afa8a0;background:#d7d0c8;border-radius:40px;justify-content:center;align-items:center;margin-bottom:10px;padding:13px 17px;font-size:18px;display:flex}.calendar-header{place-content:end start;align-items:end;display:grid}.input-item{background:#d7d0c8;border-radius:30px;padding:8px 67px}.header-input{text-align:center;background:0 0;border:none;outline:none;font-size:16px}.container{align-content:start;justify-items:center;gap:20px;display:grid}.notifications{border-top:1px solid gray;width:90%;display:grid}.date-message{color:#f9775e;border:2px solid #f9775e;border-radius:50%;width:14%;padding:15px 4px}.notify-message{border-bottom:1px solid gray;align-items:center;gap:20px;padding:10px 0;display:flex}.add-item{place-items:end;display:grid}.add{color:#fff;cursor:pointer;background:#f9775e;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;font-family:TildaSans,sans-serif;font-size:70px;font-weight:300;line-height:1;display:flex}.header-cn{font-size:25px;display:flex}.create-notification{text-align:center;grid-template-rows:35px auto auto 1fr;gap:20px;width:352px;height:702px;font-family:TildaSans,sans-serif;display:grid;overflow:hidden}.info-group-cn{background:#d7d0c8;border-radius:40px;padding:8px 25px;transition:height .3s}.info-item-cn{border-bottom:1px solid #9e9e9e;padding:6px 0}.info-item-cn:last-child{border-bottom:none}.info-description{border-bottom:none;padding:6px 0}.input-info-cn{background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:20px}.input-info-cn:focus{outline:none}.arrow{cursor:pointer;margin:0 45px 0 8px;font-size:30px;font-weight:600;transform:rotate(90deg)}.title{margin-top:4px;font-size:24px}.date-group{background:#d7d0c8;border-radius:40px;padding:8px 25px;transition:height .3s}.info-date-cn{background:#d7d0c8;border-radius:40px;padding:8px 25px;display:grid}.date-item{border-bottom:1px solid #daa7a8;justify-content:space-between;padding:6px 0;font-size:20px;display:flex}.date-item:last-child{border-bottom:none}.time-button,.date-button{color:#f9775e;border:2.5px solid #f9775e;border-radius:25px;width:35%;padding:8px 2px}.time-title{margin-top:10px}.save-info-cn{align-content:end;justify-items:center;display:grid}.save-button-cn{color:#f9775e;cursor:pointer;border:2.5px solid #f9775e;border-radius:25px;width:98%;margin-bottom:20px;padding:15px 0}.time-button-container{flex-direction:column;align-items:flex-end;width:100%;display:flex}.time-button-widget{color:#f9775e;cursor:pointer;text-align:center;background:0 0;border:2.5px solid #f9775e;border-radius:25px;width:35%;padding:8px 2px;transition:all .2s ease-in-out}.time-button-widget.active{color:#fff;background:#f9775e}.time-selector-panel{border-top:1px solid #f9775e;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:10px;padding:27px;display:flex}.time-selector-panel .time-input{border:1px solid #ccc;border-radius:5px;padding:5px}.info-item-cn.info-description{transition:all .3s}.info-item-cn.info-description .input-info-cn{resize:none;cursor:pointer;overflow:hidden}.info-item-cn.info-description.expanded .input-info-cn{cursor:text}.settings-content{place-content:center;justify-items:center;height:100vh;font-family:TildaSans,sans-serif;display:grid}.settings-page{text-align:center;border-radius:40px;grid-template-rows:8rem auto;width:352px;height:702px;margin-bottom:20px;display:grid}.settings-info{background:#d7d0c8;border-radius:40px;margin-top:40px;padding:8px 25px;display:grid}.settings-container{grid-template-rows:14rem 1fr;display:grid}.settings-info-content{border-bottom:2px solid #c0bcb7;justify-content:space-between;padding:16px 0;font-size:20px;display:flex}.settings-info-content:last-child{border-bottom:none}header{justify-content:center;font-size:25px;display:grid}.cards-img{border-radius:20px;width:80px;height:80px}.app-username{margin-top:12px}.image-avatar{background:#d7d0c8;border-radius:50%;width:100px;height:100px}.theme-button{background:#f9775e;border-radius:40px;width:60px;height:30px}.theme-button-round{background:#eee;border-radius:50%;width:40%;height:80%;margin:3px}.pet-card-selector{background:#d7d0c8;border-radius:40px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:20px;padding:40px 30px;display:grid}.cards{background:#98c5df;border-radius:20px;width:80px}.cards-img-content{border-radius:20px;width:80px;height:80px}.Configure{place-content:center;place-items:center;height:100vh;display:grid}.configure{justify-content:center;align-items:center;width:100%;height:65vh;display:grid}.configure-header{text-align:center;margin-bottom:20px;font-size:24px}.configure-card{border-radius:15px;justify-content:center;gap:20px;width:352px;margin-bottom:30px;font-family:TildaSans,sans-serif;display:grid}.configure-info{background:#d7d0c8;flex-direction:column;gap:15px;width:100%;display:flex}.configure-limit{flex-direction:column;align-items:center;display:flex}.color-change{gap:10px;display:flex}.input-info,.input-limit{background:0 0;border:none;border-bottom:1px solid #9e9e9e;outline:none;width:100%;padding:10px 0;font-size:20px}.input-info:focus,.input-limit:focus{outline:none}.color-review{background:#d7d0c8;border-radius:10px 30px 30px 10px;width:20%}.photo-changer{text-align:center;background:#d7d0c8;border-radius:30px;padding:12px 25px}.save{color:#f9775e;cursor:pointer;background:0 0;border:2px solid #f9775e;border-radius:30px;padding:12px 25px}.info-group{background:#d7d0c8;border-radius:30px;gap:5px;padding:8px 25px;display:grid}.info-item{border-bottom:1px solid #9e9e9e;padding:6px 0}.info-item:last-child{border-bottom:none}.input-info{background:0 0;border:none;outline:none;width:100%;padding:8px 0;font-size:16px}.color-changer{text-align:center;cursor:pointer;background:#d7d0c8;border-radius:40px 20px 20px 40px;padding:20px 44px}.colorselect-card{border-radius:15px;flex-wrap:wrap;width:100%;display:flex}.colors{background:#000;border-radius:10px 30px 30px 10px;width:85%;height:85%;margin:3px 4px}.Color-select{width:100%}.error-message{color:#f9775e;text-align:center;border:1px solid #f9775e;border-radius:20px;padding:8px 16px;font-size:14px}.Color-Select{font-family:TildaSans,sans-serif}.colorselect-header{text-align:center;color:#3a3a3a;margin-bottom:24px;font-size:21px;font-weight:500}.colorselect-item{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.card-preview{background:#e2d9cf;border-radius:40px;width:200px;height:360px}.card-image{background:#9c9c9c;border-radius:40px;width:100%;height:55%}.color-picker{cursor:crosshair;background:linear-gradient(red,#ff8c00,#fff600,#00ff04,#00a6ff,#0004ff,#ff00c3);border:3px solid #e2d9cf;border-radius:28px;width:152px;height:360px}.color-input{width:100%;margin-bottom:12px}.colorInput{color:#3a3a3a;box-sizing:border-box;background:#e2d9cf;border:none;border-radius:50px;outline:none;width:100%;padding:20px;font-size:16px}.colorInput::placeholder{color:#aaa}.colorselect-actions{flex-direction:row;align-items:center;gap:12px;width:100%;display:flex}.colorselect-save{text-align:center;color:#3a3a3a;cursor:pointer;background:#e2d9cf;border-radius:40px 25px 25px 40px;flex:1;padding:20px 0;font-size:17px}.colorselect-save:active{opacity:.8}.colorselect-review{background:#e2d9cf;border-radius:20px 40px 40px 20px;width:25%;height:60px}.color{background:#a1a0a0;border-radius:20px 40px 40px 20px;width:85%;height:85%;margin:4px 7px}.pet{background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;font-family:TildaSans,sans-serif;display:flex;overflow:hidden}.pet-card{-webkit-user-select:none;user-select:none;border-radius:40px;flex-direction:column;flex-shrink:0;width:80vw;max-width:320px;height:68vh;max-height:560px;font-family:TildaSans,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.pet-card .image-container{width:100%;height:55%;padding:0;position:relative}.pet-card .image-container .pet-image{background-image:url(/images/dog.png);background-position:50%;background-size:cover;border-radius:40px 40px 30px 30px;width:100%;height:100%}.pet-card .pet-info-container{text-align:left;flex-direction:column;flex:1;padding:5px 25px 20px;display:flex}.pet-card .pet-info-container .pet-header .pet-name{color:#333;font-family:TildaSans,sans-serif;font-size:26px;font-weight:600}.pet-card .pet-info-container .pet-header .pet-breed{color:#666;margin-top:2px;font-family:TildaSans,sans-serif;font-size:20px}.pet-card .pet-info-container .pet-separator{background-color:#00000014;width:100%;height:1px;margin:12px 0}.pet-card .pet-info-container .pet-details .details-title{color:#333;margin-bottom:5px;font-family:TildaSans,sans-serif;font-size:20px;font-weight:600}.pet-card .pet-info-container .pet-details .details-text{color:#777;font-family:TildaSans,sans-serif;font-size:14px;line-height:1.4}.pet-card .config-link{z-index:10;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 10px #0000001a}.pet-card .config-link img{opacity:.8;filter:none;width:22px;height:22px}.pet-slider-container{cursor:grab;touch-action:pan-y;contain:layout paint style;justify-content:flex-start;align-items:center;width:100vw;height:100%;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.pet-slider-container:active{cursor:grabbing}.pet-slider-track{will-change:transform;align-items:center;gap:0;display:flex}.pet-card{transform-origin:50%;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.unauthorized-screen{background-color:var(--tg-theme-bg-color,#fff);width:100vw;height:100vh;color:var(--tg-theme-text-color,#000);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.unauthorized-screen .unauthorized-content{text-align:center;padding:20px}.unauthorized-screen .unauthorized-content h1{color:var(--tg-theme-destructive-text-color,#ff3b30);margin-bottom:16px;font-size:24px}.unauthorized-screen .unauthorized-content p{margin-bottom:8px;font-size:16px}.navigator-container{z-index:1000;pointer-events:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.navigator{pointer-events:auto;filter:url(#goo);background:#d7d0c8;border-radius:40px;justify-content:space-around;align-items:center;width:294px;height:64px;padding:0 5px;display:flex;position:relative}.navigator .indicator{z-index:1;background-color:#e6bdb1;border-radius:26px;width:92px;height:52px;position:absolute;top:6px;left:0}.navigator .nav-item{cursor:pointer;z-index:2;border-radius:26px;justify-content:center;align-items:center;width:92px;height:52px;text-decoration:none;display:flex;position:relative}.navigator .nav-item img{z-index:3;filter:brightness(.2);width:28px;height:28px;transition:transform .3s}.navigator .nav-item.active img{transform:scale(1.05)}.main-layout{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.main-layout .content-area{will-change:opacity;flex:1;width:100%;height:100%;padding-bottom:80px;overflow:hidden auto}