@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Nunito:wght@400;600;700&display=swap);*{margin:0;padding:0}html{background-color:#464e58;scroll-behavior:smooth}body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}#root,body{background:inherit}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:#00b894;color:#fff}*{box-sizing:border-box}.app{align-content:center;font-family:Nunito,sans-serif;min-height:100vh;padding:20px}.header{background:#fffffff2;border-radius:16px;box-shadow:0 10px 40px #0003,inset 0 1px 0 #fffc;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;padding:30px 20px;text-align:center}.header h1{color:#2d3436;font-family:Caveat,cursive;font-size:clamp(2rem,6vw,3.5rem);margin:0;text-shadow:2px 2px 4px #0000001a}.subtitle{color:#636e72;font-size:1.2rem;margin:10px 0 20px}.progress-container{background:#e0e0e0;box-shadow:inset 0 2px 4px #0000001a;height:30px;overflow:hidden}.progress-bar,.progress-container{border-radius:25px;position:relative}.progress-bar{background:linear-gradient(90deg,#00b894,#00cec9,#0984e3);height:100%;transition:width .5s ease-out}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#2d3436;font-size:.9rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #fffc;top:50%;transform:translate(-50%,-50%)}.board{margin:0 auto;max-width:1400px;padding:20px}.notes-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));justify-items:center}@media (min-width:768px){.notes-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (min-width:1200px){.notes-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}.note-container{cursor:pointer;height:100px;perspective:1000px;position:relative;transition:transform .2s ease;width:100px}.note-container:hover{transform:scale(1.08) rotate(-2deg);z-index:10}.note-container:active{transform:scale(.98)}.pin{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c0392b);border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d;height:16px;top:-8px;width:16px;z-index:20}.pin,.pin:after{left:50%;position:absolute;transform:translateX(-50%)}.pin:after{background:linear-gradient(180deg,#7f8c8d,#95a5a6);border-radius:0 0 2px 2px;content:"";height:8px;top:100%;width:3px}.note{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.note-container.flipped .note{transform:rotateY(180deg)}.note-back,.note-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:4px;box-shadow:2px 2px 8px #0003,-1px -1px 2px #0000000d;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.note-front{background:var(--note-color);transform:rotateY(0deg)}.note-front:before{background:linear-gradient(180deg,#fff6,#0000);border-radius:4px 4px 0 0;content:"";height:20%;left:0;position:absolute;right:0;top:0}.weekday{color:#00000080;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.day{color:#2d3436;font-family:Caveat,cursive;font-size:2.2rem;font-weight:700;line-height:1}.month{color:#0009;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.note-back{background:linear-gradient(135deg,#00b894,#00cec9);padding:8px;transform:rotateY(180deg)}.note-back:before{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:4px 4px 0 0;content:"";height:20%;left:0;position:absolute;right:0;top:0}.checkmark{animation:pop .3s ease-out;color:#fff;font-size:2rem;text-shadow:2px 2px 4px #0003}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.footer{margin-top:30px;padding:30px 20px;text-align:center}.footer p{background:#ffffffe6;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#2d3436;display:inline-block;font-weight:600;padding:15px 30px}.note-container.flipped .pin{animation:celebrate .5s ease-out}@keyframes celebrate{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-10deg)}75%{transform:translateX(-50%) rotate(10deg)}}.note-container:nth-child(3n){transform:rotate(-1deg)}.note-container:nth-child(3n+1){transform:rotate(1deg)}.note-container:nth-child(5n){transform:rotate(-1.5deg)}.note-container:nth-child(7n){transform:rotate(1.5deg)}.note-container:nth-child(3n):hover{transform:scale(1.08) rotate(-3deg)}.note-container:nth-child(3n+1):hover{transform:scale(1.08) rotate(1deg)}.note-container:nth-child(5n):hover{transform:scale(1.08) rotate(-2deg)}.note-container:nth-child(7n):hover{transform:scale(1.08) rotate(3deg)}.skip-info{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:20px;color:#636e72;display:inline-block;font-size:.9rem;margin-top:15px;padding:8px 16px}.open-builder-btn{background:#2d7a50;border:none;border-radius:999px;box-shadow:0 10px 20px #00000026;color:#fff;cursor:pointer;font-weight:700;padding:12px 22px;position:fixed;right:20px;top:20px;z-index:20}.builder-modal{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:25}.builder-modal.visible{opacity:1;pointer-events:auto}.builder-card{background:#fff;border-radius:24px;box-shadow:0 25px 45px #00000059;max-width:640px;padding:30px;width:min(90vw,640px)}.builder-card header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.builder-card header button{background:none;border:none;color:#ff7675;cursor:pointer;font-size:1rem}.date-info{color:#00b894;font-size:.9rem;font-weight:600;margin:-4px 0 8px}.skip-rows{display:flex;flex-direction:column;gap:8px;margin-top:18px}.skip-row,.skip-row-header{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 3fr 1fr 40px}.skip-row-header{color:#636e72;font-size:.75rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.skip-field{display:contents}.skip-label{display:none}.skip-row input,.skip-row select{border:1px solid #0000001f;border-radius:10px;font-family:inherit;font-size:.95rem;padding:8px 10px}.skip-row input{width:100%}.remove-skip{border:none;color:#ff7675;font-size:1.2rem}.add-skip,.remove-skip{background:none;cursor:pointer}.add-skip{align-self:flex-start;border:1px dashed #0000004d;border-radius:999px;color:#2d7a50;font-weight:600;padding:6px 18px}@media (max-width:600px){.builder-card{border-radius:20px;max-height:90vh;overflow-y:auto;padding:20px 16px}.builder-card header h2{font-size:1.1rem}.skip-row-header{display:none}.skip-row{background:#00000008;border-radius:14px;gap:10px;margin-bottom:4px;padding:40px 16px 16px;position:relative}.skip-field,.skip-row{display:flex;flex-direction:column}.skip-field{gap:4px}.skip-label{color:#636e72;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.skip-field-emoji{width:-webkit-fit-content;width:fit-content}.skip-row input,.skip-row select{border-radius:12px;font-size:1rem;padding:12px 14px;width:100%}.skip-row select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23636e72' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.skip-field-emoji select{font-size:1.3rem;min-width:70px;width:auto}.remove-skip{align-items:center;background:#ff767526;border-radius:50%;display:flex;font-size:1.1rem;height:36px;justify-content:center;position:absolute;right:10px;top:10px;width:36px}.add-skip{background:#00b8941a;border-color:#00b89466;border-radius:14px;border-style:dashed;font-size:1rem;margin-top:8px;padding:16px;width:100%}.root-form label{font-size:.9rem}.root-form input[type=date],.root-form input[type=text]{font-size:1rem;padding:12px 14px}.date-info{font-size:1rem;text-align:center}.celebration-button{font-size:1.1rem;margin-top:16px;padding:16px;width:100%}.skip-rows{gap:12px}}.root-config{background:#fffffff2;border-radius:18px;box-shadow:0 15px 30px #0000001a;margin:0 auto 30px;max-width:640px;padding:24px;text-align:left}.root-config h1{font-family:Caveat,cursive;margin-bottom:16px}.root-form{gap:14px}.root-form,.root-form label{display:flex;flex-direction:column}.root-form label{color:#464e58;font-weight:600;gap:6px}.root-form input,.root-form textarea{border:1px solid #0000001f;border-radius:12px;font-family:inherit;font-size:1rem;padding:10px 14px;transition:border-color .2s ease}.root-form input:focus,.root-form textarea:focus{border-color:#00b894;outline:none}.root-form textarea{min-height:90px;resize:vertical}.form-hint{color:#636e72;font-size:.85rem;margin-top:-8px}.celebration-banner{background:#d4edda;border:1px solid #c3e6cb;border-radius:12px;color:#155724;font-size:1rem;font-weight:700;margin-left:auto;margin-right:auto;margin-top:12px;padding:10px 18px;width:-webkit-fit-content;width:fit-content}.celebration-modal{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:30}.celebration-modal.visible{opacity:1;pointer-events:auto}.celebration-card{animation:popIn .35s ease;background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000040;max-width:320px;padding:30px 40px;text-align:center}.celebration-card h2{font-size:1.6rem;margin-bottom:10px}.celebration-card p{color:#333;font-size:1rem;margin-bottom:20px}.celebration-button{background:#2b7a0b;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.6px;padding:10px 28px;transition:transform .2s ease}.celebration-button:hover{transform:translateY(-2px)}.save-button{display:block;margin-left:auto}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.note-container.skip-day{cursor:default}.note-container.skip-day .note-front{opacity:.7}.note-container.future{cursor:not-allowed;opacity:.5}.note-container.future .note-front{filter:grayscale(.3)}.note-back.skip-back{background:linear-gradient(135deg,#2c3e50,#1a252f)}.skip-emoji{animation:bounce .6s ease-out;font-size:1.8rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.skip-reason{color:#fff;font-family:Caveat,cursive;font-size:.8rem;line-height:1.1;margin-top:2px;text-align:center;text-shadow:1px 1px 2px #0003}.pin-gold{background:radial-gradient(circle at 30% 30%,gold,#daa520)!important;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff80,0 0 10px #ffd70066!important}.note-container:not(.skip-day):not(.flipped):not(.future):after,.note-container:not(.skip-day):not(.flipped):not(.future):hover:after{display:none}
/*# sourceMappingURL=main.fd4c45cc.css.map*/