:root{--ink:#1a1816;--muted:#6e695e;--cream:#faf7f2;--line:rgba(26,24,22,.72);--green:#496a52}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f0eeea;color:var(--ink);font-family:Inter,system-ui,sans-serif;display:grid;place-items:center}.phone{position:relative;width:min(100vw,390px);height:min(100vh,844px);min-height:680px;background:#fff;overflow:hidden;box-shadow:0 20px 60px #1a181626}.status{position:absolute;z-index:3;top:20px;left:25px;font-size:13px;font-weight:700}.screen{display:none;position:absolute;inset:0;padding:78px 25px 41px}.screen.active{display:block;animation:appear .3s ease}.screen h1{font-size:34px;line-height:.98;margin:43px 4px 0;font-weight:700;letter-spacing:-1.3px}.eyebrow{font-size:13px;color:var(--muted);font-weight:500;margin:0}.lead{font-size:15px;line-height:1.25;color:var(--muted);margin:37px 4px 0}.primary{position:absolute;left:30px;bottom:41px;width:330px;height:48px;border:0;border-radius:28px;background:var(--ink);color:var(--cream);font:600 15px Inter;cursor:pointer}.primary span{margin-left:5px}.text-button{position:absolute;bottom:11px;width:100%;left:0;border:0;background:transparent;color:var(--muted);font:500 13px Inter;cursor:pointer}.welcome{padding-top:0}.welcome-art{position:absolute;top:167px;left:15px;width:341px;height:227px;object-fit:cover}.script-title{position:absolute;top:433px;left:30px;margin:0!important;font-family:'Just Me Again Down Here',cursive!important;font-size:50px!important;font-weight:400!important;line-height:.9!important;letter-spacing:0!important}.welcome .lead{position:absolute;top:556px;left:26px}.soften-art{position:absolute;left:5px;top:327px;width:380px;height:253px;object-fit:cover}.app-list{margin-top:48px;display:grid;gap:14px}.app-row{height:46px;border:1.25px solid var(--line);border-radius:16px;background:#f7f7f7;padding:0 17px 0 16px;font:600 15px Inter;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.app-row i{display:block;width:31px;height:19px;border-radius:12px;background:#bbb;position:relative}.app-row i:after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;background:white;border-radius:50%;transition:.2s}.app-row.selected i{background:var(--ink)}.app-row.selected i:after{left:14px}.timer h1{margin-top:42px}.timer-dial{width:220px;height:220px;border:8px solid var(--green);border-radius:50%;margin:31px auto 57px;display:grid;place-items:center;box-shadow:0 0 25px #496a5217}.timer-dial div{text-align:center}.timer-dial strong{display:block;font-size:49px;letter-spacing:-2px}.timer-dial small{font-size:10px;font-weight:700;letter-spacing:.5px}.chips{display:flex;justify-content:center;gap:7px}.chips button{border:1px solid #b4d2bb;background:#fff;color:var(--green);border-radius:22px;height:31px;min-width:43px;font:600 11px Inter;cursor:pointer}.chips .chosen{background:#8cac95}.close{position:absolute;top:107px;left:25px;border:0;background:none;font-size:27px;cursor:pointer}.create h1{margin-top:44px}.create form{margin:60px 4px 0;display:grid;gap:20px}.create label{font-size:10px;color:var(--muted);font-weight:600;display:grid;gap:7px}.create input,.create textarea,.create select{appearance:none;width:100%;border:1.25px solid var(--line);border-radius:14px;background:#fff;padding:13px 16px;font:14px Inter;color:var(--ink)}.create input,.create select{height:58px}.create textarea{height:100px;resize:none}.create form .primary{bottom:41px}.good-morning{margin-top:21px;font:35px 'Just Me Again Down Here',cursive}.quest-heading{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.quest-heading h2{font-size:19px;margin:0}.quest-heading span{font-size:11px;color:var(--muted)}.quest-list{display:grid;gap:11px;margin-top:11px}.quest{height:67px;border:1.25px solid var(--line);background:white;border-radius:17px;text-align:left;padding:12px 0 10px 43px;display:grid;gap:4px;cursor:pointer}.quest b{font-size:14px}.quest span{font-size:11px;color:var(--muted)}.quest.done{opacity:.48;text-decoration:line-through}.scroll-card{position:absolute;left:24px;top:555px;width:342px;height:115px;border-radius:17px;overflow:hidden;color:white}.scroll-card:after{content:'';position:absolute;inset:0;background:#0006}.scroll-card img{width:100%;height:100%;object-fit:cover}.scroll-card div{position:absolute;z-index:1;top:18px;left:21px;display:grid}.scroll-card small,.scroll-card span{font-size:11px}.scroll-card strong{font-size:20px;margin:5px 0}.make-quest{position:absolute;bottom:34px;left:24px;width:342px;display:flex;align-items:center;justify-content:space-between;border:0;background:none;color:var(--muted);font:500 11px Inter;cursor:pointer}.make-quest b{width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:25px;font-weight:400}@keyframes appear{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@media (max-height:700px){.phone{height:100vh}.screen{transform:scale(.88);transform-origin:top center;width:113.64%;height:113.64%}}