/* Media are app viewports, not invented hardware: full pixels, no added notch. */
.main-phone,.side-phone,.walk-device{border:4px solid #4a3a54;border-radius:25px;padding:0;overflow:hidden;background:#fffdf9;box-shadow:0 22px 55px #35293f22}.device>img,.device>video{object-fit:contain;width:100%;height:100%;border-radius:20px;background:#fffdf9}.main-phone{aspect-ratio:392/872}.side-phone,.walk-device{aspect-ratio:1242/2688}.walk-device[data-platform="android"]{aspect-ratio:392/872}.recording-label{position:absolute;bottom:-20px;left:15%;right:0;text-align:center;font-size:9px;color:var(--muted)}.socials{display:flex!important;flex-wrap:nowrap!important;max-width:none!important;gap:11px;flex-shrink:0}.socials a{flex:none}.socials img{max-width:100%}.footer-top{flex-wrap:wrap}.footer-top .brand{margin-right:20px}.hierarchy{padding-top:80px;padding-bottom:90px;text-align:center}.hierarchy .section-heading{max-width:820px}.hierarchy-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;max-width:1040px;margin:45px auto 35px;text-align:left}.hierarchy-example article{padding:24px;border:1px solid var(--border);border-radius:30px;background:var(--paper)}.hierarchy-example article.level-step{background:#f6f1fb}.hierarchy-example article.level-block{background:#f0f8ef}.hierarchy-example article.level-ritual{background:#fff5e3}.level-label{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:23px}.example-step{display:flex;align-items:center;gap:10px}.example-step>.app-icon{width:19px;height:19px}.example-step p{font-size:14px;margin:0}.example-block>b,.example-ritual>b{display:block;font-size:20px;font-weight:650}.example-block>span,.example-ritual>span{font-size:10px;color:var(--muted)}.example-block ol{padding-left:19px;margin:15px 0 0;font-size:11px;line-height:1.8}.example-ritual>div{display:flex;flex-direction:column;gap:6px;margin-top:15px}.example-ritual>div>span{padding:8px 12px;background:#fffdf9a0;border-radius:12px;font-size:11px}.hierarchy>.button{font-size:12px;min-height:45px}.life-section{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding-top:70px}.life-section>article{background:var(--surface);padding:35px;border-radius:35px}.life-section>article:nth-child(2){background:#f3f7e9}.life-section h2{font-size:29px;letter-spacing:-.8px;margin:24px 0 16px}.life-section p{font-size:13px;color:var(--muted);margin:0}.row-main{display:flex;align-items:center;gap:10px;width:100%}.row-copy{min-width:0}.row-copy b{font-size:13px}.row-summary{padding:0;text-align:left;display:block;cursor:pointer}.row-summary .row-copy{width:100%}.row-step-count{font-size:9px;color:var(--muted);display:block;margin-top:3px}.row-expand{color:var(--muted);padding:0;border:0;font-size:9px;margin-top:6px;text-decoration:underline;text-underline-offset:3px}.row-steps{width:100%;margin:12px 0 0;padding:12px 0 0 20px;border-top:1px solid var(--border);font-size:11px;line-height:1.7;color:var(--muted)}.row-steps li+li{margin-top:8px}.ritual-row{display:block;position:relative;margin:0;transition:transform 160ms cubic-bezier(.25,.1,.25,1),box-shadow 160ms;animation:none}.step-list{display:flex;flex-direction:column;gap:10px;position:relative}.ritual-row.drag-source{visibility:hidden}.drag-ghost{position:fixed!important;z-index:1500;pointer-events:none!important;box-shadow:0 16px 35px #35293f30!important;cursor:grabbing;transform:scale(1.025);transition:none!important;border-color:#b99ecb!important}.row-handle{touch-action:none;min-width:30px;min-height:36px}.row-handle:active{cursor:grabbing}.row-handle,.remove-block{opacity:.7}.remove-block{min-width:30px;min-height:36px}.row-icon{flex:none}.block-tile:focus-visible{outline-offset:3px}.row-entering{animation:rowAppear 180ms ease both}.row-leaving{pointer-events:none;opacity:0;transform:scale(.96)}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.sample-description{font-size:11px;color:var(--muted);line-height:1.7;max-width:420px;margin:12px auto 20px}.sample-buddies{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 auto 20px}.sample-buddies button{border:1px solid transparent;border-radius:17px;background:var(--surface);padding:8px 2px;display:flex;align-items:center;flex-direction:column;gap:4px}.sample-buddies button[aria-pressed=true]{border-color:#a487b5;background:#ece0f4}.sample-buddies img{width:40px;height:40px;object-fit:contain}.sample-buddies span{font-size:9px}.sample-status{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin:20px 0 0}.sample-face{width:160px;height:160px;margin:10px auto 8px;display:grid;place-items:center}.buddy-character{width:100%;height:100%;display:inline-grid;place-items:center}.buddy-body{width:100%;height:100%;position:relative;display:block}.buddy-portrait{width:100%;height:100%;display:block;object-fit:contain}.sample-progress{height:5px;border-radius:10px;background:var(--border);overflow:hidden;margin-top:13px}.sample-progress>div{height:100%;width:0;background:var(--yellow);transition:width .1s linear}.caption-word{border-radius:4px;transition:color .08s,background .08s}.caption-word.is-current{color:var(--purple);background:#eadcf6}.caption-word.is-spoken{color:#8a7496}#player-guidance{font-size:18px;line-height:1.65;min-height:86px;max-width:435px;margin:10px auto 18px}#player{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:32px 35px 25px;width:min(580px,calc(100% - 24px))}#player h2{font-size:32px;line-height:1.2;margin:12px 0}#player .close{z-index:5}#player .small-label{padding-right:20px}#player-counter{margin:13px 0 0}.playback-controls{display:flex;gap:10px;justify-content:center;margin-top:17px}.playback-controls .button{font-size:12px;min-height:45px;padding:12px 23px}.player-actions{margin:12px 0 17px}.player-actions .button{font-size:10px;min-height:38px;padding:10px 17px}.player-actions button:disabled{opacity:.35}.audio-status{font-size:10px;color:var(--muted);min-height:18px;line-height:1.5}.audio-status:empty{min-height:0}.audio-status[data-error=true]{color:#9c4357}#audio-recovery{padding:10px 0}#audio-recovery>.button{font-size:10px;padding:9px 14px;min-height:35px}#audio-recovery>.plain{display:block;margin:8px auto 0;font-size:11px}.reflection{text-align:left;margin-top:15px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:15px}.reflection label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}.reflection input{width:100%;font:inherit;font-size:16px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--paper);color:var(--ink)}.reflection small{font-size:9px;display:block;margin-top:9px;color:var(--muted);line-height:1.6}.completion-intention{background:var(--surface);border-radius:20px;margin:25px 0;padding:20px}.completion-intention>span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.completion-intention>b{font-size:18px;font-weight:500;overflow-wrap:anywhere}#sample-complete>p{font-size:13px;color:var(--muted)}#sample-complete .store-badges{justify-content:center;margin:23px 0}#sample-complete>.button{font-size:12px;min-height:43px}.buddy-face-base{max-width:none}.sample-progress>div{min-width:0}.device>video[hidden],.device>img[hidden],[hidden]{display:none!important}.screen-caption{min-height:82px}html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important}.app-nav a,.app-footer a,.button{touch-action:manipulation}.socials a{min-width:42px;min-height:42px}.store-badges a{min-height:44px}.store-badges img{object-fit:contain}.main-phone:has(video:not([hidden])){background:#fffdf9}#buddy-portrait{object-fit:contain}.buddy-spotlight .buddy-character{width:270px;height:270px;justify-self:center;filter:drop-shadow(0 20px 20px #784f3416)}
@keyframes rowAppear{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.hierarchy-example{gap:12px}.hierarchy-example article{padding:20px}.life-section{gap:15px}.life-section>article{padding:25px}.life-section h2{font-size:25px}.buddy-spotlight .buddy-character{width:210px;height:210px}}
@media(max-width:640px){.main-phone,.side-phone,.walk-device{border-width:3px;border-radius:22px}.device>img,.device>video{border-radius:18px}.hierarchy{padding-top:55px;padding-bottom:60px}.hierarchy-example{grid-template-columns:1fr;margin:28px auto;gap:13px;max-width:360px}.hierarchy-example article{padding:22px;border-radius:25px}.level-label{margin-bottom:15px;font-size:11px}.example-block>b,.example-ritual>b{font-size:20px}.example-block ol{font-size:12px}.example-ritual>div{flex-direction:row;flex-wrap:wrap}.example-ritual>div>span{font-size:10px}.life-section{grid-template-columns:1fr;padding-top:45px;gap:13px}.life-section>article{border-radius:28px;padding:25px}.life-section h2{font-size:25px;line-height:1.3}.life-section p{font-size:12px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.socials{gap:12px;justify-content:flex-start!important}.socials a{width:43px;height:43px;min-width:43px}.socials img{width:22px;height:22px}.recording-label{font-size:8px;left:0;bottom:-17px}.hero{padding-bottom:65px}.sample-buddies{gap:4px}.sample-buddies button{padding:7px 1px;border-radius:14px}.sample-buddies img{width:35px;height:35px}.sample-buddies span{font-size:8px}#player{padding:30px 18px 20px;max-height:calc(100dvh - 16px);width:calc(100% - 16px)}.sample-description{font-size:10px;line-height:1.7;margin:10px auto 16px}.sample-status{font-size:9px;margin-top:16px}.sample-face{width:135px;height:135px;margin-top:8px}#player h2{font-size:28px}#player-guidance{font-size:17px;min-height:80px;line-height:1.6;margin-top:10px}.playback-controls .button{min-height:44px;padding:12px 22px;font-size:11px}.player-actions .button{font-size:10px;min-height:42px}.reflection{padding:13px}.sample-progress{margin-top:10px}.buddy-spotlight .buddy-character{width:195px;height:195px;margin-bottom:12px}.row-copy b{font-size:12px}.row-steps{font-size:11px}.row-expand{font-size:10px;min-height:28px;display:inline-block}.row-main{gap:8px}.row-handle,.remove-block{min-width:28px;min-height:40px}.row-icon{width:36px!important;height:36px!important}.row-icon .app-icon{width:20px!important;height:20px!important}}
@media(prefers-reduced-motion:reduce){.ritual-row,.sample-progress>div,.caption-word{transition:none!important}.row-entering{animation:none!important}.drag-ghost{transform:none}.buddy-character .felt-eye>.frame-open,.buddy-character .felt-mouth>.frame-smile{opacity:1!important}}
.device{box-sizing:content-box}.sample-main{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:0 2px 10px;scrollbar-width:thin}#sample-content{display:flex;flex-direction:column;max-height:calc(100dvh - 90px)}.sample-footer{flex:none;background:var(--paper);border-top:1px solid var(--border);padding-top:6px}.sample-footer>.demo-disclosure{margin-top:0}.sample-footer .playback-controls{margin-top:8px}.sample-footer .player-actions{margin:8px 0}.sample-face{width:135px;height:135px;margin:8px auto}.sample-buddies{margin-bottom:15px}.sample-description{margin-bottom:15px}.sample-status{margin-top:12px}
@media(max-width:640px){#sample-content{max-height:calc(100dvh - 76px)}.sample-face{width:118px;height:118px}.sample-main{padding-bottom:8px}.sample-footer .demo-disclosure{font-size:8px}.sample-footer .playback-controls .button{font-size:12px}.sample-footer .player-actions .button{font-size:11px}.sample-description{max-width:300px}}
html{scrollbar-gutter:stable}html.sample-open,html.sample-open body{overflow:hidden}