@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Inter:ital,opsz@0,14..32;1,14..32&family=Noto+Serif+Ottoman+Siyaq&display=swap";.home-page{font-family:sans-serif;background-color:#fff;min-height:100vh;animation:fadeIn .5s ease}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #ddd}.logo{font-size:2rem;color:#ea580c;font-weight:700;cursor:default;transition:transform .3s ease;margin-right:1rem}.logo:hover{transform:scale(1.4)}.nav-links{display:flex;gap:1rem;align-items:center;list-style:none}.nav-links button{border:none;font-weight:500;cursor:pointer;color:#444}.nav-links .active{color:#000}.nav-links button.sign-in{border:1px solid #ccc;padding:.25rem .75rem;border-radius:5px;background-color:#facc15}.nav-links button.sign-in:hover{background-color:#d1a90b;box-shadow:0 2px 6px #00000014;transform:translateY(-1px);transition:all .2s ease}.nav-links button.register{padding:.25rem .75rem;border-radius:5px;background-color:#444;color:#f5f5f5}.nav-links button.register:hover{background-color:#201f1f;box-shadow:0 2px 6px #00000014;transform:translateY(-1px);transition:all .2s ease}.nav-links button:hover,.create-entry:hover{background-color:#f3f4f6;box-shadow:0 2px 6px #00000014;transform:translateY(-1px);transition:all .2s ease}.hero{background:linear-gradient(to right,#d8b4fe,#f0abfc);text-align:center;padding:5rem 2rem}.hero h1{text-shadow:1px 1px 2px rgba(0,0,0,.1);transition:transform .3s ease;font-size:3rem;font-weight:800;margin-bottom:.5rem;color:#5d4037}.hero h1:hover{transform:scale(1.02);cursor:default}.hero p{font-size:1.25rem;color:#8d6e63;margin-bottom:1rem}.create-entry{background-color:#f9a8d4;padding:.5rem 1.25rem;border-radius:5px;border:none;cursor:pointer}.top-hits{padding:3rem 2rem;background-color:#fafafa;border-top:1px solid #eee}.top-hits h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.entry-card{border:1px solid #ddd;border-radius:8px;padding:1rem;transition:box-shadow .3s ease}.entry-card:hover{box-shadow:0 4px 8px #0000001a}.entry-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.user{font-size:.9rem;color:#666;margin-bottom:.5rem}.read-more{color:#3b82f6;font-size:.9rem}.user-menu-container{position:relative;display:inline-block}.profile-button{display:flex;align-items:center;gap:5px;background-color:#fff;border:none;cursor:pointer;padding:8px 12px;border-radius:20px;box-shadow:0 0 2px #0000001a}.profile-picture{width:24px;height:24px;border-radius:50%}.profile-text{font-size:14px;color:#4a5568;font-weight:500}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:-2px;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:5px;min-width:140px;z-index:1000}.dropdown-item{background:none;border:none;padding:10px 15px;width:100%;text-align:left;cursor:pointer;font-weight:500;color:#4a5568}.dropdown-item:hover{background-color:#f0f0f0}.journal-page{font-family:sans-serif;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.journal-entry-section{padding-top:2rem;background:linear-gradient(to right,#d8b4fecc,#f0abfccc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:4rem}.journal-entry-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#d8b4fe);pointer-events:none}.journal-header{text-align:center;margin-bottom:2rem}.journal-header h1{font-family:"Noto Serif Ottoman Siyaq";font-size:2.8rem;color:#6d28d9;margin-top:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.1);transition:transform .3s ease;font-size:3rem;font-weight:800;margin-bottom:.5rem}.journal-header p{font-size:1rem;color:#a1a1aa;font-style:italic;letter-spacing:.3px;margin-top:.5rem}.stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.stat-box{background-color:#f3f4f6;font-family:Inter,sans-serif;padding:1rem 2rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000000d;cursor:default;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;height:90px}.stat-box:hover{background-color:#a8a8ad;box-shadow:0 2px 6px #00000014;transform:translateY(-1px);transition:all .2s ease}.stat-box h2{margin:0;font-size:2.5rem;text-shadow:0 0 6px rgba(255,255,255,.6)}input[type=color]{width:100%;height:40px;border-radius:6px;padding:0;cursor:pointer;border:1px solid #ccc}.streak-icon{font-size:2.5rem}.arrow-date-container{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;max-width:500px;margin:0 auto;gap:1.5rem}.arrow-date-container h1{flex:1;text-align:center;font-size:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6d28d9}.arrow-button{cursor:pointer;flex-shrink:0;transition:all .2s ease-in-out;filter:drop-shadow(0 0 4px rgba(109,40,217,.4))}.arrow-button:hover{transform:scale(1.15) rotate(2deg);filter:drop-shadow(0 0 6px rgba(109,40,217,.6))}.arrows-back-forth:active{transform:scale(.95);filter:invert(35%) sepia(90%) saturate(300%) hue-rotate(290deg) brightness(1.4) drop-shadow(0 0 2px rgba(109,40,217,.8))}.arrow-no-access{cursor:not-allowed;flex-shrink:0;transition:all .2s ease-in-out;filter:drop-shadow(0 0 4px rgba(36,30,39,.329));color:gray}.entry-form{max-width:700px;margin:2rem auto;background-color:#fff8f0d9;padding:3rem 2rem;border-radius:16px;box-shadow:0 8px 20px #0000000d;font-family:Georgia,serif;line-height:1.6;border:1px solid #f2e4d7;text-align:left}.entry-form h2{margin-bottom:1rem;color:#111827}.entry-form label{display:block;margin:1rem 0 .25rem;font-weight:500}.entry-form select,.entry-form textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:6px}.entry-form textarea{width:100%;max-width:100%;min-width:100%;height:150px;max-height:150px;min-height:150px;font-family:Caveat,cursive;font-size:20px;line-height:25px;border:none;background:repeating-linear-gradient(to bottom,#fff8f0,#fff8f0 24px,#e7d8c9 25px);padding:5px 12px;border-radius:8px;resize:vertical;box-shadow:inset 0 0 4px #0000000d}.entry-form textarea::placeholder{font-style:italic;color:#bfae9c}.typing-line{opacity:0;animation:inkAppear .4s forwards}@keyframes inkAppear{to{opacity:1}}.entry-form button{display:inline-block;text-align:left;margin-top:1.5rem;background-color:#a9746e;color:#fffefb;border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-family:Inter;cursor:pointer;transition:background-color .3s ease}.entry-form button:hover{background-color:#8b5e57}.loading-div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff8f0;border-radius:16px;display:flex;justify-content:center;align-items:center;z-index:10;font-family:Caveat,cursive;color:#888;font-size:1.5rem;transition:opacity .3s ease}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:90vw;width:fit-content;padding:1rem 2.5rem;border-radius:10px;color:#fff;font-weight:600;font-family:Inter,sans-serif;box-shadow:0 6px 20px #00000026;z-index:999;display:flex;flex-direction:column;align-items:center;animation:slideUpFade .3s ease-out;overflow:hidden;cursor:default}.toast-close{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:1.2rem;color:inherit;cursor:pointer}.toast-close:hover{color:#1a202c;transition:color .5s ease}.toast.success{background-color:#38a169}.toast.warning{background-color:#ecc94b;color:#1a202c}.toast.error{background-color:#e53e3e}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-timer{width:100%;height:4px;background-color:#fff9;border-radius:4px;margin-top:.5rem;animation:shrinkBar 3s linear forwards}@keyframes shrinkBar{0%{width:100%}to{width:0%}}