*{box-sizing:border-box}body{color:#29372f;background:#e9e4d9;margin:0;font-family:DM Sans,sans-serif}main{background:#f6f1e7;max-width:520px;min-height:100vh;margin:auto;box-shadow:0 0 35px #0001}header{color:#18382f;background:#fffdf8;border-bottom:1px solid #e8dfd0;align-items:center;gap:12px;height:75px;padding:0 22px;display:flex}header>span{color:#e5c58b;background:#18382f;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}header b{font:600 19px Playfair Display}header small{letter-spacing:.1em;text-transform:uppercase;color:#89877d;margin-top:3px;font-size:10px;display:block}section{padding:26px 20px 32px}.welcome{background:radial-gradient(at top,#e7d8bb,#0000 50%)}.hero{color:#fff8e9;text-align:center;background:linear-gradient(#18382f,#345849);border-radius:6px;padding:42px 18px 35px}.hero small,.daytitle small{color:#d6b77e;letter-spacing:.18em;font-size:10px;font-weight:700}.hero h1,h1{color:#18382f;font:500 35px/1.2 Playfair Display}.hero h1{color:#fff8e9}.hero i,h1 i{color:#d6b77e}.hero p,.intro{color:#e5e0d4;font-size:13px;line-height:1.6}article{text-align:center;background:#fffdf8;border:1px solid #e7dece;border-radius:7px;margin:16px 8px;padding:24px 20px}article h2{color:#18382f;margin:6px 0;font:600 23px Playfair Display}article p{color:#73786f;font-size:13px;line-height:1.65}.seal{color:#b68c4b;font-size:25px}input{text-align:center;letter-spacing:.12em;background:#fffdf9;border:1px solid #ddd2bf;width:100%;margin:12px 0;padding:14px}button{cursor:pointer}article button,.text>button{color:#fff8e9;background:#18382f;border:0;border-radius:5px;width:100%;padding:15px;font-weight:700}.hint{color:#999;margin-top:12px;font-size:10px;display:block}.grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.grid button{color:#18382f;background:#fffdf8;border:1px solid #e2d8c7;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;min-height:105px;padding:9px 3px;display:flex}.grid strong{color:#b68c4b;font:600 23px Playfair Display}.grid span{font-size:10px;font-weight:600;line-height:1.2}.grid small{color:#b68c4b}.grid .finished{background:#e5ece4;border-color:#c8d7c9}.special{color:#59472c;background:#efe4cf;border:1px solid #c8ad7b;width:100%;margin-top:13px;padding:16px;font-weight:700}nav{border-top:1px solid #e5dccd;justify-content:center;gap:25px;margin-top:24px;padding-top:15px;display:flex}nav button,.back{color:#244b3e;background:0 0;border:0;font-weight:600}.back{margin-bottom:20px;padding:0}.daytitle{text-align:center;padding:15px}.daytitle h1{margin:10px 0 4px}.daytitle i{color:#b68c4b;font:italic 18px Playfair Display}.video{background:#000;border-radius:6px;width:100%;height:auto;display:block;overflow:hidden}.video video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;height:auto;min-height:200px;display:block}.video small{color:#eee;font:12px DM Sans}.text{text-align:left;background:0 0;border:0;margin:0;padding:20px 2px}.text h2{font:600 22px Playfair Display}.text p{color:#626b62;font-size:14px;line-height:1.7}.text aside{background:#fffdf8;border-left:3px solid #b68c4b;margin:12px 0;padding:13px 14px}.text aside b{color:#18382f;font:600 16px Playfair Display}.text aside p{margin:5px 0 0}.text .prayer{background:#eae3d5}.bar{background:#e8e0d1;border-radius:20px;height:8px;overflow:hidden}.bar span{background:#b68c4b;height:100%;display:block}footer{text-align:center;letter-spacing:.18em;color:#9a927f;padding:20px;font-size:9px}@media (min-width:700px){body{padding:24px 0}main{border-radius:10px;min-height:calc(100vh - 48px);overflow:hidden}}