:root{--bg:#f3eee5;--ink:#191817;--text:#191817;--muted:#2e2924;--accent:#c33630;--accent-deep:#93251f;--accent-soft:#fbded5;--teal:#654296;--teal-soft:#eae0f6;--border:#c7bdb1;--sev0:#eee8de;--sev1:#f9d9c5;--sev2:#f4ab91;--sev3:#b84035;--sev4:#7e201e;--good0:#eee8de;--good1:#eee4f9;--good2:#d9c6ee;--good3:#bda0db;--good4:#74539b;--good5:#493064}
body{background-color:var(--bg);background-image:radial-gradient(#19181712 .6px,transparent .6px);background-size:5px 5px}.wrap{max-width:820px;padding-top:24px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}header{align-items:center;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-bottom:18px}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:38px;text-transform:uppercase;letter-spacing:-1px;gap:9px}h1 img{width:38px;height:38px;transform:rotate(-5deg)}h1 span{font-family:Arial,sans-serif;letter-spacing:1.3px;font-size:10px;line-height:1.5;font-weight:700;max-width:122px;text-transform:uppercase;margin-left:8px}.streak{font-size:12px}.streak b{color:var(--ink)}
nav{position:sticky;top:0;z-index:5;background:var(--bg);border:2px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 var(--ink);backdrop-filter:none;padding:4px;gap:2px;margin-bottom:24px}nav button{border-radius:1px;font-size:13px;min-height:44px;color:var(--ink);padding:9px 5px}nav button.active{background:var(--ink);color:#fffaf1;box-shadow:none}
.brand-hero{position:relative;isolation:isolate;background:#191817;color:#fffaf1;padding:27px 25px 30px;margin-bottom:25px;overflow:hidden;clip-path:polygon(0 1%,8% 0,19% 1%,32% 0,48% 1%,64% 0,80% 1%,100% 0,99.6% 22%,100% 55%,99.6% 80%,100% 98%,87% 100%,70% 99%,55% 100%,39% 99%,23% 100%,8% 99%,0 100%)}.brand-hero:before{content:'';position:absolute;z-index:-1;right:-25px;top:27px;width:190px;height:190px;background:#bd9ee4;clip-path:polygon(50% 0,59% 30%,83% 6%,74% 38%,100% 30%,79% 53%,100% 73%,69% 70%,78% 100%,54% 78%,38% 100%,36% 73%,6% 88%,23% 58%,0 47%,31% 39%,20% 9%,45% 28%);transform:rotate(10deg)}.brand-hero:after{content:'';position:absolute;z-index:-1;right:15px;top:68px;width:130px;height:115px;background-image:radial-gradient(#191817 1.5px,transparent 1.5px);background-size:6px 6px;transform:rotate(-12deg)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:13px;color:#d8c4ed}.brand-hero h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,8vw,64px);font-weight:900;line-height:1;letter-spacing:-.6px;text-transform:uppercase;max-width:76%;position:relative}.brand-hero h2 em{font-style:normal;color:#ff665c;display:block}.hero-copy{font-size:14px;line-height:1.55;max-width:420px;margin-top:16px;position:relative;background:#191817;padding-right:8px}.hero-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid #8e799e;margin-top:19px;padding-top:12px;font-size:10px;letter-spacing:.4px}.hero-footer b{color:#191817;background:#c7abe9;padding:5px 7px;text-transform:uppercase;transform:rotate(-2deg)}
.card{background:#fffaf1;border:1.5px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 #191817;margin-bottom:20px;padding:20px}.card.c-peach,.card.c-mint,.card.c-sky,.card.c-rose,.card.c-lemon{--tint:#fffaf1;--deep:#191817}.card.c-lilac{--tint:#f3eafb;--deep:#191817;background:#f3eafb}.card h2{font-size:20px;line-height:1.3;font-weight:850;letter-spacing:-.4px;color:var(--ink)}.card h2>span{display:block;letter-spacing:0;margin-top:4px;line-height:1.5}.card h3{color:var(--ink);opacity:1;font-size:12px;letter-spacing:1px}.checkin-label{font-size:11px;letter-spacing:1.7px;text-transform:uppercase}.moods{gap:10px;margin-top:12px;padding:3px 0}.moods button{border-radius:3px;border:1.5px solid var(--ink);width:49px;height:49px;font-size:29px;background:#fffaf1!important;opacity:1}.moods button.on{border-color:var(--ink)!important;background:#d9c3ef!important;transform:rotate(-5deg) scale(1.07);animation:none;box-shadow:3px 3px 0 var(--ink)}.moodlbl,.sleep-label{color:#593776}.sleep-block{border-top:1px dashed #9c8d80}.sleep-scale{gap:5px;grid-template-columns:repeat(5,1fr);max-width:420px;margin:12px auto 0}.sleep-scale button{height:44px;border:1px solid #998d82;border-radius:2px;background:#fffaf1;color:var(--ink)}.sleep-scale button.on{background:#191817;border-color:#191817;color:#fffaf1;box-shadow:2px 2px 0 #c1a0df}
input[type=date],input[type=time],input[type=number],select,textarea{border:1px solid #968a80;border-radius:2px;background:#fffdf8;min-height:44px}label.fld{font-weight:700;color:#51483f}.tracker-drop{border:1px solid #b6a99a;border-radius:2px;background:#fffaf1}.tracker-drop>summary{min-height:48px;padding:13px 12px;font-size:14px}.tracker-drop[open]>summary{background:#eee2f7;border-bottom:1px solid #b6a99a}.tracker-body{padding-left:12px;padding-right:12px}.chip{border-radius:3px;min-height:44px;border:1px solid #ad9e91;background:#fffdf8;padding:10px 12px;font-size:13px}.chip.on{background:#191817;color:#fffaf1;border-color:#191817;transform:none;box-shadow:2px 2px 0 #bf9fdf}.symrow{padding:10px 0;gap:8px}.symname{font-size:14px}.sev{flex-wrap:wrap}.sev button{width:38px;height:40px;border-radius:2px;color:#51483f}.sev button.on{outline:2px solid #191817;outline-offset:1px}.btn{border:2px solid #191817;border-radius:2px;background:#ff665c;color:#191817;box-shadow:3px 3px 0 #191817;font-weight:800;min-height:48px}.btn.small{min-height:44px}.btn.ghost{background:#fffaf1;color:#191817;border:1px solid #191817}.histitem{border:1px solid #aa9c8e;border-radius:2px;background:#fffdf8}.pill{border-radius:2px}.insight{border-radius:2px;border-left:3px solid #a75b46}.insight.pos{border-left-color:#785198}.saved{color:#593776}.note{color:#2e2924}.section-count{color:#654296}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #785198;outline-offset:3px}
@media(min-width:600px){.sleep-scale{grid-template-columns:repeat(10,1fr);max-width:none}.brand-hero{padding:32px}.brand-hero:before{right:25px;width:230px;height:230px;top:10px}.hero-copy{max-width:470px}}@media(max-width:380px){.wrap{padding-left:12px;padding-right:12px}h1{font-size:32px}h1 span{font-size:9px;max-width:105px}.card{padding:15px}.brand-hero{padding:23px 18px}.brand-hero h2{font-size:38px;max-width:84%}.brand-hero:before{right:-75px}.moods{gap:7px}.moods button{width:45px;height:45px}nav button{font-size:12px}.symname{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@font-face{font-family:Anton;src:url('Anton-Regular.ttf') format('truetype');font-weight:400;font-display:swap}h1,.brand-hero h2{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400}
.brand-hero h2 em{font-family:inherit;font-weight:inherit}.eyebrow{font-family:Arial,sans-serif}

.moods button img{display:block;width:42px;height:42px;pointer-events:none}.history-mood{width:28px;height:28px;vertical-align:middle;margin-right:5px}

h1 img.wordmark{width:156px;height:55px;transform:none;object-fit:contain}h1{gap:13px}h1 span{margin-left:0}@media(max-width:380px){h1 img.wordmark{width:139px;height:49px}h1{gap:10px}}