:root{font-family:system-ui,-apple-system,sans-serif;color:#f7e6f0;background:#130c19;font-size:16px}*{box-sizing:border-box}body{margin:0;max-width:680px;margin-inline:auto;padding-bottom:78px}header{text-align:center;background:linear-gradient(160deg,#48203d,#160d1d);padding:30px 15px 22px;border-bottom:1px solid #a87c51}.eyebrow{font-size:10px;letter-spacing:2px;color:#e3bd78}.mark{font-size:30px;color:#e7c283;margin:12px}h1,h2{font-family:Georgia,serif;font-weight:normal;color:#f4d49c}h1{font-size:31px;margin:5px}h2{font-size:25px}h3{color:#f1b0d0;font-size:16px;margin:0 0 7px}p{line-height:1.55;color:#e6cddd}header p{font-size:13px}main{padding:17px 15px 30px;min-height:60vh}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile,.card{border:1px solid #947054;background:#29192f;border-radius:14px;padding:15px;margin-bottom:11px}.tile{width:100%;text-align:left;color:#f7e6f0}.tile .emoji{display:block;font-size:25px;margin-bottom:9px}.tile strong{display:block;color:#f4d49c;margin-bottom:6px}.tile small{color:#ddc3d5;line-height:1.4}.button,.choice{background:#aa3d7e;color:white;border:1px solid #d294b2;border-radius:10px;padding:11px 14px;margin:5px 6px 5px 0;font-size:14px;cursor:pointer}.choice{background:#3c2543}.choice.active{background:#a33f80;border-color:#e3bd78}.muted{font-size:12px;color:#bfa6b9}.gold{color:#e3bd78}textarea{width:100%;min-height:150px;border-radius:11px;border:1px solid #98718e;background:#201426;color:#fff;padding:12px;font:inherit}nav{position:fixed;bottom:0;left:0;right:0;max-width:680px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);background:#211426;border-top:1px solid #ac8758;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}nav button{border:0;background:none;color:#e0bdcd;font-size:11px;padding:8px 2px}nav button.active{color:#f6d49a}button:focus-visible,textarea:focus-visible{outline:3px solid #e8bc79;outline-offset:2px}.notice{padding:12px;border-left:3px solid #dfb87b;background:#2b2030;border-radius:5px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.mini{background:#24172b;border-left:2px solid #d5ad6f;padding:11px 13px;margin:7px 0;border-radius:6px;color:#e8d4e0;font-size:14px;line-height:1.55} .notice{background:#24192a;border:1px solid #78566e;padding:12px;border-radius:10px;margin:12px 0}nav{grid-template-columns:repeat(6,1fr)}nav button{font-size:10px;padding:7px 1px}

.energybar{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.energybar .choice{flex:1;min-width:85px;margin:0;padding:11px 5px;font-size:13px}.taskcheck{display:flex;gap:12px;align-items:flex-start;margin:13px 0;padding:12px;border:1px solid #77536b;border-radius:10px;line-height:1.45;color:#f3e0eb}.taskcheck input{accent-color:#e72b91;width:21px;height:21px;flex-shrink:0}.chapter{background:#29192f;border:1px solid #947054;border-radius:12px;margin:12px 0;padding:13px}.chapter summary{cursor:pointer;color:#f5d6a0;font-weight:600;line-height:1.5}.chapter p{font-size:15px}.eyebrow2{font-size:10px;letter-spacing:1.4px}progress{width:100%;height:12px;accent-color:#e72b91;margin-bottom:14px}details .activity{margin-top:14px}
.feeling-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.feeling-grid .choice{margin:0;text-align:left;min-height:58px}.guided{padding-left:24px;line-height:1.7}.guided li{padding:0 0 12px 4px}.affirm{font-family:Georgia,serif;font-size:1.18rem;color:#f4d39b;line-height:1.65}.button:disabled{opacity:.4;cursor:not-allowed}