*{box-sizing:border-box}body{margin:0;background:#edf0f7;font-family:'Inter',Arial,sans-serif;color:#232b46;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #5869aa;outline-offset:4px}[hidden]{display:none!important}.prototype-intro{display:none}.app-shell{max-width:430px;margin:auto;background:#f8f9fc;min-height:100dvh;position:relative}.app-shell>header{padding:26px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.app-logo{font-size:23px;font-weight:600;letter-spacing:-.055em;display:flex;align-items:center;gap:5px}.app-logo i{font-size:27px;color:#ea815f;font-style:normal;font-weight:400}.concept-pill{font-size:8px;font-weight:500;background:#e8ecf5;color:#53607d;border-radius:999px;padding:7px 9px}main{padding:0 23px 24px}.page-intro{padding-top:21px}.overline{font-size:8px;font-weight:500;letter-spacing:.08em;color:#738099}.page-intro h1{font-size:38px;line-height:1.07;letter-spacing:-.065em;font-weight:550;margin-top:16px}.page-intro h1:focus{outline:none}.page-intro h1>span{color:#eb8e70}.page-intro>p{font-size:11px;line-height:1.7;color:#657189;margin-top:13px}.week{display:flex;justify-content:space-between;gap:7px;margin-top:25px}.week>span{display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 9px;border-radius:18px;font-size:8px;color:#6a768c}.week b{font-size:12px;font-weight:500;color:#434c65}.week .current{background:#344a84;color:#dce5fd;box-shadow:0 4px 9px #344a8420}.week .current b{color:#fff}.rhythm-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px;border:1px solid #dce5fb;border-radius:19px;background:#e8eefe;padding:22px 20px}.rhythm-card>div>span{font-size:7px;letter-spacing:.07em;font-weight:500;color:#6278aa}.rhythm-card h2{font-size:21px;line-height:1.15;font-weight:500;letter-spacing:-.045em;margin-top:11px}.rhythm-card p{font-size:9px;color:#7082ad;line-height:1.6;margin-top:12px}.progress-ring{position:relative;width:83px;height:83px;flex:none}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:5}.ring-base{stroke:#d1dcf5}.ring-progress{stroke:#4c65a6;stroke-dasharray:213.63;stroke-dashoffset:142.42;stroke-linecap:round;transition:stroke-dashoffset .2s}.progress-ring strong{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;font-weight:500;letter-spacing:-.04em;color:#3e568e}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:27px}.section-title h2{font-size:15px;font-weight:500;letter-spacing:-.03em}.section-title a{font-size:9px;color:#61739b}.intention-list{padding:0;margin:15px 0 0;list-style:none;display:flex;flex-direction:column;gap:9px}.intention-list>li{background:white;border:1px solid #eceef5;border-radius:13px}.intention-list label{display:flex;align-items:center;gap:12px;padding:16px 13px;font-size:11px;line-height:1.5;cursor:pointer;min-height:53px}.intention-list input{accent-color:#6077aa;width:16px;height:16px;flex:none}.intention-list label:has(input:checked) span{text-decoration:line-through;color:#929bae}.intention-list label>i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#8a90a8;background:#f1f3f8;font-size:12px;font-style:normal;margin-left:auto}.reflection-card{display:flex;align-items:center;gap:13px;padding:18px 14px;margin-top:20px;background:#fff0e8;border:1px solid #fbe6da;border-radius:16px}.reflection-icon{font-size:25px;color:#ca8561}.reflection-card>div>span{font-size:6px;letter-spacing:.09em;color:#8c634c}.reflection-card h3{font-size:11px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin-top:6px}.reflection-card p{font-size:8px;line-height:1.7;color:#816759;margin-top:5px}.reflection-card>b{font-size:15px;font-weight:400;color:#bc977f;margin-left:auto}.app-nav{display:flex;justify-content:space-around;position:sticky;bottom:0;background:#ffffffed;backdrop-filter:blur(10px);border-top:1px solid #e8ecf5;padding:11px 14px 13px;z-index:3}.app-nav>a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#858da1;min-width:65px;padding:4px}.app-nav>a>span{font-size:20px;line-height:1}.app-nav>a[aria-current=page]{color:#3e568f}.demo-notice{font-size:7px;color:#737e93;text-align:center;padding:10px 15px 13px}.ritual-list{display:flex;flex-direction:column;gap:15px;margin-top:26px}.ritual-list article{padding:23px;background:#fff;border:1px solid #e7ebf4;border-radius:19px}.ritual-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;font-size:24px;margin-bottom:19px}.peach{background:#fbe6da;color:#b88164}.blue{background:#e5ecfd;color:#7186bb}.green{background:#e7efdf;color:#82986a}.ritual-type{font-size:7px;letter-spacing:.08em;color:#64718b}.ritual-list h2{font-size:21px;font-weight:500;letter-spacing:-.05em;margin-top:9px}.ritual-list p{font-size:11px;line-height:1.8;color:#65728b;max-width:250px;margin-top:10px}.ritual-list button{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #e4e9f4;border-radius:10px;background:#f3f6fc;font-size:11px;color:#4e6393;padding:13px 14px;margin-top:20px}.ritual-list button span{font-size:16px}.ritual-list button:disabled{cursor:default;background:#edf2e9;color:#6c8360}.status{font-size:10px;color:#546b91;line-height:1.7;margin-top:15px}.check-in{padding:24px 21px;background:white;border:1px solid #e7ebf4;border-radius:20px;margin-top:28px}.field-label,.check-in>label{font-size:11px;color:#5e6b86;display:block}.mood-options{display:flex;gap:9px;margin:18px 0 27px}.mood-options button{display:flex;flex:1;flex-direction:column;align-items:center;gap:9px;border:1px solid #e5eaf4;border-radius:13px;background:#f8faff;padding:14px 5px;font-size:9px;color:#5d7092}.mood-options button>span{font-size:23px;line-height:1;color:#6d80ac}.mood-options button[aria-pressed=true]{border-color:#7590c5;background:#eaf0fe;color:#3e5a8f}.check-in textarea{display:block;width:100%;height:155px;resize:vertical;border:1px solid #e5eaf4;border-radius:12px;background:#fafbfe;padding:15px;color:#405376;font-size:12px;line-height:1.7;margin-top:13px}.save-note{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 16px;margin-top:18px;background:#435c96;border:0;color:white;border-radius:12px;font-size:11px}.save-note>span{font-size:17px}.kind-note{padding:27px;background:#edf0f8;border-radius:20px;margin-top:20px}.kind-note>span{font-size:30px;color:#8799c2}.kind-note p{font-size:18px;line-height:1.4;letter-spacing:-.04em;color:#65799e;margin-top:15px}.kind-note em{font-style:normal;color:#344f83}@media(min-width:900px){body{padding:42px 5vw 42px 56vw;background:#ecf0f8}.prototype-intro{display:block;position:fixed;left:7vw;top:21%;max-width:480px}.prototype-intro>span{font-size:9px;letter-spacing:.07em;color:#586b8c}.prototype-intro h2{font-size:64px;line-height:1.08;letter-spacing:-.07em;font-weight:500;margin-top:24px}.prototype-intro h2>span{color:#e29576}.prototype-intro p{font-size:13px;line-height:1.9;color:#5c6e8e;margin-top:26px}.intro-tags{display:flex;gap:9px;margin-top:30px}.intro-tags>span{font-size:10px;background:#fff8;padding:9px 12px;border:1px solid #fff;border-radius:999px;color:#506282}.prototype-intro>small{display:block;font-size:9px;color:#60718e;margin-top:45px}.app-shell{width:390px;height:800px;min-height:0;max-height:calc(100dvh - 84px);overflow-y:auto;border:7px solid #fff;border-radius:36px;box-shadow:0 22px 70px #30436c1c;scrollbar-width:none}.app-shell::-webkit-scrollbar{display:none}.app-shell>header{padding:25px 20px 18px}.app-nav{bottom:0}.app-shell main{padding-inline:20px}}@media(max-width:350px){.page-intro h1{font-size:34px}main{padding-inline:19px}.app-shell>header{padding-inline:19px}.week{gap:3px}.week>span{padding-inline:7px}.rhythm-card{padding:19px 16px}.rhythm-card h2{font-size:19px}.progress-ring{width:73px;height:73px}.concept-pill{font-size:7px}.section-title h2{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}