.room-card{position:relative}.room-scene{isolation:isolate}.scene-shade,.scene-tint{pointer-events:none;position:absolute;inset:0 0 auto;height:237px;border-radius:18px 18px 0 0;transition:opacity .7s,background .7s}.scene-shade{background:#040910;mix-blend-mode:multiply}.scene-tint{mix-blend-mode:soft-light}.air-flow{position:absolute;right:26px;top:72px;letter-spacing:10px;color:#b2e0f5;font-size:28px;animation:breeze 3s ease-in-out infinite;pointer-events:none}@keyframes breeze{50%{transform:translateX(-15px);opacity:.4}}.observation-block{padding:23px;border-top:1px solid var(--line)}.observation-block>p{font-size:13px;line-height:1.9}.scene-tags{display:flex;gap:7px;flex-wrap:wrap}.scene-tags span{font-size:10px;border:1px solid #9fd4a830;background:#9fd4a809;border-radius:20px;padding:3px 9px;color:var(--green)}.decision-reason{background:#0d171040;border-left:2px solid var(--green);padding:10px 14px;margin-top:16px}.decision-reason>span{color:var(--green);font-size:10px}.decision-reason p{font-size:12px;margin:5px 0}.device-feedback{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.device-feedback button{font-size:12px;padding:9px 14px;color:var(--green)}.event-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:end}.event-actions .outline-btn{font-size:10px;padding:6px 9px}.feedback-preview{color:var(--green);border-left:2px solid var(--green);padding-left:12px;min-height:24px}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:16px 0 6px}input[type=range]{width:100%;accent-color:var(--green);padding:0;height:28px;cursor:ew-resize;border:0}.growth-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 25px}.growth-intro h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:0}.growth-intro p{color:var(--muted);font-size:12px}.growth-intro .primary{width:auto;font-size:12px}.grow-mode .workspace{display:block}.grow-mode .camera-card{display:none}.grow-mode.recording .camera-card{display:block;max-width:480px;margin:0 auto 30px}.course-collection{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0 25px}.course-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:left;padding:0;transition:border-color .2s}.course-card[aria-pressed=true]{border:2px solid var(--green)}.course-card img{width:100%;height:105px;object-fit:cover;display:block}.course-card .course-plus{height:105px;display:grid;place-items:center;font-size:36px;color:var(--green)}.course-card strong{display:block;font-size:12px;font-weight:500;padding:10px 12px}.growth-recorder{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:20px 0}.compare-content{padding:0 23px 23px}.compare-selects{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.compare-selects label{font-size:11px;color:var(--green)}select{display:block;width:100%;max-width:100%;margin-top:5px;border-radius:7px;border:1px solid #ffffff25;background:#111b15;color:var(--ink);padding:10px;font:inherit;font-size:12px}.compare-images{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101a14;border-radius:10px}.compare-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101a14}.compare-images #beforeImg{clip-path:inset(0 50% 0 0)}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#eff4df;pointer-events:none;box-shadow:0 0 7px #000}.compare-divider:after{content:'↔';position:absolute;top:48%;left:-19px;background:#eaf4d9;color:#1c3023;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.compare-label{position:absolute;top:12px;border-radius:20px;background:#102018ca;font-size:11px;padding:4px 12px}.compare-label.left{left:12px}.compare-label.right{right:12px}.reflection{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);margin-top:18px;padding-top:10px;font-size:12px;color:var(--muted)}.growth-goal{font-family:var(--serif);font-size:17px;color:var(--green);border-top:1px solid var(--line);padding-top:16px}.album-heading{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.album-heading h2{font-weight:500;font-size:18px}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.album-entry{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;text-align:left;padding:0}.album-entry img{width:100%;height:200px;object-fit:cover;display:block}.album-entry .album-body{padding:17px}.album-entry strong{display:block;font-family:var(--serif);font-size:18px;font-weight:400;margin:6px 0}.album-entry p{font-size:12px;color:var(--muted)}.album-entry small{font-size:10px;color:var(--green)}.learning-proof{font-size:10px;color:var(--muted);padding-top:10px}.room-controls .reading{min-width:0}.event .event-main{min-width:0}
@media(max-width:720px){.scene-shade,.scene-tint{height:220px}.observation-block{padding:18px}.growth-intro{display:block}.growth-intro h2{font-size:24px}.growth-intro .primary{width:100%;margin-top:15px}.course-collection{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px}.course-card{flex:0 0 125px}.course-card img,.course-card .course-plus{height:85px}.compare-content{padding:0 15px 18px}.compare-selects{gap:10px}.compare-images{aspect-ratio:4/3}.compare-selects select{font-size:11px;padding:8px}.reflection{gap:12px;font-size:11px}.album-grid{grid-template-columns:1fr}.album-entry img{height:190px}.event-actions{max-width:95px}.device-feedback button{flex:1;font-size:11px}.growth-goal{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.voice-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px;font-size:10px;color:var(--muted)}.voice-controls audio{height:32px;max-width:100%}.voice-controls #voiceMessage{font-size:10px;color:var(--warm)}