@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Kalam:wght@400;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700;900&display=swap");.desk-viewport-root{--font-display:"Cinzel","Playfair Display",Georgia,serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-hand:"Kalam",cursive,sans-serif;--desk-dark:#140803;--desk-mid:#2b170c;--desk-light:#3e2212;--paper-cream:#fbf8f2;--paper-cream-dark:#f3ecdf;--ruled-line:#e4dcd0;--ruled-line-hover:#d2c3b0;--ink-primary:#1e2430;--ink-muted:#5e6676;--ink-accent-pink:#f43f5e;--ink-accent-blue:#38bdf8;--ink-purple:#8b5cf6;--shadow-notebook:0 2px 4px rgba(0,0,0,.25),0 12px 24px -6px rgba(10,5,2,.45),0 35px 65px -15px rgba(5,2,1,.65),-10px 10px 30px rgba(0,0,0,.35);--tape-shadow:0 2px 5px rgba(0,0,0,.2);position:fixed;inset:0;z-index:40;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;font-family:var(--font-body);color:var(--ink-primary);background-color:var(--desk-dark);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.5rem 1.25rem 4rem;perspective:1200px;background:radial-gradient(ellipse at 50% 50%,rgba(38,20,10,.15) 0,rgba(10,4,1,.88) 85%,rgba(4,2,1,.98) 100%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.015),hsla(0,0%,100%,.015) 1px,transparent 2px,transparent 4px),repeating-linear-gradient(179deg,rgba(14,7,3,.55),rgba(35,18,8,.4) 3px,rgba(20,9,4,.6) 7px,rgba(52,28,14,.35) 16px,rgba(14,7,3,.7) 24px),linear-gradient(135deg,#251309,#3a2011 25%,#462715 50%,#2f190d 75%,#190a04)}@media (min-height:800px){.desk-viewport-root{justify-content:center}}.petals-canvas{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.petal{position:absolute;top:-30px;width:15px;height:20px;background:radial-gradient(circle at 60% 30%,#fff7fa 0,#fbcfe8 50%,#f472b6 100%);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;box-shadow:0 1px 3px rgba(0,0,0,.15);opacity:.85;animation:driftPetal linear infinite}@keyframes driftPetal{0%{transform:translateY(-20px) translateX(0) rotate(0deg) scale(.9);opacity:0}10%{opacity:.9}90%{opacity:.8}to{transform:translateY(105vh) translateX(110px) rotate(420deg) scale(1.05);opacity:0}}.cherry-branch{position:absolute;pointer-events:none;z-index:3;filter:drop-shadow(0 15px 25px rgba(0,0,0,.5));transform-origin:top left;will-change:transform}.cherry-branch--top-left{top:-20px;left:-20px;width:min(440px,42vw);animation:branchSway1 9s ease-in-out infinite alternate}.cherry-branch--bottom-right{bottom:-30px;right:-20px;width:min(380px,36vw);transform-origin:bottom right;animation:branchSway2 11s ease-in-out infinite alternate-reverse}@keyframes branchSway1{0%{transform:rotate(0deg) translateZ(0)}50%{transform:rotate(1.8deg) translate3d(2px,3px,0)}to{transform:rotate(-1.5deg) translate3d(-2px,-1px,0)}}@keyframes branchSway2{0%{transform:rotate(0deg) translateZ(0)}50%{transform:rotate(-2deg) translate3d(-3px,-2px,0)}to{transform:rotate(1.6deg) translate3d(2px,2px,0)}}.injournl-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;z-index:10;transform-origin:center top;transition:transform .4s cubic-bezier(.2,.8,.3,1),opacity .3s ease;animation:headerDrop .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes headerDrop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.brand-seal{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2a2a 0,#111 75%,#080808 100%);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2),inset 0 -2px 4px rgba(0,0,0,.8);border:1.5px solid hsla(0,0%,100%,.12);transition:transform .35s ease}.brand-seal:hover{transform:scale(1.06) rotate(3deg)}.brand-seal svg{width:42px;height:42px;fill:none;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.brand-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.25rem);font-weight:900;letter-spacing:.04em;color:#fff;text-transform:uppercase;line-height:1.1;text-shadow:0 3px 12px rgba(0,0,0,.7)}.brand-tagline{font-size:.82rem;font-weight:700;letter-spacing:.38em;color:hsla(0,0%,100%,.68);text-transform:uppercase;margin-top:.35rem;text-shadow:0 2px 6px rgba(0,0,0,.5)}.is-typing-mobile .injournl-header{transform:scale(.68);margin-bottom:.5rem;opacity:.8}.notebook-perspective-wrapper{position:relative;width:100%;max-width:480px;z-index:10;perspective:1200px}.notebook-card{position:relative;width:100%;background:var(--paper-cream);border-radius:32px;box-shadow:var(--shadow-notebook);transform-origin:left center;will-change:transform;animation:diaryOpen 1.1s cubic-bezier(.22,.9,.28,1.15) forwards;padding:4px;background:linear-gradient(180deg,#fb7185,#f43f5e 20%,#c084fc 55%,#38bdf8)}@keyframes diaryOpen{0%{opacity:0;transform:rotateY(-32deg) scale(.95)}70%{transform:rotateY(2.5deg) scale(1.01)}to{opacity:1;transform:rotateY(0deg) scale(1)}}.notebook-page{position:relative;width:100%;background:radial-gradient(circle at 10% 20%,hsla(36,45%,89%,.3) 0,transparent 80%),var(--paper-cream);border-radius:28px;padding:2.75rem 2.25rem 2.25rem 3.4rem;overflow:hidden;border:1px solid hsla(0,0%,100%,.7)}.notebook-page:before{inset:0;background:repeating-linear-gradient(transparent,transparent 33px,var(--ruled-line) 33px,var(--ruled-line) 34px);opacity:.55}.notebook-page:after,.notebook-page:before{content:"";position:absolute;pointer-events:none;z-index:1}.notebook-page:after{top:0;bottom:0;left:2.85rem;width:1px;background:rgba(244,63,94,.2)}.spiral-spine{position:absolute;left:6px;top:28px;bottom:28px;width:32px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:15;pointer-events:none}.spiral-ring{position:relative;width:28px;height:16px}.spiral-hole{position:absolute;left:12px;top:2px;width:9px;height:12px;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#0d0603 0,#201108 80%,#3e2212 100%);box-shadow:inset 1px 1px 2px rgba(0,0,0,.9),0 1px 1px hsla(0,0%,100%,.4)}.spiral-coil{position:absolute;left:0;top:0;width:24px;height:15px;border:3px solid #333d47;border-right:none;border-radius:12px 0 0 12px;background:transparent;box-shadow:-2px 3px 4px rgba(0,0,0,.4),inset 0 1px 1px hsla(0,0%,100%,.6);transform:rotate(-10deg)}.spiral-coil:after{content:"";position:absolute;inset:-3px;border:1px solid hsla(0,0%,100%,.4);border-right:none;border-radius:12px 0 0 12px;pointer-events:none}.dog-ear{width:36px;height:36px;background:linear-gradient(135deg,transparent 50%,var(--paper-cream-dark) 50%);filter:drop-shadow(-3px -3px 4px rgba(0,0,0,.15));z-index:8;pointer-events:none;border-bottom-right-radius:28px}.dog-ear,.dog-ear:before{position:absolute;bottom:0;right:0}.dog-ear:before{content:"";width:0;height:0;border-color:transparent transparent rgba(0,0,0,.08);border-style:solid;border-width:0 0 32px 32px}.washi-tape{position:absolute;height:24px;width:85px;z-index:12;box-shadow:var(--tape-shadow);opacity:.88;pointer-events:none;backdrop-filter:blur(1px)}.washi-tape--top{top:-12px;right:32px;transform:rotate(6deg);background:repeating-linear-gradient(45deg,rgba(244,114,182,.4),rgba(244,114,182,.4) 6px,rgba(253,224,71,.4) 0,rgba(253,224,71,.4) 12px),hsla(0,0%,100%,.7)}.washi-tape--bottom,.washi-tape--top{border-left:2px dashed hsla(0,0%,100%,.6);border-right:2px dashed hsla(0,0%,100%,.6)}.washi-tape--bottom{bottom:-10px;left:18px;transform:rotate(-8deg);background:repeating-linear-gradient(-45deg,rgba(56,189,248,.4),rgba(56,189,248,.4) 5px,rgba(167,139,250,.4) 0,rgba(167,139,250,.4) 10px),hsla(0,0%,100%,.75)}.sticker-heart{top:14px;right:20px;width:32px;height:32px;background:#f43f5e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 8px rgba(244,63,94,.35),0 1px 2px rgba(0,0,0,.2);transform:rotate(12deg);border:2px solid #fff;z-index:12;font-size:14px}.sticker-heart,.sticker-leaf{position:absolute;pointer-events:none}.sticker-leaf{top:24px;right:48px;width:24px;height:24px;background:#84cc16;border-radius:50% 0 50% 0;box-shadow:0 2px 6px rgba(132,204,22,.3);transform:rotate(-25deg);border:1.5px solid #fff;z-index:11}.notebook-card,.notebook-page{color-scheme:light!important}.form-container{position:relative;z-index:5}.form-heading{text-align:center;margin-bottom:1.6rem}.form-title{font-size:2.25rem!important;font-weight:800!important;color:#090d16!important;letter-spacing:-.01em;line-height:1.15}.form-subtitle,.form-title{font-family:var(--font-hand)}.form-subtitle{font-size:1.1rem!important;font-weight:700!important;color:#334155!important;margin-top:.15rem}.field-group{position:relative;margin-bottom:1.45rem}.field-label{position:absolute;left:4px;top:14px;font-size:.95rem;font-weight:700!important;color:#475569!important;pointer-events:none;transition:all .24s cubic-bezier(.2,.8,.3,1);transform-origin:left top}.field-input,.notebook-page input,.notebook-page input[type=email],.notebook-page input[type=password],.notebook-page input[type=text]{width:100%;height:48px;padding:16px 4px 4px;background:transparent!important;border:none;outline:none;font-family:var(--font-body);font-size:1.08rem!important;font-weight:800!important;color:#090d16!important;-webkit-text-fill-color:#090d16!important;color-scheme:light!important;caret-color:#e11d48!important;text-shadow:0 0 .5px rgba(9,13,22,.5);z-index:2;position:relative}.field-input:-webkit-autofill,.field-input:-webkit-autofill:active,.field-input:-webkit-autofill:focus,.field-input:-webkit-autofill:hover,.notebook-page input:-webkit-autofill,.notebook-page input:-webkit-autofill:active,.notebook-page input:-webkit-autofill:focus,.notebook-page input:-webkit-autofill:hover{-webkit-text-fill-color:#090d16!important;color:#090d16!important;-webkit-box-shadow:inset 0 0 0 1000px hsla(37,47%,93%,.95)!important;box-shadow:inset 0 0 0 1000px hsla(37,47%,93%,.95)!important;font-weight:800!important;caret-color:#e11d48!important;border-radius:6px!important;transition:background-color 5000s ease-in-out 0s}.field-input:focus~.field-label,.field-input:not(:placeholder-shown)~.field-label{transform:translateY(-16px) scale(.85);color:#be123c!important;font-weight:800!important}.field__line{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#cbd5e1;border-radius:2px;transition:all .35s cubic-bezier(.2,.8,.3,1)}.field-input:focus~.field__line{height:2.8px;background:linear-gradient(90deg,#f43f5e,#a855f7 50%,#38bdf8);box-shadow:0 1px 8px rgba(244,63,94,.45)}.toggle-password-btn{position:absolute;right:4px;top:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#334155!important;z-index:4;border-radius:50%;transition:color .2s ease,background-color .2s ease;min-width:44px;min-height:44px}.toggle-password-btn:hover{color:#090d16!important;background:rgba(0,0,0,.05)}.toggle-password-btn svg{width:20px;height:20px;stroke-width:2.5;transition:transform .2s ease}.forgot-link-row{display:flex;justify-content:flex-end;margin-top:-.5rem;margin-bottom:1.25rem}.forgot-password-btn{background:transparent;border:none;font-family:var(--font-body);font-size:.86rem;font-weight:700!important;color:#334155!important;cursor:pointer;padding:6px 2px;transition:color .2s ease;min-height:44px;display:inline-flex;align-items:center}.forgot-password-btn:hover{color:#be123c!important;text-decoration:underline;text-underline-offset:3px}.login-btn{position:relative;width:100%;height:52px;background:#111827;color:#fff!important;border:none;border-radius:18px;font-family:var(--font-body);font-size:1.05rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:3px 4px 0 rgba(17,24,39,.9);transform:translateZ(0);transition:transform .15s cubic-bezier(.2,.8,.3,1),box-shadow .15s ease,background .2s ease;display:flex;align-items:center;justify-content:center;min-height:48px}.login-btn:hover{background:#030712;transform:translate3d(-1px,-1px,0);box-shadow:4px 5px 0 rgba(3,7,18,.95)}.login-btn:active{transform:translate3d(2px,3px,0) scale(.985);box-shadow:1px 1px 0 rgba(3,7,18,.95)}.or-divider{position:relative;display:flex;align-items:center;justify-content:center;margin:1.35rem 0 1.15rem}.or-divider:after,.or-divider:before{content:"";flex:1;height:1.5px;background-color:#cbd5e1}.or-text{padding:0 .85rem;font-size:.78rem;font-weight:800;letter-spacing:.16em;color:#475569!important;text-transform:uppercase}.google-login-custom-wrapper{display:flex;justify-content:center;width:100%}.auth-footer{margin-top:1.2rem;text-align:center;font-size:.88rem;font-weight:600;color:#334155!important}.auth-footer a{color:#090d16!important;font-weight:800!important;text-decoration:none;margin-left:3px;transition:color .2s ease;padding:4px;display:inline-block}.auth-footer a:hover{color:#be123c!important;text-decoration:underline}.decorative-ruled-lines{margin-top:1.25rem;display:flex;flex-direction:column;gap:16px;opacity:.45}.decorative-line{height:1px;background-color:var(--ruled-line);width:100%}.modal-backdrop{position:absolute;inset:0;background:hsla(40,53%,97%,.97);backdrop-filter:blur(8px);z-index:25;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-content{width:100%;max-width:330px;text-align:center}.modal-title{font-family:var(--font-hand);font-size:1.8rem;font-weight:700;color:var(--ink-primary);margin-bottom:.35rem}.modal-desc{font-size:.86rem;color:var(--ink-muted);margin-bottom:1.25rem;line-height:1.4}.feedback-alert{padding:.65rem 1rem;border-radius:12px;font-size:.85rem;margin-bottom:1rem}.feedback-alert.is-error{background:rgba(244,63,94,.12);color:#be123c;border:1px solid rgba(244,63,94,.25)}.feedback-alert.is-success{background:rgba(16,185,129,.12);color:#047857;border:1px solid rgba(16,185,129,.25)}@media (max-width:480px){.desk-viewport-root{padding:1.5rem .85rem}.notebook-card{border-radius:26px}.notebook-page{border-radius:22px;padding:2.25rem 1.25rem 1.75rem 2.75rem}.spiral-spine{left:4px}.cherry-branch--bottom-right,.cherry-branch--top-left{width:34vw;opacity:.45}.decorative-ruled-lines{display:none}.form-title{font-size:1.85rem}}@media (prefers-reduced-motion:reduce){.cherry-branch,.injournl-header,.notebook-card,.petal{animation:none!important;transform:none!important;transition:none!important}.petals-canvas{display:none}}