#subject-motion *{box-sizing:border-box}#subject-motion .ps-scenes{margin:0;background:#081223;color:#eaf2ff;font:16px system-ui}#subject-motion .ps-scenes{max-width:1150px;margin:auto;padding:40px 22px}#subject-motion .eyebrow{color:#7cbffa;letter-spacing:3px;font-size:11px}#subject-motion h1{font-size:clamp(30px,6vw,58px);letter-spacing:-2px;margin:16px 0}#subject-motion p{color:#a5b8ce}#subject-motion .grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}#subject-motion article{position:relative;background:linear-gradient(145deg,#15263d,#0c172a);border:1px solid #283a51;border-radius:25px;padding:24px;overflow:hidden}#subject-motion h2{margin:0;font-size:25px}#subject-motion small{color:#93a8bf}#subject-motion canvas{width:100%;height:290px;display:block}#subject-motion button{border:1px solid #45607d;border-radius:30px;background:#203b58;color:white;padding:12px 20px;font:inherit;cursor:pointer}#subject-motion footer{display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:650px){#subject-motion .grid{grid-template-columns:1fr}#subject-motion canvas{height:250px}}@media(prefers-reduced-motion:reduce){#subject-motion *{scroll-behavior:auto}}#subject-motion .ps-scenes{background:transparent}#subject-motion .ps-scenes{padding:22px 12px;max-width:1150px}#subject-motion h1{font-size:32px;letter-spacing:-1px}#subject-motion canvas{height:230px}#subject-motion .grid{margin-top:20px}#subject-motion button:focus-visible{outline:3px solid #7cbffa}#subject-motion article{min-width:0}#subject-motion footer{flex-wrap:wrap}@media(max-width:650px){#subject-motion canvas{height:220px}}#subject-motion .ps-scenes{background:#081223;border-radius:24px;padding:30px 24px}#subject-motion footer{position:static;background:transparent;margin:0;border:0}#subject-motion h2{color:#eaf2ff}#subject-motion button{min-height:44px}

#subject-motion .learning{margin-top:18px;border-top:1px solid #30455d;padding-top:18px;font-size:14px;line-height:1.6}#subject-motion .learning p{margin:12px 0}#subject-motion .learning label{display:block;color:#d6e5f5}#subject-motion .learning input{display:block;width:100%;margin-top:10px;min-height:36px}#subject-motion .dna-input{background:#0b1b2f;color:white;border:1px solid #56718e;border-radius:8px;padding:10px;font:16px monospace}#subject-motion .learning .readout{color:#b9e4ff;font-weight:650;overflow-wrap:anywhere}#subject-motion .learning small{display:block;line-height:1.6}
#subject-motion .ps-scenes{padding:22px 18px}#subject-motion .grid{gap:14px}#subject-motion article{padding:16px;border-radius:16px}#subject-motion canvas{height:150px}#subject-motion h1{font-size:26px;margin:10px 0}#subject-motion h2{font-size:21px}#subject-motion .learning{font-size:13px;margin-top:12px;padding-top:12px}#subject-motion .learning p{margin:8px 0}#subject-motion .learning small{font-size:12px}#subject-motion .quick-revision{margin-top:14px;border-top:1px solid #30455d;padding-top:12px}#subject-motion summary{cursor:pointer;color:#a9dfff;font-weight:650;min-height:36px}#subject-motion .quick-revision ul{padding-left:18px;color:#e3edfa}#subject-motion .quick-revision li{margin:8px 0;overflow-wrap:anywhere}#subject-motion footer{padding:0;min-height:44px}#subject-motion button{font-size:13px;padding:8px 12px}@media(max-width:650px){#subject-motion canvas{height:145px}#subject-motion .ps-scenes{padding:18px 12px}}