@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200..900&display=swap";.app{display:flex;gap:30px;padding:30px;height:100%}@media screen and (max-width: 768px){.app{padding:15px}}.left-panel{min-width:400px;display:flex;flex-direction:column;gap:30px}@media screen and (max-width: 1024px){.left-panel{min-width:280px}}@media screen and (max-width: 768px){.left-panel{position:absolute;left:0;right:0;top:100px;bottom:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translate(-100%);transition:transform .3s ease;background:#242424;padding:15px}.left-panel.show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.body{width:100%;height:100%;overflow:auto;padding:2px}._header_qeatp_1{display:grid;gap:10px;width:100%}._select_ub8sw_1{width:100%;padding:10px;border-radius:10px}._logo-img_1hpkx_1{width:180px;display:block}.card-btn{border-radius:10px;background:#ffffff08;color:#fff;padding:20px;border:none;cursor:pointer;text-align:start;display:block;width:100%;transition:background .25s;font-weight:700}@media (any-hover: hover){.card-btn:hover{background:#ffffff1a}}.journal-item{border-radius:3px;background:#ffffff08;color:#fff;padding:20px}.journal-item__title{font-size:18px;font-style:normal;font-weight:600;line-height:28px}.journal-item__body{display:flex;gap:10px}.journal-item__date{color:#fff6;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.journal-item__text{color:#fff9;font-size:16px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-list{display:flex;flex-direction:column;gap:20px;overflow:auto}.journal-add-button{padding:10px;display:flex;align-items:start;justify-content:center;font-size:16px;gap:8px;border-radius:10px;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb)}@media (any-hover: hover){.journal-add-button svg{transition:transform .25s}.journal-add-button:hover span svg{transform:rotate(90deg)}}.journal-add-button{align-items:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;font-size:16px;gap:8px;border-radius:10px}.journal-add-button:active,.journal-add-button:hover{outline:0;background:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb)}.journal-add-button span{background-color:#05062d;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:8px;width:100%;height:100%;transition:.3s}.journal-add-button:hover span{background:none}.journal-add-button:hover svg{transform:rotate(90deg)}._journal-form_19hl3_1{display:flex;flex-direction:column;gap:20px}._form-label_19hl3_7{display:flex;align-items:center;gap:20px;min-width:150px}._form-row_19hl3_14{display:flex;align-items:center}._input_19hl3_19{border:none;background:none;font-size:16px;font-style:normal;font-weight:600;line-height:normal;font-family:"Source Sans 3",sans-serif;border-bottom:1px solid #323232;width:100%;padding:10px;transition:outline .2s ease,background .2s ease,border-radius .2s ease}._input_19hl3_19:focus{outline:2px solid #5B42F3FF;border-radius:10px}textarea{resize:vertical}._invalid-input_19hl3_49{border-radius:10px;outline:2px solid indianred;background:#f003}._delete_19hl3_55{border:none;background:none;cursor:pointer;padding:0;height:30px;width:30px}._delete_19hl3_55:hover{background:#ffffff0d;border-radius:50%}.btn{border-radius:10px;padding:8px 30px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .25s;font-size:16px;width:100%;border:none;color:#fff}@media (any-hover: hover){.btn:hover{background:linear-gradient(144deg,#af40ff,#5b42f3 70%,#00ddeb)}}.btn--accent{background:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb)}._input_1vkkn_1{border:none;background:none;font-size:16px;font-style:normal;font-weight:600;line-height:normal;font-family:"Source Sans 3",sans-serif;border-bottom:1px solid #323232;width:100%;padding:10px;transition:outline .2s ease,background .2s ease,border-radius .2s ease}._invalid-input_1vkkn_16{border-radius:10px;outline:2px solid indianred;background:#f003}._input-title_1vkkn_22{font-size:32px}._input_1vkkn_1:focus{outline:2px solid #5B42F3FF;border-radius:10px}.burger-menu{width:35px;height:30px;margin:10px;position:relative;cursor:pointer;display:inline-block}.burger-menu span{background-color:#fff;position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.burger-menu span:nth-child(1){width:100%;height:4px;display:block;top:0;left:0}.burger-menu span:nth-child(2){width:100%;height:4px;display:block;top:13px;left:0}.burger-menu span:nth-child(3){width:100%;height:4px;display:block;bottom:0;left:0}.burger-menu:not(.show):hover span:nth-child(1){width:100%;height:4px;display:block;top:-2px;left:0;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.burger-menu:not(.show):hover span:nth-child(2){width:100%;height:4px;display:block;top:13px;left:0;transition:.4s cubic-bezier(.8,.5,.2,1.4)}.burger-menu:not(.show):hover span:nth-child(3){width:100%;height:4px;display:block;bottom:-2px;left:0;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.burger-menu.show{transform:rotate(90deg)}.burger-menu.show span:nth-child(1){left:3px;top:12px;width:30px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(90deg);transition-delay:.15s}.burger-menu.show span:nth-child(2){left:2px;top:20px;width:20px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(45deg);transition-delay:50ms}.burger-menu.show span:nth-child(3){left:14px;top:20px;width:20px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(-45deg);transition-delay:.1s}.header-body{display:flex;width:100%;align-items:flex-start;gap:15px;margin-bottom:20px;position:relative;z-index:100}:root{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-width:320px;height:100vh;overflow:hidden;position:relative}#root{height:100vh;overflow:hidden;position:relative}*{padding:0;margin:0;border:0}input,button,textarea{font-family:inherit}*,*:before,*:after{box-sizing:border-box}