@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&family=Patrick+Hand&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{align-items:center;background:linear-gradient(180deg,#1c00cb,#4a20d9);display:flex;justify-content:center;padding:20px}.container{background:#f5f5f0;border-radius:30px;box-shadow:0 20px 60px #0006;font-family:Patrick Hand,cursive;max-width:400px;padding:30px;position:relative;width:100%}.phone-header{background:#1c00cb;border-radius:20px 20px 0 0;color:#fff;margin:-30px -30px 20px;padding:30px 20px;text-align:center}.phone-header h1{font-family:Indie Flower,cursive;font-size:3rem;font-weight:400;margin-bottom:10px}.phone-header p{font-size:1.2rem;opacity:.9}.doodles{font-size:2rem;letter-spacing:10px;margin-top:15px}.journal-form{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;gap:20px;padding:25px}.form-group,.journal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#1c00cb;font-size:1.1rem;font-weight:600}.input,.select,.textarea{background:#f8f8f8;border:none;border-radius:12px;color:#1c00cb;font-family:Patrick Hand,cursive;font-size:1.1rem;padding:12px}.textarea{line-height:1.6;min-height:120px;resize:none}.input:focus,.select:focus,.textarea:focus{background:#f0f0f0;outline:none}.submit-btn{background:#1c00cb;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Indie Flower,cursive;font-size:1.3rem;margin-top:10px;padding:15px;transition:all .3s}.submit-btn:hover{background:#2a10db;transform:scale(1.02)}.submit-btn:active{transform:scale(.98)}.day-badge{color:#1c00cb;display:inline-block;font-size:1rem;margin-right:15px;margin-top:10px;padding:8px 16px}.day-badge,.icon-picker{background:#fff;border-radius:20px}.icon-picker{padding:25px;text-align:center}.icon-picker h2{color:#1c00cb;font-size:1.5rem;margin-bottom:10px}.icon-picker p{color:#666;margin-bottom:20px}.icon-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.icon-btn{min-height:100px;min-width:100px}.icon-btn:hover{background:#1c00cb;transform:scale(1.1)}.cancel-btn{background:#ddd;border:none;border-radius:12px;color:#666;font-size:1.1rem;padding:12px 24px}.cancel-btn,.view-calendar-btn{cursor:pointer;font-family:Patrick Hand,cursive}.view-calendar-btn{background:#fff3;border:2px solid #fff;border-radius:20px;color:#fff;font-size:1rem;margin-left:15px;margin-top:15px;padding:10px 20px;transition:all .3s}.view-calendar-btn:hover{background:#fff;color:#1c00cb}.calendar-container{background:#fff;border-radius:30px;box-shadow:0 20px 60px #0006;max-width:900px;padding:30px;width:100%}.calendar-header{margin-bottom:30px;position:relative;text-align:center}.calendar-header h1{color:#1c00cb;font-family:Indie Flower,cursive;font-size:2.5rem}.back-btn{background:#1c00cb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1.1rem;left:0;padding:10px 20px;position:absolute;top:50%;transform:translateY(-50%)}.calendar-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr)}.calendar-day{background:linear-gradient(135deg,#f8f8f8,#e8e8f8);border-radius:15px;padding:15px;text-align:center;transition:all .3s}.calendar-day:hover{box-shadow:0 5px 15px #1c00cb33;transform:translateY(-5px)}.day-number{color:#1c00cb;font-size:.8rem;font-weight:600;margin-bottom:10px}.day-icon{align-items:center;display:flex;font-size:2.5rem;justify-content:center;min-height:50px}.icon-image{padding:8px}.calendar-icon-image,.icon-image{height:100%;object-fit:contain;transform:scale(1.5);width:100%}.icon-btn{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e8e8f8;border-radius:15px;cursor:pointer;display:flex;justify-content:center;min-height:140px;min-width:140px;padding:0;transition:all .2s}.icon-btn:hover{background:#f0f0ff;border-color:#1c00cb;transform:scale(1.05)}.container:before{border-radius:50% 50% 0 0/100% 100% 0 0;height:150px;width:70%}.container:after,.container:before{background:#f5f5f0;content:"";left:50%;position:absolute;top:-120px;transform:translateX(-50%);z-index:-1}.container:after{-webkit-clip-path:polygon(15% 100%,15% 80%,20% 60%,25% 45%,30% 30%,35% 20%,40% 12%,45% 6%,50% 0,55% 6%,60% 12%,65% 20%,70% 30%,75% 45%,80% 60%,85% 80%,85% 100%);clip-path:polygon(15% 100%,15% 80%,20% 60%,25% 45%,30% 30%,35% 20%,40% 12%,45% 6%,50% 0,55% 6%,60% 12%,65% 20%,70% 30%,75% 45%,80% 60%,85% 80%,85% 100%);height:120px;width:100%}
/*# sourceMappingURL=main.85ddd5ac.css.map*/