.mood-daily-shell{--mood-ink:#302d27;--mood-paper:#eee2c9;--mood-paper-light:#f6eddc;--mood-accent:#738166;--mood-wash:#c3ccb7;min-height:calc(100vh - 58px);color:var(--mood-ink);background-color:var(--mood-paper);background-image:radial-gradient(#302d2714 .7px,#0000 .8px);background-size:7px 7px}.mood-daily-shell a,.mood-daily-shell button,.mood-daily-shell input{font-family:inherit}.mood-daily-intro{background:var(--mood-paper-light);border-bottom:4px solid #403a31;grid-template-columns:minmax(0,1.48fr) minmax(390px,.62fr);min-height:760px;display:grid}.mood-intro-art{background:#efe4cc;border-right:4px solid #403a31;min-height:760px;position:relative;overflow:hidden}.mood-intro-art:after{content:"";z-index:1;pointer-events:none;border:2px dashed #39342c73;position:absolute;inset:14px}.mood-intro-art>img{object-fit:cover;object-position:center}.mood-intro-copy{z-index:2;flex-direction:column;justify-content:center;width:min(43%,590px);padding:62px clamp(32px,5vw,82px);display:flex;position:absolute;inset:0 auto 0 0}.mood-intro-copy>a{color:#fff9ea;letter-spacing:.5px;background:#79856d;border:2px solid #403a31;align-self:flex-start;padding:8px 13px 7px;font-size:11px;font-weight:900;transform:rotate(-1.5deg);box-shadow:3px 4px #403a314d}.mood-intro-copy>p{color:#655e52;letter-spacing:.6px;margin:56px 0 13px;font-size:13px;font-weight:850}.mood-intro-copy h1{letter-spacing:-8px;text-shadow:2px 2px #fff9eacc;margin:0;font-size:clamp(68px,7.4vw,118px);font-weight:950;line-height:.84}.mood-intro-copy>span{color:#4e493f;max-width:390px;margin-top:29px;font-size:17px;font-weight:760;line-height:1.6}.mood-daily-form{outline-offset:-9px;background:#f4ead6;border:2px solid #4a443a;outline:1px dashed #4a443a8c;flex-direction:column;justify-content:center;margin:28px 24px;padding:45px clamp(26px,3.2vw,52px);display:flex;position:relative;box-shadow:8px 10px #5b514226}.mood-daily-form:before,.mood-daily-form:after{content:"";background:#a7896057;width:66px;height:20px;position:absolute;transform:rotate(-5deg)}.mood-daily-form:before{top:-9px;left:12%}.mood-daily-form:after{bottom:-8px;right:10%;transform:rotate(4deg)}.mood-daily-form>header{border-bottom:2px dashed #776e5f;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;font-size:12px;display:flex}.mood-daily-form>header div{gap:6px;display:flex}.mood-daily-form>header i{background:#778670;border:2px solid #453f35;border-radius:50%;width:12px;height:12px}.mood-daily-form>header i:nth-child(2){background:#c28a63}.mood-daily-form>header i:nth-child(3){background:#7a8297}.mood-daily-form>header b{font-size:18px}.mood-daily-form>header span{color:#6d665a;font-weight:900}.mood-daily-form>p:not(.mood-form-error){margin:24px 0 22px;font-size:14px;font-weight:700;line-height:1.65}.mood-daily-form label{gap:8px;margin-bottom:15px;display:grid}.mood-daily-form label>span{align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.mood-daily-form input{color:#302d27;background:#fbf5e8;border:2px solid #494238;border-radius:0;outline:none;width:100%;height:54px;padding:0 14px;font-size:15px;font-weight:750}.mood-daily-form input:focus{box-shadow:4px 4px #9ba88f}.mood-form-error{color:#9b493e;min-height:22px;margin:0 0 9px;font-size:12px;font-weight:800}.mood-daily-form>button,.mood-result-actions button{color:#fff9ea;cursor:pointer;background:#718168;border:2px solid #433d34;border-radius:2px;justify-content:center;align-items:center;gap:9px;min-height:57px;font-size:15px;font-weight:900;transition:transform .13s,box-shadow .13s;display:inline-flex;box-shadow:5px 6px #433d34}.mood-daily-form>button:hover,.mood-result-actions button:hover{transform:translate(-2px,-2px)rotate(-.3deg);box-shadow:8px 9px #433d34}.mood-daily-form>button:active,.mood-result-actions button:active{box-shadow:none;transform:translate(4px,5px)}.mood-daily-form>small{color:#6b6458;margin-top:24px;font-size:10px;font-weight:650;line-height:1.6}.mood-result-shell{background-color:var(--mood-paper)}.mood-result-poster{min-height:700px;color:var(--mood-ink);border-bottom:4px solid var(--mood-ink);grid-template-rows:58px 1fr;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);display:grid}.mood-result-poster>header{border-bottom:3px solid var(--mood-ink);color:#f8efd9;letter-spacing:1px;background:#4d4a40;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,5vw,70px);font-size:11px;display:grid}.mood-result-poster>header span{justify-self:start;font-weight:850}.mood-result-poster>header b{justify-self:center}.mood-result-poster>header i{color:#d5bd76;justify-self:end;font-style:normal;font-weight:900}.mood-result-art{border-right:3px solid var(--mood-ink);background-color:var(--mood-wash);background-image:radial-gradient(at 35%,#0000 0 18%,#ffffff54 18.3% 18.8%,#0000 19.1% 28%,#35312a29 28.3% 28.8%,#0000 29.1%),radial-gradient(#332f281f .7px,#0000 .8px);background-size:100% 100%,9px 9px;min-height:642px;position:relative;overflow:hidden}.mood-result-art:before{content:"";z-index:1;border:2px dashed #34302975;border-radius:48% 52% 45% 55%/51% 46% 54% 49%;position:absolute;inset:19px;transform:rotate(-4deg)}.mood-result-art:after{content:"";z-index:1;background:var(--mood-paper);border:2px solid #3430298c;width:104px;height:46px;position:absolute;bottom:6%;right:5%;transform:rotate(-5deg);box-shadow:3px 4px #34302938}.mood-result-art>img{z-index:3;object-fit:contain;object-position:center;filter:drop-shadow(5px 8px #41392f29);animation:.56s cubic-bezier(.2,.8,.2,1) both mood-observer-arrive;width:82%!important;height:88%!important;inset:7% 9% 5%!important}.mood-symbols{z-index:2;pointer-events:none;position:absolute;inset:0}.mood-symbols i{background:var(--mood-paper);border:2px solid #332f288c;display:block;position:absolute}.mood-symbols i:first-child{background:var(--mood-accent);border-radius:50%;width:48px;height:48px;top:8%;right:8%}.mood-symbols i:nth-child(2){background:0 0;border-width:2px 0 0;width:55px;height:22px;top:30%;left:5%;transform:rotate(-9deg)}.mood-symbols i:nth-child(3){width:31px;height:31px;bottom:12%;left:7%;transform:rotate(12deg)}.mood-symbols i:nth-child(4){background:0 0;border-width:2px 0;width:40px;height:13px;bottom:11%;right:9%}@keyframes mood-observer-arrive{0%{opacity:0;transform:translateY(44px)rotate(-2deg)scale(.95)}to{opacity:1;transform:none}}.mood-result-title{background-color:var(--mood-paper);background-image:radial-gradient(#302d2712 .7px,#0000 .8px);background-size:8px 8px;flex-direction:column;justify-content:center;padding:65px clamp(34px,6vw,96px);display:flex;position:relative}.mood-result-title:before,.mood-result-title:after{content:"";background:#9f845d47;width:72px;height:24px;position:absolute}.mood-result-title:before{top:22px;left:11%;transform:rotate(-5deg)}.mood-result-title:after{bottom:25px;right:8%;transform:rotate(6deg)}.mood-result-title>p{color:#685f52;margin:0 0 14px;font-size:14px;font-weight:850}.mood-result-title h1{letter-spacing:-5px;word-break:keep-all;margin:0;font-size:clamp(50px,5.1vw,76px);line-height:.95}.mood-result-title h2{letter-spacing:-2px;word-break:keep-all;max-width:690px;margin:24px 0 0;font-size:clamp(25px,2.8vw,40px);line-height:1.2}.mood-result-title blockquote{border:2px solid var(--mood-ink);outline-offset:-6px;background:var(--mood-wash);outline:1px dashed #302d2773;align-self:flex-start;margin:34px 0 0;padding:14px 17px;font-size:14px;font-weight:800;line-height:1.5;transform:rotate(-1deg);box-shadow:4px 5px #302d2738}.mood-result-report{background-color:#f1e6d0;background-image:radial-gradient(#302d2712 .7px,#0000 .8px);background-size:8px 8px;padding:68px clamp(22px,6vw,90px) 100px}.mood-weather{border-bottom:2px dashed #776e5f;grid-template-columns:minmax(210px,.66fr) minmax(0,1.34fr);column-gap:48px;padding:12px 0 40px;display:grid}.mood-weather>span{border:2px solid var(--mood-ink);background:var(--mood-accent);color:#fff8e8;grid-row:1/3;place-self:start;padding:9px 12px;font-size:12px;font-weight:900;display:inline-block;transform:rotate(-1deg)}.mood-weather h2{letter-spacing:-3px;margin:0;font-size:clamp(30px,4vw,53px)}.mood-weather p{margin:15px 0 0;font-size:17px;font-weight:680;line-height:1.72}.mood-meter-board{border:2px solid var(--mood-ink);background:#f7edd9;grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid;box-shadow:5px 6px #302d2724}.mood-meter-board>div{border-right:1px dashed #8b8171;grid-template-columns:58px 1fr 42px;align-items:center;min-height:76px;padding:0 16px;display:grid}.mood-meter-board>div:last-child{border-right:0}.mood-meter-board span{font-size:12px;font-weight:900}.mood-meter-board>div>div{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.mood-meter-board i{background:#d9cfbb;border:1px solid #4b453b;height:15px}.mood-meter-board i.is-on{background:var(--meter-color)}.mood-meter-board b{justify-self:end;font-size:11px}.mood-prescription{grid-template-columns:1.08fr .92fr;gap:18px;margin-top:28px;display:grid}.mood-prescription article{border:2px solid var(--mood-ink);outline-offset:-8px;background:#d7d5b7;outline:1px dashed #302d2766;padding:34px 32px;position:relative;box-shadow:5px 6px #302d2724}.mood-prescription article+article{color:var(--mood-ink);background:#c9becb;transform:rotate(.35deg)}.mood-prescription article>svg{color:var(--mood-accent);position:absolute;top:28px;right:28px}.mood-prescription span{color:#625a4e;font-size:11px;font-weight:900}.mood-prescription h3{letter-spacing:-1px;margin:11px 0 15px;font-size:29px}.mood-prescription p{max-width:720px;margin:0;font-size:15px;font-weight:670;line-height:1.68}.mood-prescription strong{border-top:2px dashed #302d278c;margin-top:22px;padding-top:17px;font-size:13px;line-height:1.5;display:block}.mood-mindset{border:2px solid var(--mood-ink);text-align:center;background:#e1c88b;margin-top:28px;padding:45px clamp(28px,6vw,88px);position:relative;overflow:hidden;box-shadow:5px 6px #302d2724}.mood-mindset:before{content:"";pointer-events:none;border:1px dashed #302d277a;position:absolute;inset:8px}.mood-mindset>svg:first-child{color:#9b5d51;position:absolute;top:20px;left:22px}.mood-mindset>svg:last-child{color:#687f82;position:absolute;bottom:20px;right:22px}.mood-mindset span{color:#5e5548;letter-spacing:.7px;font-size:11px;font-weight:900}.mood-mindset h3{letter-spacing:-3px;margin:15px 0;font-size:clamp(28px,4vw,51px)}.mood-mindset p{max-width:800px;margin:0 auto;font-size:15px;font-weight:680;line-height:1.72}.mood-result-actions{gap:15px;margin-top:28px;display:flex}.mood-result-actions button{background:var(--mood-accent);min-width:190px;padding:0 23px}.mood-result-actions button+button{color:#fff9ea;background:#76879a}@media (prefers-reduced-motion:reduce){.mood-result-art>img{animation:none}.mood-daily-form>button,.mood-result-actions button{transition:none}}@media (max-width:900px){.mood-daily-intro{grid-template-columns:1fr}.mood-intro-art{border-bottom:4px solid #403a31;border-right:0;min-height:650px}.mood-daily-form{min-height:570px;margin:22px}.mood-result-poster{grid-template-rows:56px minmax(500px,58vh) auto;grid-template-columns:1fr}.mood-result-art{border-right:0;border-bottom:3px solid var(--mood-ink);min-height:500px}.mood-result-title{padding:48px 30px 60px}.mood-meter-board{grid-template-columns:1fr}.mood-meter-board>div{border-bottom:1px dashed #8b8171;border-right:0}.mood-meter-board>div:last-child{border-bottom:0}.mood-prescription{grid-template-columns:1fr}}@media (max-width:560px){.mood-daily-intro{min-height:auto}.mood-intro-art{min-height:640px}.mood-intro-art>img{object-position:58% center}.mood-intro-art:after{inset:9px}.mood-intro-copy{justify-content:flex-start;width:100%;padding:34px 20px}.mood-intro-copy>p{max-width:180px;margin-top:52px}.mood-intro-copy h1{letter-spacing:-6px;max-width:250px;font-size:69px}.mood-intro-copy>span{max-width:235px;margin-top:25px;font-size:14px}.mood-daily-form{min-height:570px;margin:14px;padding:40px 20px 55px}.mood-result-poster>header{padding:0 14px;font-size:8px}.mood-result-art{min-height:455px}.mood-result-art>img{width:86%!important;height:89%!important;inset:6% 7% 5%!important}.mood-result-art:after{width:72px;height:34px}.mood-result-title h1{letter-spacing:-4px;font-size:50px}.mood-result-title h2{font-size:26px}.mood-result-title blockquote{font-size:12px}.mood-result-report{padding:46px 15px 78px}.mood-weather{grid-template-columns:1fr;gap:14px;padding-top:0}.mood-weather>span{grid-row:auto}.mood-weather h2{letter-spacing:-2px;font-size:35px}.mood-weather p{font-size:15px}.mood-meter-board>div{grid-template-columns:58px 1fr 40px;padding:0 12px}.mood-prescription{gap:14px}.mood-prescription article{padding:30px 20px}.mood-prescription article>svg{top:23px;right:18px}.mood-mindset{padding:48px 21px}.mood-mindset h3{letter-spacing:-2px;font-size:33px}.mood-result-actions{flex-direction:column}.mood-result-actions button{width:100%}}