@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jersey+25&family=Manrope&family=Markazi+Text:wght@400..700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;min-height:100vh}body{position:relative}#root{width:100%;min-height:100vh;overflow-x:hidden}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}html::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}html::-webkit-scrollbar-track{display:none}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.inkwell-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:0;margin:0;position:relative;overflow:hidden;border-bottom:4px solid rgba(255,255,255,.8);background-size:cover;background-position:center;will-change:background-image;transition:background-image .3s ease;opacity:0;animation:fadeIn 1s ease-out forwards}.theme-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 1.5s ease}.theme-blue{background:linear-gradient(to right,#245ce0,#14398f)}.theme-pink{background-image:url(/pink-bg.png)}.theme-green{background-image:url(/yellow-bg.png)}.content-wrapper{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 auto;width:100%}.inkwell-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0}h1{font-size:11em;padding:0;font-weight:400;letter-spacing:-.1em;text-shadow:0 0 10px rgba(0,0,0,.5);line-height:.8;margin:0 0 0 -.1em}p{font-size:1.5rem;padding:0;line-height:1;margin:0 0 0 .2em}.logo{font-size:6rem;margin:0;font-weight:400}.tagline{font-size:1.5rem;margin-top:10px}.mascot{position:absolute;left:50%;top:50%;transform:translate(20%,-50%);width:200px;height:auto;z-index:2}.inkwell-text h1{font-size:11em;margin:0;font-weight:400;letter-spacing:-.05em;text-shadow:0 0 10px rgba(0,0,0,.5)}.inkwell-text p{font-size:1.2em;font-weight:400;margin:0}.inkwell-image{flex:1;display:flex;justify-content:center}.inkwell-image img{max-width:100%;height:auto}.logo-image{width:100%;height:100%;object-fit:cover;margin:0;padding:0;opacity:0;animation:fadeIn 1s ease-out .3s forwards}.logo-image.fade{opacity:0}.squid-image{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:150px;height:auto;z-index:4}.circle-1,.circle-2{position:absolute;border-radius:50%;background:#ffffff0d;z-index:3;transition:all .5s ease}.circle-1:hover,.circle-2:hover{background:#ffffff12;box-shadow:0 0 15px #ffffff0d}.circle-1{width:150px;height:150px;top:60%;left:25%;transform:translate(-50%,-50%)}.circle-2{width:200px;height:200px;top:40%;right:30%;transform:translate(50%,-50%)}.explore-link{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#fff;text-decoration:none;font-size:1.2rem;padding:1rem 2rem;border:2px solid rgba(255,255,255,.3);border-radius:30px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a}.explore-link:hover{background:#fff3;border-color:#ffffff80;transform:translate(-50%) translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.write-button img{width:100%;height:100%;object-fit:contain}.write-button:hover{transform:translateY(-2px)}.write-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.visible{opacity:1;visibility:visible}.email-card{background:linear-gradient(135deg,#a06ea2,#613963);border-radius:16px;padding:40px;width:90%;max-width:700px;height:min(80vh,700px);min-height:min(600px,90vh);display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;position:relative;transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease;border:2px solid white;color:#fff}.modal-overlay.visible .email-card{transform:translateY(0);opacity:1}.email-card-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.3);flex-shrink:0}.email-card-field{margin-bottom:16px;display:flex;font-size:1.1em}.email-card-label{width:80px;color:#fffc;font-weight:500}.email-card-value{flex:1;color:#fff}.email-card-content{color:#fff;line-height:1.8;white-space:pre-wrap;font-size:1.1em;flex:1;padding:20px 0;overflow-y:auto}.close-button{position:absolute;top:24px;right:24px;background:none;border:none;font-size:28px;color:#fff;cursor:pointer;padding:8px;line-height:1;transition:opacity .2s ease}.close-button:hover{opacity:.8}@media (max-height: 900px){.email-card{height:min(75vh,600px);min-height:min(500px,80vh);padding:30px}.email-card-header{margin-bottom:30px;padding-bottom:20px}.email-card-field{margin-bottom:12px}.email-card-content{padding:15px 0}}@media (max-height: 700px){.email-card{height:min(70vh,500px);min-height:min(400px,75vh);padding:25px}.email-card-header{margin-bottom:20px;padding-bottom:15px}.email-card-field{margin-bottom:8px;font-size:1em}.email-card-content{padding:10px 0;font-size:1em;line-height:1.6}.close-button{top:15px;right:15px;font-size:24px;padding:5px}}.features-section{background:linear-gradient(135deg,#b8e6e1,#7fbbe3);padding:80px 20px;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Manrope,sans-serif}.feature-container{max-width:1200px;margin:0 auto;text-align:center}.feature-container h2{font-size:2.5rem;color:#fff;margin-bottom:60px;font-weight:600;font-family:Manrope,sans-serif}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px;max-width:1000px;margin-left:auto;margin-right:auto}.feature-card{background:#ffffff26;padding:30px;border-radius:15px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.feature-card:hover{transform:translateY(-5px);background:#fff3}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:15px;font-weight:500;font-family:Manrope,sans-serif}.feature-card p{color:#ffffffe6;line-height:1.6;font-size:1.1rem;font-family:Manrope,sans-serif}.start-button{display:inline-block;background:#fff3;color:#fff;padding:15px 40px;border-radius:30px;text-decoration:none;font-size:1.2rem;font-family:Manrope,sans-serif;font-weight:500;transition:all .3s ease;margin-top:20px;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.start-button:hover{transform:translateY(-2px);background:#ffffff4d;border-color:#fff9}@media (max-width: 768px){.inkwell-container{width:100%;margin:0;padding:0;border:none;display:block;height:auto}.inkwell-text{width:100%;margin:0;padding:0;display:block;height:auto}.logo-image{width:100%;display:block;margin:0;padding:0;height:auto;vertical-align:top}.features-section{margin:0;padding:40px 15px}.feature-container{margin:0;padding:0}.features-grid{grid-template-columns:1fr;gap:20px}.feature-container h2{font-size:1.8rem;margin-bottom:30px}.feature-card{padding:20px}.feature-card h3{font-size:1.3rem}.feature-card p{font-size:1rem}}@media (max-width: 480px){.logo-image{width:100%;object-fit:contain;margin:0;padding:0}.features-section{padding:30px 10px}.feature-container h2{font-size:1.5rem}}.home-container{height:100vh;width:100vw;position:fixed;top:0;left:0;overflow:hidden;color:#fff;font-family:Manrope}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:url(/pink-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.top-bar{display:flex;align-items:center;padding:25px 10px;background:#1e1e1e00;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:0px solid rgba(255,255,255,.1);height:60px;margin-top:20px;margin-bottom:10px}.logo{height:100px;margin-top:10px;margin-left:-10px;margin-right:20px}.profile{margin-left:auto;padding-right:20px}.profile-pic{width:40px;height:40px;border-radius:50%;cursor:pointer}.content{display:flex;flex:1;overflow:hidden}.sidebar{width:180px;padding:15px;display:flex;flex-direction:column;background:#1e1e1e00;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ffffffb3;border-right:0px solid rgba(255,255,255,.1);opacity:0;transform:translate(-20px);animation:slideFromLeft .5s ease forwards}.menu-item{margin-bottom:5px;cursor:pointer;transition:all .3s ease;padding:7px 12px;border-radius:4px;font-size:14px}.menu-item:hover,.menu-item.active{color:#fff;background:#ffffff1a}.main{flex:1;overflow-y:auto;overflow-x:hidden;background:#1e1e1e00;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0 20px 20px;margin-left:10px;margin-right:100px;margin-top:20px}.main::-webkit-scrollbar{width:0;background:transparent}.main::-webkit-scrollbar-thumb{background:transparent}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-button{display:none}.main{scrollbar-width:none;-ms-overflow-style:none}.search-bar{flex:1;max-width:700px;margin-left:10px;opacity:0;transform:translateY(-20px);animation:slideFromTop .5s ease forwards}.search-bar input{width:100%;padding:15px 20px;border-radius:10px;border:1.5px solid rgba(255,255,255,.712);background:#ffffff1a;color:#fff;font-size:14px;box-shadow:0 2px 10px #00000057;margin-top:10px}.search-bar input::placeholder{color:#ffffff80}.search-bar input:focus{outline:none;background:#ffffff26}.messages{margin-left:20px;display:flex;flex-direction:column;width:100%;border:2px solid rgba(255,255,255,.733);box-shadow:0 2px 10px #00000057;border-radius:5px;background-color:#894d8166;opacity:0;transform:translate(-20px);animation:slideFromLeft .5s ease forwards}.message{display:flex;align-items:center;padding:12px 20px;border-bottom:1.5px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.message:hover{background:#894d81ad;border-bottom:1px solid rgba(255,255,255,.336)}.star-button{background:none;border:none;color:#ffffff4d;font-size:16px;cursor:pointer;padding:0 15px 0 0;transition:color .3s ease}.star-button:hover{color:#fffc}.message-sender{width:140px;font-weight:500;color:#fff;font-size:15px}.message-text{flex:1;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 20px;font-size:13px;min-width:0}.message-time{width:70px;text-align:right;color:#ffffff80;font-size:12px}.content-section{max-width:1200px;margin:0 auto;padding:2rem;overflow:hidden;margin-top:15vh}.content-section h1{font-size:3.5rem;margin-bottom:1rem;font-weight:600}.content-section>p{font-size:1.5rem;margin-bottom:3rem;opacity:.9}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:4rem 0}.feature{padding:1.5rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature h2{font-size:1.5rem;margin-bottom:1rem;font-weight:500}.feature p{font-size:1.1rem;opacity:.8;line-height:1.5}.cta-button{background:#fff;color:#245ce0;border:none;padding:1rem 2.5rem;font-size:1.2rem;border-radius:30px;cursor:pointer;font-weight:500;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.menu-group{display:flex;flex-direction:column}.menu-group.secondary{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.home-container,.app{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.content{flex-direction:column;overflow:hidden;margin:0;padding:0}.top-bar{padding:5px 10px;height:auto;display:flex;flex-wrap:wrap}.logo{height:50px;margin:0}.profile,.sidebar{display:none}.search-bar{width:calc(100% - 20px);max-width:none;margin:15px 10px 5px;flex-basis:100%}.search-bar input{width:100%}.main{margin:10px;padding:10px;overflow-x:hidden}.messages{margin:0}.message{padding:10px;flex-wrap:wrap}.message-sender{width:auto;margin-right:10px}.message-text{width:100%;order:3;margin-top:5px}.message-time{margin-left:auto}.email-card{width:95%;margin:10px;padding:20px}.compose-window{width:95%;margin:10px;max-height:90vh}}@media (max-width: 480px){.top-bar{padding:10px}.logo{height:50px}.menu-group{flex-wrap:wrap;justify-content:center}.message{font-size:14px}.write-button{width:50px;height:50px;bottom:20px;right:20px}}@media (max-height: 500px){.top-bar{padding:5px 10px}.logo{height:40px}.main{margin-top:5px}.email-card,.compose-window{max-height:85vh}}.compose-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.compose-header{background:#ffffff1a;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.compose-header span{color:#fff;font-size:.95em}.compose-header-actions{display:flex;gap:4px}.compose-header-actions button{background:none;border:none;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.4em;cursor:pointer;opacity:.8;transition:opacity .2s ease;padding:0;border-radius:4px}.compose-header-actions button:hover{opacity:1;background:#ffffff1a}.compose-fields{display:flex;flex-direction:column;margin:-16px -16px 16px}.compose-fields input{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:8px 16px;color:#fff;font-family:Manrope;font-size:.9em}.compose-fields input::placeholder{color:#ffffff80}.compose-fields input:focus{outline:none}.message-content{flex:1;background:none;border:none;padding:12px 0;color:#fff;font-family:Manrope;font-size:.95em;resize:none;min-height:200px}.message-content::placeholder{color:#ffffff80}.message-content:focus{outline:none}.compose-toolbar{padding:8px 16px;display:flex;gap:16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.font-select{background:none;border:none;color:#fff;font-family:Manrope;font-size:.9em;cursor:pointer}.font-select option{background:#613963;color:#fff}.formatting-buttons{display:flex;gap:4px}.formatting-buttons button{background:none;border:none;color:#ffffffb3;padding:4px 8px;font-size:.9em;cursor:pointer;transition:color .2s ease}.formatting-buttons button:hover{color:#fff}.compose-window{background:linear-gradient(135deg,#a06ea2,#613963);border-radius:12px;width:600px;height:500px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.8)}.compose-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:16px}.compose-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:flex-end;background:#ffffff0d}.send-button{background:#ffffff26;border:none;color:#fff;padding:8px 24px;border-radius:4px;font-size:.9em;cursor:pointer;transition:all .2s ease;font-family:Manrope}.send-button:hover{background:#fff3}.write-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border:none;background:none;cursor:pointer;padding:0;transition:transform .2s ease;z-index:1000}.write-button img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.write-button:hover img{transform:rotate(-15deg) scale(1.1)}@keyframes rotateIn{0%{transform:rotate(-180deg) translateY(0);bottom:-60px}50%{transform:rotate(-90deg) translateY(-30px)}to{transform:rotate(0) translateY(0);bottom:30px}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}