/* Layout reference supplied by the user. Presentation only. */
:root{--navy:#121e33;--bg:#fcfbfd;--muted:#656b7c;--pink:#f45e84;--keys-pink:#ff88a4;--keys-blue:#83b8ee;--yellow:#ffdd70;--keys-gray:#cdcdd2}
body{background:#f5f0ef;color:var(--navy)}#app{display:block;max-width:440px}.desktop-rail{display:none}.phone{width:100%;box-shadow:0 0 45px #24212f0a;background:var(--bg);min-height:100vh}
.phone>header{height:64px;background:var(--bg);position:relative;border-bottom:0;justify-content:center;padding:16px 22px}.phone>header .brand,.phone>header .prototype{display:none}.reference-page-title{font-size:18px}.phone>header .back{position:absolute;left:15px;top:10px;font-size:30px;font-weight:400;background:none;min-width:38px;color:#152138;text-decoration:none;padding:0}
main{padding:0 22px 112px}.heading{margin:10px 0 22px}.heading h1{font-size:23px!important}.heading p{font-size:14px!important}
nav{max-width:440px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px max(12px,env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #ecebf0;backdrop-filter:blur(14px)}nav button{height:46px;min-height:46px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9094a2}nav button>span{height:25px;width:25px;background:none!important;box-shadow:none!important;border-radius:0!important}nav svg{width:24px;height:24px;display:block}nav small{font-size:10px;line-height:1.4}nav button.current{color:#183859}nav button.current svg{stroke-width:2.3}
.primary{background:var(--pink);color:white;border:1px solid #eb426d;border-radius:12px;box-shadow:none;font-size:14px;min-height:54px}.secondary{background:white;border:1px solid #ffc2d2;color:#d93d68;border-radius:12px;box-shadow:none;font-size:14px}.wide{margin-top:14px}button svg{width:24px;height:24px;flex-shrink:0}
.screen-home>header{display:none}.screen-home main{padding-top:0}.reference-home-hero{position:relative;padding-top:32px}.reference-home-hero:before{content:'';position:absolute;z-index:0;top:0;left:-22px;right:-22px;height:232px;background:#102e45}.home-greeting{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;color:white}.home-greeting p{font-size:15px;font-weight:600;line-height:1.85}.home-greeting button{background:none;color:#fff;width:38px;height:38px;display:grid;place-items:center}
.court-banner{position:relative;width:calc(100% + 16px);margin-left:-8px;height:188px;border-radius:15px;background:#d7b98b url('../assets/volleyball-court.png') center/cover;text-align:left;display:flex;align-items:flex-end;padding:20px 16px;color:#152138;overflow:hidden;border:1px solid #ffffff80}.court-banner>span{font-size:15px;font-weight:600;line-height:1.9;background:#ffffffd9;border:1px solid #fff;border-radius:12px;padding:18px 13px;backdrop-filter:blur(6px)}.court-banner>i{margin:0 0 0 auto;display:grid;place-items:center;background:white;width:34px;height:34px;border-radius:50%;box-shadow:0 1px 4px #0003}.court-banner>i svg{width:18px;height:18px}
.home-record-actions{display:grid;gap:12px;margin:18px 0 34px}.home-record-actions button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;min-height:59px;padding:12px 13px}.home-record-actions button>span{flex:1;font-size:14px;font-weight:600}.home-record-actions button>svg:last-child{width:14px;height:14px}.home-record-actions .primary{background:#fa6b8d;border-color:#f64e7b;text-shadow:0 1px 1px #ae3458}.home-record-actions .secondary{color:#e64974}
.section-heading,.viz-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2,.viz-heading h2{font-size:18px;line-height:1.6}.section-heading button{background:none;font-size:12px;padding:6px 0;color:#63697b}.home-recent{margin:0 0 30px}.home .discovery-card{position:relative;background:#fff7e3;border:0;border-radius:15px;padding:18px 30px 18px 44px;margin:0;min-height:108px}.home .discovery-card:before{content:'♧';position:absolute;left:14px;top:30px;font-size:25px;color:#dba536}.home .discovery-card:after{content:'›';position:absolute;right:13px;top:42%;font-size:22px;color:#8a8790}.home .discovery-card h3{font-size:14px;font-weight:500;line-height:1.9;margin:0}.home .discovery-card .card-action,.home .discovery-card .simple-status{display:none}
.weekly-view{margin:28px 0 20px}.week-days{gap:8px}.week-days span{font-size:11px;font-weight:500;width:30px;height:30px;background:#f0f0f4;border:1px solid #e7e5ed;color:#333344}.week-days .recorded span{box-shadow:inset 0 1px 3px #ffffff9c,0 2px 3px #31364d0d}.week-days small{font-size:12px}.weekly-view>.viz-note{font-size:11px;margin-top:10px}.home-history{margin-top:22px;font-size:13px;color:#727687}
.screen-book>header{display:none}.screen-book main{padding-top:28px}.book>.heading{display:none}.book-entrances{margin:0 0 20px;display:flex;gap:18px;border-bottom:1px solid #e8e7ed}.book-entrances button{background:none!important;border:0!important;border-radius:0;min-height:36px;padding:4px 0 10px;font-size:13px;flex:1;color:#747989!important}.book-entrances button[aria-pressed="true"]{color:#ea4d79!important;box-shadow:inset 0 -2px #ef648a}
.recent-self{padding:0;margin:0 0 30px;background:none}.recent-self>.viz-heading h2{font-size:20px}.recent-self>.viz-heading>span{border:1px solid #e8e7ed;border-radius:15px;padding:4px 9px;color:#263147;background:#fff}.recent-self>p:first-of-type{font-size:12px;margin:0 0 16px}.classification-chart{display:flex;flex-wrap:nowrap;gap:12px;margin:22px -4px 24px}.donut{width:56%;flex-shrink:0;margin:0}.donut strong{font-size:27px}.donut span{font-size:11px}.chart-legend{min-width:0;gap:17px}.chart-legend li{grid-template-columns:12px 1fr;gap:7px;font-size:12px;align-items:start;line-height:1.65}.chart-legend li>i{width:12px;height:12px;margin-top:4px;border:1px solid #ffffff70;box-shadow:0 0 0 1px #00000007}.chart-legend li>b{grid-column:2;font-size:11px;color:#686c7a;margin-top:-7px;font-weight:400}.recent-self>.viz-note{padding:16px 16px 16px 34px;background:#f2f1f6;border:1px solid #e9e8ef;border-radius:12px;font-size:12px;position:relative}.recent-self>.viz-note:before{content:'▥';position:absolute;left:12px;top:18px;color:#a29dad;font-size:18px}
.result-history{margin:30px 0}.result-history>.viz-note{font-size:11px}.result-timeline{gap:0;min-width:100%;width:max-content;height:132px;border-top:1px solid #e8e8ef;border-bottom:1px solid #e8e8ef;background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,#e8e8ef 43px,#e8e8ef 44px)}.result-moment{position:relative;width:36px;min-width:36px;flex:1;border:0;border-right:1px solid #ecebf1;border-radius:0;background:transparent!important;display:block;padding:0;min-height:132px;overflow:visible}.result-moment>span{position:absolute;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:14px;height:14px;font-size:9px;border:1px solid #ffffff;box-shadow:0 0 0 1px #f591af;background:#ff91ac;color:#85384e;top:57px;border-radius:50%}.result-moment.up>span{top:14px;background:#ffd87e;box-shadow:0 0 0 1px #efc865;color:#725e35}.result-moment.unknown>span{top:101px;background:#bbc3d0;box-shadow:0 0 0 1px #aeb6c5;color:#323e52}.result-moment small{position:absolute;bottom:-25px;left:0;right:0;font-size:9px;color:#737888}.timeline-scroll{padding:12px 0 28px}.result-key{font-size:10px;margin-top:8px}
.play-bars{margin:30px 0;display:flex;flex-wrap:wrap;gap:0;align-items:flex-end}.play-bars>.viz-heading,.play-bars>.viz-note{width:100%}.play-bars>.viz-note{font-size:11px;margin-bottom:16px}.play-bars>button{position:relative;width:14.285%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;min-height:160px;height:160px;padding:0 3px 35px;margin:0;background:none;border-radius:0;text-align:center;min-width:0}.bar-name{position:absolute;bottom:0;left:0;right:0;font-size:10px;line-height:1.3;height:28px;display:flex;align-items:flex-start;justify-content:center;overflow-wrap:anywhere}.bar-track{width:100%;height:110px;background:none;display:flex;align-items:flex-end;border-radius:0;border-bottom:1px solid #e6e5eb}.bar-track i{width:100%!important;height:var(--bar-height,0%);min-height:0;border-radius:3px 3px 0 0;border:1px solid #0000000d;box-shadow:inset 0 1px 2px #fff6}.play-bars>button>b{font-size:12px;order:-1;margin-bottom:0;width:100%;text-align:center}.play-bars b small{display:none}
.reference-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #eceaf0;margin:0 0 18px;overflow:auto}.reference-tabs button{font-size:11px;padding:11px 0 12px;background:none;color:#596075;white-space:nowrap;min-height:40px}.reference-tabs .active{color:#ef4b78;border-bottom:2px solid #ef4b78}.play-photo{height:164px;border-radius:13px;background:url('../assets/volleyball-court.png') center/cover;position:relative;overflow:hidden;margin:0 0 22px}.play-photo.receive-photo{background-image:url('../assets/volleyball-receive.png')}.play-photo>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#9380aaca,#9987af55);padding:15px 18px;color:white}.play-photo h2{font-size:22px;text-shadow:0 1px 2px #3c244966}.play-photo p{font-size:14px}.play-photo p>span{background:#ffffffed;color:#605774;border-radius:4px;font-size:12px;padding:3px 5px;margin-right:8px}
.play-current{margin:20px 0 26px}.play-current>h2{font-size:17px;margin-bottom:10px}.facet-grid{gap:10px}.facet-grid article{padding:14px 12px;min-height:94px;border-radius:13px}.facet-grid h3{font-size:14px;margin-bottom:7px}.facet-grid strong{font-size:12px;font-weight:500}.facet-grid small{display:none}.reference-pattern-preview{margin:28px 0}.pattern-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pattern-preview-grid>button{padding:14px 12px;border-radius:13px;text-align:left;min-width:0;min-height:130px}.preview-down{background:#ffedf2}.preview-up{background:#fff7e0}.pattern-preview-grid h3{font-size:12px;font-weight:600;display:flex;gap:5px;align-items:center}.pattern-preview-grid h3 span{font-size:21px}.preview-down h3{color:#dc406e}.preview-up h3{color:#9b710d}.pattern-preview-grid ul{padding-left:13px;margin:10px 0 0;font-size:11px;line-height:1.9}.pattern-preview-grid p{font-size:12px;margin-top:12px}.reference-pattern-preview>.viz-note{font-size:10px;margin-top:8px}.coach-summary{margin:26px 0}.coach-summary-card{background:#f0eafa;text-align:left;width:100%;border-radius:13px;padding:18px 15px;line-height:1.9;font-size:13px}.coach-summary .section-heading h2{font-size:16px}
.patterns>.heading{display:none}.patterns .visual-patterns>.viz-note{font-size:11px;margin-bottom:22px}.pattern-outcome{margin:20px 0 34px}.pattern-outcome>h2{font-size:17px}.pattern-outcome>p{font-size:11px}.pattern-example{background:none;border-radius:0;padding:0;margin:16px 0}.pattern-example>summary{font-size:12px;gap:4px;padding:8px 0}.pattern-example>summary strong{font-size:13px}.pattern-status{font-size:11px}.pattern-example>summary small{font-size:10px}.reference-flow{margin-top:12px}.reference-flow-node{display:flex;gap:12px;background:#e5f2ff;border-radius:14px;padding:16px 14px;align-items:center}.reference-flow-node.event,.reference-flow-node.thought,.reference-flow-node.reflection{background:#ffedf1}.reference-flow-node.result{background:#ffedf1}.pattern-outcome.up .reference-flow-node.result{background:#e5f5ee}.pattern-outcome.up .reference-flow-node.thought,.pattern-outcome.up .reference-flow-node.before{background:#fff6db}.flow-symbol{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;background:#8bbde9;color:white;border:1px solid white;font-size:22px;box-shadow:0 0 0 1px #85b0dd}.event>.flow-symbol,.thought>.flow-symbol,.reflection>.flow-symbol{background:#ff9bb3;box-shadow:0 0 0 1px #f28aa9}.result>.flow-symbol{background:#f78b9c;box-shadow:0 0 0 1px #e47a90}.pattern-outcome.up .result>.flow-symbol{background:#6bb68f;box-shadow:0 0 0 1px #64a885}.reference-flow-node small{display:none}.reference-flow-node strong{font-size:13px;font-weight:500;line-height:1.8;display:block}.reference-flow-arrow{color:#ed8fa8;font-size:21px;line-height:18px;margin-left:27px}.pattern-outcome.up .reference-flow-arrow{color:#90bfd1}.unlinked-note{background:#f1eff6;border-radius:10px;padding:12px;margin-top:14px;font-size:12px}.unlinked-note small{display:block;font-size:11px;color:#666a7b}.unknown-questions h2{font-size:18px}
.book-discoveries h2,.category-title{font-size:18px}.book-categories .book-category{padding:16px;border-radius:12px}.book-category h2{font-size:16px}.book-category p{font-size:12px}.choice{font-size:15px!important;border-color:#dedce6!important;border-radius:13px!important}.choice.selected,.interview .choice.selected{background:#fff0f4;border-color:#ef7198!important}.question-bubble p{font-size:20px!important}.live-connection{background:#fff;border-color:#eeeaf2;border-radius:14px}.answer-bar{background:#fcfbfdf5}.record-types .type-card{border-radius:14px}.type-0{background:#fff7df}.type-1{background:#ffedf2}.type-2{background:#f0eafa}.coach .assistant-bubble{border:0;border-radius:14px;background:#f1ebfa}.coach .user-bubble{border-radius:14px}.profile-card{border-radius:16px;background:#fff}
@media(max-width:350px){main{padding-left:16px;padding-right:16px}.reference-home-hero:before{left:-16px;right:-16px}.court-banner{height:169px;padding:16px 12px}.court-banner>span{font-size:13px;padding:14px 10px}.home-record-actions button>span{font-size:12px}.home-record-actions button{gap:6px;padding:10px}.classification-chart{gap:9px}.donut{width:54%}.chart-legend li{font-size:11px}.chart-legend{gap:11px}.facet-grid h3{font-size:12px}.reference-tabs{gap:5px}.reference-tabs button{font-size:10px}.section-heading h2{font-size:16px}.reference-page-title{font-size:17px}}
.play-bars>button>b{position:absolute;bottom:calc(39px + var(--bar-size,0px));left:0;right:0;font-size:12px}.play-bars>button{justify-content:flex-end}
/* Additional supplied screens: photo selection, routes, conversation, review, account. */
.photo-play-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.photo-play-picker>button{overflow:hidden;border:1px solid #e8eaf0;border-radius:13px;background:#f8f9fc;padding:0;color:#111c32;text-align:center}.play-thumb{display:block;background-image:url('../assets/play-photos.png');background-size:200% 300%;background-repeat:no-repeat;background-color:#dce9f2}.play-receive{background-position:0 0}.play-set{background-position:100% 0}.play-spike{background-position:0 50%}.play-serve{background-position:100% 50%}.play-block{background-position:0 100%}.play-dig{background-position:100% 100%}.play-other{background-image:url('../assets/volleyball-court.png');background-size:cover;background-position:center}.photo-play-picker .play-thumb{height:112px}.photo-play-picker strong{display:block;font-size:15px;padding:10px 4px;line-height:1.4}.photo-play-picker .other-play{grid-column:1/-1;background:#e8f4ff;border-color:#d8eafd;padding:12px}.other-play small{display:block;font-size:12px}.other-play strong{padding:0 0 4px}
.record-kind-cards{display:grid;gap:18px;margin:28px 0 20px}.record-kind{position:relative;min-height:170px;text-align:left;border-radius:16px;padding:22px 20px}.record-kind.bad{background:#ffedf1}.record-kind.good{background:#fff7de}.kind-face{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#ff819d;color:white;border:1px solid white;box-shadow:0 1px 3px #e8577e30;font-size:39px;line-height:1;margin-bottom:14px}.good .kind-face{background:#ffc931}.record-kind h2{font-size:18px;line-height:1.6}.record-kind p{font-size:12px}.record-kind>b{position:absolute;right:20px;top:50%;font-size:25px;font-weight:400}.other-kinds{font-size:12px;margin:20px 0}.record .heading h1,.choosePlay .heading h1{font-size:21px!important;line-height:1.6}.record .date-label{font-size:12px}
.screen-choosePlay nav,.screen-record nav,.screen-interview nav,.screen-confirmRecord nav,.screen-editDraft nav{display:none}.screen-interview .reference-page-title,.screen-record .reference-page-title{display:none}.screen-interview main{padding-bottom:110px}.screen-choosePlay main,.screen-record main{padding-bottom:35px}.screen-interview .answer-bar{bottom:0;padding:12px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid #edebf1}.flow-stage{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 24px;font-size:12px}.flow-stage>span{height:6px;background:#e8ebef;flex:1;border-radius:9px}.flow-stage i{display:block;width:33%;height:100%;background:#66c89e;border-radius:9px}.flow-stage small{display:block;width:100%;font-size:10px;color:#687386;text-align:right}
.branch-step .question-bubble p{font-size:19px!important}.branch-step .question-bubble .coach-avatar{display:none}.branch-step .question-note{font-size:12px;margin:8px 0 20px;text-align:center}.branch-step .selection-help{display:none}.branch-step .choices{gap:10px}.branch-step .choice{border:1px solid transparent!important;background:#f1f2f5!important;padding:17px 14px 17px 56px!important;position:relative;min-height:90px}.branch-step .choice>span{font-size:14px;font-weight:600;line-height:1.65}.branch-step .choice-description{font-size:12px;font-weight:400;line-height:1.7;margin-top:4px}.branch-step .choice i{display:none}.branch-step [data-option-kind="execution"]{background:#ffebf0!important}.branch-step [data-option-kind="knowledge"]{background:#e6f3ff!important}.branch-step [data-option-kind="mental"]{background:#e6f7ee!important}.branch-step .choice:before{content:'?';position:absolute;left:13px;top:22px;display:grid;place-items:center;font-size:22px;width:31px;height:31px;border-radius:50%;background:#aeb5c0;color:white;border:1px solid white}.branch-step [data-option-kind="execution"]:before{content:'◎';background:#ff7496}.branch-step [data-option-kind="knowledge"]:before{content:'⌕';background:#639dec}.branch-step [data-option-kind="mental"]:before{content:'♧';background:#62bf94}.branch-step .choice.selected{border:2px solid #d94073!important;box-shadow:0 0 0 2px #fff!important}.branch-step .choice.selected:after{content:'✓';position:absolute;right:9px;top:6px;font-size:14px;color:#a82c55}
.conversation-flow{font-size:11px;color:#70798b;margin-bottom:16px}.conversation-flow>summary{cursor:pointer;padding:8px 0}.conversation-flow .live-connection{margin:10px 0 18px}.previous-answer{display:flex;justify-content:flex-end;margin:12px 0 18px}.previous-answer>span{max-width:83%;background:#5e9ae9;color:#fff;border-radius:13px 13px 3px 13px;padding:13px 15px;font-size:14px;line-height:1.8}.chat-step .question-bubble{display:flex;gap:10px;align-items:flex-start;padding:0;background:none!important;margin:12px 0}.chat-step .question-bubble .coach-avatar{display:grid!important;place-items:center;flex-shrink:0;width:30px;height:30px;background:#e6f0ff;border-radius:8px;color:#428aef}.chat-step .coach-avatar .keymark{background:none;font-size:25px;width:24px;height:24px;color:#428aef}.chat-step .question-bubble p{font-size:15px!important;background:#f0f1f6;padding:14px 15px;border-radius:4px 14px 14px 14px;line-height:1.85;margin:0;flex:1}.chat-step .question-note{font-size:12px;padding-left:40px;margin-top:6px}.chat-step .selection-help{font-size:12px;padding-left:40px}.chat-step .choices{margin-left:40px;gap:10px}.chat-step .choice{font-size:14px!important;border:1px solid #dce2ed!important;border-radius:12px!important;padding:13px 12px!important;min-height:50px;line-height:1.8}.chat-step .choice i{width:16px;height:16px}.chat-step .choice.selected{background:#e9f3ff;border-color:#699fe1!important}.chat-step .answer-bar .primary{background:#5a99ed;border-color:#4f8cdf}.chat-step #record-custom{margin-left:40px;width:calc(100% - 40px);background:#f1f3f8;border-radius:12px;font-size:14px}
.record-review h1{font-size:22px;margin-bottom:20px}.review-record-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #eceaf0}.review-record-head .play-thumb{width:70px;height:60px;border-radius:9px;flex-shrink:0}.review-record-head>div{flex:1}.review-record-head strong{font-size:15px}.review-record-head small{display:block;font-size:11px;color:#6b7183;margin-top:4px}.review-record-head .text-button{font-size:19px;padding:5px;text-decoration:none}.record-review>section{margin:24px 0}.record-review h2{font-size:17px;margin-bottom:12px}.review-finding{display:flex;gap:9px;align-items:flex-start}.review-finding>span{font-size:21px}.review-finding p,.review-unresolved{font-size:14px;line-height:1.9}.review-unresolved{background:#f3f3f7;border-radius:12px;padding:14px}.review-coach{padding:15px;background:#f0eafa;color:#333458;border-radius:12px;font-size:14px;line-height:1.8}.review-coach p{font-size:12px;margin-top:8px}.record-review>details{font-size:13px;margin:20px 0}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.review-actions button{font-size:15px}.edit-answer-list>button{display:grid;gap:9px;width:100%;text-align:left;background:white;border:1px solid #e3e5ee;border-radius:12px;padding:16px;margin:12px 0}.edit-answer-list small{font-size:12px;color:#636c80}.edit-answer-list strong{font-size:14px;font-weight:500}.edit-answer-list b{font-size:12px;color:#4589d8}
.profile-overview{text-align:center;padding:24px 0 26px}.profile-photo{display:block;width:88px;height:88px;margin:0 auto 14px;border-radius:50%;background:url('../assets/volleyball-court.png') 85% center/cover;border:3px solid white;box-shadow:0 0 0 1px #e2e7ef}.profile-overview h1{font-size:20px;line-height:1.5}.profile-overview p{font-size:12px;color:#71798a}.profile-menu{background:#fff;border-radius:12px}.profile-menu>button{width:100%;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ececf2;padding:17px 10px;background:none;color:#314763}.profile-menu span{flex:1;text-align:left;font-size:14px}.profile-menu svg{width:20px;height:20px}.profile-menu b{font-weight:400;font-size:19px;color:#8c95a6}.profileEdit .profile-card .avatar{display:none}.goalEdit input{display:block;margin-top:14px;width:100%;padding:16px;border-radius:10px;border:1px solid #d9dfea}.help-steps{display:grid;gap:12px}.help-steps h2{font-size:17px;margin-top:12px}.help-steps p{font-size:14px;line-height:1.9}
.play-progress-list{width:100%;margin:24px 0}.play-progress-list h2{font-size:17px;margin-bottom:14px}.play-progress-row{display:flex;gap:12px;align-items:center;width:100%;background:none;padding:12px 0;border-bottom:1px solid #ececf1;text-align:left}.play-progress-row .play-thumb{width:58px;height:42px;border-radius:7px;flex-shrink:0}.play-progress-row>div{flex:1}.play-progress-row strong{font-size:13px}.play-progress-row small{font-size:11px;color:#73798a}.play-progress-track{display:block;height:5px;border-radius:4px;background:#e9ecf2;margin-top:6px}.play-progress-track i{display:block;background:#f889a8;height:100%;border-radius:4px}.play-progress-row:nth-of-type(2) .play-progress-track i{background:#88b8f0}.play-progress-row:nth-of-type(3) .play-progress-track i{background:#f6d973}.play-progress-row:nth-of-type(4) .play-progress-track i{background:#b29ade}
@media(max-width:350px){.photo-play-picker .play-thumb{height:96px}.photo-play-picker{gap:10px}.record-kind{min-height:154px}.chat-step .choices{margin-left:28px}.chat-step .question-bubble{gap:7px}.branch-step .choice>span{font-size:13px}.branch-step .choice-description{font-size:11px}}

/* Keep the four book tabs legible on narrow phones. */
.book-entrances{gap:10px}.book-entrances button{white-space:nowrap;flex:1 0 auto}
@media(max-width:360px){.book-entrances{gap:8px}.book-entrances button{font-size:12px}}

/* The two personal answers lead; evidence opens only on request. */
.personal-section{margin:24px 0 36px}.personal-section>h2{font-size:19px;line-height:1.65;margin-bottom:14px}.personal-card{width:100%;display:block;text-align:left;padding:20px;margin:12px 0;border:0;border-radius:16px;background:#fff5da;color:#19283d}.personal-section.down .personal-card{background:#ffedf2}.personal-card small{font-size:13px;color:#555d70}.personal-card h3{font-size:19px;line-height:1.7;margin:12px 0}.personal-card p{font-size:14px;line-height:1.7}.personal-card .card-action{display:block;margin-top:18px;font-size:14px}.personal-empty{padding:22px;background:#f2f3f6;border-radius:14px;color:#5e6574;line-height:1.8}.growth-demo-controls{background:#eef4fc;padding:20px;border-radius:16px;margin:24px 0}.growth-demo-controls h2{font-size:18px}.growth-demo-controls p{font-size:13px;line-height:1.8}.growth-demo-controls select{width:100%;font-size:16px;padding:12px;margin-top:10px;background:white;border:1px solid #b3c3dc;border-radius:8px;color:#19283d}.personalDetail h1{font-size:24px}.personalDetail h2{font-size:19px;line-height:1.7;margin-top:30px}.personalDetail p{line-height:1.9}.recovery-links{background:#fff7df;padding:18px;border-radius:14px;margin-top:32px}.personal-review{margin:30px 0}.personal-review button{margin:10px 0}.personalDetail .map-card{margin:12px 0}