
/* Mobile preview and matching prototype frames load this exact file. */
[hidden]{display:none!important}
.live-copy{white-space:pre-line}
.live-notice{color:#a44736}
.answer-legend{font-size:11px;text-align:center}
.phone{position:relative;overflow:clip;width:min(100%,390px)}
.screen{padding-bottom:120px}
.sticky{left:50%;transform:translateX(-50%);width:min(100%,390px);max-width:100vw;z-index:10}
.sticky button{min-width:0;overflow-wrap:anywhere}
.character-track{align-items:stretch;touch-action:pan-x pan-y;aspect-ratio:1;height:auto!important;overflow-y:hidden}
.character-track{cursor:grab}
.character-track.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.character-slide{height:100%;min-width:0;background:transparent;align-items:center}
.character-slide img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}
.hero{padding-top:20px}
#home.screen{padding-bottom:0}
#home .sticky{position:relative;left:auto;transform:none;width:calc(100% + 48px);max-width:none;margin:24px -24px 0}
@media(max-width:350px){#home .sticky{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}}
.result-people{display:block;width:100%;height:300px;margin:12px auto;object-fit:contain;object-position:center}
.poster-person{object-fit:contain}
.poster{display:block;aspect-ratio:auto;padding:0;border-radius:14px;overflow:hidden}
.poster::before{display:none}
.poster-preview-image{display:block;width:100%;height:auto}
.icon-choice{min-width:0;padding:5px;min-height:68px}
.icon-choice span{position:relative;display:block;width:min(38px,100%);height:auto;aspect-ratio:1;border:2px solid #79a785;border-radius:50%;overflow:hidden;background:#f7faf5!important}
.icon-choice span::after{content:'';position:absolute;left:0;right:0;bottom:0;background:#588d67;height:var(--fill)}
.icon-choice:nth-child(1){--fill:0%}.icon-choice:nth-child(2){--fill:25%}.icon-choice:nth-child(3){--fill:50%}.icon-choice:nth-child(4){--fill:75%}.icon-choice:nth-child(5){--fill:100%}
.icon-choice.selected{border:2px solid #427d51;background:#eaf3e8}
@media(max-width:350px){.screen{padding-left:18px;padding-right:18px}.top{padding-left:18px;padding-right:18px}.sticky{padding-left:18px;padding-right:18px}.icon-choices{gap:6px}.sticky button{padding-left:10px;padding-right:10px}}
.prototype-frame .phone{min-height:0;box-shadow:none}
.prototype-frame .screen{padding-bottom:0}
.prototype-frame .sticky{position:relative;left:auto;transform:none;max-width:none;width:calc(100% + 48px);margin:32px -24px 0}
.prototype-frame .hero{padding-top:20px}
@media(max-width:350px){.prototype-frame .sticky{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}}

.question-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.quiet-home{flex:none;width:auto;min-height:36px;padding:6px 0 6px 8px;border:0;background:transparent;color:#69796d;font:inherit;font-size:11px;cursor:pointer}.quiet-home:focus-visible{outline:2px solid #427d51;outline-offset:2px}
.result-share-dialog{box-sizing:border-box;width:calc(100% - 28px);max-width:390px;max-height:92dvh;padding:20px;border:0;border-radius:22px;background:#f7f5ef;color:#263b37;overflow:auto;box-shadow:0 18px 70px #152c3640}.result-share-dialog::backdrop{background:#172e29a6}.share-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.share-heading h2{font-size:20px;margin:0}.share-heading p{font-size:12px;color:#748174;margin:5px 0 14px}.share-close{border:0;background:#e5ece2;color:#365b4c;border-radius:50%;width:36px;height:36px;flex:none;font-size:24px;cursor:pointer}.share-preview{background:#eeeee5;border-radius:12px;padding:8px;text-align:center}.share-preview img{display:block;max-width:100%;max-height:43dvh;width:auto;height:auto;margin:auto;box-shadow:0 3px 12px #263b3718}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-actions button{font-size:14px;padding:13px 6px;border-radius:13px;cursor:pointer}.share-download{display:block;text-align:center;color:#477b5b;font-size:13px;padding:13px;text-decoration:underline}.share-demo-note{font-size:11px;text-align:center;color:#7b877a;margin:0}#shareStatus{font-size:12px;line-height:1.65;min-height:40px;margin:12px 0}

#question .sticky #livePrev{width:100%;flex:1;display:block}
.report-home-action{justify-content:center}.report-home-action #deepBack{width:min(100%,280px)}
.site-footer{padding:22px 24px 28px;border-top:1px solid #e3e7de;color:#7a877d;font-size:11px;line-height:1.8;text-align:center}.site-footer p{margin:0}.site-footer a{color:#557c60;text-decoration:none}.site-footer a:hover{text-decoration:underline}

.top{flex-wrap:wrap;gap:8px}.top .brand{font-size:14px;letter-spacing:0}.hero h1{font-size:36px}.pair h3{font-size:16px}

.deep-roles{display:flex;flex-wrap:wrap;gap:8px}.deep-roles button{width:auto;padding:8px 14px}.deep-roles [aria-pressed="true"]{background:#365b4c;color:white}.deep-priority{background:#e7efdf}.deep-day{border-top:1px solid #dce4d7;padding:14px 0}.deep-day summary{cursor:pointer;font-weight:600}#liveDeep .live-copy{white-space:pre-line}
.deep-evidence summary{cursor:pointer;font-size:14px;color:#526c59}.deep-evidence .live-copy{margin-top:16px}
.ops-note{margin:6px 0 14px}.ops-error{min-height:1.5em;color:#a44736}.ops-row,.compact-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.compact-card{align-items:center}.compact-card p{margin:4px 0 0}.compact-card .secondary{width:auto;min-width:72px;padding:10px 12px}.order-card .primary,.order-card .secondary{width:100%;margin-top:8px}.ops-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.ops-actions .secondary{padding:12px 8px;font-size:13px}.ops-back{width:100%;margin-top:22px}.ops-label{display:block;margin:16px 0;color:#526c59;font-size:13px;font-weight:700}.ops-label input,.ops-label select,.ops-label textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d5e0d1;border-radius:13px;background:#fbfcf8;color:#263b37;font:inherit;font-weight:400;outline:none}.ops-label textarea{resize:vertical;min-height:104px}.ops-label input:focus,.ops-label select:focus,.ops-label textarea:focus{border-color:#477b5c;box-shadow:0 0 0 3px #dcebd9}.ops-consent{display:flex;align-items:flex-start;gap:9px;margin:18px 0;color:#526c59;font-size:13px;line-height:1.65}.ops-consent input{margin-top:4px;accent-color:#477b5c}.text-button{display:block;width:100%;padding:11px 4px;border:0;background:transparent;color:#477b5c;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.payment-card{background:linear-gradient(145deg,#eef4ea,#fffdfa)}#liveOps .pill{margin-bottom:8px}
.report-view-switch{display:flex;gap:8px;margin-top:20px}.report-view-switch button{flex:1;min-width:0;padding:12px 8px;font-size:13px}.report-view-switch [aria-pressed="true"]{background:#365b4c;color:#fff}.deep-week>summary{cursor:pointer;font-weight:600;color:#526c59}.deep-encouragement{background:#e8eee0;border-left:3px solid #79916e}.deep-encouragement .live-copy{line-height:1.95}
