.morning-scene{isolation:isolate;perspective:1100px;color:#142c45;contain:paint;background:#f3e5c9;border:1px solid #ffffffa8;border-radius:36px;min-height:530px;position:relative;overflow:hidden;box-shadow:0 28px 80px #25354628,inset 0 3px #ffffff90}.morning-camera{transform-style:preserve-3d;will-change:transform;animation:18s ease-in-out infinite morning-camera-drift;position:absolute;inset:-4%}.morning-landscape{object-fit:cover;object-position:65% center;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(-42px)scale(1.14)}.morning-light{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(120deg,#fff8d93b,#0000 42%,#dcecfe15);animation:12s ease-in-out infinite morning-light-drift;position:absolute;inset:0;transform:translateZ(5px)}.morning-canopy{object-fit:cover;pointer-events:none;width:100%;height:100%;animation:15s ease-in-out infinite morning-canopy-sway;position:absolute;inset:0;transform:translateZ(85px)scale(1.12)}.morning-guide-orbit{width:280px;height:300px;transform-style:preserve-3d;animation:7s ease-in-out infinite morning-guide-float;position:absolute;bottom:16%;right:10%}.morning-guide{object-fit:contain;filter:drop-shadow(0 25px 16px #193d4825);width:100%;height:auto;position:absolute;bottom:0;transform:translateZ(48px)rotateY(-8deg)}.morning-learning-card{color:#122d4b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #fff;border-radius:20px;grid-template-columns:32px 1fr;align-items:center;gap:4px 8px;width:200px;padding:16px 18px;display:grid;position:absolute;bottom:9%;left:-22%;transform:translateZ(100px)rotateY(12deg)rotateX(6deg)rotate(-4deg);box-shadow:0 12px #c0ced057,0 24px 38px #1e3a5130}.morning-learning-card span{font-size:17px;font-weight:750}.morning-learning-card small{grid-column:2;font-size:12px;line-height:1.4}.morning-caption{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe8;border:1px solid #fff;border-radius:16px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:650;display:flex;position:absolute;inset:22px 22px auto;box-shadow:0 6px 22px #394e4910}.morning-motion-control{color:#213a52;cursor:pointer;background:#fff;border:1px solid #cad4d4;border-radius:12px;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;margin-inline-start:auto;display:grid}.morning-motion-control:focus-visible{outline-offset:3px;outline:3px solid #1c4774}.morning-steps{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #fff;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:12px;list-style:none;display:grid;position:absolute;inset:auto 20px 20px}.morning-steps li{text-align:center;color:#51616a;align-content:start;justify-items:center;gap:7px;font-size:11px;line-height:1.35;display:grid}.morning-steps li>span{background:#fff;border:1px solid #afbdc3;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:700;display:grid}.morning-steps li.current{color:#173d60;font-weight:750}.morning-steps li.current>span{color:#fff;background:#173d60;border-color:#173d60;box-shadow:0 0 0 4px #dfe9e3}.morning-steps li.complete>span{color:#1f5142;background:#e8f0e9}.morning-scene.compact{border-radius:24px;min-height:300px;box-shadow:0 14px 35px #183c471a}.compact .morning-guide-orbit{width:165px;height:190px;bottom:6%;right:11%}.compact .morning-learning-card{grid-template-columns:24px 1fr;width:140px;padding:10px;font-size:13px;bottom:3%;left:-17%}.compact .morning-learning-card span{font-size:14px}.compact .morning-learning-card small{font-size:10px}.compact .morning-caption{gap:7px;padding:5px 9px;font-size:12px;inset:12px 12px auto}.compact .morning-motion-control{min-width:38px;min-height:38px}.motion-paused .morning-camera,.motion-paused .morning-canopy,.motion-paused .morning-guide-orbit,.motion-paused .morning-light{animation-play-state:paused}@keyframes morning-camera-drift{0%,to{transform:rotateX(1deg)rotateY(-2deg)translate(-4px)}50%{transform:rotateX(-1deg)rotateY(2deg)translate3d(5px,-5px,12px)}}@keyframes morning-canopy-sway{0%,to{transform:translateZ(85px)scale(1.12)rotate(-.8deg)}50%{transform:translateZ(95px)scale(1.13)rotate(1deg)}}@keyframes morning-guide-float{0%,to{transform:translateZ(32px)rotateY(-3deg)}50%{transform:translate3d(-4px,-13px,45px)rotateY(4deg)}}@keyframes morning-light-drift{50%{opacity:.55;transform:translate3d(8px,-4px,20px)}}@media (max-width:700px){.morning-scene{border-radius:25px;min-height:410px}.morning-guide-orbit{width:220px;height:245px;bottom:22%;right:9%}.morning-learning-card{width:168px;padding:12px;left:-18%}.morning-caption{inset:14px 14px auto}.morning-steps{gap:5px;padding:12px 7px;inset:auto 12px 12px}.morning-scene.compact{min-height:180px;max-height:180px}.compact .morning-guide-orbit{width:130px;height:145px;bottom:-5px;right:17%}.compact .morning-learning-card{width:150px;bottom:18%;left:-64%}.compact .morning-caption{max-width:calc(100% - 26px)}.compact .morning-canopy{opacity:.8}}@media (prefers-reduced-motion:reduce){.morning-scene *{will-change:auto!important;animation:none!important}.morning-motion-control{display:none}}