@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Allura&family=Montserrat:wght@300;400;500;600&display=swap";:root{--cream:#fbf8f1;--paper:#fffdf8;--ink:#393931;--sage:#7e9479;--sage2:#566c53;--blush:#eddcd2;--line:#e8e4da;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--sans);background:#dfe8dc;margin:0}button,textarea{font:inherit}.app-shell{background:radial-gradient(circle at 15% 10%,#fff6e5,#0000 28%),radial-gradient(circle at 90% 80%,#e9cfc6,#0000 27%),#dfe8dc;place-items:center;min-height:100vh;padding:24px;display:grid}.phone{background:var(--cream);border:8px solid #f8f4eb;border-radius:42px;grid-template-rows:76px 1fr 75px;width:min(100%,430px);height:min(880px,100vh - 28px);min-height:680px;display:grid;overflow:hidden;box-shadow:0 30px 80px #46564336}.topbar{border-bottom:1px solid #ebe7dc;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.avatar{background:var(--blush);color:#7b5e54;border:0;border-radius:50%;width:37px;height:37px;font-weight:600}.brand{align-items:center;gap:7px;display:flex}.brand>span{color:var(--sage);font-size:25px}.brand b{font:400 16px/1 var(--serif)}.brand small{font:600 7px var(--sans);letter-spacing:1.7px;text-transform:uppercase;color:var(--sage);margin-top:5px;display:block}.year-pill{color:var(--sage2);border:1px solid #d9dfd4;border-radius:99px;padding:7px 9px;font-size:9px;font-weight:600}.screen{scrollbar-width:none;padding:23px 22px 30px;overflow:auto}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#929087;margin:0 0 11px;font-size:8px;font-weight:600}.greeting{justify-content:space-between;align-items:end;margin-bottom:19px;display:flex}.greeting h1,.view-head h1,.journal-intro h1{font:400 33px/1.03 var(--serif);margin:0}.greeting button{width:55px;height:55px;color:var(--sage2);text-transform:uppercase;font:600 8px var(--sans);background:#f2f5ed;border:1px solid #d9dfd4;border-radius:50%}.greeting small{font:400 15px var(--serif);margin-top:1px;display:block}.verse-card{text-align:center;color:#fff;background:linear-gradient(145deg,#879c81,#637962);border-radius:23px;padding:31px 27px 27px;position:relative;overflow:hidden;box-shadow:0 14px 28px #647c6630}.verse-card:before,.verse-card:after{content:"";border:1px solid #ffffff1e;border-radius:50%;width:180px;height:180px;position:absolute}.verse-card:before{bottom:-100px;left:-115px}.verse-card:after{top:-105px;right:-120px}.sparkles{color:#ede3bf;letter-spacing:8px;font-size:10px}.verse-card p{max-width:290px;font:400 22px/1.28 var(--serif);margin:15px auto 12px;position:relative}.verse-card cite{text-transform:uppercase;letter-spacing:1.5px;color:#e4eadf;font-size:7px;font-style:normal}.message-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;gap:14px;margin-top:14px;padding:19px;display:flex}.message-card>span{color:#a06f62;background:#f0e6df;border-radius:50%;flex:0 0 36px;place-items:center;height:36px;font-size:19px;display:grid}.label{text-transform:uppercase;letter-spacing:1.1px;font-weight:600;color:#9b8b82!important;margin:0 0 5px!important;font-size:7px!important}.message-card h2{font:400 19px var(--serif);margin:0}.message-card p:last-child{color:#6f7068;margin:7px 0 0;font-size:10px;line-height:1.55}.reflect{color:#79584e;background:#efddd3;border:0;border-radius:13px;justify-content:space-between;width:100%;margin-top:14px;padding:14px 16px;font-size:10px;font-weight:600;display:flex}.reflect i{font-size:15px;font-style:normal}.bottom-nav{border-top:1px solid var(--line);background:#fffdfa;grid-template-columns:repeat(3,1fr);padding:7px 16px 10px;display:grid}.bottom-nav button{color:#aaa69d;background:0 0;border:0;place-items:center;gap:2px;font-size:8px;display:grid}.bottom-nav span{font-size:17px}.bottom-nav button.active{color:var(--sage2);font-weight:600}.bottom-nav button.active span{background:#e9efe5;border-radius:14px;width:35px}.view-head h1 i{color:var(--sage);font-weight:400}.view-head>p:last-child{color:#9a978d;margin:9px 0 19px;font-size:9px}.month-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.month-grid button{border:1px solid var(--line);background:var(--paper);min-height:91px;color:var(--ink);border-radius:16px;place-items:center;padding:10px 5px;display:grid}.month-grid span{color:#ad786d;font-size:18px}.month-grid b{font:400 14px var(--serif)}.month-grid small{color:#969289;font-size:6px}.calendar{border:1px solid var(--line);background:#fff;border-radius:19px;margin-top:15px;padding:17px}.calendar header{justify-content:space-between;align-items:center;display:flex}.calendar header button{color:var(--sage2);background:0 0;border:0;font-size:20px}.calendar h2{font:400 18px var(--serif);margin:0}.calendar h2 i{color:#a5a199;font-weight:400}.weekdays,.days{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.weekdays{color:#aaa59b;margin-top:14px;font-size:7px}.days{gap:2px;margin-top:5px}.days button,.days i{color:#69695f;background:0 0;border:0;border-radius:50%;height:30px;font-size:8px}.days button.written:after{content:"";background:#c48778;border-radius:50%;width:3px;height:3px;margin:auto;display:block}.days button.active{background:var(--sage);color:#fff}.journal-view{min-height:100%}.back{color:var(--sage2);background:0 0;border:0;padding:0;font-size:9px;font-weight:600}.journal-intro{text-align:center;margin:19px 0}.journal-intro>span{color:#b8796a;font-size:26px}.journal-intro .eyebrow{margin:8px 0}.journal-intro>p:last-child{color:#9d998f;font:italic 10px var(--serif);margin:6px 0}blockquote{color:#65715f;font:italic 15px/1.35 var(--serif);background:#eef2e9;border:0;border-radius:14px;margin:0 0 15px;padding:14px 17px}.journal-view label>span{text-transform:uppercase;letter-spacing:1.3px;color:#8f8b82;margin-bottom:7px;font-size:7px;font-weight:600;display:block}.journal-view textarea{resize:none;border:1px solid var(--line);color:#57574f;width:100%;min-height:190px;font:400 13px/29px var(--serif);background:repeating-linear-gradient(#fffdfa 0 28px,#eee9de 29px);border-radius:17px;outline:0;padding:17px}.journal-actions{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.journal-actions small{color:#aaa69d;font-size:7px}.journal-actions button{background:var(--sage);color:#fff;border:0;border-radius:11px;padding:12px 15px;font-size:9px;font-weight:600}.past{margin-top:22px}.past h2{font:400 20px var(--serif)}.past>button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:55px 1fr;gap:8px;width:100%;padding:11px 0;display:grid}.past time{color:#a87165;font-size:8px;font-weight:600}.past span{white-space:nowrap;text-overflow:ellipsis;color:#77736c;font:italic 10px var(--serif);overflow:hidden}@media (max-width:480px){.app-shell{padding:0}.phone{border:0;border-radius:0;height:100vh;min-height:620px}}@media (max-height:740px){.phone{border:0;border-radius:0;height:100vh}.screen{padding-top:15px}.verse-card{padding:23px}.verse-card p{margin:10px auto;font-size:19px}.message-card{padding:14px}.message-card p:last-child{line-height:1.4}}:root{--cream:#f5faff;--paper:#fff;--ink:#27384d;--sage:#79afe6;--sage2:#447db9;--blush:#ddecff;--line:#deebf8;--sans:"Montserrat",Arial,sans-serif;--serif:"Allura","Segoe Script",cursive}body{font-family:var(--sans);letter-spacing:.01em;font-weight:400}.greeting h1,.view-head h1,.journal-intro h1{font-family:var(--serif);font-size:42px;font-weight:400;line-height:.92}.verse-card p{font-family:var(--serif);font-size:29px;line-height:1.08}.message-card h2,.calendar h2,.month-grid b,.past h2{font-family:var(--sans);letter-spacing:-.02em;font-weight:400}.brand b{font-family:var(--sans);letter-spacing:-.03em;font-weight:400}.journal-view textarea,.past span{font-family:var(--serif);font-size:20px}.app-logo{object-fit:contain;mix-blend-mode:multiply;width:132px;height:44px}.vault-brand{align-items:center;gap:9px;display:flex}.vault-brand img{object-fit:cover;border-radius:11px;width:39px;height:39px;box-shadow:0 5px 12px #4e82b82b}.vault-brand span{gap:3px;display:grid}.vault-brand b{letter-spacing:.2em;color:#173d70;font-size:13px}.vault-brand small{letter-spacing:.08em;color:#7c9ab8;text-transform:uppercase;font-size:5.5px}.auth-shell{min-height:100vh;font-family:var(--sans);background:radial-gradient(circle at 15% 10%,#fff,#0000 30%),linear-gradient(145deg,#edf7ff,#d7eaff);place-items:center;padding:24px;display:grid}.auth-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdf;border:1px solid #d7e7f8;border-radius:30px;width:min(420px,100%);padding:46px 38px;box-shadow:0 30px 80px #47739d2b}.auth-card>img{border-radius:24px;width:84px;height:84px;box-shadow:0 12px 28px #4e82b835}.auth-kicker{letter-spacing:.22em;color:#7899b8;margin:24px 0 8px;font-size:8px;font-weight:600}.auth-card h1{color:#173d70;letter-spacing:.22em;margin:0;font-size:34px;font-weight:500}.auth-card h2{font:400 29px/1.05 var(--serif);color:#4d6983;margin:13px 0 28px}.auth-card>button{color:#304b66;background:#fff;border:1px solid #d5e2ef;border-radius:14px;width:100%;height:50px;font-size:11px;font-weight:600;box-shadow:0 8px 18px #5380a519}.auth-card>button span{color:#fff;background:#4285f4;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:10px;display:inline-grid}.auth-card>small{color:#91a3b4;margin-top:18px;font-size:8px;line-height:1.5;display:block}.auth-error{color:#a14c4c;background:#fff0f0;border-radius:10px;padding:10px;font-size:9px}.auth-card.loading{color:#6383a1;font-size:11px}body{background:#dbeeff}.app-shell{background:radial-gradient(circle at 14% 8%,#fff 0,#0000 27%),radial-gradient(circle at 88% 84%,#c7ddff 0,#0000 31%),linear-gradient(145deg,#eaf6ff,#d7eaff)}.phone{perspective:1000px;background:linear-gradient(160deg,#fbfdff,#f1f7ff);border-color:#f9fcff;position:relative;box-shadow:0 35px 90px #426d9e38,inset 0 8px 20px #fff}.topbar,.bottom-nav{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfdffe8;border-color:#dce9f7;position:relative}.screen{z-index:2;position:relative}.avatar{color:#4777a9;background:#ddecff;box-shadow:0 5px 13px #76a8df30}.sound{color:#76a4d5;background:#ffffffa8;border:1px solid #d8e7f8;border-radius:50%;width:37px;height:37px}.sound.on{color:#fff;background:#6fa8e1;box-shadow:0 0 0 5px #8bb8e52b}.greeting button{background:#eaf4ff;border-color:#ccdef1}.verse-card{background:linear-gradient(145deg,#8bc0ec,#588fca);transition:transform .35s;transform:rotateX(1.5deg)translateZ(12px);box-shadow:0 18px 35px #4f86c23b,inset 0 -1px #ffffff80}.verse-card:hover{transform:rotateX(0)translateY(-3px)translateZ(18px)}.sparkles{color:#fff1c4;animation:3s ease-in-out infinite shimmer}.verse-card cite{color:#eaf5ff}.message-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-color:#dceaf8;position:relative;transform:translateZ(8px);box-shadow:0 12px 25px #7099c21a}.message-card>span{color:#5e95cf;background:#e4f1ff}.label{color:#7e9bb7!important}.message-card p:last-child{color:#60748a}.reflect{color:#346d9f;background:linear-gradient(120deg,#dceeff,#c9e2fc);transition:all .25s;box-shadow:0 9px 18px #4d8eca1b}.reflect:active,.reminder-card:active{transform:scale(.98)}.month-grid button.selected{background:#e9f4ff;border-color:#8ab9e5;box-shadow:0 5px 14px #5d9ad226}.month-grid span,.journal-intro>span,.past time{color:#6399ce}.bottom-nav button.active span{background:#ddecfb}blockquote{color:#567493;background:#e8f3ff}.journal-view textarea{color:#425a72;background:repeating-linear-gradient(#fbfdff 0 28px,#dfebf7 29px)}.journal-view textarea:focus{border-color:#86b6e2;box-shadow:0 0 0 3px #79afe627}.reminder-card{text-align:left;color:#47627d;background:#ffffffc2;border:1px solid #d8e7f7;border-radius:14px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px;transition:all .25s;display:grid;box-shadow:0 8px 18px #6e9fc119}.reminder-card .bell{color:#588ec3;background:#e6f2ff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.reminder-card>span:nth-child(2){gap:3px;display:grid}.reminder-card b{font-size:9px}.reminder-card small{color:#8196aa;font-size:7px}.reminder-card i{color:#6599c9;font-style:normal}.reminder-card.enabled{background:linear-gradient(120deg,#e8f4ff,#d8ebff);border-color:#a8cceb}.depth-orb{z-index:1;pointer-events:none;border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}.orb-one{background:radial-gradient(circle at 35% 30%,#fff,#bcdcff70 60%,#0000 70%);width:130px;height:130px;top:170px;right:-55px}.orb-two{background:radial-gradient(circle at 35% 30%,#fff,#d6eaff80 60%,#0000 70%);width:90px;height:90px;animation-delay:-3s;bottom:140px;left:-38px}@keyframes float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate3d(0,-15px,22px)rotate(6deg)}}@keyframes shimmer{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.depth-orb,.sparkles{animation:none}.verse-card{transform:none}}