@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%}button{cursor:pointer}.default{--primary-color: #262626;--primary-color-trans: #26262673;--secondary-color: black;--background-default: white;--background-secondary: #f1f1f1;--background-trans: rgb(224, 224, 224);--text-primary: #262626;--text-secondary: #131313}.dark{--primary-color: rgb(241, 245, 255);--primary-color-trans: #FFFFFF73;--secondary-color: white;--background-default: rgb(32, 32, 32);--background-secondary: rgb(22, 22, 22);--background-trans: rgb(40, 40, 40);--text-primary: rgb(241, 245, 255);--text-secondary: rgb(236, 236, 236)}#dashboard{padding:60px;min-height:100%;display:flex;flex-direction:column;gap:70px;background:var(--background-default)}.top{display:flex;justify-content:space-between;color:var(--text-primary)}.top h1{font-family:Lilita One,sans-serif;font-size:4.2rem;overflow-wrap:anywhere}.top p{width:40ch;font-family:Inter,sans-serif;font-size:1.6rem}.top h2{font-family:Lilita One,sans-serif;font-size:2.5rem}.bottom{display:grid;grid-template-columns:repeat(auto-fill,250px);gap:50px}.edit{opacity:0;position:absolute;top:10px;right:10px;background:none;border:none;transition:opacity .5s}.edit svg{transition:stroke .5s}.edit:hover svg{stroke:var(--secondary-color)}.entry:hover .edit{opacity:100}.bottom>div{aspect-ratio:1/1;border:4px solid var(--secondary-color);border-radius:30px;padding:20px;background:none;transition:background-color .5s}.bottom>div:hover{cursor:pointer;background-color:var(--background-trans)}#settings-button{position:fixed;bottom:20px;right:20px;border:none;background:none;width:64px;height:64px}#settings-button svg{transition:transform .5s,stroke .25s}#settings-button:hover svg{transform:rotate(-90deg);stroke:var(--secondary-color)}@media (max-width: 600px){.top h1{font-size:3rem}.top h2{font-size:2rem}.top p{font-size:1.5rem}#settings{padding:20px}}@media (max-width: 1000px){.top h2{display:none}.top p{width:90%}.bottom{grid-template-columns:repeat(auto-fill,200px)}#diary-information-container{width:80%!important}}.entry{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:10px}.entry h1{font-size:5rem}.entry p{font-family:Inter,sans-serif;font-weight:500;font-size:1.7rem;color:var(--text-primary)}.create-button{display:flex;justify-content:center;align-items:center}#diary-information{position:fixed;display:flex;justify-content:center;align-items:center;background:#000c;height:100%;width:100%;top:0;left:0;z-index:1}#diary-information-container{position:relative;display:flex;align-items:center;justify-content:center;height:48%;width:38%;background:var(--background-default);border-radius:25px;box-shadow:5px 5px 10px #0006;color:var(--text-primary);font-family:Inter,sans-serif}#diary-information-main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;width:100%}#diary-information-actions{display:flex;flex-direction:column;gap:20px;position:absolute;top:20px;right:20px}#diary-information-actions path{transition:stroke .25s}#diary-information-actions button:hover path{stroke:var(--secondary-color)}.diary-information-action-button{border:none;background:none;width:45px;height:45px}#diary-information-delete-button{position:absolute;bottom:20px;right:20px}#diary-information-delete-button svg{transition:stroke .25s}#diary-information-delete-button:hover svg{stroke:#a70000}#information-emoji{font-size:72px}#information-fullDateClean{font-size:3rem;font-weight:700}#view-entry{display:flex;justify-content:center;align-items:center;border:none;border-radius:15px;background:none;box-shadow:5px 5px 10px #0006;width:55%;height:25%;gap:12px;font-size:2.3rem;font-family:Inter,sans-serif;font-weight:650;color:var(--text-primary);transition:box-shadow .25s}#view-entry:hover{box-shadow:5px 5px 3px #0006}#diary-entry-viewer{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;background:#000c;top:0;left:0;z-index:1}#diary-entry-viewer-container{position:relative;background:var(--background-default);display:flex;flex-direction:column;gap:30px;font-family:Lilita One,sans-serif;border-radius:25px;width:70%;min-height:70%;max-height:80%;padding:50px;box-shadow:5px 5px 10px #0006;overflow-wrap:anywhere;overflow-y:scroll;scrollbar-width:none}#diary-entry-viewer-actions{display:flex;flex-direction:column;gap:20px;position:absolute;top:20px;right:20px}.diary-entry-viewer-action-button path{transition:stroke .25s}.diary-entry-viewer-action-button:hover path{stroke:var(--secondary-color)}.diary-entry-viewer-action-button{border:none;background:none;width:45px;height:45px}#diary-entry-viewer-delete-button svg{transition:stroke .25s}#diary-entry-viewer-delete-button:hover path{stroke:#a70000}#diary-entry-emoji{font-size:72px}#diary-entry-content{font-size:1.7rem;color:var(--text-primary);white-space:pre-wrap}#diary-entry-viewer-back-button{position:absolute;top:15px;left:15px;height:45px;width:45px}#settings{position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:#000c;top:0;left:0;color:var(--text-primary);z-index:1;font-family:Inter,sans-serif}#settings-container{position:relative;width:500px;background:var(--background-default);border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:20px;gap:20px;box-shadow:5px 5px 10px #0006}#settings-container-settings{display:flex;flex-direction:column;gap:20px}#settings-container>h3{font-size:2.5rem}.settings-container-form{display:flex;flex-direction:column;gap:5px}#settings-name-input{display:flex;gap:10px}.settings-container-form label{font-size:1.5rem;font-weight:500}.settings-container-form input{background:var(--default-background);height:48px;border-radius:8px;border:3px solid var(--primary-color);padding:5px;font-size:1.2rem;color:var(--text-primary)}.settings-container-form input:focus{outline:none}.settings-container-form button{height:48px;width:48px;border:3px solid var(--primary-color);background:#5cff6f66;border-radius:8px;transition:background .25s}.settings-container-form button:hover{background:#5cff6fcc}#settings-theme{border:3px solid var(--primary-color);background:var(--background-default);color:var(--text-primary);height:48px;width:50%;border-radius:8px;padding:5px;font-size:1.2rem}.settings-action-button{border:none;background:none;width:36px;height:36px}#settings-close-button{position:absolute;top:20px;right:20px}#settings-close-button path{transition:stroke .25s}#settings-close-button:hover path{stroke:bvar(--secondary-color)lack}#settings-import-export{display:flex;gap:20px}#settings-import-export button{background:var(--default-background);font-family:Inter,sans-serif;height:60px;width:150px;border-radius:8px;border:3px solid var(--primary-color);font-size:1.5rem;font-weight:600;color:var(--text-primary);transition:background-color .25s,border-color .25s}#settings-import-button:hover{background-color:#5cff6f33;border-color:#5cff6f}#settings-export-button:hover{background-color:#ff5c5c33;border-color:#ff5c5c}#settings-import-export button:disabled{border-color:gray;background-color:#808080a4;color:gray;text-decoration:line-through}#creation-input,.creation-input-container,.creation{height:100%;width:100%}.creation{background:var(--background-default);padding:20px;z-index:1}#creation-input:focus{border:none;outline:none}#creation-input{border:none;resize:none;border-radius:0 0 50px 50px;background:transparent;padding:20px 30px;font-family:Lilita One,sans-serif;font-size:1.4rem;color:var(--text-secondary)}.creation-input-container{display:flex;position:relative;flex-direction:column}.creation-top{height:120px;display:flex;align-items:center;justify-content:space-between;padding:15px 30px 0}.creation-actions{display:flex;gap:25px}.send-button{height:75px;width:75px;background:#5cff6f40;border:3px solid var(--secondary-color);border-radius:15px;transition:background .25s}.send-button:hover{background:#5cff6f66}.exit-button{height:75px;width:75px;background:#ff5c5c40;border:3px solid var(--secondary-color);border-radius:15px;transition:background .25s}.exit-button:hover{background:#ff5c5c66}.emoji{position:relative}.emoji-button{background:none;border:none;height:64px;width:64px}.emoji-display{font-size:64px;line-height:1}[frimousse-root]{font-family:Inter,sans-serif;position:absolute;top:80px;display:flex;flex-direction:column;width:fit-content;height:352px;background:var(--background-default);isolation:isolate;border-radius:10px;border:1.5px solid var(--background-secondary);filter:drop-shadow(2px 2px 5px var(--background-secondary))}[frimousse-search]{position:relative;z-index:10;appearance:none;margin-block-start:8px;margin-inline:8px;padding:8px 10px;background:var(--background-secondary);border:none;filter:drop-shadow(2px 2px 5px var(--background-secondary));border-radius:6px;font-size:14px;color:var(--text-primary);transition:filter .5s}[frimousse-search]:focus{outline:none}[frimousse-viewport]{position:relative;flex:1;outline:none}[frimousse-loading],[frimousse-empty]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--background-default);font-size:14px}[frimousse-list]{padding-block-end:12px;-webkit-user-select:none;user-select:none}[frimousse-category-header]{padding:12px 12px 6px;background:var(--background-default);color:var(--text-primary);font-size:12px;font-weight:500}[frimousse-row]{padding-inline:12px;scroll-margin-block:12px}[frimousse-emoji]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:5px;background:transparent;font-size:18px;transition:background .3s;cursor:pointer}[frimousse-emoji][data-active]{background:var(--background-secondary)}.Toastify{z-index:2;position:absolute}#welcome-screen{gap:75px;color:var(--text-primary);z-index:1;position:absolute;display:flex;justify-content:center;align-items:center;background:var(--background-default);height:100%;width:100%;flex-wrap:wrap}@media (max-width: 800px){#welcome-screen{flex-direction:column;gap:50px}}#welcome-screen-left{font-family:Lilita One,sans-serif}#welcome-screen-left h1{font-size:10rem;line-height:90%}#welcome-screen-left span{font-size:2.4rem;line-height:90%}#welcome-screen-right>form{font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:20px}#welcome-screen-right>form label{font-size:2.3rem;font-weight:900;line-height:75%}#welcome-screen-name-input{background:var(--background-default);height:64px;border-radius:10px;border:3px solid var(--primary-color);padding:10px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}#welcome-screen-name-input:focus{outline:none;border-color:var(--secondary-color)}#welcome-screen-actions{width:100%;display:flex;gap:20px}#welcome-screen-actions button{height:60px;border-radius:10px;border:3px solid var(--primary-color);font-weight:700;color:var(--text-primary);font-size:120%;transition:background-color .25s}#welcome-screen-actions button:hover{border-color:var(--secondary-color)}#welcome-screen-actions-submit{background-color:#5cff6f66;width:60%}#welcome-screen-actions-submit:hover{background-color:#5cff6fb3}#welcome-screen-actions-meow{background-color:#ff5cd666;width:40%}#welcome-screen-actions-meow:hover{background-color:#ff5cd6b3}#welcome-screen-meow-image-container{z-index:1;position:absolute;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center}#welcome-screen-meow-image{max-width:70%;max-height:50%}#welcome-screen-meow-close-button{position:absolute;top:20px;right:20px;border:none;background:none;width:45px;height:45px;filter:drop-shadow(5px 5px 10px var(--secondary-color))}