/* Mobile app shell for visitors from Instagram and Facebook. */
html{background:#e9edf4;scroll-padding-top:88px}body{max-width:480px;min-height:100dvh;margin:0 auto;background:#fbfcfe;box-shadow:0 0 80px #112b5012;padding-bottom:calc(82px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}.wrap{max-width:100%;padding-left:22px;padding-right:22px}.site-header{height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:0;background:#fbfcfe}.header-inner{padding:0 22px;gap:12px}.brand{gap:12px}.brand>img{width:104px;height:auto}.brand-divider{height:20px}.brand>span:last-child{font-size:14px;letter-spacing:-.4px}.beta{font-size:7px;margin-left:6px}.app-help{height:33px;width:33px;border-radius:50%;border:1px solid #dbe4ed;background:white;font-weight:700;color:#7084a0;font-size:15px}.app-home{padding-top:18px;padding-bottom:10px}.home-greeting{display:flex;justify-content:space-between;align-items:center;color:#8a98aa;font-size:9px;font-weight:750;letter-spacing:1.4px;margin-bottom:11px}.hello-spark{color:var(--blue);font-size:27px;line-height:1}.app-home h1{font-size:35px;line-height:1.2;letter-spacing:-1.7px;margin:0 0 13px}.app-home h1>span{color:var(--blue)}.home-subtitle{font-size:12px;line-height:1.7;color:#7a889b;margin-bottom:24px}.snap-card{display:flex;align-items:center;text-align:left;width:100%;padding:21px 16px;background:var(--blue);color:white;border-radius:17px;gap:13px;box-shadow:0 8px 22px #12479922}.snap-card:hover{background:#0d3a83}.snap-icon{height:43px;width:43px;background:#ffffff1c;border:1px solid #ffffff35;display:grid;place-items:center;border-radius:13px;position:relative;flex-shrink:0}.snap-icon>svg{width:25px;height:25px}.snap-icon>span{position:absolute;bottom:-4px;right:-4px;height:16px;width:16px;background:#f1f6ff;color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.snap-copy{display:flex;flex-direction:column;gap:6px}.snap-copy strong{font-size:12px;font-weight:750;letter-spacing:-.3px}.snap-copy>span{font-size:9px;color:#d1e1fa}.snap-arrow{margin-left:auto;font-size:23px;line-height:1;font-weight:400}.mobile-steps{display:flex;justify-content:center;gap:11px;align-items:center;margin:16px 0 26px;font-size:8px;color:#8d9bad}.mobile-steps>span{display:flex;align-items:center;gap:5px}.mobile-steps b{font-size:8px;width:15px;height:15px;border-radius:50%;background:#edf2f9;display:grid;place-items:center;color:#6d86a8}.mobile-steps>svg{width:12px;height:12px;color:#b3bfce}.home-section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px}.home-section-title h2{font-size:16px;letter-spacing:-.5px;margin:0}.home-section-title>span{font-size:9px;color:#8b99ae}.daily-challenge{width:100%;height:215px;border-radius:18px;overflow:hidden;position:relative;text-align:left;display:block;background:#745e47;color:white}.daily-challenge>img{width:100%;height:100%;object-fit:cover;object-position:right 39%}.challenge-shade{position:absolute;inset:0;background:linear-gradient(90deg,#17212de8 0%,#1623309f 46%,#1623300d 100%)}.challenge-content{position:absolute;inset:23px;display:flex;flex-direction:column;align-items:flex-start}.challenge-tag{font-size:7px;letter-spacing:.8px;color:#d7e5f2;display:flex;align-items:center;gap:7px}.challenge-tag svg{height:13px;width:13px}.challenge-content>strong{font-size:24px;letter-spacing:-.9px;line-height:1.3;margin:17px 0 15px}.challenge-start{font-size:10px;border:1px solid #ffffff54;border-radius:7px;padding:9px 12px;display:flex;align-items:center;gap:35px;background:#ffffff10}.room-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.room-shortcuts>button{background:#f0f4fa;border:1px solid #e7edf5;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:13px;gap:11px;padding:17px 4px 13px}.room-shortcuts>button:hover{background:#e6eefb}.room-shortcuts svg{width:23px;height:23px;color:#4a6e9e}.room-shortcuts span{font-size:10px;color:#5e7697;font-weight:650}.mobile-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-paths>button{display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e4eaf1;background:white;padding:19px 16px;border-radius:14px;text-align:left}.mobile-paths>button:last-child{background:#f5f3ee;border-color:#efede7}.mobile-paths svg{color:var(--blue);height:21px;width:21px;margin-bottom:15px}.mobile-paths strong{font-size:13px;letter-spacing:-.3px;margin-bottom:7px}.mobile-paths span{font-size:9px;color:#8391a4}.example-link{width:100%;display:flex;align-items:center;gap:10px;padding:20px 0;background:transparent;font-size:10px;font-weight:650;color:#637c9e}.example-link>span:last-child{margin-left:auto}.example-link .play-circle{width:23px;height:23px;font-size:15px;border-color:#d2deed}.home-demo-note{display:flex;align-items:flex-start;gap:8px;font-size:8px;color:#96a2b3;line-height:1.75;border-top:1px solid #e8edf3;padding-top:16px}.home-demo-note .tiny-dot{background:#8ca6cb;margin-top:5px;flex-shrink:0}.site-footer{border-top:0;padding-top:16px;padding-bottom:12px;display:flex;gap:10px}.site-footer>a,.site-footer .text-button{font-size:9px;color:#8092a9}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #e4eaf2;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 9px calc(9px + env(safe-area-inset-bottom));z-index:30}.bottom-nav button{background:transparent;border-radius:10px;padding:7px 8px 5px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:52px;color:#96a5b9}.bottom-nav button svg{height:21px;width:21px;stroke-width:1.7}.bottom-nav button>span{font-size:8px;font-weight:650}.bottom-nav button.active{color:var(--blue);background:#f0f5fc}.bottom-nav button.active svg{stroke-width:2}.workspace,.result-page{padding-top:11px;padding-bottom:15px;min-height:70dvh}.workspace-grid,.result-grid{display:block}.side-note{display:none}.workspace-top{margin-bottom:24px;gap:12px}.stepper{gap:11px;font-size:0}.stepper span{font-size:0;gap:0}.stepper b{height:24px;width:24px;font-size:10px}.workspace h1{font-size:29px;line-height:1.2;letter-spacing:-1.4px;margin:13px 0}.workspace .eyebrow{font-size:8px;letter-spacing:1.25px}.subheading{font-size:11px;line-height:1.75}.mode-switch{margin-top:7px;margin-bottom:25px}.mode-switch button{font-size:11px;padding:13px 8px;min-height:45px}.field-label{font-size:11px;margin:24px 0 13px}.field-label small{font-size:9px}.option{font-size:10px;padding:12px 9px;min-height:52px}.option-grid{gap:8px}.option-grid svg{height:17px;width:17px}.upload-box{min-height:170px}.upload-box strong{font-size:11px}.upload-box button{min-height:40px}.upload-note{font-size:8px;line-height:1.75}.row-fields{gap:13px}.row-fields .field-label{font-size:11px}.form-select{font-size:11px;min-height:49px}.inline-check{font-size:10px;gap:10px;padding:4px 0;line-height:1.8}.inline-check input{width:19px;height:19px}.wizard-bottom{display:flex;flex-direction:column-reverse;padding:20px 0 0;gap:13px;margin-top:25px}.wizard-bottom .primary{width:100%;min-height:52px;font-size:12px;justify-content:space-between;padding:16px 20px}.wizard-bottom p{max-width:none;text-align:center;font-size:9px}.time-options strong{font-size:25px}.time-options small{font-size:8px;line-height:1.7}.time-options .option{min-height:84px}.muted-note{font-size:9px}.result-heading{display:block}.result-heading .eyebrow{font-size:8px}.result-heading h1{font-size:29px;letter-spacing:-1.3px;margin:13px 0 11px}.result-title-group{align-items:flex-start}.session-thumb{height:42px;width:42px;margin-top:23px;border-radius:10px;margin-right:10px}.result-actions{margin-top:17px;gap:26px}.result-actions button{font-size:10px;min-height:38px}.result-grid{display:flex;flex-direction:column;gap:20px}.result-sidebar{display:contents}.timer-card{order:0;width:100%;padding:20px;border-radius:16px}.timer-card>.eyebrow{font-size:7px}.timer-display{font-size:50px;margin:5px 0 0}.timer-caption{font-size:9px;margin-bottom:15px}.timer-button{min-height:44px;font-size:11px;max-width:100%!important}.timer-reset{min-height:33px;padding-top:9px;font-size:9px}.plan-main{order:1;width:100%}.recommendation,.owned-tip{order:2;width:100%;margin:0}.plan-top{padding:19px 16px}.plan-top-line h2{font-size:15px}.plan-top-line span{font-size:9px}.task-list{padding:0 16px}.task-row{padding:19px 0;gap:11px}.task-row h3{font-size:12px;letter-spacing:-.2px}.task-row p{font-size:10px}.task-row .task-duration{font-size:8px;min-width:31px}.plan-note{font-size:9px;padding:14px 16px}.session-summary{margin-bottom:21px;margin-top:16px;gap:6px}.session-summary span{font-size:8px;padding:6px 9px}.before-after{padding:18px;margin-top:20px}.before-after h2{font-size:17px}.before-after>p{font-size:10px}.compare-frame{min-height:135px}.compare-frame>img{height:165px}.compare-frame button{font-size:9px;min-height:39px}.compare-frame .empty-label{font-size:9px}.compare-note{font-size:8px!important}.product-image{height:155px}.product-link{min-height:46px}.owned-tip h3{font-size:17px}.owned-tip p{font-size:10px}.completion-message{padding:16px}.completion-message h3{font-size:13px}.completion-message p{font-size:9px}.demo-badge{font-size:7px;padding:6px 9px}.back-button{font-size:10px;min-height:38px}.result-page .workspace-top{gap:5px}.result-page .back-button{font-size:9px}.result-page .demo-badge{font-size:7px;letter-spacing:0}.result-page .workspace-top{margin-bottom:18px}.plan-panel{border-radius:15px}dialog{width:calc(100% - 34px);max-width:425px;padding:30px 25px;border-radius:18px}dialog h2{font-size:25px}dialog p,dialog li{font-size:11px;line-height:1.8}dialog ol{padding-left:17px}dialog li{padding-left:5px;margin-bottom:12px}dialog .primary{width:100%;min-height:48px}#toast{bottom:calc(91px + env(safe-area-inset-bottom));font-size:10px;width:max-content;max-width:min(420px,90vw);text-align:center}.app-help,.room-shortcuts>button,.bottom-nav>button,.mobile-paths>button{touch-action:manipulation}
@media(max-width:370px){.wrap{padding-left:17px;padding-right:17px}.header-inner{padding:0 17px}.app-home h1{font-size:31px}.snap-card{padding:19px 12px;gap:10px}.snap-copy strong{font-size:11px}.snap-copy>span{font-size:8px}.snap-arrow{font-size:20px}.snap-icon{width:38px;height:38px}.mobile-steps{gap:8px;font-size:7px}.home-section-title h2{font-size:15px}.daily-challenge{height:200px}.challenge-content{inset:20px}.challenge-content>strong{font-size:22px}.room-shortcuts{gap:7px}.workspace h1{font-size:27px}.task-row h3{font-size:11px}.task-row p{font-size:9px}.task-row .task-duration{font-size:7px;min-width:26px}.result-heading h1{font-size:27px}.compare-frame button{padding:9px 8px;font-size:8px}.compare-frame .empty-label{font-size:8px}}
@media print{html,body{background:white;max-width:100%;padding:0}.bottom-nav{display:none}.timer-card{display:none!important}.result-grid{display:block}.recommendation{margin-top:20px}}