@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{color-scheme:dark;--font-family: "Shantell Sans", cursive, sans-serif;--clr-cassiopeia: #FFD700;--clr-enkada: #00ff95;--clr-hue: 350deg;--clr-accent: hsl(var(--clr-hue), 52%, 20%);--clr-main-bg: hsla(0, 0%, 43%, .4);--clr-transparent-light: hsl(0 0% 100% / .2);--clr-transparent: hsla(var(--clr-hue), 100%, 83%, .356)}*{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:var(--font-family);font-size:1rem;border:none;border-radius:1em;padding:.3em .6em;background-color:var(--clr-transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:inherit;box-shadow:inset 0 0 4px var(--clr-accent)}textarea{resize:vertical}img{display:block}button{cursor:pointer;border:none;padding:.5em 1.25em;--clr-shadow: #6a8920;border-radius:2em}button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.1)}button:not(:disabled):active{translate:0 1px}.btn{cursor:pointer}.btn-row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5em}.btn-row.stretch{display:grid;justify-content:stretch;grid-auto-flow:column}.emoji{font-family:"Noto Color Emoji",var(--font-family)}body{font-family:var(--font-family);background-image:url(bg.jpg);background-color:hsla(var(--clr-hue),44%,13%,.8);background-blend-mode:multiply;overflow-x:hidden;height:100vh;animation:bg 120s linear infinite}@keyframes bg{0%{background-position:0 0}to{background-position:100% 100%}}body:has(.login){animation:none;background-image:url(cassiopeia.jpg);background-size:cover;background-position:center;background-color:#000000b3}header,main,footer{width:min(720px,100vw - 2em);margin:auto}header{margin-top:2em;position:relative}header .btn-close-info{position:absolute;right:.25em;bottom:.25em}main{margin-block:2em}main>.btn-row{opacity:0;animation:slide-right 2s ease 1.5s forwards}main img,main video{width:100%}.login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:.5em;width:min(260px,100vw - 2em)}.login__error{color:#e72a3a;text-align:center}footer{text-align:center;color:gray;opacity:0;animation:slide-right 2s ease 3s forwards}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes angle{0%{--angle: 0deg}to{--angle: 360deg}}.time-counter-grid{display:flex;flex-wrap:wrap;gap:1.75em 1em;margin-bottom:2em;justify-content:space-evenly}.time-counter-grid .time-together{background-image:url(./hearts.gif);background-size:cover;background-position:center;background-blend-mode:multiply;background-color:#00000080;opacity:0;animation:slide-left 1.5s ease 1s forwards}.time-counter-grid .time-together .time-counter__display{font-size:1.4em}.time-counter-grid .date-countdown{background-image:url(./birthday.gif);background-size:140px;background-size:cover;background-position:center 72%;background-blend-mode:multiply;background-color:#00000080;opacity:0;animation:slide-right 1.5s ease 1.5s forwards}.time-counter-grid .date-countdown .time-counter__title{font-size:1.25em}.time-counter-grid .new-year{background-image:url(./new_year.gif);background-size:cover;background-position:center;background-blend-mode:multiply;background-position:center 40%;background-color:#00000080;opacity:0;animation:slide-left 1.5s ease 2s forwards}.time-counter-grid .next-meeting{background-image:url(./hug.gif);background-size:60%;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply;background-position:center 50%;background-color:#00000080;opacity:0;animation:slide-right 1.5s ease 2s forwards}.time-counter-grid .time-counter{width:320px;display:flex;flex-direction:column;align-items:center;border:2px solid var(--clr-accent);border-radius:1em;padding:1em;z-index:1;--clr-shadow: hsl(var(--clr-hue), 51%, 33%);text-shadow:1px 1px 2px var(--clr-shadow),-1px 1px 2px var(--clr-shadow),1px -1px 2px var(--clr-shadow),-1px -1px 2px var(--clr-shadow)}.time-counter-grid .time-counter img{position:absolute;width:100%;bottom:0;translate:0 50%}.time-counter-grid .time-counter__total-hours{position:absolute;bottom:1em;left:1.25em;rotate:10deg;opacity:.4}.time-counter-grid .time-counter__title{font-weight:700;font-size:1.5em}.time-counter-grid .time-counter__display{font-family:monospace;font-size:1.5em;font-weight:700}@media (width < 400px){.time-counter-grid .time-counter__display{font-size:1.25em!important}}@keyframes cassiopeia{0%{translate:-100% 0;scale:0;opacity:0}to{translate:0 0;scale:1;opacity:1}}@keyframes enkada{0%{translate:100% 0;scale:0;opacity:0}to{translate:0 0;scale:1;opacity:1}}@keyframes slide-left{0%{translate:-100% 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes slide-up{0%{translate:0 200px;opacity:0}to{translate:0 0;opacity:1}}@keyframes slide-right{0%{translate:100% 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes scale-down{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes blob-morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:50% 50% 30% 70%/60% 40%}50%{border-radius:70% 30% 50% 50%/40% 60%}75%{border-radius:40% 60% 60% 40%/70% 30%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.couple{width:-moz-fit-content;width:fit-content;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;align-items:center}.couple .days-together{z-index:1000;position:relative;display:grid;justify-items:center;align-items:center;opacity:0;animation:scale-down 2s ease 1.5s forwards;margin-bottom:1em}.couple .days-together__heart{font-size:4em;margin-inline:-.5em;animation:heartbeat 1.5s ease-in-out infinite;transform-origin:center center;filter:drop-shadow(0 0 8px red)}.couple .days-together__count{z-index:2000;position:absolute;font-size:2em;font-weight:700;animation:heartbeat 1.5s ease-in-out infinite;transform-origin:center center;--clr-shadow: hsl(0, 73%, 47%);text-shadow:1px 1px 2px var(--clr-shadow),-1px 1px 2px var(--clr-shadow),1px -1px 2px var(--clr-shadow),-1px -1px 2px var(--clr-shadow)}.couple .partner{display:grid;justify-items:center;align-items:center;filter:drop-shadow(0 0 8px var(--clr-accent))}.couple .partner.selected{background-color:var(--clr-transparent-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.couple .partner--cassiopeia{--clr-accent: var(--clr-cassiopeia);opacity:0;animation:cassiopeia 2s ease forwards}.couple .partner--enkada{--clr-accent: var(--clr-enkada);opacity:0;animation:enkada 2s ease .25s forwards}.couple .partner--enkada .partner__media{animation-delay:1s;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.couple .partner__name{font-size:1.5em}.couple .partner__media{width:120px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border:2px solid var(--clr-accent);animation:blob-morph 16s ease-in-out infinite}.partner-info{background-color:var(--clr-transparent-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1em}.partner-info table{width:100%}.partner-info td:first-of-type{font-weight:700;padding-right:1em}@keyframes heartbeat{0%,to{scale:100%}15%,35%{scale:104%}25%{scale:102%}}.calendar{opacity:0;animation:slide-up 2s ease 1.5s forwards}.calendar .christmas-tree{position:absolute;width:160px;translate:0 -95%;right:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calendar .hedgehog{width:96px;translate:16px -100%;position:absolute;filter:drop-shadow(1px -1px 4px hsla(var(--clr-hue),29%,58%,.8))}.calendar .hedgehog img{image-rendering:pixelated}.calendar .hedgehog:hover{filter:drop-shadow(0 -1px 4px hsla(var(--clr-hue),29%,58%,.8)) brightness(1.2)}.calendar .calendar-list{display:flex;flex-direction:column}.calendar.hide-empty-days .day:not(.first-day):has(.day__media-list:empty){display:none}.year__month-list{gap:4em}.month{display:grid;gap:.5em}.month:has(.month__day-list:empty){display:none}.month__name{text-wrap:nowrap;text-align:center;font-size:2em;--clr-shadow: hsl(0, 0%, 0%);text-shadow:4px 4px 2px var(--clr-shadow),-4px 4px 2px var(--clr-shadow),4px -4px 2px var(--clr-shadow),-4px -4px 2px var(--clr-shadow)}.month__day-list{gap:1em}.day{display:grid;--number-circle-size: 3em;grid-template-columns:min-content auto;gap:.5em;background-color:hsla(var(--clr-hue),23%,50%,.3);padding:.5em;border-radius:1em;border-top:2px solid hsla(var(--clr-hue),23%,50%,.3)}@media (width < 400px){.day{--number-circle-size: 2.5em}}.day>img{position:absolute;width:calc(100% - 1em);z-index:1000;top:0;left:.5em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.day__edit-summary{display:grid;gap:.5em;width:100%}.day__edit-summary__update-time{color:gray;filter:grayscale(1);text-align:right}.day__summary{width:100%;padding:0 .5em;white-space:pre-wrap;word-break:break-word}.day__summary:only-child{place-self:center;font-size:1.15em}.day__left-col{position:sticky;top:1em}.day__btn-list{display:flex;align-items:start;justify-content:space-between}@media (width < 400px){.day__btn-list{flex-direction:column;align-items:center;gap:.5em;margin-top:.5em}}.day__btn-list .btn{border:2px solid hsla(var(--clr-hue),23%,50%,.2);background-color:hsla(var(--clr-hue),23%,50%,.2);border-radius:50%;aspect-ratio:1/1;width:32px;padding:0;display:grid;align-items:center;justify-items:center;transition:all .3s ease;transform-origin:center;box-shadow:0 2px 4px #0003;font-size:1.2em;position:relative}.day__btn-list .btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(var(--clr-hue),50%,50%,.15);border-radius:50%;transition:opacity .3s ease}.day__btn-list .btn:hover{background-color:hsla(var(--clr-hue),50%,50%,.25);transform:scale(1.1) rotate(5deg);box-shadow:0 4px 8px #0000004d}.day__btn-list .btn:active{transform:scale(.95) rotate(-5deg);box-shadow:0 1px 2px #0003}.day__number{position:relative;background-image:radial-gradient(circle,hsl(var(--clr-hue),42%,61%),hsl(var(--clr-hue),56%,34%));border-radius:50%;width:var(--number-circle-size);height:var(--number-circle-size);text-align:center;font-size:1.5em;display:grid;align-items:center;justify-items:center}.day__number span:nth-of-type(2){position:absolute;font-size:.5em;opacity:.5;bottom:.5em}.day__media-list{grid-row:1/span 2;grid-column:2;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:1em .5em}.day__media-list:empty{grid-row:1}.day__media-list:empty:after{content:"Нет изображений :_(";place-self:center;width:100%;text-align:center;rotate:-5deg;opacity:.4;font-size:1.25em;--clr-shadow: hsl(0, 36%, 15%);text-shadow:2px 2px 2px var(--clr-shadow),-2px -2px 2px var(--clr-shadow),2px -2px 2px var(--clr-shadow),-2px 2px 2px var(--clr-shadow)}.day__media-list .media{position:relative;color:#000;--clr-paper: hsl(0, 0%, 91%);background-color:var(--clr-paper);padding:1em;box-shadow:0 0 16px #0006;animation:media linear;animation-timeline:view();animation-range:entry 0 cover 30%;will-change:transform;width:calc(50% - .5em);flex-grow:0;transition:all .5s ease;--selected-extra-width: 80px}.day__media-list .media:hover .btn-edit-media,.day__media-list .media .selected .btn-edit-media,.day__media-list .media:active .btn-edit-media{opacity:.4}@media (width < 600px){.day__media-list .media{width:100%}.day__media-list .media .btn__text{display:none}}@media (width < 400px){.day__media-list .media{--selected-extra-width: 72px}}.day__media-list .media a{color:#33f}.day__media-list .media a:hover{color:#66f}.day__media-list .media a:active{color:#c00}.day__media-list .media.selected{width:calc(100% + var(--selected-extra-width));margin-left:calc(-1 * var(--selected-extra-width))}.day__media-list .media.editing{background-color:transparent;margin-left:0;box-shadow:none}.day__media-list .media:has(video,audio),.day__media-list .media--other{width:100%}.day__media-list .media audio{width:100%}.day__media-list .media>img{cursor:pointer}.day__media-list .media .btn-edit-media{opacity:0;transition:opacity .3s ease}.day__media-list .media .btn-edit-media:hover{opacity:1}.day__media-list .media__title{padding:.25em;font-size:1.25em;width:100%;text-shadow:0 0 1px black;display:flex;justify-content:space-between;gap:.5em;word-break:break-word}.day__media-list .media__icon-has-desc{text-shadow:0 0 4px black;flex:1;text-align:right}.day__media-list .media__description{border-top:2px solid lightgray;white-space:pre-wrap;padding:.25em .5em;word-break:break-word;max-height:80vh;transition:max-height .5s ease,padding .5s ease,border-width .5s ease;overflow-y:hidden}.day__media-list .media__description.hidden{max-height:0;border-width:0px;padding:0}@keyframes media{0%{scale:1.2;opacity:0;translate:0 150px}to{scale:1;opacity:1;translate:0 0}}.time-counter-grid+.media-editor{margin-bottom:2em}.media-editor{scroll-margin-top:1em;--media-size: 200px;display:grid;gap:1em;grid-template-columns:var(--media-size) auto}@media (width < 600px){.media-editor{grid-template-columns:1fr}}.media-editor:has(audio){grid-template-columns:1fr}.media-editor audio,.media-editor div.media-editor__media--other{height:revert}.media-editor__media{width:100%;-o-object-fit:contain;object-fit:contain;justify-self:center;height:var(--media-size);filter:drop-shadow(0 0 16px hsla(0,0%,0%,.4))}.media-editor__media--other{font-size:2em;text-align:center;place-self:center;word-break:break-word}.media-editor__info{display:grid;gap:.5em}.media-editor__info input{width:100%}.snow{background-image:url(../snow.gif);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:200px;-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.15) 70%,rgb(0,0,0) 100%);mask-image:linear-gradient(to right,#000,#00000026 30%,#00000026 70%,#000);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media (width < 800px){.snow{-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 0%,rgba(0,0,0,.15) 15%,rgba(0,0,0,.15) 85%,rgb(0,0,0) 100%);mask-image:linear-gradient(to right,#000,#00000026 15%,#00000026 85%,#000)}}.snowman{position:absolute;opacity:0;animation:slide-left 1.5s ease 1s forwards;bottom:0;z-index:1000;transform:translate(2em,2.5em)}.btn-delete{display:none}